@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap";:root{--bg:#000;--surface:#0c0c0e;--surface-raised:#161618;--ink:#fff;--ink-2:#fafafc;--ink-3:#d2d2da;--gold:#f0b44a;--gold-light:#ffe19a;--gold-dim:#f0b44a33;--gold-border:#ffe19a7a;--orange:#e76a2b;--teal:#1c8b84;--purple:#8b64ff;--purple-dim:#8b64ff29;--purple-border:#8b64ff57;--success:#77e0a0;--success-dim:#77e0a029;--error:#ff9a8f;--error-dim:#ff9a8f29;--ring-bronze:#b87a3a;--ring-gold:#c98b2b;--ring-purple:#7a4dff;--ring-teal:#1c8b84;--border:#ffffff26;--border-md:#ffffff4d;--tab-bg:#08080ad1;--player-bg:#000;--player-surface:#1c1c1e;--player-text:#fff;--player-text-2:#ffffffa6;--font-display:"Bebas Neue", "Anton", sans-serif;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--font-editorial:"Cormorant Garamond", Georgia, serif;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-full:999px;--shadow-sm:0 4px 12px #00000075;--shadow-md:0 16px 38px #0000008f;--shadow-lg:0 30px 72px #000000b8;--shadow-gold:0 10px 34px #f0b44a75;--shadow-card:0 18px 42px #000000a8, inset 0 1px 0 #ffffff1f;--screen-pad:20px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--app-height:100dvh;--nav-pill-height:58px;--nav-pill-bottom:0px;--nav-collapsed-size:58px;--mobile-tab-height:calc(var(--nav-pill-height) + 18px);--mini-player-height:0px;--tab-h:var(--mobile-tab-height);--mini-player-h:var(--mini-player-height);--touch-min:44px;--overlay-side-pad:0px;--floating-gap:0px;--nav-bottom-offset:0px;--bottom-overlay-clearance:calc(var(--mobile-tab-height) + var(--mini-player-height) + var(--safe-bottom));--ease:cubic-bezier(.25, .46, .45, .94);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--fg:var(--ink);--fg2:var(--ink-2);--fg3:var(--ink-3);--bg-card:var(--surface);--bg-surface:var(--surface-raised);--bg-input:var(--surface-raised);--gold-hi:var(--gold-light);--gold-deep:#b9781f;--green:var(--success);--green-dim:var(--success-dim);--green-border:#3bb2734d;--red:var(--error);--red-dim:var(--error-dim);--burnt-orange:var(--orange);--border-hi:var(--border-md);--ink-on-light:#090703;--ring-direct:var(--ring-gold);--ring-connected:var(--ring-purple);--ring-overlap:var(--teal);--ring-new:var(--success);--player-progress:var(--player-text);--tab-bar-height:var(--mobile-tab-height);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:var(--app-height);min-height:var(--app-height);overscroll-behavior:none}body{width:100%;height:var(--app-height);min-height:var(--app-height);background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-size:15px;line-height:1.6;overflow:hidden}#root{width:100%;height:var(--app-height);min-height:var(--app-height);flex-direction:column;min-height:0;display:flex;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{color:var(--ink);background:0 0;border:none;outline:none;font-family:inherit}img{max-width:100%;display:block}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-y::-webkit-scrollbar{display:none}.scroll-x::-webkit-scrollbar{display:none}.scroll-y{overflow-y:auto}.scroll-x{overflow-x:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fabMenuIn{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes waveBar{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes orbitSweep{0%{stroke-dashoffset:500px;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes planetPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.12)}}.display-xl{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);font-size:clamp(36px,10vw,48px);line-height:1}.display-lg{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);font-size:clamp(28px,8vw,36px);line-height:1.05}.display-md{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);font-size:28px;line-height:1.1}.heading{font-family:var(--font-body);color:var(--ink);font-size:20px;font-weight:700;line-height:1.3}.subheading{font-family:var(--font-body);color:var(--ink);font-size:16px;font-weight:600;line-height:1.4}.label{font-family:var(--font-body);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);font-size:15px;font-weight:700}.editorial{font-family:var(--font-editorial);color:var(--ink);font-size:18px;font-style:italic;font-weight:400;line-height:1.75}.editorial-sm{font-family:var(--font-editorial);color:var(--ink-2);font-size:15px;font-style:italic;font-weight:400;line-height:1.7}.btn{font-family:var(--font-body);border-radius:var(--r-full);cursor:pointer;transition:transform .15s var(--ease), opacity .15s;min-height:var(--touch-min);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-support{background:var(--gold);color:#fff;box-shadow:var(--shadow-gold)}.btn-support:hover{background:var(--gold-light)}.btn-supporting{background:var(--success-dim);color:var(--success);border:1.5px solid #3bb2734d}.btn-circle{background:var(--purple-dim);color:var(--purple);border:1.5px solid var(--purple-border)}.btn-ghost{color:var(--ink);border:1.5px solid var(--border-md);background:0 0}.btn-ghost:hover{background:var(--surface-raised)}.btn-sm{min-height:32px;padding:0 14px;font-size:13px}.btn-md{min-height:40px;padding:0 20px;font-size:14px}.btn-lg{min-height:48px;padding:0 28px;font-size:15px}.btn-full{width:100%}.inp{background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--ink);font-size:15px;font-family:var(--font-body);min-height:var(--touch-min);padding:13px 16px;transition:border-color .15s,box-shadow .15s}.inp:focus{border-color:var(--gold-border);box-shadow:0 0 0 3px var(--gold-dim)}.inp::placeholder{color:var(--ink-3)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px)saturate(1.1)}.card-raised{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-md)}.pill{border-radius:var(--r-full);font-family:var(--font-body);letter-spacing:.03em;white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill-gold{background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-border)}.pill-purple{background:var(--purple-dim);color:var(--purple);border:1px solid var(--purple-border)}.pill-teal{color:var(--teal);background:#1c8b841f;border:1px solid #1c8b844d}.pill-success{background:var(--success-dim);color:var(--success);border:1px solid #3bb2734d}.pill-muted{background:var(--surface-raised);color:var(--ink-3);border:1px solid var(--border)}.affinity-pill{border-radius:var(--r-full);background:var(--gold-dim);border:1px solid var(--gold-border);font-family:var(--font-body);color:var(--gold);align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.genre-pill{border-radius:var(--r-full);border:1.5px solid var(--border-md);color:var(--ink-2);font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;min-height:36px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.genre-pill.active{background:var(--gold);border-color:var(--gold);color:#090703}.screen{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.screen-header{padding:calc(var(--safe-top) + 10px) var(--screen-pad) 14px;background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.screen-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:0;padding-bottom:calc(var(--mobile-tab-height) + var(--mini-player-height) + var(--safe-bottom) + 20px);flex:1;transition:padding-bottom .25s;overflow-y:auto}.screen-content::-webkit-scrollbar{display:none}.btn-gold{background:var(--gold);color:#fff;box-shadow:var(--shadow-gold)}.pill-green{background:var(--success-dim);color:var(--success);border:1px solid #3bb2734d}.section-hdr{padding:0 var(--screen-pad);justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.section-see-all{color:var(--gold);cursor:pointer;font-size:13px;font-weight:600}.section-sub{color:var(--ink-3);padding:0 var(--screen-pad);margin-top:2px;font-size:11px}.section{margin-bottom:32px}.a-ring{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.a-ring-bronze{box-shadow:0 0 0 2.5px var(--ring-bronze)}.a-ring-gold{box-shadow:0 0 0 2.5px var(--ring-gold)}.a-ring-purple{box-shadow:0 0 0 2.5px var(--ring-purple)}.a-ring-teal{box-shadow:0 0 0 2.5px var(--ring-teal)}.a-ring-none{box-shadow:none}.a-ring-inner{background:var(--surface-raised);border-radius:50%;width:100%;height:100%;overflow:hidden}.a-new-badge{color:#fff;font-family:var(--font-body);letter-spacing:.04em;border-radius:var(--r-sm);text-transform:uppercase;background:linear-gradient(135deg,#b87070,#3a0808);padding:2px 5px;font-size:8px;font-weight:800;position:absolute;top:-1px;left:-1px}.tab-bar{left:50%;bottom:var(--nav-pill-bottom);z-index:1000;height:var(--nav-pill-height);-webkit-backdrop-filter:blur(30px)saturate(180%);border-radius:var(--r-full);transition:width .22s var(--ease-out), height .22s var(--ease-out), border-radius .22s var(--ease-out), background .22s var(--ease-out);background:linear-gradient(#ffffff29,#ffffff0e),#0c0e1294;border:1px solid #ffffff2e;justify-content:space-around;align-items:center;display:flex;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 34px #0000007a,inset 0 1px #ffffff42,inset 0 -1px #ffffff14}.tab-bar--expanded{width:min(342px,100vw - 34px);padding:5px 7px}.tab-bar--collapsed{width:var(--nav-collapsed-size);height:var(--nav-collapsed-size);background:radial-gradient(circle,#f6b94947 0 5%,#0000 6%),repeating-radial-gradient(circle,#ffffff21 0 1px,#0000 1px 7px),radial-gradient(circle at 42% 28%,#ffffff2e,#0000 34%),linear-gradient(#44464bc7,#0f1012d1);border-color:#fff3;padding:0;box-shadow:0 16px 34px #0000008f,inset 0 1px #ffffff47,inset 0 -10px 18px #00000047}.tab-bar button{color:var(--ink-3)}.tab-bar button[aria-current=page]{color:var(--gold)}.tab-home-button{border-radius:var(--r-full);-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#0003 0 18%,#0000 19%),radial-gradient(circle at 50% 14%,#ffffff29,#0000 38%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tab-home-button:before,.tab-home-button:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.tab-home-button:before{border:1px solid #ffffff1c;inset:8px;box-shadow:inset 0 0 0 1px #0000003d}.tab-home-button:after{background:#f6b949bd;width:8px;height:8px;top:calc(50% - 4px);left:calc(50% - 4px);box-shadow:0 0 14px #f6b94957}.tab-home-button svg{z-index:1;width:22px;height:22px;position:relative}.nav-fab{transform:scale(1)}.nav-fab--open{transform:scale(.96);background:linear-gradient(180deg, var(--gold-light), var(--gold))!important}.fab-actions-overlay{z-index:990;background:0 0;position:fixed;inset:0}.fab-actions{left:50%;bottom:calc(var(--nav-pill-height) + 4px);z-index:1001;-webkit-backdrop-filter:blur(30px)saturate(180%);width:min(356px,100vw - 32px);animation:fabMenuIn .18s var(--ease-out);background:linear-gradient(#ffffff29,#ffffff0e),#0d0f14ad;border:1px solid #ffffff29;border-radius:28px;padding:10px;position:fixed;transform:translate(-50%);box-shadow:0 20px 54px #0000008a,inset 0 1px #ffffff3d}.fab-actions-handle{border-radius:var(--r-full);background:#ffffff38;width:34px;height:4px;margin:2px auto 12px}.mini-player{left:50%;bottom:calc(var(--nav-pill-bottom) + var(--nav-pill-height) + 10px);z-index:999;-webkit-backdrop-filter:blur(30px)saturate(180%);border-radius:var(--r-full);cursor:pointer;transition:width .22s var(--ease-out), height .22s var(--ease-out), padding .22s var(--ease-out), transform .22s var(--ease-out), border-radius .22s var(--ease-out);background:linear-gradient(#ffffff29,#ffffff0e),#0a0c109e;border:1px solid #ffffff2b;align-items:center;display:flex;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 38px #00000085,inset 0 1px #ffffff3d,inset 0 -1px #ffffff12}.mini-player--expanded{gap:10px;width:min(370px,100vw - 34px);height:62px;padding:6px 10px}.mini-player--collapsed{color:#fff;background:radial-gradient(circle,#00000047 0 17%,#0000 18%),repeating-radial-gradient(circle,#ffffff21 0 1px,#0000 1px 7px),radial-gradient(circle at 36% 26%,#ffffff38,#0000 36%),linear-gradient(#3e4148d1,#0a0b0edb);border:0;justify-content:center;width:58px;height:58px;padding:0;box-shadow:0 16px 34px #0000008a,inset 0 1px #ffffff4d,inset 0 -10px 20px #00000047}.mini-player-art{filter:saturate(1.2)contrast(1.08);background-position:50%,50%;background-size:cover,cover;border-radius:15px;flex-shrink:0;width:48px;height:48px;box-shadow:0 7px 18px #00000080}.mini-player-disc{filter:saturate(1.22)contrast(1.08);background-position:50%,50%;background-size:cover,cover;border-radius:50%;width:48px;height:48px;position:relative;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 0 18px #00000061}.mini-player-disc:after{content:"";mix-blend-mode:screen;opacity:.58;pointer-events:none;background:repeating-radial-gradient(circle,#0000 0 5px,#ffffff21 5px 6px);border-radius:50%;position:absolute;inset:5px}.mini-player-disc-hole{z-index:1;background:#08090bdb;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff29}.mini-player-collapsed-icon{color:#fff;background:#08090cd1;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000061,inset 0 1px #ffffff24}.mini-player-progress{background:#ffffff1f;height:2px;position:absolute;bottom:0;left:14px;right:14px}.mini-player.hidden{pointer-events:none;transform:translate(-50%,100%)}.full-player,.player-screen{z-index:100;background:var(--player-bg);padding:calc(var(--safe-top) + 10px) 0 calc(var(--safe-bottom) + 16px);animation:slideUp .45s var(--ease-spring);flex-direction:column;display:flex;position:fixed;inset:0}.player-scrubber{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px}.player-scrubber:focus{outline:none}.player-scrubber::-webkit-slider-runnable-track{background:linear-gradient(var(--gold), var(--gold)) 0 / var(--player-progress,0%) 100% no-repeat, #ffffff2e;border-radius:999px;height:3px}.player-scrubber::-moz-range-track{background:#ffffff2e;border-radius:999px;height:3px}.player-scrubber::-moz-range-progress{background:var(--gold);border-radius:999px;height:3px}.player-scrubber::-webkit-slider-thumb{appearance:none;background:var(--gold);border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:-5.5px;box-shadow:0 0 0 3px #e1a23a2e}.player-scrubber::-moz-range-thumb{background:var(--gold);border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #e1a23a2e}.waveform{align-items:center;gap:2.5px;display:flex}.waveform-bar{background:var(--gold);transform-origin:bottom;border-radius:2px;flex-shrink:0;width:2.5px}.waveform-bar.played{opacity:1}.waveform-bar.unplayed{opacity:.25}.waveform-bar.playing{animation:waveBar var(--dur,.75s) ease-in-out infinite}.player-waveform .waveform-bar.played{background:var(--player-text);opacity:.9}.player-waveform .waveform-bar.unplayed{background:var(--player-text);opacity:.22}.skel{background:linear-gradient(90deg, var(--surface-raised) 25%, #ffffff29 50%, var(--surface-raised) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skelShimmer}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2.5px solid var(--border-md);border-top-color:var(--gold);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.pressable{cursor:pointer;transition:transform .12s var(--ease), opacity .12s}.pressable:active{opacity:.85;transform:scale(.96)}.divider{background:var(--border);height:1px}.a-ring-inner img{filter:saturate(1.14)contrast(1.08)}.letter-body{font-family:var(--font-editorial);color:var(--ink);font-size:18px;line-height:1.75}.letter-body-locked{filter:blur(3.5px);-webkit-user-select:none;user-select:none;pointer-events:none}