:root{--color-black:#000000;--color-white:#ffffff;--color-bg-primary:#0a0a0c;--color-bg-secondary:#121216;--color-bg-tertiary:#1a1a1f;--color-bg-elevated:#222228;--color-bg-overlay:rgba(0,0,0,0.85);--color-surface-card:rgba(255,255,255,0.03);--color-surface-card-hover:rgba(255,255,255,0.06);--color-surface-glass:rgba(255,255,255,0.05);--color-surface-glass-border:rgba(255,255,255,0.08);--color-text-primary:#f5f5f7;--color-text-secondary:#a1a1a6;--color-text-tertiary:#6e6e73;--color-text-muted:#48484a;--color-accent-primary:#d4a853;--color-accent-primary-hover:#e6bc6a;--color-accent-primary-muted:rgba(212,168,83,0.15);--color-accent-secondary:#3ecfb2;--color-accent-secondary-hover:#5ee0c5;--color-accent-secondary-muted:rgba(62,207,178,0.15);--color-success:#30d158;--color-warning:#ffd60a;--color-error:#ff453a;--color-info:#64d2ff;--color-rating-high:#46d369;--color-rating-medium:#f5c518;--color-rating-low:#ff6b6b;--font-display:"Playfair Display","Georgia",serif;--font-heading:"Outfit","Helvetica Neue",sans-serif;--font-body:"DM Sans","Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono","Consolas",monospace;--text-xs:0.64rem;--text-sm:0.8rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.75rem;--text-6xl:4.5rem;--leading-none:1;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -2px rgba(0,0,0,0.5);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.6),0 4px 6px -4px rgba(0,0,0,0.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.7),0 8px 10px -6px rgba(0,0,0,0.5);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.8);--shadow-glow-accent:0 0 40px rgba(212,168,83,0.3);--shadow-glow-subtle:0 0 60px rgba(255,255,255,0.05);--z-base:0;--z-above:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--z-max:9999;--duration-instant:0ms;--duration-fast:100ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--duration-slowest:700ms;--ease-linear:linear;--ease-out:cubic-bezier(0.33,1,0.68,1);--ease-in:cubic-bezier(0.32,0,0.67,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out-back:cubic-bezier(0.68,-0.6,0.32,1.6);--ease-spring:cubic-bezier(0.22,1.2,0.36,1);--spring-snappy:500,0.8;--spring-bouncy:400,0.6;--spring-smooth:300,0.9;--spring-gentle:200,0.95;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--container-fluid:100%;--header-height:4.5rem;--sidebar-width:280px;--player-controls-height:80px}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms;--duration-slower:0ms;--duration-slowest:0ms}}@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}html{scrollbar-gutter:stable}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface-glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-primary)}b,strong{font-weight:var(--weight-semibold)}small{font-size:var(--text-sm)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}img,video{max-width:100%;height:auto;display:block}img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}ol,ul{list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--container-2xl);margin-inline:auto;padding-inline:var(--space-4)}@media (min-width:640px){.container{padding-inline:var(--space-6)}}@media (min-width:1024px){.container{padding-inline:var(--space-8)}}.text-gradient{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::selection{background:var(--color-accent-primary-muted);color:var(--color-text-primary)}main{min-height:calc(100vh - var(--header-height));padding-top:var(--header-height)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton{position:relative;overflow:hidden;background:var(--color-surface-card);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shimmer 1.5s infinite}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}