*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #0d0d0d;--ink2: #1a1a1a;--ink3: #2a2a2a;--paper: #f2ede6;--paper2: #e8e1d8;--amber: #f59e0b;--amber2: #d97706;--amber-glow: rgba(245,158,11,.18);--red: #e63946;--muted: rgba(242,237,230,.45);--muted2: rgba(242,237,230,.2);--muted3: rgba(242,237,230,.08);--font-display: "Bebas Neue", "Arial Narrow", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--r-xl: 32px;--r-pill: 9999px;--ease: cubic-bezier(.25, .46, .45, .94);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--t1: .12s;--t2: .24s;--t3: .4s;--nav-h: 64px;--player-h: 72px;--safe-b: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}::-webkit-scrollbar{width:0}::selection{background:var(--amber);color:var(--ink)}.display{font-family:var(--font-display);line-height:.95;letter-spacing:.02em}.mono{font-family:var(--font-mono)}.amber{color:var(--amber)}.muted{color:var(--muted)}.btn-glow{background:var(--amber);color:var(--ink);border:none;cursor:pointer;font-family:var(--font-display);font-size:18px;letter-spacing:.05em;padding:14px 32px;border-radius:var(--r-pill);box-shadow:0 0 32px #f59e0b66;transition:transform var(--t1) var(--ease-back),box-shadow var(--t2) var(--ease)}.btn-glow:active{transform:scale(.95);box-shadow:0 0 16px #f59e0b33}.btn-icon{background:var(--muted3);border:1px solid var(--muted2);color:var(--muted);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t1),color var(--t1),transform var(--t1) var(--ease-back)}.btn-icon:active{transform:scale(.88)}.btn-icon--active{background:var(--amber-glow);color:var(--amber);border-color:#f59e0b4d}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill);background:var(--muted3);color:var(--muted);border:1px solid var(--muted2)}.tag--amber{background:var(--amber-glow);color:var(--amber);border-color:#f59e0b40}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--muted2) 30%,var(--muted2) 70%,transparent)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skel{background:linear-gradient(90deg,var(--ink2) 25%,var(--ink3) 50%,var(--ink2) 75%);background-size:1200px 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}