.radiopage{padding:104px 0 80px}
.rhead{display:grid;gap:32px;margin-bottom:52px}
@media (min-width:1000px){.rhead{grid-template-columns:1.1fr .9fr;align-items:start;gap:56px}}
.rhead__copy .section-title{margin:14px 0 16px}
.rhead__wire{padding:22px;border-radius:var(--radius-lg);display:grid;gap:18px}
.rhead__log{border-top:1px solid var(--hairline);padding-top:14px;display:grid;gap:5px;font-family:var(--mono);font-size:.7rem;line-height:1.5;max-height:120px;overflow:auto}
.rhead__log p{color:var(--ink-soft)}
.rhead__log b{color:var(--ink-faint);font-weight:400;margin-right:6px}
.rhead__log .bad{color:var(--accent)}
.rhead__log .muted{color:var(--ink-faint)}
.radio3{display:grid;gap:26px;align-items:start}
@media (min-width:1100px){.radio3{grid-template-columns:1fr 1.08fr .86fr;gap:30px}}
.radio2{display:grid;gap:26px;align-items:start;margin-bottom:24px}
@media (min-width:1000px){.radio2{grid-template-columns:1fr 1fr;gap:34px}}
/* Pipeline steps */
.step{padding-block:clamp(46px,6vw,72px);border-top:1px solid var(--hairline)}
.step__head{display:grid;gap:24px;margin-bottom:26px}
@media (min-width:1000px){.step__head{grid-template-columns:1fr .9fr;gap:48px;align-items:start}}
.step__head .section-title{margin:12px 0 14px}
.step__ctl{display:grid;gap:12px;justify-items:start;align-content:start}
.step__ctl > .note{max-width:46ch}
.step__run{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.step__count{font-family:var(--mono);font-size:.68rem;color:var(--ink-faint)}
.bar{width:100%;height:3px;border-radius:2px;background:var(--hairline-strong);overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);transition:width .3s var(--ease-out)}
.seg{display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-pill);border:1px solid var(--hairline-strong);background:var(--bg-warm)}
.seg button{font:inherit;font-size:.76rem;font-weight:600;border:0;background:transparent;color:var(--ink-light);padding:7px 15px;border-radius:var(--radius-pill);cursor:pointer;transition:background .2s var(--ease-out),color .2s var(--ease-out)}
.seg button.on{background:var(--ink);color:var(--bg)}
.cnt{display:flex;align-items:center;gap:12px;width:100%;max-width:340px}
.cnt span{font-size:.72rem;color:var(--ink-light);white-space:nowrap}
.cnt output{font-family:var(--mono);font-size:.76rem;color:var(--accent)}
.cnt input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:6px;border-radius:3px;cursor:pointer;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--fill),var(--hairline-strong) var(--fill),var(--hairline-strong) 100%)}
.cnt input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}
/* Library table */
.ptable{display:grid;gap:8px}
.prow{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:start;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--bg-warm)}
.prow--saved{border-color:color-mix(in oklch,var(--positive) 45%,transparent)}
.prow--failed{border-color:var(--accent)}
.prow__id{font-family:var(--mono);font-size:.72rem;color:var(--ink-faint);padding-top:2px}
.prow__body{min-width:0}
.prow__body strong{font-size:.86rem}
.prow__body > span{font-size:.74rem;color:var(--ink-light);margin-left:8px}
.prow__body p{font-family:var(--mono);font-size:.7rem;line-height:1.6;color:var(--ink-soft);margin-top:7px;white-space:pre-wrap}
/* Top ten */
.toplist{list-style:none;display:grid;gap:8px;margin-bottom:22px}
.toplist li{display:grid;grid-template-columns:34px 1fr auto auto;gap:12px;align-items:center;padding:11px 14px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--bg-warm)}
.toplist li.has{border-color:var(--hairline-strong)}
.toplist__rank{font-family:var(--mono);font-size:.72rem;color:var(--accent)}
.toplist strong{display:block;font-size:.84rem}
.toplist span{font-size:.72rem;color:var(--ink-light)}
/* Combinations */
.combos{display:grid;gap:12px}
@media (min-width:900px){.combos{grid-template-columns:1fr 1fr}}
.combo{padding:18px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--bg-warm);display:grid;gap:12px;align-content:start}
.combo__parents{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.combo__spec{font-family:var(--mono);font-size:.66rem;color:var(--ink-faint)}
.combo__text{font-size:.82rem;line-height:1.6;color:var(--ink-soft);text-wrap:pretty}
.combo__acts{display:flex;gap:8px;flex-wrap:wrap}
.combos__all{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-top:6px}
/* Template test */
.tests{display:grid;gap:16px}
.test{padding:20px;border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--bg-warm);display:grid;gap:16px}
.test__head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.test__head strong{font-size:.94rem}
.test__head span{font-size:.76rem;color:var(--ink-light);margin-left:8px}
.test__field{display:grid;gap:8px}
.test__style{font-size:.84rem;line-height:1.65;color:var(--ink-soft);padding:14px 16px;border-radius:var(--radius-xs);background:var(--bg);border-left:3px solid var(--accent);text-wrap:pretty}
.test__style--api{border-left-color:var(--ink-faint);font-family:var(--mono);font-size:.74rem}
.test__two{display:grid;gap:18px}
@media (min-width:820px){.test__two{grid-template-columns:1fr 1fr}}
.checks{list-style:none;display:grid;gap:6px}
.checks li{display:grid;grid-template-columns:16px auto 1fr;gap:8px;align-items:baseline;font-size:.76rem}
.checks b{font-weight:600}
.checks em{font-family:var(--mono);font-style:normal;font-size:.68rem;color:var(--ink-faint);text-align:right}
.checks .ok span{color:var(--positive)}
.checks .no span{color:var(--accent)}
.checks .no b{color:var(--accent)}
/* Station */
.station{display:grid;gap:26px;align-items:start}
@media (min-width:1000px){.station{grid-template-columns:1fr 1fr;gap:34px}}
.station__left{display:grid;gap:14px;align-content:start}
.rcol{display:grid;gap:14px;align-content:start}
.rcol__label{font-family:var(--mono);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);padding-bottom:12px;border-bottom:1px solid var(--hairline)}
.rcol__sub{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint)}
.rcol__panel{padding:22px;border-radius:var(--radius-lg);display:grid;gap:16px;justify-items:stretch}
.rcol__panel > svg{justify-self:center}
.chiprow{display:flex;flex-wrap:wrap;gap:7px}
.chiprow--tight{gap:6px}
.note{font-size:.76rem;color:var(--ink-light);text-wrap:pretty}
.note--bad{color:var(--accent)}
.note code,.connect code{font-family:var(--mono);font-size:.72rem;background:rgba(26,26,26,.05);border-radius:4px;padding:1px 5px}
.connect{display:grid;gap:12px;justify-items:start;padding:18px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--bg-warm)}
.connect p{font-size:.8rem;color:var(--ink-light);max-width:44ch;text-wrap:pretty}
.connect > *{width:100%}
.connect > button{width:auto}
/* Now playing */
.np{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--bg-warm)}
.np__body{min-width:0;display:grid;gap:2px;align-content:start}
.np__body strong{font-size:.92rem}
.np__body span{font-size:.78rem;color:var(--ink-light)}
.np__body em{font-family:var(--mono);font-style:normal;font-size:.68rem;color:var(--ink-faint)}
.np__bar{height:3px;border-radius:2px;background:var(--hairline-strong);margin-top:9px;overflow:hidden}
.np__bar i{display:block;height:100%;background:var(--accent)}
.np__time{font-family:var(--mono);font-size:.66rem;color:var(--ink-faint)}
.np__acts{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.heart{background:transparent;border:1px solid var(--hairline-strong);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--ink-light);cursor:pointer;transition:color .2s var(--ease-out),border-color .2s var(--ease-out),transform .2s var(--ease-spring)}
.heart svg{width:14px;height:14px}
.heart:hover{transform:scale(1.06);color:var(--ink)}
.heart--on{color:var(--accent);border-color:var(--accent)}
/* Provenance + stats */
.stats{display:grid;gap:10px}
.statrow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--hairline);padding-bottom:8px}
.statrow dt{font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-light)}
.statrow dd{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:1.02rem;font-weight:700}
.prov{font-family:var(--mono);font-size:.6rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:var(--radius-pill);white-space:nowrap}
.prov--live{color:var(--positive);border:1px solid color-mix(in oklch,var(--positive) 40%,transparent)}
.prov--derived{color:var(--ink-light);border:1px solid var(--hairline-strong)}
.prov--off{color:var(--accent);border:1px solid color-mix(in oklch,var(--accent) 40%,transparent)}
.likes,.ingredients{display:grid;gap:9px}
.likes__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
/* Prompt */
.promptbox{display:grid;gap:12px}
.promptbox__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.promptbox textarea{width:100%;font-family:var(--mono);font-size:.78rem;line-height:1.65;color:var(--ink);padding:14px 16px;border-radius:var(--radius-xs);background:var(--bg-warm);border:1px solid var(--hairline-strong);border-left:3px solid var(--accent);resize:vertical}
.promptbox textarea:focus{outline:2px solid var(--accent);outline-offset:3px}
/* Queue */
.queue{display:grid;gap:12px}
.qitem{padding:16px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--bg-warm);display:grid;gap:12px}
.qitem--completed{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 6%,var(--bg-warm))}
.qitem--failed{border-color:var(--hairline-strong)}
.qitem__head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.qitem__head strong{display:block;font-size:.88rem}
.qitem__task{font-family:var(--mono);font-size:.62rem;color:var(--ink-faint)}
.qitem__cost{font-family:var(--mono);font-size:.72rem;color:var(--accent)}
.qitem__prompt{font-size:.78rem;color:var(--ink-light);text-wrap:pretty}
.qitem__from{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.qitem__from span{font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-faint)}
.qitem__acts{display:flex;align-items:center;gap:8px}
.qitem__states{display:flex;gap:6px;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);flex-wrap:wrap}
.qitem__states .on{color:var(--accent)}
/* Landing teaser */
.teaser{padding-block:clamp(80px,11vw,130px);background:var(--bg-warm);border-block:1px solid var(--hairline)}
.teaser__grid{display:grid;gap:34px;align-items:center}
@media (min-width:1000px){.teaser__grid{grid-template-columns:1fr 1fr;gap:64px}}
.teaser__copy .section-title{margin:14px 0 16px}
.teaser__steps{list-style:none;display:grid;gap:10px;margin:26px 0 30px;counter-reset:s}
.teaser__steps li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline;font-size:.86rem;color:var(--ink-light);counter-increment:s}
.teaser__steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--mono);font-size:.68rem;color:var(--accent)}
.teaser__card{padding:22px;border-radius:var(--radius-lg);display:grid;gap:14px}
.teaser__row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--hairline)}
.teaser__row:last-of-type{border-bottom:0;padding-bottom:0}
.teaser__row strong{display:block;font-size:.86rem}
.teaser__row span{font-family:var(--mono);font-size:.66rem;color:var(--ink-light)}

