@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap";:root{--bg:#000;--bg-card:#0c0c0e;--bg-surface:#161618;--bg-input:#1c1c1e;--bg-overlay:#000000f5;--fg:#fff;--fg2:#f5f5f7;--fg3:#b7b7c0;--ink-on-light:#090703;--gold:#e1a23a;--gold-hi:#ffd27a;--gold-deep:#b9781f;--gold-dim:#e1a23a2e;--gold-border:#ffd27a6b;--burnt-orange:#e76a2b;--teal:#1c8b84;--purple:#7a4dff;--green:#67d391;--green-dim:#67d39124;--green-border:#67d39157;--red:#ff8f84;--red-dim:#ff8f8424;--ring-bronze:#b87a3a;--ring-gold:#c98b2b;--ring-purple:#7a4dff;--ring-teal:#1c8b84;--ring-direct:var(--gold-hi);--ring-connected:#8b5cf6;--ring-overlap:#2dd4bf;--ring-new:#67d391;--border:#ffffff1f;--border-hi:#ffffff3d;--player-bg:#000;--player-surface:#1c1c1e;--font-display:"Bebas Neue", "Anton", system-ui, 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;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--shadow-sm:0 2px 8px #00000073;--shadow-md:0 12px 30px #00000085;--shadow-lg:0 24px 60px #000000ad;--shadow-gold:0 8px 30px #e1a23a6b;--shadow-card:0 14px 34px #0000009e, inset 0 1px 0 #ffffff1a;--tab-bar-height:60px;--mini-player-height:76px;--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,20px);--touch-min:44px;--screen-pad:max(20px, calc(var(--safe-left) + 20px), calc(var(--safe-right) + 20px));--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-std:cubic-bezier(.25, .46, .45, .94);--dur-short:.15s;--dur-std:.25s;--dur-slow:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overscroll-behavior:none;height:-webkit-fill-available}body{height:100%;background:var(--bg);height:-webkit-fill-available;color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-size:17pt;line-height:1.6}#root{height:100%;flex-direction:column;height:-webkit-fill-available;display:flex;position:relative;overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input,textarea{font-family:var(--font-body);color:var(--fg);background:0 0;border:none;outline:none}img{max-width:100%;display:block}.scroll-y{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-y:auto}.scroll-y::-webkit-scrollbar{display:none}.scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}@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:.45}}@keyframes waveBar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes orbitRing{0%{opacity:.5;transform:translate(-50%,-50%)scale(.85)}to{opacity:0;transform:translate(-50%,-50%)scale(2.6)}}@keyframes artworkPlay{0%{transform:scale(.92)}to{transform:scale(1)}}.display-xl{font-family:var(--font-display);letter-spacing:.02em;font-size:48px;line-height:1}.display-lg{font-family:var(--font-display);letter-spacing:.02em;font-size:36px;line-height:1.05}.display-md{font-family:var(--font-display);letter-spacing:.01em;font-size:28px;line-height:1.1}.display-sm{font-family:var(--font-display);font-size:24px;line-height:1.2}.heading{font-family:var(--font-body);font-size:24px;font-weight:800;line-height:1.3}.subheading{font-family:var(--font-body);font-size:17pt;font-weight:600;line-height:1.4}.body-text{font-family:var(--font-body);font-size:17pt;font-weight:400;line-height:1.6}.body-sm{font-family:var(--font-body);font-size:13pt;font-weight:400;line-height:1.6}.label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);font-size:11pt;font-weight:600}.editorial{font-family:var(--font-editorial);color:var(--fg);font-size:18px;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 var(--dur-short) var(--ease-std), opacity var(--dur-short) var(--ease-std);min-height:var(--touch-min);white-space:nowrap;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:17pt;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-gold{background:var(--gold);color:var(--ink-on-light);box-shadow:var(--shadow-gold)}.btn-gold:hover{background:var(--gold-hi)}.btn-gold:active{background:var(--gold-deep)}.btn-ghost{color:var(--fg);border:1.5px solid var(--border-hi);background:0 0}.btn-ghost:hover{background:var(--bg-surface)}.btn-supporting{background:var(--gold-dim);color:var(--fg);border:1.5px solid var(--gold-border)}.btn-circle{background:var(--fg);color:var(--ink-on-light);border:1.5px solid var(--fg)}.btn-sm{min-height:32px;padding:0 14px;font-size:11pt}.btn-lg{min-height:48px;padding:0 28px;font-size:17pt}.inp{background:var(--bg-input);border:1.5px solid var(--border-hi);border-radius:var(--r-md);width:100%;color:var(--fg);font-size:17pt;font-family:var(--font-body);transition:border-color var(--dur-short), box-shadow var(--dur-short);min-height:var(--touch-min);padding:13px 16px}.inp:focus{border-color:#ffffff7a;outline:none;box-shadow:0 0 0 3px #ffffff1f}.inp::placeholder{color:var(--fg3)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);overflow:hidden}.card-surface{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card)}.pill{border-radius:var(--r-full);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:11pt;font-weight:600;display:inline-flex}.pill-gold{background:var(--gold-dim);color:var(--fg);border:1px solid var(--gold-border)}.pill-green{background:var(--green-dim);color:var(--green);border:1px solid var(--green-border)}.pill-purple{background:var(--fg);color:var(--ink-on-light);border:1px solid var(--fg)}.pill-teal{color:var(--teal);background:#1c8b841a;border:1px solid #1c8b8447}.pill-orange{background:var(--burnt-orange);color:var(--ink-on-light);border:1px solid var(--burnt-orange)}.pill-muted{background:var(--bg-surface);color:var(--fg2);border:1px solid var(--border-hi)}.genre-pill{border-radius:var(--r-full);border:1px solid var(--border-hi);height:36px;color:var(--fg2);cursor:pointer;white-space:nowrap;transition:all var(--dur-short);min-height:var(--touch-min);background:0 0;align-items:center;padding:0 16px;font-size:11pt;font-weight:500;display:inline-flex}.genre-pill.active{background:var(--gold);border-color:var(--gold);color:var(--ink-on-light)}.genre-pill:not(.active):active{background:var(--bg-surface)}.skel{border-radius:var(--r-sm);background:linear-gradient(90deg,#161618,#26262a,#161618) 0 0/220% 100%;animation:1.6s ease-in-out infinite pulse}.spinner{border:2px solid var(--border-hi);border-top-color:var(--gold);border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.72s linear infinite spin}.divider{background:var(--border);height:1px}.divider-gold{background:var(--gold-dim);height:1px}.affinity-pill{border-radius:var(--r-full);background:var(--gold-dim);border:1px solid var(--gold-border);color:var(--gold);align-items:center;gap:5px;padding:4px 10px;font-size:11pt;font-weight:600;display:inline-flex}.screen{background:var(--bg);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.screen-header{padding:calc(var(--safe-top) + 10px) var(--screen-pad) 14px;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.screen-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:calc(var(--tab-bar-height) + var(--mini-player-height) + var(--safe-bottom) + 16px);flex:1;overflow-y:auto}.screen-content::-webkit-scrollbar{display:none}.section{padding:var(--space-5) var(--screen-pad) 0}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);font-size:11px;font-weight:600}.section-sub{color:var(--fg3);margin-top:1px;font-size:13px}.see-all{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.orbit-avatar-wrap{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.orbit-avatar-ring{border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.orbit-avatar-inner{background:var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.orbit-avatar-new{background:var(--teal);color:#fff;letter-spacing:.04em;border-radius:6px;padding:2px 5px;font-size:8px;font-weight:700;line-height:1;position:absolute;top:-2px;left:-2px}.sheet-overlay{z-index:80;animation:fadeIn .2s var(--ease-std);cursor:pointer;background:#00000094;border:none;width:100%;position:fixed;inset:0}.sheet{z-index:81;background:var(--bg-card);border-top:1px solid var(--border);border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);padding-bottom:calc(var(--safe-bottom) + 16px);animation:slideUp var(--dur-slow) var(--ease-out);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 36px #0000006b}.sheet-handle{background:var(--border-hi);border-radius:var(--r-full);width:36px;height:4px;margin:12px auto 20px}.shelf-fade{position:relative}.shelf-fade:after{content:"";background:linear-gradient(to right, transparent, var(--bg));pointer-events:none;width:48px;position:absolute;top:0;bottom:0;right:0}.player-screen{z-index:100;background:var(--player-bg);color:var(--fg);padding:calc(var(--safe-top) + 10px) 0 calc(var(--safe-bottom) + 16px);animation:slideUp var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0}.player-screen .divider,.player-screen .divider-gold{background:#f7f2ea1a}.player-scrubber{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:24px;margin:0}.player-scrubber::-webkit-slider-runnable-track{background:linear-gradient(90deg, #fff 0 var(--player-progress), #ffffff61 var(--player-progress) 100%);border-radius:999px;height:3px}.player-scrubber::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:16px;height:16px;margin-top:-6.5px;box-shadow:0 2px 8px #0006}.player-scrubber::-moz-range-track{background:#ffffff61;border-radius:999px;height:3px}.player-scrubber::-moz-range-progress{background:#fff;border-radius:999px;height:3px}.player-scrubber::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px}.player-error{color:#ff9b8f;font:500 12px/1.4 var(--font-body);text-align:center;margin-top:12px}.pressable{cursor:pointer;transition:transform var(--dur-short) var(--ease-std), opacity var(--dur-short) var(--ease-std);-webkit-tap-highlight-color:transparent}.pressable:active{opacity:.82;transform:scale(.97)}.orbit-wordmark{font-family:var(--font-display);letter-spacing:.1em;color:var(--fg);mix-blend-mode:multiply;font-size:24px;line-height:1}