/* YOUR DESK inside ZALA One (2026-10-10, the final seat): the rail on the left, the room in the middle, AIIO on the right.
   Moon grey ground under the public black nav; ink type; ZALA blue for data and the active room; pink only for on air. */
html.desk #desk{display:grid;grid-template-columns:200px minmax(0,1fr) 352px;grid-template-rows:52px minmax(0,1fr) 54px;background:linear-gradient(rgba(206,206,206,.82),rgba(206,206,206,.82)) fixed,url('/desk-assets/pattern-white.png') 0 0/800px 800px fixed #cecece;color:#0e0e0e} /* THE RECORD (MOON / PINK, approved 2026-10-06, corrected 2026-10-09): one moon sheet with the monogram under every panel; black only for what is current or live; pink only for the main action and the drop; ink outlines, never white cards; nothing pulses */
html.desk #desk.rail-min{grid-template-columns:56px minmax(0,1fr) 352px}html.desk #desk.aiio-off{grid-template-columns:200px minmax(0,1fr) 0}html.desk #desk.rail-min.aiio-off{grid-template-columns:56px minmax(0,1fr) 0}
#desk *{box-sizing:border-box}
/* the sub-bar */
#desk .sub{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;background:transparent;color:#0e0e0e;border-bottom:1px solid rgba(14,14,14,.18);overflow:hidden}
#desk .sub .lab{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#585858;white-space:nowrap}
#desk .sub .room{font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0e0e0e}
#desk .sub .sp{flex:1}
#desk .sub select{font:700 11px Montserrat,sans-serif;color:#0e0e0e;background:transparent;border:1.5px solid #0e0e0e;border-radius:999px;padding:6px 28px 6px 10px;max-width:260px;min-height:32px}
#desk .sub button{height:30px;padding:0 12px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0e0e0e;white-space:nowrap}
#desk .sub button:hover{background:rgba(14,14,14,.06)}#desk .sub button.pill{border:1.5px solid #0e0e0e}#desk .sub button.pill.on{background:#0e0e0e;color:#fff;border-color:#0e0e0e}#desk .sub .kbd,#desk .sub kbd{color:#585858;border-color:rgba(14,14,14,.3)}
/* the rail */
#oneRail{grid-column:1;grid-row:2;display:flex;flex-direction:column;background:transparent;color:#0e0e0e;overflow:auto;border-right:1px solid rgba(14,14,14,.18);min-height:0}
#oneRail .grp{padding:10px 10px 3px;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#585858;white-space:nowrap}
#oneRail button{display:flex;align-items:center;gap:10px;width:calc(100% - 12px);margin:0 6px;min-height:40px;padding:0 12px;border-radius:6px;text-align:left;font:650 12px/1 Montserrat,sans-serif;color:#0e0e0e;white-space:nowrap;overflow:hidden}
#oneRail button:hover{background:rgba(14,14,14,.06)}#oneRail button.on,#oneRail button.on:hover{background:#0e0e0e;color:#fff}#oneRail button.onair{box-shadow:inset 5px 0 0 #ed1e79}#oneRail button.onair.on i .dot{fill:#ed1e79}
#oneRail button i{flex:none;width:22px;height:22px;display:grid;place-items:center;font-style:normal;color:inherit;opacity:.9}#oneRail button i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}#oneRail button:hover i,#oneRail button.on i{opacity:1}#desk.rail-min #oneMin i{transform:scaleX(-1)}
#oneRail button .st{margin-left:auto;font-size:9px;letter-spacing:.1em;color:#585858}#oneRail button.on .st{color:#bdbdbd}
#oneRail .more,#oneRail .min{position:sticky;z-index:2;background:linear-gradient(rgba(206,206,206,.82),rgba(206,206,206,.82)) fixed,url('/desk-assets/pattern-white.png') 0 0/800px 800px fixed #cecece;border-top:1px solid rgba(14,14,14,.18);border-radius:0}#oneRail .more{bottom:46px;margin:auto 6px 0;min-height:40px;color:#0e0e0e}
#oneRail .min{bottom:0;margin:0 6px;padding-bottom:6px;min-height:40px;color:#585858;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
#desk.rail-min #oneRail button span,#desk.rail-min #oneRail button .st,#desk.rail-min #oneRail .min span{display:none}#desk.rail-min #oneRail .grp{height:1px;padding:0;margin:8px 12px;background:rgba(14,14,14,.18);font-size:0;overflow:hidden}
#desk.rail-min #oneRail button{justify-content:center;padding:0}
/* the room */
#oneMain{grid-column:2;grid-row:2;min-width:0;min-height:0;position:relative;background:#cecece}#liveFrame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0e0e0e}#liveFrame[hidden]{display:none}
#oneMain iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#cecece}
#oneHost{position:absolute;inset:0;overflow:auto;background:#cecece}#oneHost[hidden]{display:none}
#oneMain .note{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;color:#5c5c5c;font-size:13px;max-width:420px}
/* AIIO */
#oneAIIO{grid-column:3;grid-row:2;min-width:0;min-height:0;display:flex;flex-direction:column;background:transparent;color:#0e0e0e;border-left:1px solid rgba(14,14,14,.18);overflow:hidden;font:500 12.5px/1.55 Montserrat,sans-serif}
#desk.aiio-off #oneAIIO{display:none}
#oneAIIO .hd{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid rgba(14,14,14,.18);background:transparent;color:#0e0e0e}
#oneAIIO .hd .mark{width:30px;height:30px;border-radius:50%;background:#0e0e0e;display:grid;place-items:center;color:#13bbe2;font-weight:900;font-size:11px;letter-spacing:.08em}
#oneAIIO .hd b{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase}#oneAIIO .hd small{display:block;font-size:10.5px;color:#555555}
#oneAIIO .hd .use{margin-left:auto;text-align:right;font-size:10px;color:#555555;line-height:1.3}#oneAIIO .hd .use i{display:block;width:72px;height:4px;border-radius:2px;background:#b5b5b5;overflow:hidden;margin-top:4px}#oneAIIO .hd .use i b{display:block;height:100%;background:#13bbe2;width:0}
#oneAIIO .ctx{margin:10px 14px 0;padding:6px 10px;border:1px solid rgba(14,14,14,.18);border-radius:7px;background:transparent;font-size:10.5px;color:#454545;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#oneAIIO .ctx::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#13bbe2;margin:0 7px 1px 0}
#oneAIIO .tabs{display:flex;gap:3px;margin:10px 14px 0;padding:3px;border:1.5px solid #0e0e0e;border-radius:999px;background:transparent}#oneAIIO .tabs button{flex:1;min-height:30px;border-radius:7px;color:#555555;font:750 10.5px/1 Montserrat,sans-serif;letter-spacing:.04em}#oneAIIO .tabs button[aria-selected=true]{color:#0e0e0e;background:#ffffff;box-shadow:0 1px 3px rgba(40,40,40,.08)}
#oneAIIO .pane{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 14px 12px}#oneAIIO .pane[hidden]{display:none}
#oneAIIO .thr{flex:1;min-height:80px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:8px 0}
#oneAIIO .thr .empty{margin:auto 0;color:#555555}#oneAIIO .thr .empty h3{margin:0 0 6px;font-size:18px;letter-spacing:-.02em;color:#0e0e0e;font-weight:800}
#oneAIIO .msg{white-space:pre-wrap;overflow-wrap:anywhere;padding:11px 13px;border-radius:12px;background:transparent;border:1px solid rgba(14,14,14,.25);font-size:12.5px;line-height:1.65}
#oneAIIO .msg.you{background:#0e0e0e;color:#fff;border-color:#0e0e0e;align-self:flex-end;max-width:92%;border-bottom-right-radius:4px}#oneAIIO .msg.ai{align-self:stretch}#oneAIIO .msg.ai .who{display:block;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#13bbe2;margin-bottom:4px;font-weight:800}
#oneAIIO .msg.err{background:#fde8ef;border-color:#f3b9cc}
#oneAIIO .chips{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 10px}#oneAIIO .chips button{border:1px solid #b5b5b5;border-radius:9px;padding:9px 9px;background:#e5e5e5;font:600 10.5px/1.35 Montserrat,sans-serif;text-align:left;color:#454545}#oneAIIO .chips button:hover{border-color:#13bbe2;color:#0e0e0e}
#oneAIIO form{flex:none;border:1.5px solid #0e0e0e;border-radius:14px;background:transparent;padding:10px}#oneAIIO form:focus-within{box-shadow:0 0 0 3px rgba(19,187,226,.25)}
#oneAIIO textarea{width:100%;border:0;background:transparent;color:#0e0e0e;font:500 12.5px/1.6 Montserrat,sans-serif;min-height:56px;max-height:160px;resize:none;outline:0}
#oneAIIO .row{display:flex;align-items:center;gap:8px;margin-top:6px}#oneAIIO .row small{color:#555555;font-size:9.5px}#oneAIIO .row .sp{flex:1}
#oneAIIO .btn{min-height:32px;padding:0 14px;border-radius:999px;font:800 10.5px/1 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0e0e0e;border:1px solid #999999;background:#fff}#oneAIIO .btn.go{background:#13bbe2;border-color:#13bbe2;color:#0c0c0c}#oneAIIO .btn:disabled{opacity:.5}
#oneAIIO .list{display:flex;flex-direction:column;gap:6px;overflow:auto;min-height:0}
#oneAIIO .it{display:block;width:100%;text-align:left;padding:9px 11px;border-radius:10px;background:#fff;border:1px solid #b5b5b5;font:inherit;color:inherit}#oneAIIO .it:hover{border-color:#13bbe2}#oneAIIO .it b{display:block;font-size:12.5px}#oneAIIO .it small{display:block;color:#555555;font-size:10.5px;margin-top:2px}
#oneAIIO .it .src{float:right;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#13bbe2}
#oneAIIO .k{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#555555;font-weight:800;margin:10px 2px 6px}
#oneAIIO input[type=search]{width:100%;border:1px solid #999999;border-radius:10px;padding:9px 11px;font:inherit;background:#fff;min-height:36px}
#oneAIIO .srcs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}#oneAIIO .srcs span{font-size:10px;border:1px solid #b5b5b5;border-radius:999px;padding:3px 9px;background:#fff;color:#454545}#oneAIIO .srcs span.on{border-color:#13bbe2;color:#0e0e0e}#oneAIIO .srcs span.off{opacity:.55}
#oneAIIO .threads{position:absolute;inset:0;background:linear-gradient(rgba(206,206,206,.82),rgba(206,206,206,.82)) fixed,url('/desk-assets/pattern-white.png') 0 0/800px 800px fixed #cecece;z-index:2;display:flex;flex-direction:column;padding:12px 14px}#oneAIIO .threads[hidden]{display:none}
#oneAIIO .pane{position:relative}
@media(max-width:1250px){html.desk #desk{grid-template-columns:56px minmax(0,1fr) 320px}html.desk #desk.aiio-off{grid-template-columns:56px minmax(0,1fr) 0}#desk.rail-min #oneRail,#oneRail{}#oneRail .grp,#oneRail button span,#oneRail button .st,#oneRail .min span{display:none}#oneRail button{justify-content:center;padding:0}}
@media(max-width:1000px){html.desk #desk{grid-template-columns:56px minmax(0,1fr)}#oneAIIO{position:fixed;right:0;top:104px;bottom:0;width:min(360px,calc(100% - 56px));z-index:6;box-shadow:-10px 0 30px rgba(0,0,0,.25)}#desk.aiio-off #oneAIIO{display:none}}
@media(max-width:600px){html.desk #desk{grid-template-rows:52px minmax(0,1fr) 54px;grid-template-columns:48px minmax(0,1fr)}#oneAIIO{top:98px;width:calc(100% - 48px)}#desk .sub select{max-width:150px}#desk .sub .room{display:none}}
/* EMBED: the portal around the Desk supplies the chrome; the Desk shows only the room and AIIO */
html.embed .nav,html.embed .wrap,html.embed #oneRail,html.embed #desk .sub #back,html.embed #desk .sub .lab{display:none!important}
html.embed #desk{inset:0!important}html.embed.desk #desk,html.embed.desk #desk.rail-min{grid-template-columns:minmax(0,1fr) 352px}html.embed.desk #desk.aiio-off{grid-template-columns:minmax(0,1fr) 0}
html.embed #oneMain{grid-column:1}html.embed #oneAIIO{grid-column:2}
@media(max-width:1000px){html.embed.desk #desk{grid-template-columns:minmax(0,1fr)}}


#oneAIIO .hd{background:#0e0e0e;color:#fff;border-color:#0e0e0e}#oneAIIO .hd small,#oneAIIO .hd .use{color:#bdbdbd}#oneAIIO .hd .mark{background:#fff;color:#0e0e0e}
#oneAIIO .ctx,#oneAIIO .tabs{background:rgba(255,255,255,.4);border-color:rgba(14,14,14,.2)}
#oneAIIO .msg.you{color:#fff}#oneAIIO .msg.ai .who{color:#0e0e0e}#oneAIIO .btn.go{background:#0e0e0e;color:#fff;border-color:#0e0e0e}
#oneAIIO .chips button,#oneAIIO .it{background:rgba(255,255,255,.6)}#oneAIIO form:focus-within{border-color:#0e0e0e;box-shadow:0 0 0 2px rgba(0,0,0,.1)}
#oneRail button.on{background:#fff;color:#0e0e0e}#oneRail button.on .st{color:#454545}

/* THE TOP BAR, REDRAWN (2026-10-12, Adham: "the toggle tab on the top should be much nicer").
   The room is the title; All screens reads as a quiet search field with its shortcut; AIIO is a real switch (track and knob), on in cyan;
   Back to ZALA is a plain link. Same controls, same ids, calmer. */
#desk .sub{height:52px;gap:14px;padding:0 18px;background:linear-gradient(#111,#0b0b0b);border-bottom:1px solid #1f1f1f}
#desk .sub>.lab:first-child{font-size:9.5px;letter-spacing:.26em;color:#7d7d7d}
#desk .sub .room{font-size:14px;font-weight:800;letter-spacing:.02em;text-transform:none;color:#fff}
#desk .sub label.lab[for=onePick]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#desk .sub select{appearance:none;-webkit-appearance:none;min-width:220px;height:34px;padding:0 64px 0 34px;border-radius:999px;background:#1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23bdbdbd' stroke-width='2'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath d='M9.5 9.5 13 13'/%3E%3C/svg%3E") 12px 50%/14px no-repeat;border:1px solid #2c2c2c;color:#d6d6d6;font:600 12px Montserrat,sans-serif;cursor:pointer}
#desk .sub select:hover,#desk .sub select:focus{border-color:#13bbe2;outline:none;color:#fff}
#desk .sub .kbd{margin-left:-58px;margin-right:26px;pointer-events:none;font:700 10px Montserrat,sans-serif;letter-spacing:.06em;color:#8c8c8c;border:1px solid #333;border-radius:6px;padding:3px 6px}
#desk .sub button#oneAiioBtn{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 6px 0 14px;border:1px solid #2c2c2c;border-radius:999px;background:#1a1a1a;color:#d6d6d6;letter-spacing:.18em}
#desk .sub button#oneAiioBtn::after{content:'';width:34px;height:20px;border-radius:999px;background:#3a3a3a radial-gradient(circle at 10px 50%,#fff 7px,transparent 7.5px);transition:background .18s ease}
#desk .sub button#oneAiioBtn[aria-pressed=true]{color:#fff;border-color:#13bbe2}
#desk .sub button#oneAiioBtn[aria-pressed=true]::after{background:#13bbe2 radial-gradient(circle at 24px 50%,#fff 7px,transparent 7.5px)}
#desk .sub button#back{height:34px;padding:0 4px;border-radius:0;letter-spacing:.16em;color:#9a9a9a}
#desk .sub button#back:hover{color:#fff}
@media(prefers-reduced-motion:reduce){#desk .sub button#oneAiioBtn::after{transition:none}}
@media(max-width:900px){#desk .sub select{min-width:0;width:44px;padding:0;background-position:50% 50%;color:transparent}#desk .sub .kbd{display:none}#desk .sub button#back{font-size:0}#desk .sub button#back::before{content:'←';font-size:16px}}

/* THE DOCK AND THE FLOOR (2026-10-12): "when they get to their office and their desk they have everything at reach".
   The dock is the original HQ's bottom bar: the tools a working day reaches for, one press away in every room, with the on-air light at its left. */
#oneDock{grid-column:1/-1;grid-row:3;display:flex;align-items:center;gap:6px;padding:0 14px;background:#0b0b0b;border-top:1px solid #1f1f1f;color:#bdbdbd;overflow-x:auto}
#oneDock .air{display:inline-flex;align-items:center;gap:8px;margin-right:10px;padding:0 12px;height:30px;border:1px solid #2c2c2c;border-radius:999px;font:800 10px Montserrat,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8c8c8c;white-space:nowrap}
#oneDock .air i{width:8px;height:8px;border-radius:50%;background:#555}#oneDock .air.on{background:#ed1e79;color:#0e0e0e;border-color:#ed1e79}#oneDock .air.on i{background:#0e0e0e}
#oneDock button{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;font:700 11px Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d6d6d6;white-space:nowrap}
#oneDock button:hover{background:#1c1c1c;color:#fff}#oneDock button[data-dock=live]{color:#fff;font-weight:800;box-shadow:inset 0 0 0 1px #4a4a4a}
#oneDock kbd{font:700 9.5px Montserrat,sans-serif;color:#8c8c8c;border:1px solid #333;border-radius:5px;padding:2px 5px}
html.embed #oneDock{grid-column:1/-1}
.hq{max-width:1180px;margin:0 auto;padding:34px 36px 60px;color:#0e0e0e}
.hq-h .lab{font-size:10.5px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#454545}
.hq-h h2{font-size:clamp(30px,3.6vw,52px);font-weight:900;letter-spacing:-.04em;line-height:1.04;margin:8px 0 10px}
.hq-h p{font-size:15px;color:#454545}.hq-live{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#0e0e0e;margin-right:6px}.hq-live i{width:9px;height:9px;border-radius:50%;background:#ed1e79;animation:dockpulse 1.6s ease-out infinite}
.hq section{margin-top:34px}.hq h3{font-size:10.5px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#454545;margin:0 0 12px}
.hq-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.hq-g.reach{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.hq-t{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;min-height:104px;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.62);border:1px solid rgba(14,14,14,.12);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.hq-t:hover{transform:translateY(-2px);background:#fff;border-color:#13bbe2}.hq-t .k{font-size:9.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#454545}.hq-t b{font-size:19px;font-weight:900;letter-spacing:-.02em}.hq-t small{font-size:12.5px;color:#454545;line-height:1.45}
.hq-day{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.hq-day>div{padding:14px;border-radius:12px;background:rgba(255,255,255,.5);border:1px solid rgba(14,14,14,.1)}.hq-day time{display:block;font-size:11px;font-weight:800;color:#454545}.hq-day b{font-size:13px}
.hq-day .on{background:#0e0e0e;color:#fff;border-color:#0e0e0e}.hq-day .on time{color:#13bbe2}.hq-day .past{opacity:.55}
@media(max-width:900px){.hq{padding:22px 16px 40px}.hq-day{grid-template-columns:repeat(3,minmax(0,1fr))}#oneDock .air{margin-right:2px}}
@media(prefers-reduced-motion:reduce){.hq-t,#oneDock .air i,.hq-live i{transition:none;animation:none}}

/* ---- the dock: 44 px controls, one black broadcast bar ---- */
#oneDock button{height:44px}#oneDock .air{height:36px}
@media(max-width:700px){#oneDock{gap:4px;padding:0 8px}#oneDock button{padding:0 10px;letter-spacing:.08em}#oneDock button kbd{display:none}#oneDock .air{margin-right:4px;padding:0 10px}}
/* ---- the scorebug in the bar: the light and the six gates, black, the current gate white, the next with the pink square ---- */
.bug6{display:flex;align-items:stretch;background:#0e0e0e;color:#fff;border-radius:6px;overflow:hidden;margin-right:8px;flex:none}
.bug6 div{padding:5px 11px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.14);min-width:0}.bug6 div:first-child{border-left:0}
.bug6 em{font-style:normal;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.6;white-space:nowrap}
.bug6 b{font-size:12.5px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;display:flex;align-items:center;gap:6px}
.bug6 .on{background:#fff;color:#0e0e0e}.bug6 .on em{opacity:.75}.bug6 .past b{opacity:.5}.bug6 .next b::before{content:'';width:8px;height:8px;background:#ed1e79;flex:none}
.bug6 .air b::before{content:'';width:8px;height:8px;border-radius:50%;background:#6f6f6f;flex:none}.bug6 .air.live{background:#ed1e79;color:#0e0e0e}.bug6 .air.live b::before{background:#0e0e0e}
@media(max-width:1250px){.bug6 .g:not(.on):not(.next){display:none}#oneRail .min{display:none}}
@media(max-width:700px){.bug6{display:none}}
/* ---- HQ: the date with the pink kick, the headline at 900, panels as ink outlines on the pattern ---- */
.hq-h .lab{display:inline-flex;align-items:center;gap:10px;color:#585858}.hq-h .lab::before{content:'';width:22px;height:5px;background:#ed1e79}
.hq-h h2{letter-spacing:-.035em;line-height:1}.hq section h3{color:#585858;font-weight:700;letter-spacing:.16em}.hq-live i{animation:none}
.hq-t{background:transparent;border:1.5px solid #0e0e0e;transition:background .15s ease}.hq-t:hover{transform:none;background:rgba(14,14,14,.05);border-color:#0e0e0e}
.hq-t .k{color:#585858;font-weight:700;letter-spacing:.16em}.hq-t b{letter-spacing:-.035em}
.hq-g.reach{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-g.reach .hq-t:last-child:nth-child(even){grid-column:1/-1}
/* Go live: off air it is the main action (a pink fill, ink type); on air it is live (a black block with the pink drop bar) */
.hq-t.hero{grid-column:1/-1;display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:22px;row-gap:3px;align-items:center;min-height:96px;padding:20px 26px;background:#ed1e79;border-color:#ed1e79;color:#0e0e0e}
.hq-t.hero>*{min-width:0}.hq-t.hero>*:not(:first-child){grid-column:2}.hq-t.hero .k{color:#0e0e0e;opacity:.75}.hq-t.hero b{font-size:26px;letter-spacing:-.03em}.hq-t.hero small{color:#0e0e0e;opacity:.85;font-size:13px;max-width:560px}
.hq-t.hero::before{content:'';grid-column:1;grid-row:1/4;width:44px;height:44px;border-radius:50%;border:3px solid #0e0e0e;background:radial-gradient(circle,#0e0e0e 0 33%,transparent 35%)}
.hq-t.hero .go{grid-column:3;grid-row:1/4;align-self:center;display:inline-flex;align-items:center;height:48px;padding:0 24px;border-radius:999px;background:#0e0e0e;color:#fff;font:800 12px/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.hq-t.hero:hover{background:#ed1e79;border-color:#0e0e0e}
.hq-t.hero.onair{background:#0e0e0e;border-color:#0e0e0e;color:#fff;box-shadow:inset 6px 0 0 #ed1e79}.hq-t.hero.onair .k,.hq-t.hero.onair small{color:#fff}
.hq-t.hero.onair::before{border-color:#ed1e79;background:radial-gradient(circle,#ed1e79 0 33%,transparent 35%)}.hq-t.hero.onair .go{background:#ed1e79;color:#0e0e0e}.hq-t.hero.onair:hover{background:#0e0e0e}
@media(max-width:700px){.hq-g.reach{grid-template-columns:minmax(0,1fr)}.hq-t.hero{grid-template-columns:36px minmax(0,1fr)}.hq-t.hero::before{width:36px;height:36px}.hq-t.hero b{font-size:22px}.hq-t.hero .go{grid-column:1/-1;grid-row:4;justify-self:start;margin-top:10px;height:44px}}
/* ---- AIIO: chips and lists as outlines, the active tab ink, the AI footer on its own line ---- */
#oneAIIO .tabs button{border-radius:999px;color:#0e0e0e}#oneAIIO .tabs button.on,#oneAIIO .tabs button[aria-selected=true]{background:#0e0e0e;color:#fff}
#oneAIIO .chips button{background:transparent;border:1px solid rgba(14,14,14,.18);border-radius:999px;padding:9px 12px}#oneAIIO .chips button:hover{border-color:#0e0e0e}
#oneAIIO .it{background:transparent;border:1px solid rgba(14,14,14,.25);box-shadow:none}#oneAIIO .row{flex-wrap:wrap}#oneAIIO .row small{order:9;flex-basis:100%;margin-top:4px}
#oneAIIO .btn{background:transparent;border:1.5px solid #0e0e0e}#oneAIIO .btn.go{background:#0e0e0e;color:#fff;border-color:#0e0e0e}#oneAIIO .srcs span,#oneAIIO input[type=search]{background:transparent}
#oneAIIO .hd small,#oneAIIO .hd .use{color:#3f3f3f}#oneAIIO .hd .use i{background:rgba(14,14,14,.18)}

/* FITS (2026-10-14): the AIIO pane never covers the work. Wide: a third column (352px, or 520px in ⤢). Narrow: a drawer with its own close, over a dimmed, inert floor. */
#oneAIIO .hd .ttl{min-width:0;flex:1}#oneAIIO .hd .ttl b,#oneAIIO .hd .ttl small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#oneAIIO .hd .hdb{width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:transparent;color:#fff;font:700 15px/1 Montserrat,sans-serif;cursor:pointer;flex:none;display:grid;place-items:center}
#oneAIIO .hd .hdb:hover,#oneAIIO .hd .hdb[aria-pressed=true]{background:#fff;color:#0e0e0e;border-color:#fff}
html.desk #desk.aiio-max:not(.aiio-off){grid-template-columns:200px minmax(0,1fr) 520px}html.desk #desk.rail-min.aiio-max:not(.aiio-off){grid-template-columns:56px minmax(0,1fr) 520px}
#oneAIIO .thr .msg{overflow-wrap:anywhere;word-break:break-word}
#aiioScrim{display:none}
@media (max-width:1000px){
  #oneAIIO{top:52px;width:min(420px,calc(100% - 56px));max-width:100%;background:linear-gradient(rgba(206,206,206,.96),rgba(206,206,206,.96)) fixed,url('/desk-assets/pattern-white.png') 0 0/800px 800px fixed #cecece}
  #desk:not(.aiio-off) #aiioScrim{display:block;position:fixed;left:0;top:52px;right:0;bottom:0;background:rgba(14,14,14,.45);z-index:5}
  #desk:not(.aiio-off) #oneMain{pointer-events:none;user-select:none}
  #oneAIIO .hd .hdb#aiioMax{display:none}
}

/* the mic (2026-10-14): one round control in the composer; pink and pulsing while it listens, the brand's on-air signal */
#oneAIIO .mic{width:34px;height:34px;border-radius:50%;border:1.5px solid #0e0e0e;background:#0e0e0e;color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;padding:0}
#oneAIIO .mic:hover{background:#fff;color:#0e0e0e}
#oneAIIO .mic[aria-pressed=true]{background:#ed1e79;border-color:#ed1e79;color:#fff;animation:micPulse 1.4s ease-out infinite}
@keyframes micPulse{0%{box-shadow:0 0 0 0 rgba(237,30,121,.55)}100%{box-shadow:0 0 0 12px rgba(237,30,121,0)}}

/* THE DRIVER'S SEAT (2026-10-16): one bar, not two; nothing floats over the controls; the palette is the wheel */
html.desk:not(.embed) .nav,html.desk .askfab{display:none!important}
html.desk:not(.embed) #desk{inset:0!important}
html.desk #desk.aiio-na{grid-template-columns:200px minmax(0,1fr) 0!important}html.desk #desk.aiio-na.rail-min{grid-template-columns:56px minmax(0,1fr) 0!important}
@media(max-width:1250px){html.desk #desk.aiio-na{grid-template-columns:56px minmax(0,1fr) 0!important}}
#onePal{position:fixed;inset:0;z-index:60;background:rgba(14,14,14,.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:14vh}#onePal[hidden]{display:none}
#onePal .box{width:min(620px,calc(100% - 32px));background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;font-family:Montserrat,system-ui,sans-serif}
#onePal input{width:100%;border:0;border-bottom:1px solid rgba(0,0,0,.08);padding:20px 22px;font:600 18px Montserrat,system-ui,sans-serif;outline:none;color:#0e0e0e;background:#fff}
#onePal .list{max-height:min(52vh,440px);overflow:auto;padding:6px}#onePal .pi{display:flex;align-items:baseline;gap:12px;width:100%;text-align:left;border:0;background:none;padding:11px 14px;border-radius:10px;cursor:pointer;font:inherit;color:#0e0e0e}
#onePal .pi b{font-size:14px;font-weight:800}#onePal .pi small{font-size:12px;color:#777}#onePal .pi.on{background:#0e0e0e;color:#fff}#onePal .pi.on small{color:#bdbdbd}#onePal .pi.none{color:#777;cursor:default}
#onePal .ft{display:flex;gap:18px;padding:10px 16px;border-top:1px solid rgba(0,0,0,.08);font-size:11px;color:#777}#onePal kbd{font:700 10px Montserrat,sans-serif;border:1px solid rgba(0,0,0,.18);border-radius:4px;padding:1px 5px;margin-right:3px}
#oneToast{position:fixed;left:50%;bottom:76px;transform:translate(-50%,12px);background:#0e0e0e;color:#fff;font:700 12.5px Montserrat,sans-serif;padding:10px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:61}#oneToast.on{opacity:1;transform:translate(-50%,0)}