*,*: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)}:root{--ax-accent: #7c6cff;--ax-accent2: #348f84;--ax-bg: #0c0c14;--ax-bg2: #13131f;--ax-card: rgba(255,255,255,.06);--ax-card2: rgba(255,255,255,.1);--ax-brd: rgba(255,255,255,.1);--ax-text: #f3f3fa;--ax-muted: #9a9ab5;--ax-radius: 20px}[data-theme=light]{--ax-bg: #f5f4fb;--ax-bg2: #ffffff;--ax-card: rgba(20,20,40,.04);--ax-card2: rgba(20,20,40,.07);--ax-brd: rgba(20,20,40,.1);--ax-text: #16161f;--ax-muted: #5d5d72}@keyframes ax-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ax-flow{background-image:linear-gradient(120deg,var(--ax-accent),var(--ax-accent2),var(--ax-accent));background-size:220% 220%;animation:ax-flow 7s ease infinite}.ax-text-flow{background-image:linear-gradient(120deg,var(--ax-accent),var(--ax-accent2),var(--ax-accent));background-size:220% 220%;animation:ax-flow 7s ease infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ax-eq{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}.ax-hide-scroll::-webkit-scrollbar{width:0;height:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--ax-bg);color:var(--ax-text);-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)}@media(min-width:768px){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--muted3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}button,a,[role=button]{cursor:pointer}.track-row:hover{background:var(--amber-glow)!important}}@media(min-width:1200px){.bento-layout{display:grid;grid-template-columns:1fr 320px;gap:0}}@media(min-width:768px){.ax-gcard{position:relative;border-radius:14px;padding:10px;cursor:pointer;transition:background .2s var(--ease)}.ax-gcard:hover{background:var(--ax-card)}.ax-gplay{opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.ax-gcard:hover .ax-gplay{opacity:1;transform:translateY(0)}.ax-quick{transition:background .15s}.ax-quick:hover{background:var(--ax-card2)}.ax-qplay{opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s}.ax-quick:hover .ax-qplay{opacity:1;transform:translateY(0)}.ax-mood2{transition:transform .2s var(--ease)}.ax-mood2:hover{transform:translateY(-3px)}}