@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);--mobile-tab-height:72px;--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{overscroll-behavior:none;width:100%;height:100dvh;min-height:100dvh}body{background:var(--bg);width:100%;height:100dvh;min-height:100dvh;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{flex-direction:column;width:100%;height:100dvh;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 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:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.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:1px;font-size:12px}.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}.overlay{z-index:80;animation:fadeIn .2s var(--ease);background:#0e132073;position:fixed;inset:0}.sheet{z-index:81;background:var(--surface);border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);padding-bottom:calc(var(--safe-bottom) + 16px);border-top:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slideUp .32s var(--ease-out);position:fixed;bottom:0;left:0;right:0}.sheet-handle{background:var(--border-md);border-radius:var(--r-full);width:36px;height:4px;margin:12px auto 20px}.tab-bar{z-index:1000;background:var(--tab-bg);-webkit-backdrop-filter:blur(24px)saturate(150%);border-top:1px solid var(--border);box-shadow:none;height:calc(var(--mobile-tab-height) + var(--safe-bottom));padding-top:8px;padding-bottom:var(--safe-bottom);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.mini-player{left:0;right:0;bottom:calc(var(--mobile-tab-height) + var(--safe-bottom));z-index:999;height:var(--mini-player-h);-webkit-backdrop-filter:blur(30px)saturate(155%);cursor:pointer;padding:0 16px;padding-left:max(16px, env(safe-area-inset-left,16px));padding-right:max(16px, env(safe-area-inset-right,16px));transition:transform .28s var(--ease-out);background:#0a0a0ca8;border-top:1px solid #ffffff1f;border-radius:0;align-items:center;gap:12px;display:flex;position:fixed;transform:translateY(0);box-shadow:0 -12px 34px #00000085,inset 0 1px #ffffff1a}.mini-player.hidden{pointer-events:none;transform:translateY(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}