/* Vinyl / Sling — the original listening room, cut a little deeper. */
:root { --vinyl-amber:#ff8128; --vinyl-paper:#f5f1e9; }
body[data-theme="vinyl"] { background:#080a0b; color:var(--vinyl-paper); }
body[data-theme="vinyl"]::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(ellipse at 50% 38%,#a7511010,transparent 62%); }
body[data-theme="vinyl"] > header { max-width:1560px; padding:24px 44px; min-height:112px; border-color:#ffffff12; }
body[data-theme="vinyl"] .brand { color:var(--vinyl-amber); font-size:54px; letter-spacing:-4px; }
body[data-theme="vinyl"] .brand .fm-mark { font-size:21px; letter-spacing:-1px; }
body[data-theme="vinyl"] .music-place-subheading { font-size:11px; max-width:250px; color:#949793; }
body[data-theme="vinyl"] > header nav { gap:30px; font-size:13px; }
body[data-theme="vinyl"] .header-end { gap:20px; }
body[data-theme="vinyl"] .sign-in { border-color:#ffffff25; }
body[data-theme="vinyl"] .wrap { max-width:1460px; padding-inline:44px; }
body[data-theme="vinyl"] .totm-listener-hero { max-width:1560px; padding:24px 44px 28px; }
body[data-theme="vinyl"] .totm-listener-hero .masthead { justify-content:space-between; min-height:40px; }
.vinyl-edition { display:flex; align-items:center; gap:10px; font:9px/1.5 Work,Arial,sans-serif; letter-spacing:.19em; color:#a39a90; }
.vinyl-edition::before { content:""; width:7px; height:7px; border:1px solid #ff8128; border-radius:50%; box-shadow:0 0 15px #ff812840; }
body[data-theme="vinyl"] .totm-listener-hero #listener-motion { min-height:36px; font-size:10px; padding-inline:14px; border-color:#ffffff1c; }
body[data-theme="vinyl"] .totm-listener-hero .intro { margin-top:18px; gap:22px; }
body[data-theme="vinyl"] .totm-listener-hero .eyebrow { font-size:10px; letter-spacing:.32em; margin-bottom:20px; }
body[data-theme="vinyl"] .totm-listener-hero h1 { font-size:clamp(48px,5.5vw,96px); line-height:1.015; letter-spacing:-.06em; text-wrap:balance; }
body[data-theme="vinyl"] .totm-listener-hero h1 em { color:#ff8128; background:linear-gradient(100deg,#ff9f4d 6%,#ff8128 46%,#f76714 94%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
body[data-theme="vinyl"] .totm-listener-hero .intro-aside { gap:32px; }
body[data-theme="vinyl"] .totm-listener-hero .intro-aside p { font-size:13px; color:#acaaa5; }
body[data-theme="vinyl"] .totm-listener-hero .intro-aside a { min-height:46px; padding:0 20px; min-width:172px; border:1px solid #ff812864; border-radius:5px; background:#ff81280b; color:#f7e5d6; transition:background .2s,border-color .2s; }
body[data-theme="vinyl"] .totm-listener-hero .intro-aside a:hover { background:#ff81281c; border-color:#ff8128; }
body[data-theme="vinyl"] .totm-listener-hero .flow { grid-template-columns:minmax(0,1fr) 126px minmax(0,3.15fr) 126px minmax(0,1fr); gap:22px; margin-top:52px; }
body[data-theme="vinyl"] .totm-listener-hero .listener { width:clamp(160px,16vw,245px); max-width:none; }
body[data-theme="vinyl"] .totm-listener-hero .person { margin-top:48px; }
body[data-theme="vinyl"] .totm-listener-hero .services { margin-top:64px; padding-left:5px; }
body[data-theme="vinyl"] .totm-listener-hero .service { min-height:35px; font-size:11px; color:#c1c3be; }
body[data-theme="vinyl"] .totm-listener-hero .service > span { background:transparent; box-shadow:none; font-size:17px; }
body[data-theme="vinyl"] .totm-listener-hero .services > .small-label { margin:0 0 13px 0; font-size:8px; letter-spacing:.18em; }
body[data-theme="vinyl"] .totm-listener-hero .step { font-size:9px; letter-spacing:.18em; color:#f1a46d; }
body[data-theme="vinyl"] .totm-listener-hero .person-copy { font-size:12px; color:#a7aaa5; }
body[data-theme="vinyl"] .totm-listener-hero .deck-stage { padding:0; }
body[data-theme="vinyl"] .totm-listener-hero .deck-aura { inset:-18% -32% 45%; background:radial-gradient(ellipse,#ff81281c,transparent 65%); }
body[data-theme="vinyl"] .totm-listener-hero .deck { border:1px solid #91979680; border-radius:13px; background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px),linear-gradient(145deg,#44494c,#272b2d 26%,#202426 67%,#404448); box-shadow:inset 0 2px 1px #ffffff30,inset 0 -2px 2px #000,0 5px 0 #111516,0 6px 0 #73767566,0 25px 45px #000a,0 22px 32px -19px #ff8128aa; }
body[data-theme="vinyl"] .totm-listener-hero .deck-brand { font-size:23px; }
body[data-theme="vinyl"] .totm-listener-hero .deck-caption { margin-top:30px; padding:13px 15px; border:1px solid #ffffff13; border-bottom:0; border-radius:8px 8px 0 0; background:linear-gradient(115deg,#1b1b19,#111415); gap:14px; }
body[data-theme="vinyl"] .totm-listener-hero .now-art { width:48px; height:48px; border-radius:3px; overflow:hidden; }
body[data-theme="vinyl"] .totm-listener-hero .deck-track strong { font-size:16px; letter-spacing:-.025em; }
body[data-theme="vinyl"] .totm-listener-hero .deck-track small { font-size:8px; letter-spacing:.17em; }
body[data-theme="vinyl"] .totm-listener-hero .deck-progress { margin:0; height:2px; background:#ffffff17; }
body[data-theme="vinyl"] .totm-listener-hero .deck-progress>div { background:linear-gradient(90deg,#f46719,#ffbc72); }
body[data-theme="vinyl"] .totm-listener-hero .deck-under { margin-top:3px; }
body[data-theme="vinyl"] .totm-listener-hero .audio-analyzer { margin-top:10px; padding-top:12px; border-top-color:#ffffff12; }
body[data-theme="vinyl"] .totm-listener-hero .analyzer-canvas { height:84px; background:linear-gradient(180deg,#101313,#090c0d); border-color:#ffffff0c; border-radius:5px; }
body[data-theme="vinyl"] .totm-listener-hero .analyzer-actions button { min-height:36px; }
body[data-theme="vinyl"] .totm-listener-hero .link-label { margin-top:24px; font-size:12px; }
body[data-theme="vinyl"] .totm-listener-hero .one-link { color:#90958f; letter-spacing:.2em; }
body[data-theme="vinyl"] .totm-listener-hero .caption { margin-top:28px; border-top:1px solid #ffffff13; padding-top:20px; gap:24px; }
body[data-theme="vinyl"] .totm-listener-hero .caption p { font-size:15px; }
body[data-theme="vinyl"] .signal { font-size:11px; padding-block:19px; border-color:#ffffff12; }
body[data-theme="vinyl"] .realm-entry { display:grid; grid-template-columns:repeat(3,1fr); gap:0; padding-top:32px; padding-bottom:0; }
body[data-theme="vinyl"] .realm-entry a { position:relative; display:flex; flex-direction:column; gap:10px; padding:18px 24px; border-right:1px solid #ffffff13; }
body[data-theme="vinyl"] .realm-entry a:first-child { padding-left:0; }
body[data-theme="vinyl"] .realm-entry a:last-child { border-right:0; }
body[data-theme="vinyl"] .realm-entry small { font-size:9px; letter-spacing:.1em; color:#a9a49c; }
body[data-theme="vinyl"] .realm-entry strong { font-size:17px; font-weight:400; letter-spacing:-.025em; }
body[data-theme="vinyl"] .realm-entry span { position:absolute; right:24px; bottom:17px; color:#ff8128; }
body[data-theme="vinyl"] .realm-entry a:hover strong { color:#ffa15c; }
body[data-theme="vinyl"] .section { padding-block:65px; }
body[data-theme="vinyl"] .section-heading h2 { font-size:clamp(28px,3vw,43px); letter-spacing:-.05em; }
body[data-theme="vinyl"] .section-heading .eyebrow { font-size:9px; letter-spacing:.16em; margin-bottom:12px; color:#cf854b; }
body[data-theme="vinyl"] .cards { gap:24px; }
body[data-theme="vinyl"] .music-card .cover { border-radius:5px; border:1px solid #ffffff15; box-shadow:0 14px 28px #0006; }
body[data-theme="vinyl"] .music-card h3 { font-size:17px; }
body[data-theme="vinyl"] .listening-bar { background:#101211f5; border-top-color:#ff812832; backdrop-filter:blur(18px); }
body[data-theme="vinyl"] .titan-substrate-v1 { background:#0d1011; }
body[data-theme="vinyl"] .titan-substrate-v1 .substrate-chip { background:#121617; }
@media(min-width:1700px) { body[data-theme="vinyl"] .totm-listener-hero .intro { margin-top:24px; } }
@media(max-width:1150px) and (min-width:701px) {
 body[data-theme="vinyl"] .totm-listener-hero .flow { grid-template-columns:minmax(0,1fr) 94px minmax(0,3.5fr) 94px minmax(0,1fr); gap:14px; }
 body[data-theme="vinyl"] .totm-listener-hero .services { margin-top:35px; }
 body[data-theme="vinyl"] .totm-listener-hero .service { font-size:9px; min-height:29px; gap:6px; }
 body[data-theme="vinyl"] .totm-listener-hero .listener { width:clamp(108px,14vw,156px); }
 body[data-theme="vinyl"] > header { flex-wrap:wrap; gap:18px; }
 body[data-theme="vinyl"] > header nav { order:3; width:100%; justify-content:center; }
 body[data-theme="vinyl"] .totm-listener-hero { padding-inline:28px; }
 body[data-theme="vinyl"] .totm-listener-hero .person-copy { font-size:10px; }
}
@media(max-width:700px) {
 body[data-theme="vinyl"] > header { padding:20px 22px; gap:16px; flex-wrap:wrap; }
 body[data-theme="vinyl"] .brand { font-size:43px; }
 body[data-theme="vinyl"] .music-place-subheading { font-size:10px; max-width:190px; }
 body[data-theme="vinyl"] .music-brand-block { min-width:0; flex:1; }
 body[data-theme="vinyl"] > header nav { order:3; width:100%; justify-content:space-between; gap:12px; font-size:11px; }
 body[data-theme="vinyl"] .header-end { gap:10px; flex-wrap:wrap; justify-content:flex-end; max-width:150px; }
 body[data-theme="vinyl"] .header-end .saved-link { display:none; }
 body[data-theme="vinyl"] .sign-in { padding:8px 13px; font-size:11px; }
 body[data-theme="vinyl"] .wrap,body[data-theme="vinyl"] .totm-listener-hero { padding-inline:22px; }
 body[data-theme="vinyl"] .totm-listener-hero .intro { margin-top:26px; gap:22px; }
 body[data-theme="vinyl"] .totm-listener-hero h1 { font-size:clamp(38px,9vw,62px); letter-spacing:-.065em; }
 body[data-theme="vinyl"] .totm-listener-hero .eyebrow { font-size:8px; letter-spacing:.23em; }
 body[data-theme="vinyl"] .totm-listener-hero .intro-aside { flex-direction:column; gap:16px; }
 body[data-theme="vinyl"] .totm-listener-hero .intro-aside p { font-size:12px; }
 body[data-theme="vinyl"] .totm-listener-hero .flow { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:26px 14px; margin-top:34px; }
 body[data-theme="vinyl"] .totm-listener-hero .person,body[data-theme="vinyl"] .totm-listener-hero .services { margin-top:0; }
 body[data-theme="vinyl"] .totm-listener-hero .listener { width:170px; max-width:125%; }
 body[data-theme="vinyl"] .totm-listener-hero .service { min-height:27px; font-size:10px; }
 body[data-theme="vinyl"] .totm-listener-hero .services { padding-left:15px; align-self:center; }
 body[data-theme="vinyl"] .totm-listener-hero .flow>.deck-stage { grid-column:1/-1; grid-row:2; width:min(480px,100%); }
 body[data-theme="vinyl"] .totm-listener-hero .flow>.person:last-child { grid-column:1/-1; grid-row:3; grid-template-columns:115px auto; }
 body[data-theme="vinyl"] .totm-listener-hero .flow>.person:last-child .listener { width:115px; max-width:100%; }
 body[data-theme="vinyl"] .totm-listener-hero .deck-track strong { font-size:14px; }
 body[data-theme="vinyl"] .totm-listener-hero .deck-caption { padding:12px; }
 body[data-theme="vinyl"] .totm-listener-hero .caption { text-align:left; justify-content:flex-start; gap:12px; }
 body[data-theme="vinyl"] .realm-entry { grid-template-columns:1fr; padding-top:20px; }
 body[data-theme="vinyl"] .realm-entry a,body[data-theme="vinyl"] .realm-entry a:first-child { padding:17px 0; border-right:0; border-bottom:1px solid #ffffff12; }
 body[data-theme="vinyl"] .realm-entry span { right:0; }
 body[data-theme="vinyl"] .section { padding-block:44px; }
 .vinyl-edition { font-size:8px; letter-spacing:.1em; }
}
@media(prefers-reduced-motion:reduce) { body[data-theme="vinyl"] * { scroll-behavior:auto; } }

@media(max-width:700px) { body[data-theme="vinyl"] .totm-listener-hero .deck-aura { inset:-10% -4% 45%; } }

@media(max-width:360px) {
 body[data-theme="vinyl"] .brand { font-size:36px; }
 body[data-theme="vinyl"] .brand .fm-mark { font-size:16px; }
 body[data-theme="vinyl"] .header-end { max-width:128px; }
 body[data-theme="vinyl"] .theme-picker select { max-width:128px; font-size:9px; }
 body[data-theme="vinyl"] .totm-listener-hero h1 { font-size:32px; line-height:1.08; }
 body[data-theme="vinyl"] .totm-listener-hero .masthead { flex-wrap:nowrap; gap:8px; }
 body[data-theme="vinyl"] .vinyl-edition { font-size:7px; letter-spacing:.07em; gap:7px; }
 body[data-theme="vinyl"] .totm-listener-hero #listener-motion { font-size:9px; padding-inline:10px; }
}

/* Living Room / Sling — service colors in, one orange connection out. */
body[data-theme="vinyl"]{--room-ink:#090b0c;--room-line:#ffffff17;--room-muted:#a7aaa5;--room-orange:#ff8128}
body[data-theme="vinyl"] .totm-listener-hero .friend .a-headphones>.accent,
body[data-theme="vinyl"] .totm-listener-hero .friend .a-ring,
body[data-theme="vinyl"] .totm-listener-hero .friend .a-wave{stroke:url(#friend-services)}
body[data-theme="vinyl"] .friend .note:nth-child(1){color:#1ed760;stroke:currentColor}
body[data-theme="vinyl"] .friend .note:nth-child(2){color:#fa586a;stroke:currentColor}
body[data-theme="vinyl"] .friend .note:nth-child(3){color:#62bdd1;stroke:currentColor}
body[data-theme="vinyl"] .friend .note circle{fill:currentColor}
body[data-theme="vinyl"] .friend .glow{filter:drop-shadow(0 0 5px #ffffff25)}
body[data-theme="vinyl"] .traveling-note{filter:drop-shadow(0 0 4px currentColor);pointer-events:none}
body[data-theme="vinyl"] .totm-listener-hero .intro-aside{flex-wrap:wrap;gap:20px}
body[data-theme="vinyl"] .totm-listener-hero .intro-aside a.your-data-link{min-width:130px;background:transparent;border-color:#ffffff25;color:#c2c5c1}
body[data-theme="vinyl"] .totm-listener-hero .intro-aside a.your-data-link:hover{border-color:#ff8128;color:#f5f1e9}
body[data-theme="vinyl"] .totm-listener-hero.motion-enabled .deck[data-playing="false"] .vinyl,
body[data-theme="vinyl"] .totm-listener-hero.signal-idle .listener *,
body[data-theme="vinyl"] .totm-listener-hero.motion-paused *{animation-play-state:paused!important}
body[data-theme="vinyl"] .totm-listener-hero.signal-idle .traveling-note{opacity:0!important}
body[data-theme="vinyl"] .totm-listener-hero.motion-enabled .deck[data-playing="true"]:not(.motion-off) .vinyl{animation-duration:7.5s!important}
body[data-theme="vinyl"] .room-signal{border:1px solid #ff812831;border-radius:9px;background:linear-gradient(150deg,#171511,#0b0e10);margin-top:20px;overflow:hidden;position:relative}
.room-signal-head{display:flex;justify-content:space-between;gap:12px;padding:14px 16px 0;font-size:8px;letter-spacing:.14em;color:#aeb3b0}
.room-signal-head span:first-child{color:#ffaf71}
.room-signal canvas{display:block;width:100%;height:130px}
.room-signal p{font-size:10px!important;line-height:1.5!important;color:#a7aaa5;margin:0 16px 12px!important}
.room-signal>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ff812825;padding:12px 16px;font-size:12px;color:#ffc69b;transition:background .2s}
.room-signal>a:hover{background:#ff812810}
body[data-theme="vinyl"] .audio-analyzer{opacity:.9}
body[data-theme="vinyl"] .audio-analyzer:has([data-state="playing"]){opacity:1}
body[data-theme="vinyl"] .analyzer-canvas{min-height:110px}
body[data-theme="vinyl"] .analyzer-status{line-height:1.5}
body[data-theme="vinyl"][data-playback="playing"][data-room-motion="running"] .deck-aura{animation:room-breathe 7s ease-in-out infinite}
@keyframes room-breathe{0%,100%{opacity:.5;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}
.room-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:28px 0;border-bottom:1px solid var(--room-line);font-size:11px;color:#a7aaa5}
.room-breadcrumb>span{font-size:8px;letter-spacing:.2em;color:#db9a6a}
.room-breadcrumb a:hover{color:#ff8128}
.realm-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:64px 0 42px}
.realm-heading h1,.data-heading h1{font-size:clamp(50px,6.5vw,98px);letter-spacing:-.065em;line-height:.98;margin:15px 0 0;font-weight:700}
.realm-heading em,.data-heading em{font-style:normal;color:#ff8128}
.realm-heading>p{max-width:330px;font-size:15px;line-height:1.7;color:#acb0ab;margin-bottom:8px}
.realm-heading .eyebrow,.data-heading .eyebrow{font-size:9px;letter-spacing:.22em;color:#ffae70}
.realm-observatory{position:relative;min-height:480px;border:1px solid #ff812837;border-radius:18px;background:radial-gradient(ellipse at 50% 42%,#ff81280b,transparent 55%),linear-gradient(130deg,#121617,#080a0b 60%,#16120e);overflow:hidden;box-shadow:0 24px 60px #0006,inset 0 1px #ffffff0c}
.realm-observatory::after{content:"";position:absolute;inset:20px;border:1px solid #ffffff06;border-radius:50%;pointer-events:none}
.realm-observatory canvas{display:block;width:100%;height:510px}
.observatory-top,.observatory-bottom{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;z-index:2}
.observatory-top{top:24px;align-items:center}.observatory-bottom{bottom:26px;align-items:flex-end}
.field-status{font-size:11px;color:#f2bb91;letter-spacing:.025em}
button[data-room-motion]{border:1px solid #ffffff22;background:#101415;color:#dadfd8;border-radius:30px;padding:11px 18px;font:11px Work,Arial,sans-serif;min-height:42px;cursor:pointer}
button[data-room-motion]:hover{border-color:#ff8128}
.realm-center-label{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:260px}
.realm-monogram{display:block;font-size:54px;font-weight:700;letter-spacing:-7px;color:#ff8128;text-shadow:0 0 40px #ff812836;line-height:1.3}
.realm-center-label small{font-size:7px;letter-spacing:.18em;color:#bf916f}
.realm-now{display:flex;flex-direction:column;gap:7px;max-width:55%}
.realm-now small{font-size:8px;letter-spacing:.15em;color:#b88a68}.realm-now strong{font-size:20px;letter-spacing:-.03em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realm-now>span{font-size:11px;color:#a7aaa5}
.field-forms{display:flex;gap:4px;padding:4px;border:1px solid #ffffff18;border-radius:25px;background:#090b0cee}
.field-forms button{background:transparent;border:0;color:#a7aaa5;font:11px Work,Arial,sans-serif;border-radius:20px;padding:10px 16px;cursor:pointer;min-height:40px}
.field-forms button[aria-pressed="true"]{background:#ff812822;color:#ffb57e;box-shadow:inset 0 0 0 1px #ff812844}
.field-explanation{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:16px 0;color:#8d948d;font-size:11px}
.field-explanation>span{font-size:8px;letter-spacing:.12em;color:#d49c75}.field-explanation p{margin:0}
.realm-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:38px 0}
.realm-doors a{position:relative;background:linear-gradient(140deg,#191c1c,#111414);border:1px solid #ffffff14;border-radius:9px;padding:26px 28px;overflow:hidden;transition:transform .25s,border-color .25s}
.realm-doors a:hover{transform:translateY(-5px);border-color:#ff812870}
.realm-doors a::before{content:"";position:absolute;border:1px solid #ff812819;border-radius:50%;width:180px;height:180px;right:-100px;top:10px;box-shadow:0 0 0 18px #ff812804,0 0 0 40px #ff812803}
.realm-doors span{font-size:8px;letter-spacing:.16em;color:#c68c60}.realm-doors h2{font-size:29px;line-height:1.08;letter-spacing:-.04em;margin:30px 0 16px}.realm-doors p{font-size:12px;line-height:1.6;color:#a7aaa5;max-width:240px}.realm-doors b{position:absolute;right:28px;bottom:24px;color:#ff8128;font-weight:400}
.realm-footnote{color:#919891;font-size:11px;padding-bottom:30px}
.data-heading{padding:68px 0 50px;text-align:center}.data-heading>p:last-child{color:#a7aaa5;line-height:1.8;font-size:15px;margin-top:24px}
.data-flow{display:grid;grid-template-columns:1fr 70px 1.2fr 70px 1fr;align-items:center;text-align:center;border-block:1px solid #ffffff12;padding:28px 0 36px;gap:10px}
.data-flow>div{padding:12px}.data-orbit{display:grid;place-items:center;margin:0 auto 20px;width:64px;height:64px;border:1px solid #ff812837;border-radius:50%;font-size:24px;color:#ffb27a;box-shadow:0 0 0 8px #ff812806,0 0 0 18px #ff812802}
.data-flow small{font-size:8px;letter-spacing:.12em;color:#bd987e}.data-flow strong{display:block;font-size:20px;letter-spacing:-.03em;margin:12px 0}.data-flow p{font-size:11px;color:#929b92;line-height:1.5;margin:0}.data-flow>i{height:1px;background:linear-gradient(90deg,#ff812808,#ff812888,#ff812808);position:relative;overflow:hidden}.data-flow>i::after{content:"";position:absolute;width:20px;height:1px;background:#ffb577;animation:data-travel 3s linear infinite;transform:translateX(-30px)}
@keyframes data-travel{to{transform:translateX(100px)}}
.data-flow-home .data-orbit{color:#ff8128;border-color:#ff8128;background:#ff81280b}
.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:42px 0 20px}.data-card{padding:30px;border:1px solid #ffffff18;border-radius:12px;background:linear-gradient(145deg,#191b1a,#101414);position:relative}
.data-card-label{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.13em;color:#a59d90}.privacy-chip{font-size:8px;letter-spacing:.08em;background:#ff81280b;border:1px solid #ff81282a;color:#ffc093;padding:6px 9px;border-radius:20px}.privacy-chip.public{color:#b7c9c3;border-color:#b7c9c333}
.data-card h2{font-size:27px;letter-spacing:-.04em;margin:32px 0 18px}.data-card p{font-size:13px;color:#afb5ae;line-height:1.85;max-width:500px}.data-card>a{display:block;width:fit-content;font-size:12px;color:#ffc094;margin:18px 0}.data-card .button{font-size:12px;margin-top:14px;min-height:44px}.data-number{font-size:66px;color:#ff9a4f;letter-spacing:-.06em;line-height:1.3}.data-number small{font-size:13px;color:#a7aaa5;letter-spacing:0;margin-left:16px}.data-live-row{border-block:1px solid #ffffff15;padding:16px 0;display:flex;flex-direction:column;gap:9px}.data-live-row>span{font-size:10px;color:#ffc093}.data-live-row strong{font-size:18px}.data-live-row small{color:#a7aaa5;font-size:12px}.data-feedback{min-height:22px;color:#f3c399!important}.data-availability{font-size:11px;color:#979e96;margin-bottom:46px}
body[data-room-motion="paused"] .data-flow>i::after,body:not([data-playback="playing"]) .data-flow>i::after{animation-play-state:paused}
body[data-theme="vinyl"] :focus-visible{outline:2px solid #ffac67;outline-offset:5px}
@media(max-width:700px){
 .room-breadcrumb{padding:23px 0;font-size:10px;gap:12px;flex-wrap:wrap}.room-breadcrumb>span{order:3;width:100%;font-size:8px}
 .realm-heading{padding:40px 0 28px;display:block}.realm-heading h1,.data-heading h1{font-size:clamp(43px,11vw,72px)}.realm-heading>p{font-size:13px;margin-top:24px}
 .realm-observatory{min-height:440px;border-radius:12px}.realm-observatory canvas{height:440px}.observatory-top,.observatory-bottom{left:18px;right:18px}.observatory-top{top:16px;gap:10px}.field-status{font-size:9px;max-width:50%}button[data-room-motion]{font-size:10px;padding:10px 12px;white-space:nowrap}.observatory-bottom{bottom:18px;display:block}.realm-now{max-width:100%;padding-bottom:18px}.realm-now strong{font-size:17px}.field-forms{width:fit-content}.field-forms button{padding:8px 14px}.realm-center-label{top:40%;width:200px}.realm-monogram{font-size:42px}.realm-center-label small{font-size:6px}.field-explanation{display:block;font-size:10px;line-height:1.7}.field-explanation>span{display:block;margin-bottom:6px}.realm-doors{grid-template-columns:1fr;padding-top:22px;gap:12px}.realm-doors a{padding:22px}.realm-doors h2{margin:22px 0 12px}.realm-doors h2 br{display:none}
 .data-heading{padding:40px 0 34px;text-align:left}.data-heading .eyebrow{font-size:8px;line-height:1.8;max-width:260px}.data-heading>p:last-child{font-size:13px}.data-flow{grid-template-columns:1fr;padding:20px}.data-flow>i{height:24px;width:1px;margin:auto}.data-flow>i::after{display:none}.data-flow>div{padding:12px 0}.data-flow small{font-size:7px}.data-flow strong{font-size:19px}.data-orbit{width:48px;height:48px;font-size:20px;margin-bottom:16px}.data-grid{grid-template-columns:1fr;gap:14px;padding-top:24px}.data-card{padding:24px}.data-card h2{font-size:25px}.data-card p{font-size:12px}.data-card-label{font-size:7px}
 body[data-theme="vinyl"] .totm-listener-hero .intro-aside{flex-direction:row;justify-content:center;gap:10px}
 body[data-theme="vinyl"] .totm-listener-hero .intro-aside p{width:100%;margin-bottom:6px}
 body[data-theme="vinyl"] .totm-listener-hero .intro-aside a{min-width:0;padding:0 15px;font-size:11px}
 body[data-theme="vinyl"]>header nav{gap:10px;flex-wrap:wrap;font-size:10px}
}
@media(prefers-reduced-motion:reduce){body:not([data-room-motion="running"]) .data-flow>i::after{animation:none}.realm-doors a{transition:none}}

/* Contain the legacy shell's global header and focus rules. */
body[data-theme="vinyl"] .data-heading{display:block;max-width:none;border:0;min-height:0}
body[data-theme="vinyl"] .data-heading h1{max-width:none}
body[data-theme="vinyl"] #main:focus{outline:none}
body[data-theme="vinyl"]>header nav a,body[data-theme="vinyl"] .sign-in{white-space:nowrap}
body[data-theme="vinyl"]>header{gap:24px}
body[data-theme="vinyl"]>header .music-brand-block{flex-shrink:0;max-width:230px}
@media(min-width:1151px) and (max-width:1400px){body[data-theme="vinyl"]>header{padding-inline:32px}body[data-theme="vinyl"]>header nav{gap:20px}body[data-theme="vinyl"] .header-end .saved-link{display:none}body[data-theme="vinyl"] .theme-picker>span:first-child{display:none}}
@media(min-width:701px) and (max-width:1150px){body[data-theme="vinyl"]>header nav{justify-content:center}body[data-theme="vinyl"] .data-heading{padding:50px 0}}
@media(max-width:700px){body[data-theme="vinyl"]>header .music-brand-block{flex-shrink:1}body[data-theme="vinyl"] .data-heading{text-align:left}}
body[data-theme="vinyl"][data-room-motion="running"] .realm-doors a,
body[data-theme="vinyl"][data-room-motion="running"] .data-card{animation:room-enter .45s ease-out both}
@keyframes room-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-card,.realm-doors>a{min-width:0}.data-card p{max-width:100%;overflow-wrap:anywhere}.data-card-label{gap:8px}.privacy-chip{flex-shrink:0}.data-feedback{white-space:normal}
@media(max-width:700px){.data-grid{grid-template-columns:minmax(0,1fr)}.realm-doors{grid-template-columns:minmax(0,1fr)}}

body[data-theme="vinyl"] .audio-analyzer[data-state="idle"] .analyzer-canvas{display:none}
body[data-theme="vinyl"] .audio-analyzer[data-state="idle"] .analyzer-toolbar>label{display:none}