@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{color:#f2e5d4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--void:#130d15;--charcoal:#1c141d;--plum:#352333;--plum-deep:#251923;--wine:#6e344c;--wine-bright:#9d5568;--wine-hot:#bc6379;--bone:#f2e5d4;--bone-muted:#c8b8ad;--bone-faint:#8e7c79;--ink:var(--bone);--muted:var(--bone-muted);--dim:var(--bone-faint);--line:#f2e5d429;--line-strong:#f2e5d44d;--glass:#3623339e;--glass-solid:#2a1c29;--glass-highlight:#fff4e526;--amber:#bd8a65;--ember:var(--wine-bright);--acid:var(--amber);--shadow:#0201038a;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);background:#130d15;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--void)}body{text-transform:lowercase;background:radial-gradient(ellipse 68% 58% at 82% 18%, #6e344c38, transparent 72%), radial-gradient(ellipse 50% 45% at 10% 92%, #56354529, transparent 74%), var(--void);min-width:320px;overflow-x:hidden}body:before{z-index:20;opacity:.24;content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}.soundspace-world{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}button,input{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border-radius:0}::selection{color:var(--void);background:var(--amber)}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--amber);outline-offset:4px}.loading-screen,.auth-screen,.player-shell{isolation:isolate;z-index:1;background:radial-gradient(86% 44% at 64% -8%,#743f5b47,#0000 72%),radial-gradient(62% 78% at -9% 67%,#61354740,#0000 71%),linear-gradient(154deg,#1d151d 0%,#342331 42%,#21151f 73%,#100b11 100%);min-height:100svh;position:relative;overflow:hidden}.player-shell:before,.player-shell:after{z-index:0;content:"";pointer-events:none;position:fixed}.player-shell[data-weather-primary=rain]{--weather-accent:#ff315f;--weather-secondary:#8f35ff;--weather-panel:#170522c7}.player-shell[data-weather-primary=sun]{--weather-accent:#fff15b;--weather-secondary:#ff4b20;--weather-panel:#104187c2;background:radial-gradient(80% 56% at 82% 8%,#ffda4257,#0000 66%),radial-gradient(64% 80% at -8% 62%,#4641ff47,#0000 70%),linear-gradient(145deg,#081b5b 0%,#0756bd 38%,#d94345 76%,#20092f 100%)}.player-shell[data-weather-primary=snow]{--weather-accent:#dff7ff;--weather-secondary:#789dff;--weather-panel:#081738c7;background:radial-gradient(86% 48% at 56% -6%,#bce0ff4d,#0000 70%),radial-gradient(60% 82% at -8% 74%,#7053be4d,#0000 72%),linear-gradient(154deg,#07132e 0%,#172e5f 46%,#362b68 74%,#080d21 100%)}.player-shell[data-weather-primary=sun]:before{filter:blur(28px);background:radial-gradient(circle at 42% 42%,#fff36fa3,#ff4f1f57 30%,#0000 68%)}.player-shell[data-weather-primary=snow]:before{background:radial-gradient(at 40% 44%,#cdebff47,#6554b147 38%,#0000 70%)}.player-shell:before{filter:blur(42px);opacity:.82;width:min(96vw,1320px);height:min(68vw,820px);animation:weather-breathe 19s var(--ease-in-out) infinite alternate;background:radial-gradient(at 31% 44%,#79405852,#0000 38%),radial-gradient(at 68% 32%,#c2747421,#0000 43%),radial-gradient(at 48% 73%,#2b1b2cb8,#0000 58%);border-radius:64% 36% 53% 47%/42% 59% 41% 58%;top:6vh;right:-18vw;transform:rotate(-9deg)}.player-shell:after{filter:blur(54px);opacity:.72;background:radial-gradient(at 58% 38%,#ae686429,#0000 35%),radial-gradient(at 42% 57%,#5b2d4557,#0000 63%);border-radius:37% 63% 44% 56%/61% 38% 62% 39%;width:min(88vw,1100px);height:min(64vw,760px);bottom:-24vh;left:-18vw;transform:rotate(13deg)}@keyframes weather-breathe{0%{opacity:.68;transform:translate(0,0)rotate(-9deg)scale(.98)}to{opacity:.92;transform:translate(-3vw,2vh)rotate(-5deg)scale(1.05)}}.loading-screen{text-align:center;place-content:center;gap:18px;display:grid}.loading-line{background:var(--line);width:146px;height:1px;overflow:hidden}.loading-line:after{background:var(--amber);content:"";width:38%;height:100%;animation:1.1s linear infinite loading;display:block;box-shadow:0 0 14px #bd8a657a}@keyframes loading{0%{transform:translate(-115%)}to{transform:translate(270%)}}.topbar{z-index:5;min-height:88px;padding:max(25px, env(safe-area-inset-top)) max(34px, env(safe-area-inset-right)) 23px max(34px, env(safe-area-inset-left));background:0 0;justify-content:space-between;align-items:center;display:flex;position:relative}.wordmark{color:var(--bone);letter-spacing:.12em;text-transform:lowercase;margin:0;font-size:12px;font-weight:500;line-height:1}.wordmark:before{background:var(--wine-bright);content:"";border:1px solid #f2e5d49e;border-radius:50%;width:6px;height:6px;margin:0 9px 1px 0;display:inline-block;box-shadow:0 0 13px #9d556870}.landing-note{color:var(--bone-muted);letter-spacing:.1em;margin:0;font-size:8px}.landing-page{z-index:5;width:min(1180px,100% - 68px);margin:clamp(12px,2vh,28px) auto 72px;position:relative}.landing-page:before,.landing-page:after{z-index:-1;content:"";pointer-events:none;position:absolute}.landing-page:before{aspect-ratio:1.25;opacity:.76;width:min(48vw,650px);animation:landing-blob-drift 13s var(--ease-in-out) infinite alternate;background:#e62f5c;border-radius:34% 66% 48% 52%/58% 36% 64% 42%;top:-7vh;left:-18vw;transform:rotate(-13deg);box-shadow:0 0 100px #e62f5c47}.landing-page:after{aspect-ratio:1;opacity:.78;width:min(54vw,720px);animation:landing-blob-drift 17s var(--ease-in-out) -4s infinite alternate-reverse;background:#5f2583;border-radius:66% 34% 52% 48%/39% 63% 37% 61%;bottom:-28vh;right:-20vw;transform:rotate(17deg);box-shadow:0 0 120px #5f258352}.landing-coda{color:var(--bone-muted);letter-spacing:.13em;margin:20px 4px 0;font-size:8px}@keyframes landing-blob-drift{0%{border-radius:34% 66% 48% 52%/58% 36% 64% 42%;transform:translate(-2%,1%)rotate(-13deg)scale(.96)}to{border-radius:61% 39% 33% 67%/42% 61% 39% 58%;transform:translate(5%,-3%)rotate(-5deg)scale(1.05)}}.version-tag,.premium-note,.album-line,.account-label{color:var(--muted);letter-spacing:.11em;text-transform:lowercase;font-size:8px;line-height:1.6}.atmosphere{z-index:-1;opacity:.9;position:absolute;inset:0}.orbit{aspect-ratio:1.08;background:radial-gradient(at 60% 42%,#7a3b5414,#0000 62%);border:1px solid #f2e5d41a;border-radius:47% 53% 62% 38%/43% 40% 60% 57%;width:min(58vw,780px);position:absolute;top:51%;left:70%;transform:translate(-50%,-50%)rotate(-18deg);box-shadow:inset 28px 20px 70px #ffebdc05,0 0 100px #572c4214}.orbit--two{opacity:.58;border-style:solid;border-color:#bd8a652e;width:min(39vw,540px);transform:translate(-50%,-50%)rotate(21deg)}.signal-core{aspect-ratio:1;background:radial-gradient(at 38% 31%,#f2e5d430,#0000 15%),radial-gradient(at 56% 63%,#9a4d6591,#0000 48%),#2b1829;border:1px solid #f2e5d429;border-radius:47% 53% 44% 56%/54% 43% 57% 46%;width:min(15vw,184px);position:absolute;top:51%;left:70%;transform:translate(-50%,-50%)rotate(14deg);box-shadow:inset -16px -19px 35px #08040999,0 0 85px #742f4a36}.auth-copy{width:min(555px,100% - 68px);margin:clamp(106px,18vh,194px) 0 70px clamp(34px,8vw,132px)}.eyebrow{color:var(--amber);letter-spacing:.16em;text-transform:lowercase;margin:0 0 15px;font-size:8px;line-height:1.4}.auth-copy h1,.track-copy h1,.search-header h2{color:var(--bone);letter-spacing:-.052em;text-wrap:balance;margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:400;line-height:.86}.auth-copy h1{max-width:530px;font-size:clamp(66px,8vw,118px)}.lede{max-width:455px;color:var(--bone-muted);margin:32px 0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:21px;line-height:1.32}.notice,.setup-callout{border:1px solid #9d55685c;border-left-color:var(--wine-bright);max-width:540px;color:var(--bone-muted);box-shadow:inset 0 1px 0 var(--glass-highlight);background:#53293e4d;padding:12px 14px;font-size:9px;line-height:1.7}.setup-callout code{color:var(--bone)}.connect-button{color:#1c1219;background:var(--bone);letter-spacing:.055em;text-transform:lowercase;width:min(320px,100%);transition:transform .15s var(--ease-out), background-color .15s ease, box-shadow .18s ease;border:1px solid #f2e5d494;justify-content:space-between;align-items:center;margin-top:34px;padding:16px 18px;font-size:10px;text-decoration:none;display:flex;box-shadow:inset 0 1px #ffffff8a,0 12px 30px #0003}.connect-button:active,.transport-button:active:not(:disabled),.text-button:active,.close-button:active,.search-form button:active,.search-result:active{transform:scale(.97)}.connect-button[aria-disabled=true]{pointer-events:none;opacity:.35}.premium-note{margin-top:13px}.session-controls{align-items:center;gap:25px;display:flex}.forecast-picker{-webkit-backdrop-filter:blur(8px);background:#160c1b57;border:1px solid #f2e5d438;border-radius:55% 45% 51% 49%/42% 57% 43% 58%;align-items:center;gap:2px;padding:4px;display:flex}.forecast-picker span{color:var(--muted);letter-spacing:.11em;padding:0 7px;font-size:7px}.forecast-picker button{color:var(--bone-muted);cursor:pointer;letter-spacing:.08em;transition:color .14s ease, background-color .16s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:58% 42% 61% 39%/44% 58% 42% 56%;padding:5px 7px;font-size:7px}.forecast-picker button[aria-pressed=true]{color:#160d18;background:var(--weather-accent,var(--bone));box-shadow:0 0 18px color-mix(in srgb, var(--weather-accent,var(--bone)) 36%, transparent)}.text-button,.close-button{color:var(--muted);cursor:pointer;letter-spacing:.12em;text-transform:lowercase;transition:color .14s ease, transform .14s var(--ease-out);background:0 0;border:0;padding:0;font-size:8px}.now-playing{z-index:3;grid-template-columns:minmax(260px,41%) minmax(0,1fr);align-items:center;gap:clamp(22px,1vw,48px);width:min(1260px,100% - 104px);margin:clamp(74px,10vh,134px) auto 28px;display:grid;position:relative}.now-playing:before{z-index:-1;content:"";filter:blur(1px);background:linear-gradient(140deg,#bc637947,#35233314);border-radius:52% 48% 61% 39%/42% 58%;width:min(34vw,480px);height:50%;position:absolute;top:12%;left:31%;transform:rotate(-13deg);box-shadow:0 0 118px #a9446a38}.artwork-frame{aspect-ratio:.92;background:var(--glass-solid);width:min(100%,490px);box-shadow:inset 0 1px 0 #fff9ef4a, inset 0 0 0 9px #f2e5d408, -18px 22px 0 #71304b5c, 0 36px 100px var(--shadow);border:1px solid #f2e5d463;border-radius:4% 16% 7% 20%/12% 6% 18% 5%;position:relative;overflow:visible;transform:rotate(-4deg)}.artwork-frame:after{content:"";pointer-events:none;background:linear-gradient(130deg,#fff3,#0000 16% 63%,#5b2a435c);border:1px solid #f2e5d438;position:absolute;inset:0}.artwork-image,.artwork-placeholder{object-fit:cover;width:100%;height:100%}.artwork-orb-control{z-index:0;border-radius:inherit;width:100%;color:var(--bone);cursor:pointer;transition:background-color .26s ease, box-shadow .42s var(--ease-out);background:radial-gradient(circle at 50% 45%,#4a273e 0,#21131f 58%,#100a11 100%);border:0;padding:0;position:absolute;inset:0;overflow:hidden}.artwork-orb-control canvas{transition:filter .36s ease, transform .52s var(--ease-out);display:block;width:100%!important;height:100%!important}.artwork-orb-control>span{z-index:4;border:1px solid color-mix(in srgb, var(--weather-accent,var(--bone)) 76%, var(--bone));color:#160d18;text-align:center;background:var(--weather-accent,var(--bone));min-width:min(76%,290px);box-shadow:8px 9px 0 color-mix(in srgb, var(--weather-secondary,var(--wine)) 64%, transparent), 0 0 42px var(--weather-glow,#f2e5d42e);letter-spacing:-.035em;opacity:.94;pointer-events:none;animation:weather-entry-beckon 2.2s var(--ease-in-out) infinite alternate;border-radius:58% 42% 54% 46%/46% 61% 39% 54%;padding:12px 20px 13px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:clamp(18px,2.1vw,27px);font-weight:600;position:absolute;top:18px;bottom:auto;left:18px;transform:rotate(-1.5deg)}.artwork-orb-control:disabled{cursor:wait}.artwork-orb-control:disabled>span{opacity:.45}.artwork-orb-control[data-active=true]{cursor:pointer}.artwork-orb-control[data-active=true]>span{border-color:var(--weather-accent,var(--bone));min-width:min(68%,250px);color:var(--bone);box-shadow:6px 7px 0 color-mix(in srgb, var(--weather-secondary,var(--wine)) 46%, transparent);background:#180d19c7;padding:10px 18px 11px;animation:none}.artwork-orb-control[data-weather=rain]>span{text-shadow:0 1px #fff3}.artwork-orb-control[data-weather=snow]:not([data-active=true])>span{color:#10203d}.artwork-orb-control[data-weather=sun]:not([data-active=true])>span{color:#251118}.artwork-orb-control[data-active=true]>span{color:var(--bone);text-shadow:0 1px 1px #00000075}@keyframes weather-entry-beckon{0%{filter:brightness(.94)saturate(.95);border-radius:58% 42% 54% 46%/46% 61% 39% 54%;transform:rotate(-2deg)scale(.98)}to{filter:brightness(1.12)saturate(1.12);border-radius:43% 57% 62% 38%/58% 42%;transform:rotate(1deg)scale(1.035)}}.weather-crest{z-index:6;width:112px;min-height:78px;color:var(--weather-accent,var(--bone));background:color-mix(in srgb, var(--weather-panel,#1c111d) 86%, transparent);box-shadow:8px 9px 0 color-mix(in srgb, var(--weather-secondary,var(--wine)) 48%, transparent), 0 18px 44px var(--weather-glow,transparent);pointer-events:none;-webkit-backdrop-filter:blur(10px)saturate(1.3);border:1px solid #f2e5d4a3;border-radius:57% 43% 61% 39%/42% 60% 40% 58%;grid-template-columns:1fr;place-items:center;display:grid;position:absolute;top:-42px;right:22px;transform:rotate(4deg)}.artwork-orb-control:before{z-index:1;aspect-ratio:1;content:"";pointer-events:none;width:58%;animation:orb-invitation 3.8s var(--ease-in-out) infinite;border:1px solid #f2e5d41c;border-radius:54% 46% 61% 39%/43% 57%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.artwork-orb-control[data-weather=sun]:before{display:none}.weather-crest svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:82px;height:57px;margin-top:2px;overflow:visible}.weather-crest small{color:var(--bone);letter-spacing:.14em;margin-top:-7px;padding-bottom:8px;font-size:7px}.weather-crest__sun-rays{transform-box:fill-box;transform-origin:50%;animation:12s linear infinite forecast-sun-turn}.weather-crest__sun-core{fill:currentColor;opacity:.18;animation:forecast-sun-pulse 2.8s var(--ease-in-out) infinite alternate}@keyframes forecast-sun-turn{to{transform:rotate(360deg)}}@keyframes forecast-sun-pulse{to{opacity:.38;transform-origin:50%;transform:scale(1.08)}}@keyframes orb-invitation{0%,to{opacity:.24;transform:translate(-50%,-50%)scale(.92)rotate(-5deg)}52%{opacity:.72;transform:translate(-50%,-50%)scale(1.08)rotate(4deg)}}.player-shell[data-playing=false] *,.player-shell[data-playing=false]:before,.player-shell[data-playing=false]:after,.player-shell[data-playing=false] :before,.player-shell[data-playing=false] :after{animation-play-state:paused!important}.artwork-image{filter:saturate(.54)contrast(1.06)brightness(.82);display:block}.artwork-placeholder{background:radial-gradient(at 62% 37%,#bd8a653d,#0000 13%),repeating-radial-gradient(#0000 0 18px,#f2e5d412 19px 20px),linear-gradient(142deg,#39213a,#171018 67%);place-items:center;display:grid}.artwork-placeholder span{color:var(--bone);text-shadow:0 12px 30px #0006;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:92px}.youtube-player-host{z-index:5;width:min(44vw,640px);min-width:200px;height:clamp(270px,30vw,360px);min-height:270px;box-shadow:inset 0 1px 0 #fff9ef52, inset 0 0 0 8px #f2e5d408, 21px 22px 0 #bc63793b, 0 35px 96px var(--shadow);background:#261824db;border:1px solid #f2e5d470;border-radius:18% 4% 15% 6%/8% 19% 5% 16%;margin:clamp(-104px,-7vw,-46px) clamp(34px,11vw,176px) 44px auto;position:relative;overflow:hidden;transform:rotate(2.4deg)}.youtube-player-host:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(130deg,#ffffff30,#0000 17% 63%,#5b2a435e);border:1px solid #f2e5d442;position:absolute;inset:0}.youtube-player-host>div{width:100%;height:100%}.youtube-player-host iframe{filter:saturate(.72)contrast(1.08)brightness(.78);border:0;min-width:200px;min-height:200px;display:block;width:100%!important;height:100%!important}.youtube-player-host--warming{opacity:0;pointer-events:none;border:0;width:1px;min-width:1px;height:1px;min-height:1px;margin:0;position:fixed;top:0;left:0;overflow:hidden;transform:none}.track-copy{z-index:2;min-width:0;margin-left:clamp(18px,3vw,46px);padding:clamp(26px,4vw,62px) 0 36px;position:relative}.track-copy h1{letter-spacing:-.065em;text-shadow:0 .04em #1f121cad,0 .17em .48em #0201036b;overflow-wrap:anywhere;max-width:10.5ch;font-size:clamp(76px,8vw,132px);font-weight:500;line-height:.78}.artist-line{color:var(--bone);letter-spacing:-.035em;margin:28px 0 4px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:clamp(25px,3vw,43px);font-weight:500;line-height:1.08}.album-line{margin:0}.player-controls{z-index:7;background:0 0;border-top:1px solid #f2e5d454;width:min(1060px,100% - 104px);margin:6px auto 56px;padding:23px clamp(18px,3vw,34px) 20px;position:relative}.time-row{color:var(--muted);letter-spacing:.08em;justify-content:space-between;margin-bottom:9px;font-size:8px;display:flex}input[type=range]{accent-color:var(--amber)}.timeline{cursor:pointer;width:100%;height:4px;margin:0}.timeline::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--amber), #f2e5d438);height:3px}.volume-control input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--amber), #f2e5d438);height:3px}.timeline::-webkit-slider-thumb{border:1px solid var(--bone);background:var(--amber);-webkit-appearance:none;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 0 4px #130d15ad,0 0 18px #bd8a6561}.volume-control input::-webkit-slider-thumb{border:1px solid var(--bone);background:var(--amber);-webkit-appearance:none;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 0 4px #130d15ad,0 0 18px #bd8a6561}.timeline::-moz-range-track{background:var(--line-strong);height:3px}.volume-control input::-moz-range-track{background:var(--line-strong);height:3px}.timeline::-moz-range-thumb{border:1px solid var(--bone);background:var(--amber);border-radius:50%;width:11px;height:11px}.volume-control input::-moz-range-thumb{border:1px solid var(--bone);background:var(--amber);border-radius:50%;width:11px;height:11px}.timeline:disabled{cursor:not-allowed;opacity:.35}.transport-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:29px;display:grid}.transport-cluster{align-items:center;gap:12px;display:flex}.transport-button{width:42px;height:42px;color:var(--bone);cursor:pointer;transition:transform .15s var(--ease-out), border-color .15s ease, background-color .15s ease, opacity .15s ease;background:#362333ba;border:1px solid #f2e5d46b;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff2e,0 7px 16px #0000002b}.transport-button--primary{color:#1c1219;background:var(--bone);border-color:#f2e5d49e;width:70px;height:70px;font-size:18px;box-shadow:inset 0 1px #ffffff8f,0 12px 34px #0000004f}.transport-button:disabled{cursor:not-allowed;opacity:.28}.volume-control{color:var(--muted);letter-spacing:.08em;text-transform:lowercase;align-items:center;gap:10px;font-size:8px;display:flex}.volume-control input{width:86px}.volume-control input:disabled{cursor:not-allowed;opacity:.34}.account-label{text-align:right;justify-self:end;margin:0}.visual-budget{z-index:18;bottom:max(18px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));border:1px solid color-mix(in srgb, var(--weather-accent,var(--bone)) 46%, transparent);width:min(390px,100vw - 36px);color:var(--bone);background:var(--weather-panel,#1c111dc7);box-shadow:8px 9px 0 color-mix(in srgb, var(--weather-secondary,var(--wine)) 25%, transparent), 0 18px 56px #00000052;-webkit-backdrop-filter:blur(12px)saturate(1.35);border-radius:21% 4% 17% 6%/13% 26% 8% 18%;padding:12px 14px 13px;position:fixed}.visual-budget__source{color:color-mix(in srgb, var(--weather-accent,var(--bone)) 72%, var(--bone-muted));letter-spacing:.08em;margin-top:7px!important;font-size:7px!important}.visual-budget__header{letter-spacing:.11em;justify-content:space-between;align-items:baseline;gap:18px;font-size:8px;display:flex}.visual-budget__header span{color:var(--weather-accent,var(--bone))}.visual-budget__header strong{font-size:12px;font-weight:500}.visual-budget p{color:var(--bone-muted);margin:7px 0 10px;font-size:7px;line-height:1.45}.visual-budget__tiers{gap:6px;display:flex}.visual-budget__tiers button{color:var(--bone-muted);cursor:pointer;letter-spacing:.08em;background:0 0;border:1px solid #f2e5d442;padding:5px 9px;font-size:7px}.visual-budget__tiers button[aria-pressed=true]{border-color:var(--weather-accent,var(--bone));color:#130d15;background:var(--weather-accent,var(--bone))}.runtime-notice{z-index:24;right:max(22px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));width:min(390px,100% - 44px);color:var(--bone-muted);box-shadow:inset 0 1px 0 #fff9ef42, 11px 12px 0 #bd8a6540, 0 18px 54px var(--shadow);-webkit-backdrop-filter:blur(16px)saturate(1.08);background:#261824de;border:1px solid #bc63799e;border-radius:3% 11% 4% 9%/8% 4% 11% 5%;padding:14px 15px;position:fixed}.runtime-notice span{color:var(--amber);letter-spacing:.14em;text-transform:lowercase;font-size:7px}.runtime-notice p{margin:6px 0 0;font-size:9px;line-height:1.6}.search-panel{z-index:22;width:100%;height:100svh;padding:max(28px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px)saturate(1.12);background:radial-gradient(48% 58% at 12% 88%,#bc637957,#0000 72%),radial-gradient(52% 46% at 91% 8%,#bd8a6533,#0000 74%),#110b12e6;place-items:center;transition:opacity .18s;display:grid;position:fixed;inset:0;overflow:hidden}@starting-style{.search-panel{opacity:0}}.search-panel:before,.search-panel:after{content:"";pointer-events:none;border:1px solid #f2e5d429;position:absolute}.search-panel:before{aspect-ratio:1.4;border-radius:43% 57% 68% 32%/61% 31% 69% 39%;width:56vw;top:-18%;left:-8%;transform:rotate(-11deg)}.search-panel:after{aspect-ratio:1;border-color:#bc63794d;border-radius:68% 32% 43% 57%/38% 64% 36% 62%;width:62vw;bottom:-30%;right:-12%;transform:rotate(17deg)}.search-sheet{z-index:1;color:#2a1726;background:radial-gradient(34% 30% at 84% 13%,#9d556830,#0000 74%),linear-gradient(148deg,#ffffff47,#0000 35%),#eadfce;border:1px solid #48273aa3;border-radius:3% 14% 5% 10%/9% 4% 13% 6%;width:min(980px,100%);max-height:91svh;padding:clamp(28px,5vw,64px);position:relative;overflow-y:auto;transform:rotate(-.35deg);box-shadow:20px 22px #6e344cb8,0 46px 120px #0000007a}.search-sheet--landing{border:2px solid var(--bone);width:100%;min-height:min(730px,100svh - 165px);max-height:none;color:var(--bone);background:radial-gradient(42% 60% at 94% 24%,#804b8c75,#0000 70%),radial-gradient(44% 54% at 8% 22%,#e1485e5c,#0000 72%),linear-gradient(145deg,#6d3548 0%,#3e203f 48%,#271331 100%);border-radius:0;padding:0;overflow:hidden;transform:none;box-shadow:20px 22px #0c050fc2,0 46px 120px #0000007a}.search-sheet--landing:before{background:#e5315b33;border:1px solid #f2e5d433;width:42%;height:42%;top:40%;left:-8%;transform:rotate(-12deg)}.search-sheet--landing .search-header{border-bottom:2px solid var(--bone);background:#0d0510eb;align-items:center;min-height:176px;padding:26px 34px 30px;position:relative}.search-sheet--landing .search-header:after{aspect-ratio:1.4;content:"";opacity:.92;width:clamp(112px,17vw,220px);animation:landing-signal 5.5s var(--ease-in-out) infinite alternate;background:radial-gradient(circle at 61% 44%,#ff476f 0 7%,#0000 8%),radial-gradient(#0000 0 35%,#f2e5d41f 36% 38%,#0000 39%);border:1px solid #f2e5d485;border-radius:61% 39% 52% 48%/42% 67% 33% 58%;position:absolute;top:50%;right:clamp(34px,8vw,104px);transform:translateY(-50%)rotate(-9deg);box-shadow:inset 0 0 46px #e7315b2e,13px 11px #e7315b8a}@keyframes landing-signal{0%{border-radius:61% 39% 52% 48%/42% 67% 33% 58%;transform:translateY(-50%)rotate(-9deg)scale(.96)}to{border-radius:42% 58% 35% 65%/64% 39% 61% 36%;transform:translateY(-50%)rotate(7deg)scale(1.04)}}.search-sheet--landing .search-header p{color:#e7b3c4;margin-bottom:15px}.search-sheet--landing .search-header h2{max-width:none;color:var(--bone);font-size:clamp(62px,8vw,104px);line-height:.68}.search-sheet--landing .search-header h2 i{background:#e6315b}.search-sheet--landing .search-form{margin:0;padding:42px 34px 32px}.search-sheet--landing .search-form label{border-color:#f2e5d494}.search-sheet--landing .search-form label>span{color:#e8bdc8}.search-sheet--landing .search-form input{color:var(--bone)}.search-sheet--landing .search-form input::placeholder{color:#f2e5d461}.search-sheet--landing .search-form button{border-color:var(--bone);color:#230d1d;background:var(--bone);font-size:10px;font-weight:700;box-shadow:7px 8px #e6315b}.search-sheet--landing .search-results{border-color:#f2e5d46b;margin:0 34px 34px}.search-sheet--landing .search-state{color:#e8bdc8}.search-sheet--landing .search-result{color:var(--bone);border-color:#f2e5d438}.search-sheet--landing .search-result small{color:#d9afbe}.search-sheet--landing .search-result i{color:#ff7796}.search-sheet:before{content:"";pointer-events:none;background:#6e344c33;border-radius:58% 42% 53% 47%/48% 63% 37% 52%;width:clamp(130px,21vw,250px);height:clamp(72px,10vw,122px);position:absolute;top:clamp(80px,11vw,132px);left:clamp(210px,27vw,350px);transform:rotate(7deg)}.search-header{z-index:1;justify-content:space-between;align-items:start;gap:24px;display:flex;position:relative}.search-header p{color:#765265;letter-spacing:.14em;margin:0 0 22px;font-size:8px}.search-header h2{color:#2a1726;letter-spacing:-.075em;max-width:7ch;font-size:clamp(72px,10vw,132px);line-height:.66}.search-header h2 i{color:var(--bone);background:var(--wine);border-radius:55% 45% 61% 39%/46% 62% 38% 54%;padding:.02em .18em .09em .12em;font-weight:400;display:inline-block;transform:rotate(-2deg)translate(.08em)}.close-button{color:#57364a;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:38px;line-height:.7}.search-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:26px;margin:clamp(42px,7vh,70px) 0 28px;display:grid}.search-form label{border-bottom:1px solid #2a17268f;gap:6px;min-width:0;display:grid}.search-form label>span{color:#765265;letter-spacing:.11em;font-size:7px}.search-form input{color:#2a1726;letter-spacing:-.025em;background:0 0;border:0;flex:1;min-width:0;padding:15px 0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:clamp(26px,4vw,42px)}.search-form input::placeholder{color:#57364a6e}.search-form input:focus{outline:none}.search-form button{min-width:112px;min-height:54px;color:var(--bone);cursor:pointer;letter-spacing:.1em;text-transform:lowercase;transition:transform .15s var(--ease-out), color .14s ease;background:#2a1726;border:1px solid #2a1726;border-radius:52% 48% 44% 56%/43% 57%;padding:0 18px;font-size:9px;box-shadow:7px 8px #9d5568a3}.search-form button:disabled{cursor:wait;opacity:.55}.search-results{border-top:1px solid #2a17263d;display:grid}.search-state{color:#765265;max-width:52ch;margin:26px 0 8px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:18px;line-height:1.35}.search-result{color:#2a1726;text-align:left;cursor:pointer;transition:transform .15s var(--ease-out), opacity .15s ease, background-color .15s ease;background:0 0;border:0;border-bottom:1px solid #2a172633;grid-template-columns:38px 72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 0;display:grid}.search-result[data-embed-status=blocked]{color:#776c73;cursor:not-allowed;filter:grayscale();opacity:.42;background:#2a17260d}.search-result[data-embed-status=blocked] .weather-glyph{box-shadow:none;animation:none}.search-result[data-embed-status=blocked] img{filter:grayscale()contrast(.8)}.search-result[data-embed-status=blocked] i{color:currentColor}.weather-glyph{width:34px;height:34px;color:var(--bone);animation:weather-glyph-hover 3.8s var(--ease-in-out) infinite alternate;background:#16081870;border:1px solid;border-radius:56% 44% 62% 38%/42% 59% 41% 58%;place-items:center;display:grid;box-shadow:4px 4px #14061657}.weather-glyph svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:23px;height:23px;overflow:visible}.weather-glyph--rain{color:#ff7796;transform:rotate(-5deg)}.weather-glyph--sun{color:#fff15b;transform:rotate(4deg)}.weather-glyph--snow{color:#dff7ff;transform:rotate(-2deg)}@keyframes weather-glyph-hover{0%{border-radius:56% 44% 62% 38%/42% 59% 41% 58%;translate:0 1px}to{border-radius:42% 58% 39% 61%/61% 38% 62% 39%;translate:0 -2px}}.search-result img,.result-placeholder{object-fit:cover;filter:saturate(.76)contrast(1.05);background:linear-gradient(145deg,#3c2440,#211721);border:1px solid #2a172633;border-radius:9% 4% 13% 6%/5% 12% 4% 14%;width:72px;height:52px}.search-result strong,.search-result small{display:block}.search-result strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:clamp(23px,3vw,32px);font-weight:400;overflow:hidden}.search-result small{color:#765265;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.search-result i{color:var(--wine);letter-spacing:.1em;text-transform:lowercase;font-size:7px;font-style:normal}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar{background:#1c141d}.search-panel{background:#211722}.runtime-notice{background:#2a1c29}}@media (hover:hover) and (pointer:fine){.artwork-orb-control:hover:not(:disabled):not([data-active=true]){box-shadow:inset 0 0 74px #be5b8033}.artwork-orb-control:hover:not(:disabled):not([data-active=true]) canvas{filter:brightness(1.14)saturate(1.12);transform:scale(1.055)rotate(-1.2deg)}.artwork-orb-control:hover:not(:disabled):not([data-active=true])>span{color:#160d18;box-shadow:11px 12px 0 color-mix(in srgb, var(--weather-secondary,var(--wine)) 72%, transparent), 0 0 64px var(--weather-glow,#f2e5d43d);transform:rotate(1deg)scale(1.055)}.artwork-orb-control[data-active=true]:hover>span{color:var(--weather-accent,var(--bone));background:#180d19eb;transform:rotate(1deg)scale(1.025)}.connect-button:hover{background:#fff3e1;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3,0 15px 34px #00000047}.text-button:hover,.close-button:hover,.search-form button:hover{color:var(--bone)}.transport-button:hover:not(:disabled){background:#61344ed1;border-color:#f2e5d48f;transform:translateY(-2px)}.transport-button--primary:hover:not(:disabled){background:#fff3e1}.search-result:hover:not(:disabled){opacity:.94;background:#f2e5d414;transform:translate(5px)}.search-sheet--landing .search-result:hover:not(:disabled){background:#f2e5d41f}}@media (width<=740px){.topbar{min-height:70px;padding:max(19px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 18px max(20px, env(safe-area-inset-left))}.version-tag,.account-label{display:none}.session-controls{gap:12px}.forecast-picker span{display:none}.auth-copy{width:calc(100% - 40px);margin:110px 20px 54px}.auth-copy h1{font-size:clamp(58px,20vw,84px)}.atmosphere{opacity:.52;transform:translate(28%)}.now-playing{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:22px;width:calc(100% - 40px);margin:58px auto 54px}.now-playing:before{width:72%;height:35%;top:36%;left:23%}.artwork-frame{transform:rotate(-3deg)}.artwork-orb-control>span{min-width:calc(100% - 20px);padding:9px 12px 10px;font-size:16px;top:10px;left:10px}.weather-crest{width:76px;min-height:58px;top:-29px;right:-13px}.weather-crest svg{width:58px;height:42px}.weather-crest small{display:none}.track-copy{margin-left:0;padding:0 0 10px}.track-copy h1{font-size:clamp(42px,13vw,68px)}.artist-line{font-size:18px}.player-controls{width:calc(100% - 40px);margin-bottom:max(38px, env(safe-area-inset-bottom))}.youtube-player-host{width:calc(100% - 40px);height:max(200px,56.25vw - 22.5px);min-height:200px;margin:0 auto 38px;transform:rotate(-1deg)}.search-form{grid-template-columns:1fr;align-items:stretch}.transport-row{grid-template-columns:1fr auto}.transport-cluster{grid-area:1/2}.volume-control{grid-area:1/1}.search-panel{padding:max(26px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(26px, env(safe-area-inset-bottom)) 20px}.landing-page{width:calc(100% - 40px);margin-top:8px}.landing-note{display:none}.search-sheet--landing{min-height:calc(100svh - 118px)}.search-sheet--landing .search-header{min-height:150px;padding:24px 22px}.search-sheet--landing .search-header:after{opacity:.64;width:122px;right:22px}.search-sheet--landing .search-form{padding:34px 22px 28px}.search-sheet--landing .search-results{margin-inline:22px}}@media (width<=480px){.forecast-picker button{padding-inline:5px}.now-playing{grid-template-columns:1fr;gap:10px;margin-top:34px}.artwork-frame{width:min(68vw,250px)}.track-copy{margin-left:0;padding-top:7px}.track-copy h1{font-size:52px}.volume-control{display:none}.transport-row{justify-content:center;display:flex}.runtime-notice{right:16px;bottom:max(16px, env(safe-area-inset-bottom));width:calc(100% - 32px)}.landing-page{width:calc(100% - 24px)}.search-sheet--landing .search-header h2{font-size:57px}.search-sheet--landing .search-header:after{display:none}.search-result{grid-template-columns:32px 58px minmax(0,1fr)}.weather-glyph{width:30px;height:30px}.weather-glyph svg{width:20px;height:20px}.search-result img,.result-placeholder{width:58px;height:46px}.search-result i{display:none}}.player-shell[data-weather-primary=rain]{--weather-glow:#ff315f38}.player-shell[data-weather-primary=sun]{--weather-glow:#ffde493d}.player-shell[data-weather-primary=snow]{--weather-glow:#cdebff2e}body:before{opacity:.16;mix-blend-mode:soft-light}.player-shell,.player-shell:before{transition:background .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1),opacity .7s cubic-bezier(.16,1,.3,1)}.wordmark:before{box-shadow:0 0 13px var(--weather-glow,#9d556870)}.forecast-picker{background:#160c1b6b;padding:3px;box-shadow:inset 0 1px #fff9ef14,0 8px 26px #0401051f}.forecast-picker button{min-height:28px;padding:5px 8px;transition:color .18s,background-color .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.23,1,.32,1)}.text-button,.close-button{transition:color .18s,opacity .18s,transform .15s cubic-bezier(.23,1,.32,1)}.artwork-frame{box-shadow:inset 0 1px 0 #fff9ef4a, inset 0 0 0 9px #f2e5d408, -18px 22px 0 color-mix(in srgb, var(--weather-secondary,var(--wine)) 48%, transparent), 0 36px 100px var(--shadow), 0 0 74px var(--weather-glow,transparent);transition:box-shadow .65s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1)}.artwork-orb-control>span{transition:color .18s,transform .22s cubic-bezier(.23,1,.32,1),opacity .18s}.youtube-player-host{box-shadow:inset 0 1px 0 #fff9ef52, inset 0 0 0 8px #f2e5d408, 21px 22px 0 color-mix(in srgb, var(--weather-secondary,var(--wine)) 34%, transparent), 0 35px 96px var(--shadow), 0 0 60px var(--weather-glow,transparent);transition:box-shadow .65s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1)}.track-copy h1{letter-spacing:-.073em;font-weight:600}.transport-button{transition:transform .15s cubic-bezier(.23,1,.32,1),border-color .18s,background-color .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),opacity .15s}.visual-budget{transition:border-color .42s cubic-bezier(.16,1,.3,1),background-color .42s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1)}.visual-budget__tiers button{transition:color .16s,background-color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.forecast-picker button:hover:not([aria-pressed=true]){color:var(--bone);background:#f2e5d41a;transform:translateY(-1px)rotate(-1deg)}.forecast-picker button[aria-pressed=true]:hover{transform:translateY(-1px)rotate(1deg)scale(1.04)}.text-button:hover,.close-button:hover,.search-form button:hover{transform:translateY(-1px)}.visual-budget__tiers button:hover:not([aria-pressed=true]){border-color:var(--weather-accent,var(--bone));color:var(--bone);transform:translateY(-1px)}}@media (width<=740px){.visual-budget{width:calc(100% - 40px);margin:0 auto max(30px, env(safe-area-inset-bottom));position:relative;bottom:auto;left:auto;right:auto}}@media (width<=480px){.forecast-picker{gap:0}.forecast-picker button{min-height:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}