/* FocusApps studio shell, with Slop Radio's own sound and colour. */
:root{--bg:#102430;--bg-2:#142d39;--surface:#193744;--text:#f2eee5;--muted:#b8c6c7;--accent:#f08eb8;--accent-dim:#b74c7c;--accent-glow:rgba(240,142,184,.16);--drip:#bd6a92;--drip-glow:rgba(189,106,146,.1);--border:#38515a;--ink:#0d1e28;--off:#8e9fa0;--font-display:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;--font-body:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;--mark:138px;--pad-x:max(24px,calc((100vw - 1360px)/2),env(safe-area-inset-left));--pad-r:max(24px,calc((100vw - 1360px)/2),env(safe-area-inset-right))}
html,body{background:var(--bg)}body{background:var(--bg);font-family:var(--font-body);font-size:15px;line-height:1.6}.app{grid-template-rows:auto auto minmax(0,1fr)}
.v2-skip{position:fixed;top:8px;left:12px;z-index:50;padding:10px 14px;border-radius:8px;background:#f2eee5;color:#142f40;transform:translateY(-150%)}.v2-skip:focus{transform:translateY(0)}
.v2-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px var(--pad-r) 12px var(--pad-x);border-bottom:1px solid #d1ccc2;background:#eae5db;font:600 14px/1.4 var(--font-body);color:#142f40}.v2-nav a{color:inherit;text-decoration:none}.v2-brand{display:inline-flex;align-items:center;gap:9px;letter-spacing:-.045em;font-size:23px;font-weight:700}.v2-brand img{display:block;border-radius:10px}.v2-current{color:#53696d;font-size:14px}
.deck{padding-top:28px;padding-bottom:28px;gap:22px 34px;background:#142f40;border-color:#38515a;box-shadow:none}.deck .lamp{display:none}.deck .mark{border-radius:12px;box-shadow:0 0 0 1px #61767b}.deck .wordmark{font-size:clamp(43px,4.4vw,66px);line-height:.98;letter-spacing:-.055em;font-weight:700;text-transform:none}.deck .brand{color:#c4d0cc;font:600 13px/1.4 var(--font-body);letter-spacing:0;margin-bottom:8px}.deck .tag{font-size:15px;color:#d4dfdc;line-height:1.5}.deck-right{border-left:1px solid #688087;padding-left:30px}.air,.now-line{font-size:15px}.genre-hour{font-family:var(--font-body);font-size:15px;letter-spacing:0;color:var(--accent)}
.stage{background:var(--bg)}.pair{gap:20px;padding-top:30px}.pair .panel,.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.panel-next{background:var(--bg-2)}.panel-title,.now-title,.oven-title{font-family:var(--font-body);font-weight:700;letter-spacing:-.035em;line-height:1.1}.panel-title{font-size:clamp(22px,2.2vw,28px)}.now-title{font-size:clamp(22px,2.1vw,28px)}.next-mark{font-family:var(--font-body);letter-spacing:0;text-transform:none;font-size:13px;vertical-align:2px}.pair .style,.oven-recipe-text{font-size:14px;line-height:1.6}.now-handoff,.oven-usually,.oven-moment{letter-spacing:0;font-size:13px}.queue{font-size:14px}
.lede{padding-top:72px;padding-bottom:42px;max-width:58rem}.display{font-size:clamp(42px,5.5vw,72px);font-weight:700;line-height:1.02;letter-spacing:-.055em}.lede p{font-size:17px;line-height:1.65}.lede p.existed-ago{font-size:clamp(28px,3.4vw,43px);font-weight:700;line-height:1.1;letter-spacing:-.045em}.lede p.existed-ago-sub{font-family:var(--font-body);font-size:14px;letter-spacing:0;color:var(--muted)}.how-lede{font-size:16px;line-height:1.65}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.flow li,.flow li:last-child{border:0;border-top:1px solid #5a7277;padding:20px 0 0}.flow .node{display:none}.flow h3{font-family:var(--font-body);font-size:20px;line-height:1.2;letter-spacing:-.03em}.flow p{font-size:15px;line-height:1.65}.scales{gap:24px}.scale h3{font-family:var(--font-body);font-weight:700;font-size:18px}.scale-line,.scale-note{font-size:14px;line-height:1.6;letter-spacing:0}.scale-line{border-color:#5a7277}
.log-summary,.wish-label,.wish-send{font-family:var(--font-body);letter-spacing:0;text-transform:none}.wish-form input,.wish-form select{font-family:var(--font-body);font-size:16px}.wish-send{min-height:48px;border-radius:999px;padding-inline:20px}.foot{margin-top:80px;border-color:var(--border);background:#0d1e28}.foot-display{font-size:clamp(30px,3.8vw,50px);line-height:1.05;letter-spacing:-.05em}.foot p,.foot-credit{font-size:14px;line-height:1.6;opacity:1}.foot a{color:#f3b3ce}
@media(hover:hover) and (pointer:fine){.v2-nav a:hover{text-decoration:underline;text-underline-offset:4px}.deck .mark:hover{box-shadow:0 0 0 2px #f08eb8}}
@media(max-width:900px){.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.deck{gap:18px 24px}.deck-right{padding-left:20px}}
@media(max-width:639px){:root{--mark:92px;--pad-x:max(20px,env(safe-area-inset-left));--pad-r:max(20px,env(safe-area-inset-right))}.v2-nav{min-height:64px}.v2-brand{font-size:21px}.v2-current{font-size:13px}.deck{gap:9px 15px;padding-top:20px;padding-bottom:20px}.deck .wordmark{font-size:clamp(35px,9vw,48px)}.deck .tag{font-size:13px}.deck-right{border:0;padding:0}.pair .panel,.panel{padding:20px}.lede{padding-top:48px}.lede p{font-size:16px}.flow{grid-template-columns:1fr;gap:24px}.foot{margin-top:60px}}
@media(max-width:379px){:root{--mark:82px}.deck .wordmark{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.v2-nav :focus-visible{outline:3px solid #075b80;outline-offset:4px}