/* Global SVG icon sanity constraints */
strong svg, h1 svg, .follow__meta svg, .track-row svg {
  width: 14px !important;
  height: 14px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 4px;
  flex-shrink: 0;
}

/* Social & Community Section */
.social{padding-block:clamp(80px,11vw,130px);border-bottom:1px solid var(--hairline)}
.social__head{max-width:680px;margin-bottom:40px}
.social__grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:28px;align-items:start}
@media (max-width:980px){.social__grid{grid-template-columns:1fr;gap:36px}}
.social__label{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);margin-bottom:16px;font-weight:600}
.follows{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.follow{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--panel-bg);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);transition:transform .2s var(--ease-out),border-color .2s var(--ease-out)}
.follow:hover{border-color:var(--hairline-faint);transform:translateY(-1px)}
.follow__meta{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.follow__meta strong{font-size:.92rem;color:var(--ink);display:flex;align-items:center}
.follow__meta span{font-size:.76rem;color:var(--ink-light);font-family:var(--mono)}
.follow__meta em{font-size:.78rem;color:var(--ink-muted);font-style:normal;line-height:1.35;margin-top:2px}
.thread{padding:20px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:14px;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--hairline-strong)}
.thread__row{animation:trey-fade-in .35s var(--ease-out)}
.thread__typing{display:flex;gap:4px;padding:8px 12px;background:rgba(0,0,0,.06);border-radius:var(--radius-pill);width:fit-content;margin-top:4px}
.thread__typing i{width:5px;height:5px;border-radius:50%;background:var(--ink-light);animation:trey-pulse 1.2s infinite ease-in-out}
.thread__typing i:nth-child(2){animation-delay:.2s}
.thread__typing i:nth-child(3){animation-delay:.4s}
@keyframes trey-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes trey-pulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}