/* ===== WI Hub theme: white, minimal, Wiki Impact navy. 3D lives only in the background. ===== */
:root{--n:33,30,130;--glass:rgba(255,255,255,.58);--hair:rgba(20,17,64,.06);--ease2:cubic-bezier(.22,1,.36,1)}
html{background:#fff}
body{background:linear-gradient(180deg,#FFFFFF 0%,#FAFAFD 100%) fixed}

/* --- background 3D: the WI mark's stacked bars as floating navy glass slabs --- */
.bg3d{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;perspective:1600px}
.bg3d i{position:absolute;right:150px;width:360px;height:54px;border-radius:27px;
  background:linear-gradient(115deg,rgba(var(--n),.20),rgba(var(--n),.07) 55%,rgba(255,255,255,.35));
  border:1px solid rgba(255,255,255,.75);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -10px 22px rgba(var(--n),.08),0 40px 50px -28px rgba(var(--n),.35),0 14px 24px -18px rgba(var(--n),.3);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transform:rotateX(55deg) rotateZ(-14deg);animation:slab 9s ease-in-out infinite alternate}
.bg3d i:nth-child(1){top:34px;animation-delay:0s}
.bg3d i:nth-child(2){top:78px;right:180px;width:320px;opacity:.85;animation-delay:-3s;animation-duration:10.5s}
.bg3d i:nth-child(3){top:122px;right:210px;width:280px;opacity:.7;animation-delay:-6s;animation-duration:12s}
.bg3d b{position:absolute;right:130px;top:170px;width:440px;height:70px;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--n),.10),transparent);filter:blur(10px);animation:shadow 9s ease-in-out infinite alternate}
@keyframes slab{0%{transform:translateY(0) rotateX(55deg) rotateZ(-14deg)}50%{transform:translateY(-22px) rotateX(50deg) rotateZ(-10deg)}100%{transform:translateY(-6px) rotateX(57deg) rotateZ(-16deg)}}
@keyframes shadow{from{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:.75}}
@media (max-width:900px){.bg3d{display:none}}
@media (prefers-reduced-motion:reduce){.bg3d i,.bg3d b{animation:none}}
.app,.shell,.main,main{position:relative;z-index:1}
.side{position:sticky!important;top:0;z-index:2}

/* --- sidebar: quiet, scrolls on its own --- */
.side{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:rgba(250,250,253,.72)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--hair)!important}
.side::-webkit-scrollbar{display:none}
.tabs button{border-radius:12px!important;transition:background .25s var(--ease2),color .2s}
.tabs button:hover{background:rgba(var(--n),.04)}
.tabs button[aria-selected="true"]{background:#fff!important;color:#141140!important;box-shadow:0 0 0 1px var(--hair),0 6px 18px -10px rgba(var(--n),.35)!important}
.tabs button[aria-selected="true"] svg{color:#211E82}
.tabs button[aria-selected="true"]::before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#211E82}

/* --- top bar --- */
.crumb{background:rgba(255,255,255,.66)!important;-webkit-backdrop-filter:saturate(1.6) blur(22px)!important;backdrop-filter:saturate(1.6) blur(22px)!important;border-bottom:1px solid var(--hair)!important}

/* --- surfaces: clear glass, hairline, one soft shadow --- */
.rq,.ch,.gr,.fb,.rq-form,.card,.col,.idea{background:var(--glass)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 0 0 1px var(--hair),0 1px 2px rgba(20,17,64,.03),0 24px 48px -32px rgba(var(--n),.35)!important}
.rq2-q,.rq2-cbox,.rq2-notes li,.rq2-fix,.rq2-fold,.as-task,.as-code{background:rgba(255,255,255,.62)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 0 0 1px var(--hair)!important}
.modal{background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5)}
.rq2-now,.rq2-live{background:linear-gradient(135deg,rgba(var(--n),.07),rgba(var(--n),.015))!important;border:1px solid rgba(var(--n),.12)!important}

/* --- buttons: navy pill + hairline pill --- */
.btn{border-radius:99px!important;transition:transform .2s var(--ease2),box-shadow .25s,background .2s}
.btn.primary{background:#211E82!important;border:1px solid #211E82!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 24px -14px rgba(var(--n),.9)!important}
.btn.primary:hover{background:#1B1870!important}
.btn:not(.primary):not(.ghost){background:rgba(255,255,255,.7)!important;border:1px solid rgba(20,17,64,.12)!important;box-shadow:none!important}
.btn:not(.primary):not(.ghost):hover{border-color:rgba(var(--n),.45)!important}
.btn:active{transform:scale(.98)}

/* --- motion: panels ease in, nothing bounces --- */
.panel:not([hidden]){animation:rise .5s var(--ease2) both}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* --- assistant --- */
.ai-fab{background:rgba(27,24,112,.86)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 18px 36px -16px rgba(var(--n),.8)!important;padding:10px 18px 10px 12px!important}
.ai-drawer{background:rgba(255,255,255,.78)!important;-webkit-backdrop-filter:blur(32px) saturate(1.6);backdrop-filter:blur(32px) saturate(1.6);border-left:1px solid var(--hair)!important}
.as-comp{background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 0 0 1px var(--hair),0 18px 44px -24px rgba(var(--n),.45)!important}
.as-bub{background:#211E82!important}
.ai-chip{background:rgba(255,255,255,.7)!important;border:1px solid rgba(var(--n),.16)!important}
#upd-bar{background:rgba(27,24,112,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

/* --- sleek AI mark: white spark in a navy circle --- */
.ai-orb{border-radius:50%!important;background:#211E82!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important}
.ai-orb svg{width:50%!important;height:50%!important;fill:#fff!important}
.ai-orb svg .ai-dot{display:none}
.ai-fab .ai-orb{width:20px!important;height:20px!important;background:transparent!important;box-shadow:none!important}
.ai-fab .ai-orb svg{width:100%!important;height:100%!important}
.ai-orb.lg{width:56px!important;height:56px!important;box-shadow:0 0 0 10px rgba(var(--n),.05),0 22px 44px -18px rgba(var(--n),.7)!important}
.ai-chip .ai-orb{width:20px!important;height:20px!important}
.ai-dh .ai-orb{width:24px!important;height:24px!important}
.tabs button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* scroll parallax: each bar glides and turns at its own speed (composes with the float animation) */
.bg3d i{translate:0 calc(var(--sy,0) * -0.35px);rotate:z calc(var(--sy,0) * 0.012deg);transition:translate .35s cubic-bezier(.22,1,.36,1),rotate .35s cubic-bezier(.22,1,.36,1)}
.bg3d i:nth-child(2){translate:0 calc(var(--sy,0) * -0.55px);rotate:z calc(var(--sy,0) * 0.02deg)}
.bg3d i:nth-child(3){translate:0 calc(var(--sy,0) * -0.8px);rotate:z calc(var(--sy,0) * 0.03deg)}
.bg3d b{translate:0 calc(var(--sy,0) * -0.45px);opacity:calc(1 - var(--sy,0) / 900)}
@media (prefers-reduced-motion:reduce){.bg3d i,.bg3d b{translate:none;rotate:none}}
/* mouse parallax */
.bg3d{transform:translate3d(calc(var(--mx,0) * -14px),calc(var(--my,0) * -10px),0);transition:transform .8s cubic-bezier(.22,1,.36,1)}
/* cursor-following colour glow (very light; page stays white) */
.bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bg-glow i{position:absolute;left:0;top:0;border-radius:50%;will-change:transform;filter:blur(40px)}
.bg-glow i:nth-child(1){width:520px;height:520px;background:radial-gradient(closest-side,rgba(33,30,130,.16),rgba(33,30,130,0))}
.bg-glow i:nth-child(2){width:760px;height:760px;background:radial-gradient(closest-side,rgba(95,110,255,.12),rgba(95,110,255,0))}
.bg-glow i:nth-child(3){width:420px;height:420px;background:radial-gradient(closest-side,rgba(140,150,255,.12),rgba(140,150,255,0))}
@media (pointer:coarse),(prefers-reduced-motion:reduce){.bg-glow i:nth-child(1){transform:translate(55vw,-120px)}.bg-glow i:nth-child(2){transform:translate(-200px,50vh)}.bg-glow i:nth-child(3){display:none}}
/* light / dark switch: slim pill, sliding knob, line icons */
.theme-sw{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:58px;height:30px;padding:0 8px;margin-left:auto;border:0;border-radius:99px;cursor:pointer;background:rgba(20,17,64,.06);box-shadow:inset 0 0 0 1px rgba(20,17,64,.08);flex:none}
.theme-sw svg{position:relative;z-index:1;width:14px;height:14px;fill:none;stroke:#211E82;stroke-width:1.6;stroke-linecap:round;transition:opacity .3s,stroke .3s}
.theme-sw .moon{fill:none;opacity:.35}.theme-sw .sun{opacity:1}
.theme-sw .k{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(20,17,64,.2),0 4px 10px -4px rgba(20,17,64,.35);transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s}
.theme-sw[aria-pressed="true"] .k{transform:translateX(28px);background:#2B2878}
.theme-sw[aria-pressed="true"] .sun{opacity:.35}
.theme-sw[aria-pressed="true"] .moon{opacity:1}
.theme-sw:hover{box-shadow:inset 0 0 0 1px rgba(33,30,130,.3)}
html[data-theme="dark"] .theme-sw{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html[data-theme="dark"] .theme-sw svg{stroke:#DCDDFF}
html.theme-anim *,html.theme-anim *::before{transition:background-color .4s ease,color .4s ease,border-color .4s ease!important}
/* ⌘-click link tray */
#link-tray{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:65;display:flex;align-items:center;gap:10px;max-width:min(860px,calc(100vw - 32px));padding:8px 8px 8px 16px;border-radius:99px;background:rgba(27,24,112,.88);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 44px -18px rgba(33,30,130,.8);color:#fff;animation:rise .35s cubic-bezier(.22,1,.36,1)}
#link-tray[hidden]{display:none}
#link-tray .lt-n{font:700 13px var(--body);white-space:nowrap}
#link-tray .lt-list{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0}
#link-tray .lt-chip{flex:none;border:0;border-radius:99px;padding:5px 10px;background:rgba(255,255,255,.12);color:#fff;font:600 11.5px var(--body);cursor:pointer;white-space:nowrap}
#link-tray .lt-chip:hover{background:rgba(255,255,255,.22);text-decoration:line-through}
#link-tray .lt-go{flex:none;border:0;border-radius:99px;padding:9px 16px;background:#fff;color:#211E82;font:800 12.5px var(--body);cursor:pointer}
#link-tray .lt-x{flex:none;border:0;background:transparent;color:rgba(255,255,255,.7);font:600 12px var(--body);cursor:pointer;padding:6px 8px}
/* calm pass: secondary affordances appear on hover */
.ch .ch-a{opacity:0;transform:translate(-2px,2px);transition:opacity .25s,transform .25s cubic-bezier(.22,1,.36,1)}
.ch:hover .ch-a,.ch:focus-visible .ch-a{opacity:1;transform:none}
@media (hover:none){.ch .ch-a{opacity:1;transform:none}}

/* --- Reels · Cloud: on/off switch, quality picker, cost line --- */
.rq-hacts{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cl-sw{display:inline-flex;align-items:center;gap:9px;padding:6px 8px 6px 13px;border-radius:99px;background:#fff;border:1px solid rgba(20,17,64,.1);font:700 12px/1 var(--body,inherit);letter-spacing:.06em;text-transform:uppercase;color:#77738f}
.cl-sw .cl-dot{width:8px;height:8px;border-radius:50%;background:#b9b6c9}
.cl-sw.on{color:#137a4b;border-color:rgba(19,122,75,.25);background:#f2fbf6}
.cl-sw.on .cl-dot{background:#1fb870;box-shadow:0 0 0 0 rgba(31,184,112,.5);animation:clpulse 1.8s ease-out infinite}
@keyframes clpulse{to{box-shadow:0 0 0 9px rgba(31,184,112,0)}}
.cl-tg{position:relative;width:40px;height:23px;border-radius:99px;border:0;padding:0;background:#d7d5e3;cursor:pointer;transition:background .25s}
.cl-tg i{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(20,17,64,.3);transition:transform .25s var(--ease2)}
.cl-sw.on .cl-tg{background:#1fb870}.cl-sw.on .cl-tg i{transform:translateX(17px)}
.cl-tg:disabled{opacity:.5;cursor:wait}
.rq-tier{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);padding-top:12px}
.rq-tier .rq-tl{grid-column:1/-1;font:600 13px var(--body);color:var(--ink)}.rq-tier .rq-tl small{font-weight:500;color:#8a86a3;margin-left:6px}
.rq-tier label{position:relative;cursor:pointer;text-transform:none;letter-spacing:0}
.rq-tier input{position:absolute;opacity:0}
.rq-tier label span{display:block;padding:10px 12px;border-radius:12px;border:1px solid rgba(20,17,64,.12);background:#fff;transition:border-color .2s,box-shadow .2s}
.rq-tier b{display:block;font:700 13px var(--body);color:var(--ink)}.rq-tier small{display:block;font:500 11.5px var(--body);color:#8a86a3;margin-top:2px}
.rq-tier input:checked+span{border-color:rgb(var(--n));box-shadow:0 0 0 3px rgba(var(--n),.1)}
.rq-tier input:focus-visible+span{outline:2px solid rgb(var(--n));outline-offset:2px}
@media (max-width:560px){.rq-tier{grid-template-columns:1fr}}
.rq2-cost{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 12px;font:600 12.5px var(--body);color:#6b6880}
.rq2-cost span{margin-right:auto}
.btn:disabled{opacity:.45;cursor:not-allowed}
.rq-files{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:500 12.5px var(--body);color:#8a86a3}
.rq-files label.btn{cursor:pointer;text-transform:none;letter-spacing:0}

/* --- reel card: compact live progress (one row) --- */
.rq2-live{padding:14px 16px!important;border-radius:14px!important}
.rq2-lh b{font-size:14.5px!important}
.rq2-sub{grid-auto-flow:column;grid-auto-columns:1fr;gap:6px!important;margin-top:12px!important}
.rq2-sub li{display:block!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font:600 10px var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.rq2-sub li i{display:block!important;width:auto!important;height:4px!important;border:0!important;border-radius:99px!important;background:rgba(20,17,64,.08)!important;margin-bottom:7px;animation:none!important;overflow:hidden;position:relative}
.rq2-sub li i::after{content:none!important}
.rq2-sub li.done{color:var(--muted)}.rq2-sub li.done i{background:rgb(var(--n))!important}
.rq2-sub li.now{color:var(--head)}
.rq2-sub li.now i::before{content:"";position:absolute;inset:0;width:45%;border-radius:99px;background:rgb(var(--n));animation:rqbar 1.4s var(--ease2) infinite}
@keyframes rqbar{0%{transform:translateX(-100%)}100%{transform:translateX(230%)}}
@media (max-width:560px){.rq2-sub li span{display:none}}

/* --- reel card: premium note box --- */
.rq2-cmp>.rq2-lb{margin-bottom:8px}
.rq2-cbox{border:1px solid rgba(20,17,64,.08)!important;border-radius:18px!important;background:rgba(255,255,255,.85)!important;box-shadow:0 1px 0 #fff inset,0 18px 40px -30px rgba(var(--n),.45)}
.rq2-cbox textarea{min-height:52px!important;padding:14px 18px 4px!important;font-size:14px!important}
.rq2-cbox textarea::placeholder{color:#a9a6bd}
.rq2-tools{border-top:0!important;background:transparent!important;padding:4px 8px 8px 10px!important;gap:4px!important}
.rq2-tool{padding:6px 11px!important;background:rgba(20,17,64,.04)!important;font-size:12px!important}
.rq2-tool:hover{background:rgba(var(--n),.09)!important}
.rq2-hint{display:none}
.rq2-acts.in{margin:0 0 0 auto!important;display:flex}
.rq2-acts.in .btn{padding:8px 16px;font-size:12.5px;border-radius:99px}
.rq2-ctag{display:inline-flex;align-items:center;gap:7px;width:fit-content;justify-self:start;margin:2px 0 14px!important;padding:4px 11px;border-radius:99px;background:rgba(var(--n),.06);font:600 11.5px var(--body);color:var(--head)}
.rq2-ctag::before{content:"";width:5px;height:5px;border-radius:50%;background:rgb(var(--n))}
.rq2-more{border:0!important;padding:0!important;margin-top:14px!important}
.rq2-more>summary{font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:6px 0}
.rq2-more>summary::-webkit-details-marker{display:none}
.rq2-more>summary::after{content:"↓";font-family:var(--body)}
.rq2-more[open]>summary::after{content:"↑"}
.rq2-more>summary:hover{color:var(--head)}
/* tier switch on a cloud reel */
.rq2-seg{display:inline-flex;padding:3px;border-radius:99px;background:rgba(20,17,64,.05);gap:2px}
.rq2-seg button{border:0;background:transparent;border-radius:99px;padding:5px 12px;font:600 11.5px var(--body);color:var(--muted);cursor:pointer}
.rq2-seg button.on{background:#fff;color:var(--head);box-shadow:0 1px 3px rgba(20,17,64,.15)}

/* --- Team → Editor view --- */
.vis-card{margin:18px 0 28px;padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.8);border:1px solid rgba(20,17,64,.07);box-shadow:0 18px 40px -32px rgba(var(--n),.5);display:grid;gap:16px}
.vis-card .pl-h{margin:2px 0 4px}.vis-card .board-msg{margin:0}
.vis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;align-items:start}
.vis-grp{display:grid;gap:2px}
.vis-grp h4{margin:0 0 6px;font:500 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.vis-row{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid rgba(20,17,64,.06);cursor:pointer;font:600 13.5px var(--body);color:var(--ink);text-transform:none;letter-spacing:0}
.vis-row:last-child{border-bottom:0}
.vis-row.off span{color:var(--faint)}
.vis-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vis-row input{position:absolute;opacity:0;pointer-events:none}
.vis-row i{position:relative;width:30px;height:18px;border-radius:99px;background:#dcdae6;flex:none;transition:background .25s}
.vis-row i::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(20,17,64,.3);transition:transform .25s var(--ease2)}
.vis-row input:checked+i{background:#1fb870}.vis-row input:checked+i::after{transform:translateX(12px)}
.vis-row input:focus-visible+i{outline:2px solid rgb(var(--n));outline-offset:2px}
.tabs .ed-off{opacity:.55}
.rq-tsel{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 16px;border-radius:99px;background:#fff;border:1px solid rgba(20,17,64,.1);cursor:pointer;text-transform:none;letter-spacing:0}
.rq-tsel span{font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.rq-tsel select{appearance:none;-webkit-appearance:none;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 8l4 4 4-4' fill='none' stroke='%23211E82' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") right 8px center/14px no-repeat;padding:0 30px 0 0;font:700 13px var(--body);color:var(--head);cursor:pointer;outline:0}
.rq-tsel:focus-within{box-shadow:0 0 0 3px rgba(var(--n),.12)}

.rq-tier{order:-1;border-top:0!important;padding-top:0!important;margin-bottom:6px}
.rq-tier em{display:block;margin-top:6px;font:700 13px var(--body);font-style:normal;color:var(--head)}
.rq-tier label span{padding:12px 14px!important}
.rq-tier.need label span{border-color:#e0a100!important;animation:needp .5s 2}
@keyframes needp{50%{box-shadow:0 0 0 4px rgba(224,161,0,.25)}}

/* --- studio questions + voices: compact --- */
.rq2-q{padding:14px!important}
.rq2-yn{padding:7px 7px 7px 12px!important;border-radius:10px!important;gap:10px!important}
.rq2-yn .tx{font-size:13px!important}
.rq2-yn .seg{border-radius:8px!important;padding:2px!important}
.rq2-yn .seg button{padding:4px 11px!important;font-size:11.5px!important;border-radius:6px!important}
.rq2-voices{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:6px!important}
.rq2-v{grid-template-columns:26px 1fr!important;gap:8px!important;padding:7px 10px 7px 7px!important;border-radius:99px!important;position:relative}
.rq2-play{width:26px!important;height:26px!important;font-size:9px!important;box-shadow:none!important}
.rq2-v b{font-size:12.5px!important;line-height:1.2}
.rq2-v small{font-size:10.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.rq2-v .rq2-vck{display:none}
.rq2-v.on{box-shadow:0 0 0 2px rgba(33,30,130,.12)!important}
.rq2-v.on::after{content:"✓";position:absolute;right:10px;top:50%;transform:translateY(-50%);font:800 11px var(--body);color:var(--head)}
.rq2-v.on>div{padding-right:14px}
.rq2-q .rq2-note{font-size:11.5px!important}

/* --- comments as a slim thread --- */
.rq2-notes{gap:4px!important}
.rq2-notes li{background:transparent!important;border:0!important;border-left:2px solid rgba(var(--n),.12)!important;border-radius:0!important;padding:6px 0 8px 14px!important;gap:6px!important}
.rq2-nh{gap:8px!important}
.rq2-av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgb(var(--n));color:#fff;font:700 10.5px var(--body);flex:none}
.rq2-nh b{font-size:12.5px!important}
.rq2-nh .rq2-tag{font-size:9.5px;padding:2px 7px}
.rq2-notes p{font-size:13px!important}
.rq2-file,.rq2-link{padding:3px 10px 3px 3px!important;font-size:11.5px!important;max-width:280px}
.rq2-file i,.rq2-link i{width:24px!important;height:24px!important;font-size:8.5px!important}
/* composer: action buttons live inside the box */
.rq2-acts.in{gap:6px}
.rq2-acts.in .btn{padding:7px 14px!important;font-size:12.5px!important;border-radius:99px!important;min-height:0}
@media (max-width:560px){.rq2-tools{flex-wrap:wrap}.rq2-acts.in{width:100%;justify-content:flex-end}}
.rq2-v>div{min-width:0;overflow:hidden}
.rq2-v small,.rq2-v b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rq2-v.on>div{padding-right:18px}
/* cloud reel: status + cost stacked on the right of the title */
.rq2-hr{display:grid;justify-items:end;gap:8px;align-content:start}
.rq2-cost{margin:0!important;justify-content:flex-end;gap:8px!important}
.rq2-cost span{margin:0!important}
.rq2-cp{display:inline-flex;align-items:center;border-radius:99px;border:1px solid rgba(20,17,64,.08);background:#fff;overflow:hidden;font:600 11px var(--body)}
.rq2-cp i{font-style:normal;padding:4px 9px;background:rgba(var(--n),.06);color:var(--head)}
.rq2-cp b{padding:4px 10px;font:600 11px var(--mono);color:var(--ink);letter-spacing:.02em}
.rq2-inv{border:0;background:none;padding:2px 0;font:600 11px var(--body);color:var(--muted);cursor:pointer}
.rq2-inv:hover{color:var(--head)}
.rq2-cost .rq2-seg{order:-1}

/* --- Fact or Fake --- */
.ff{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:22px;align-items:start}
@media (max-width:820px){.ff{grid-template-columns:1fr}}
.ff>.board-msg{grid-column:1/-1}
.ff-card,.ff-done,.ff-board,.ff-review{background:rgba(255,255,255,.85);border:1px solid rgba(20,17,64,.07);border-radius:20px;padding:24px;box-shadow:0 24px 50px -36px rgba(var(--n),.55)}
.ff-card{display:grid;gap:14px;transition:border-color .3s,box-shadow .3s}
.ff-card.ok{border-color:rgba(31,184,112,.45)}.ff-card.no{border-color:rgba(140,14,75,.35)}
.ff-lb{font:500 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.ff-dots{display:flex;gap:6px}.ff-dots i{flex:1;height:4px;border-radius:99px;background:rgba(20,17,64,.08)}
.ff-dots i.now{background:rgba(var(--n),.35)}.ff-dots i.ok{background:#1fb870}.ff-dots i.no{background:#c2185b}
.ff-q{margin:6px 0;font:800 clamp(20px,2.4vw,27px)/1.3 var(--body);color:var(--head);letter-spacing:-.01em}
.ff-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ff-b{border:0;border-radius:14px;padding:16px;font:800 16px var(--body);cursor:pointer;transition:transform .15s,box-shadow .2s}
.ff-b:hover{transform:translateY(-2px)}
.ff-b.fact{background:#e9f8f0;color:#137a4b}.ff-b.fact:hover{box-shadow:0 10px 24px -14px rgba(19,122,75,.6)}
.ff-b.fake{background:#fbeaf1;color:#8c0e4b}.ff-b.fake:hover{box-shadow:0 10px 24px -14px rgba(140,14,75,.6)}
.ff-res{font-size:14px;line-height:1.55;color:var(--ink)}.ff-res b{color:var(--head)}.ff-res a,.ff-rev a{color:var(--head);font-weight:600;font-size:12.5px}
.ff-card>.btn{justify-self:start}
.ff-board{display:grid;gap:4px;padding:20px}
.ff-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:center;padding:9px 6px;border-bottom:1px solid rgba(20,17,64,.05);font-size:13.5px}
.ff-row:last-child{border-bottom:0}.ff-row.me{background:rgba(var(--n),.05);border-radius:10px}
.ff-rk{font:700 12px var(--mono);color:var(--faint);text-align:center}.ff-row small{color:var(--faint);font-size:11px}.ff-pts{font:700 13px var(--mono);color:var(--head)}
.ff-done{text-align:center;display:grid;gap:4px}.ff-score{font:900 64px/1 var(--display,var(--body));color:var(--head);letter-spacing:-.03em}.ff-done p{margin:0;color:var(--muted)}
.ff-review{grid-column:1;display:grid;gap:12px}
.ff-rev{display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:13.5px}
.ff-rev small{display:block;color:var(--muted);font-size:12px;margin:2px 0}
.ff-mk{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 11px var(--body);color:#fff;background:#1fb870}.ff-rev.no .ff-mk{background:#c2185b}
.ff-done{grid-column:1}.ff-done+.ff-review+.ff-board{grid-column:2;grid-row:1/span 2}

/* --- QTM --- */
.qtm{display:grid;gap:16px;max-width:820px}
.qtm-turn,.qtm-gen{background:rgba(255,255,255,.85);border:1px solid rgba(20,17,64,.07);border-radius:20px;padding:22px 24px;box-shadow:0 24px 50px -36px rgba(var(--n),.55)}
.qtm-lb{font:500 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}
.qtm-who{display:flex;align-items:center;gap:12px}.qtm-who b{font:800 20px var(--body);color:var(--head)}
.qtm-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgb(var(--n));color:#fff;font:800 16px var(--body)}
.qtm-skip{margin-left:auto;border:0;background:none;font:600 12px var(--body);color:var(--muted);cursor:pointer}.qtm-skip:hover{color:var(--head)}
.qtm-moods{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.qtm-moods button{border:1px solid rgba(20,17,64,.1);background:#fff;border-radius:99px;padding:6px 13px;font:600 12px var(--body);color:var(--muted);cursor:pointer}
.qtm-moods button.on{background:rgb(var(--n));border-color:rgb(var(--n));color:#fff}
.qtm-q{margin:4px 0 16px;font:800 clamp(20px,2.6vw,28px)/1.3 var(--body);color:var(--head);letter-spacing:-.01em;outline:0;border-radius:10px}
.qtm-q[contenteditable]:focus{background:rgba(var(--n),.04);box-shadow:0 0 0 6px rgba(var(--n),.04)}
.qtm-q.big{margin:14px 0 0}
.qtm-acts{display:flex;flex-wrap:wrap;gap:8px}.qtm-acts .primary{margin-left:auto}
.qtm-hint{margin:12px 0 0;font-size:11.5px;color:var(--faint)}
.qtm-hist{border:0!important;padding:0!important}
.qtm-hist summary{font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);cursor:pointer;padding:6px 0}
.qtm-h{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid rgba(20,17,64,.06);font-size:14px;color:var(--ink)}.qtm-h small{font:500 10.5px var(--mono);color:var(--faint)}
/* --- Brain Sprint --- */
.bs-start{text-align:center;justify-items:center;padding:34px 24px!important}
.bs-emo{font-size:46px}.bs-go{padding:12px 34px!important;font-size:15px!important;border-radius:99px!important}
.bs{gap:12px!important}
.bs-top{display:flex;justify-content:space-between;align-items:center}.bs-pts{font:700 13px var(--mono);color:var(--head)}
.bs-bar{height:5px;border-radius:99px;background:rgba(20,17,64,.07);overflow:hidden}.bs-bar i{display:block;height:100%;width:100%;background:rgb(var(--n));border-radius:99px}
.bs-k{font:600 13px var(--body);color:var(--muted);text-align:center;margin-top:6px}
.bs-big{font:900 clamp(30px,5vw,48px)/1.2 var(--body);color:var(--head);text-align:center;letter-spacing:.02em;padding:10px 0}
.bs-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:28px;padding:6px 0;max-width:420px;margin:0 auto}
.bs-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bs-o{border:1px solid rgba(20,17,64,.1);background:#fff;border-radius:14px;padding:16px 10px;font:800 20px var(--body);color:var(--head);cursor:pointer;transition:transform .12s,background .2s,border-color .2s}
.bs-o:hover{transform:translateY(-2px);border-color:rgba(var(--n),.35)}
.bs-opts.emo .bs-o{font-size:40px;padding:12px}
.bs-o.ok{background:#e9f8f0;border-color:#1fb870;color:#137a4b}.bs-o.no{background:#fbeaf1;border-color:#c2185b;color:#8c0e4b}

/* --- QTM saved picks --- */
.qtm-saved{padding:16px 20px!important}
.qtm-pk{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid rgba(20,17,64,.06);font:600 15px var(--body);color:var(--head)}
.qtm-pk:last-child{border-bottom:0}.qtm-pk span{flex:1}
.qtm-mini{border:1px solid rgba(20,17,64,.1);background:#fff;border-radius:99px;padding:4px 10px;font:600 11px var(--body);color:var(--muted);cursor:pointer}
.qtm-mini:hover{color:var(--head);border-color:rgba(var(--n),.4)}.qtm-mini.x{border:0;background:none}

/* --- phone: clean top bar + menu sheet, calm effects, no sideways drag --- */
.m-menu{display:none}
@media (max-width:900px){
  html,body{overflow-x:hidden;overscroll-behavior-y:none}
  body.m-lock{overflow:hidden}
  .bg-glow,.bg3d{display:none!important}
  *{-webkit-tap-highlight-color:transparent}
  .side{flex-wrap:wrap;gap:10px!important;padding:10px 14px!important;background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .m-menu{display:grid;gap:4px;width:38px;height:38px;place-content:center;border:1px solid rgba(20,17,64,.1);border-radius:12px;background:#fff;cursor:pointer;order:2;margin-left:auto}
  .m-menu i{display:block;width:16px;height:2px;border-radius:2px;background:var(--head);transition:transform .2s,opacity .2s}
  .side.m-open .m-menu i:nth-child(1){transform:translateY(6px) rotate(45deg)}.side.m-open .m-menu i:nth-child(2){opacity:0}.side.m-open .m-menu i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .side .tabs{display:none!important}
  .side.m-open .tabs{display:flex!important;position:fixed;left:0;right:0;top:59px;bottom:0;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:#fff;padding:8px 14px 40px;gap:2px;margin:0;z-index:30}
  .side.m-open .tabs .grp-l{display:block!important;padding:16px 10px 6px}
  .side.m-open .tabs button{height:46px;padding:0 12px;font-size:15px;justify-content:flex-start}
  .side.m-open .tabs button span{display:inline!important}
  .crumb{padding:8px 16px!important}
  main{padding:16px 14px 80px!important}
  .h{font-size:clamp(30px,9vw,44px)!important}
  .page-head{flex-wrap:wrap;gap:12px}
  .rq-hacts{width:100%;justify-content:space-between}
  .ai-fab{transform:scale(.92)}
}
.qtm-refill{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 4px}.qtm-refill p{flex-basis:100%;margin:0 0 4px;font:700 17px var(--body);color:var(--head)}
.qtm-add{display:flex;gap:8px;margin:2px 0 8px}.qtm-add input{flex:1;min-width:0;border:1px solid rgba(20,17,64,.1);border-radius:12px;padding:10px 14px;font:500 14px var(--body);background:#fff;outline:0}.qtm-add input:focus{border-color:rgba(var(--n),.5);box-shadow:0 0 0 3px rgba(var(--n),.08)}
.qtm-save{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:99px;padding:9px 16px 9px 13px;background:rgba(var(--n),.08);color:var(--head);font:700 13px var(--body);cursor:pointer;transition:background .2s,transform .15s}
.qtm-save:hover{background:rgba(var(--n),.14);transform:translateY(-1px)}
.qtm-save svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}
.qtm-acts .qtm-save+*{margin:0}.qtm-acts .primary{margin-left:0}
.qtm-back{width:44px;padding:0!important;font-size:20px!important;justify-content:center}
.bs-last{margin:6px 0 10px!important;font:600 12.5px var(--mono);color:var(--head)!important}
.ff-done .bs-go{justify-self:center;margin-top:10px}
/* reel-ready alerts */
.wi-alerts{position:fixed;top:18px;right:18px;z-index:120;display:grid;gap:10px;width:min(380px,calc(100vw - 32px))}
.wi-alert{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(20,17,64,.08);box-shadow:0 24px 50px -20px rgba(var(--n),.55);transform:translateY(-10px);opacity:0;transition:transform .35s var(--ease2),opacity .35s}
.wi-alert.in{transform:none;opacity:1}
.wi-alert>div{flex:1;min-width:0}.wi-alert b{display:block;font:700 13.5px var(--body);color:var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wi-alert small{font-size:12px;color:var(--muted)}
.wi-alert-dot{width:9px;height:9px;border-radius:50%;background:#1fb870;box-shadow:0 0 0 0 rgba(31,184,112,.5);animation:clpulse 1.8s ease-out infinite;flex:none}
.wi-alert-x{border:0;background:none;color:var(--faint);cursor:pointer;font-size:13px;padding:4px}
.tabs button.has-news{position:relative}
.tabs button.has-news::after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#1fb870;box-shadow:0 0 0 3px rgba(31,184,112,.18)}
/* QTM: question first, my list folds away */
.qtm-saved{padding:0!important;overflow:hidden}
.qtm-saved>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 20px;cursor:pointer}
.qtm-saved>summary::-webkit-details-marker{display:none}
.qtm-saved>summary .qtm-lb{margin:0}
.qtm-saved>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);transform:rotate(45deg);transition:transform .2s}
.qtm-saved[open]>summary::after{transform:rotate(-135deg)}
.qtm-cnt{font:700 11px var(--mono);color:var(--head);background:rgba(var(--n),.08);border-radius:99px;padding:2px 8px}
.qtm-saved>*:not(summary){margin-left:20px;margin-right:20px}
.qtm-saved>*:last-child{margin-bottom:14px}
.qtm-pk{font-size:14px!important;padding:7px 0!important}
.qtm-pk .qtm-mini{opacity:0;transition:opacity .15s}.qtm-pk:hover .qtm-mini,.qtm-pk:focus-within .qtm-mini{opacity:1}
@media (hover:none){.qtm-pk .qtm-mini{opacity:1}}
/* sleek edits bar */
.rq2-eadd{padding:5px 5px 5px 8px!important;border-radius:99px!important;gap:8px!important;box-shadow:0 0 0 1px rgba(20,17,64,.08),0 14px 30px -24px rgba(var(--n),.6)!important}
.rq2-eadd .rq2-tc{border-radius:99px}
.rq2-eadd input{font-size:13.5px!important}
.rq2-eab{width:34px;height:34px;border:0;border-radius:50%;background:rgb(var(--n));color:#fff;font:700 15px var(--body);cursor:pointer;transition:transform .15s}
.rq2-eab:hover{transform:scale(1.06)}
/* phone: frozen top bar, nothing sticks out sideways */
@media (max-width:900px){
  .side{position:fixed!important;top:0;left:0;right:0;z-index:40!important}
  .app{padding-top:59px}
  .crumb{position:static!important}
  main,main *{max-width:100%}
  main{overflow-x:hidden}
  h1,h2,h3,p,b,span,a,li,small,summary{overflow-wrap:break-word}
  img,video,svg,canvas,iframe,table{max-width:100%}
  .rq2-steps{overflow:hidden}
  .wi-alerts{top:66px;right:12px}
}
/* QTM generator: sleek */
.qtm-gen{padding:22px 26px 18px!important}
.qtm-moods{gap:2px!important;margin-bottom:18px!important;border-bottom:1px solid rgba(20,17,64,.07)}
.qtm-moods button{border:0!important;background:none!important;border-radius:0!important;padding:8px 12px 10px!important;font:600 12.5px var(--body)!important;color:var(--faint)!important;position:relative}
.qtm-moods button:hover{color:var(--head)!important}
.qtm-moods button.on{color:var(--head)!important}
.qtm-moods button.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:rgb(var(--n))}
.qtm-q{margin:0 0 20px!important;cursor:text}
.qtm-acts{align-items:center;gap:6px!important}
.qtm-sp{flex:1}
.qtm-ic{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(20,17,64,.045);color:var(--muted);cursor:pointer;transition:background .15s,color .15s}
.qtm-ic:hover{background:rgba(var(--n),.1);color:var(--head)}
.qtm-ic:disabled{opacity:.35;cursor:default}
.qtm-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qtm-ic.ai{color:#b88a00}.qtm-ic.ai svg{fill:currentColor;stroke:none}
.qtm-ic.spin svg{animation:rqs 1s linear infinite}
.qtm-link{border:0;background:none;font:600 12.5px var(--body);color:var(--muted);cursor:pointer;padding:8px 10px}
.qtm-link:hover{color:var(--head)}
.qtm-save{margin-left:0!important}
.wi-alerts{left:auto!important;box-sizing:border-box}
.wi-alert{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}
.wi-alert b{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
.wi-alert .btn{flex:none}
.wi-alert{cursor:pointer}.wi-alert:hover{box-shadow:0 28px 56px -20px rgba(var(--n),.7)}
/* waiting box: calm, no full bar */
.rq2-now.wait{background:#fff!important;border:1px dashed rgba(var(--n),.22)!important}
.rq2-now.wait .rq-bar{display:none}
.rq2-now.wait b{font-size:16px!important}
.rq2-now.wait b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#e0a100;margin-right:9px;vertical-align:middle;animation:clpulse 1.8s ease-out infinite}
/* brain games */
.bg-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:rgba(20,17,64,.05);margin:0 0 16px}
.bg-tabs button{border:0;background:none;border-radius:99px;padding:7px 16px;font:700 13px var(--body);color:var(--muted);cursor:pointer}
.bg-tabs button.on{background:#fff;color:var(--head);box-shadow:0 1px 3px rgba(20,17,64,.15)}
.mem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:340px;width:100%;margin:10px auto 4px}
.mem-t{aspect-ratio:1;border:1px solid rgba(20,17,64,.08);border-radius:18px;background:rgba(var(--n),.05);cursor:pointer;transition:background .12s,transform .12s,box-shadow .12s}
.mem-t:hover{background:rgba(var(--n),.09)}
.mem-t.lit{background:rgb(var(--n));transform:scale(.96);box-shadow:0 12px 26px -12px rgba(var(--n),.8)}
.mem-t.bad{background:#c2185b}
/* News: saved for later */
.nw-saved{margin:0 0 22px;border-radius:18px;background:rgba(255,255,255,.85);border:1px solid rgba(20,17,64,.07);box-shadow:0 18px 40px -32px rgba(var(--n),.5);overflow:hidden}
.nw-saved>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 20px;cursor:pointer}
.nw-saved>summary::-webkit-details-marker{display:none}
.nw-saved>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);transform:rotate(45deg);transition:transform .2s}
.nw-saved[open]>summary::after{transform:rotate(-135deg)}
.nw-sl{font:500 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.nw-saved>*:not(summary){margin-left:20px;margin-right:20px}.nw-saved>*:last-child{margin-bottom:14px}
.nw-srow{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid rgba(20,17,64,.06)}
.nw-srow:last-child{border-bottom:0}
.nw-srow a{flex:1;min-width:0;font:600 14px var(--body);color:var(--head);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nw-srow a:hover{text-decoration:underline}.nw-srow small{color:var(--faint);font-size:11.5px;white-space:nowrap}
.nw-bm{width:30px;height:30px;display:inline-grid;place-items:center;border:0;border-radius:50%;background:rgba(20,17,64,.04);color:var(--faint);cursor:pointer;vertical-align:middle;transition:color .15s,background .15s}
.nw-bm:hover{color:var(--head);background:rgba(var(--n),.1)}
.nw-bm svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}
.nw-bm.on{color:var(--head)}.nw-bm.on svg{fill:currentColor}
.idea{position:relative}.nw-bm-idea{position:absolute;top:14px;right:14px}

/* ================= PREMIUM POLISH (30 Sept) =================
   one button system · navy hero banners · navy active pill · layered cards · line icons */
:root{--r-card:20px;--sh-card:0 1px 0 rgba(255,255,255,.9) inset,0 0 0 1px rgba(20,17,64,.06),0 2px 4px -2px rgba(20,17,64,.06),0 24px 48px -28px rgba(var(--n),.38);
  --navy-grad:linear-gradient(125deg,#16135E 0%,#211E82 45%,#3A36B8 100%)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* sidebar: tinted rail, navy pill for the current page */
.side{background:linear-gradient(180deg,#FBFBFE 0%,#F5F5FA 100%)!important}
.tabs button{border-radius:12px!important;transition:background .2s,color .2s!important}
.tabs button:hover{background:rgba(var(--n),.05)!important}
.tabs button[aria-selected="true"]{background:var(--navy-grad)!important;color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 10px 22px -12px rgba(var(--n),.9)!important}
.tabs button[aria-selected="true"] svg{color:#fff!important}
.tabs button[aria-selected="true"]::before{display:none!important}
.tabs .grp-l{color:#A7A4BD!important;letter-spacing:.24em!important}

/* hero banner on every page head */
.panel>.page-head,.panel>.bar2{position:relative;overflow:hidden;background:var(--navy-grad);border-radius:26px;padding:30px 32px 26px!important;margin-bottom:24px!important;align-items:flex-end;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 30px 60px -34px rgba(var(--n),.95)}
.panel>.page-head::before,.panel>.bar2::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(520px 220px at 88% -20%,rgba(140,150,255,.45),transparent 70%),radial-gradient(360px 200px at 8% 130%,rgba(255,255,255,.12),transparent 70%),
  repeating-linear-gradient(-18deg,rgba(255,255,255,.035) 0 22px,transparent 22px 48px)}
.panel>.page-head>*,.panel>.bar2>*{position:relative}
.panel>.page-head .h,.panel>.bar2 .h{color:#fff!important;margin:10px 0 0!important}
.panel>.page-head .eyebrow{color:rgba(255,255,255,.62)!important}
.panel>.page-head .eyebrow::before{background:#FFE743!important;box-shadow:0 0 0 3px rgba(255,231,67,.22)!important}
.panel>.page-head .btn.primary,.panel>.bar2 .btn.primary{background:#fff!important;color:#16135E!important;border-color:#fff!important;box-shadow:0 10px 24px -12px rgba(0,0,0,.45)!important}
.panel>.page-head .btn:not(.primary),.panel>.bar2 .btn:not(.primary){background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
.panel>.bar2 .refresh small{color:rgba(255,255,255,.6)!important}
.panel>.page-head .cl-sw{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.8)}
.panel>.page-head .cl-sw.on{background:rgba(31,184,112,.18);border-color:rgba(31,184,112,.45);color:#b9f2d4}
.panel>.page-head .cl-tg{background:rgba(255,255,255,.25)}
.bg3d{opacity:.55}

/* one button system: 38px pills */
.btn{min-height:38px;padding:0 18px!important;font:600 13px var(--body)!important;letter-spacing:.005em!important}
.btn.sm{min-height:32px;padding:0 13px!important;font-size:12px!important}
.btn.primary{background:var(--navy-grad)!important;border:0!important;box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 12px 24px -14px rgba(var(--n),.95)!important}
.btn.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn:not(.primary):not(.ghost){background:#fff!important;border:1px solid rgba(20,17,64,.1)!important}
.btn:focus-visible,.qtm-ic:focus-visible,.qtm-mini:focus-visible,.qtm-save:focus-visible{outline:2px solid rgba(var(--n),.6);outline-offset:2px}
.qtm-mini{min-height:28px}

/* layered premium cards everywhere */
.rq2,.ff-card,.ff-done,.ff-board,.ff-review,.qtm-turn,.qtm-gen,.vis-card,.nw-saved,.cl-card,.idea,.sch>a,.chs>*,.wf-tiles>*,.board-col,.as-wrap{border-radius:var(--r-card)!important;box-shadow:var(--sh-card)!important;border:0!important;background:rgba(255,255,255,.92)!important}
.rq2{padding:26px 28px!important}

/* calmer labels */
.rq2-lb,.ff-lb,.qtm-lb,.nw-sl,.eyebrow{letter-spacing:.16em!important}

/* icons in the games */
.bg-tabs button{display:inline-flex;align-items:center;gap:7px}
.bg-tabs .ic,.bs-emo .ic{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.bs-emo{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--navy-grad);color:#fff;margin:0 auto 6px;box-shadow:0 16px 30px -16px rgba(var(--n),.9)}
.bs-emo .ic{width:28px;height:28px}
.wi-alert-x .ic{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.ff-row .ff-rk{font-weight:800}
.ff-row:first-of-type .ff-rk{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#FFE743;color:#16135E;margin:0 auto}

/* phone: banner tighter */
@media (max-width:900px){.panel>.page-head,.panel>.bar2{padding:22px 20px 20px!important;border-radius:20px}}

/* ================= LUXURY LAYER (30 Sept) =================
   quiet, expensive: deep ink navy, hairlines, serif italic accent, generous space, small tracked caps */
:root{--ink-navy:#0E0C3A;--gold:#E9C46A;--hair2:rgba(20,17,64,.08);--serif:'Cormorant Garamond',Georgia,serif;
  --navy-grad:linear-gradient(135deg,#0B0930 0%,#16135E 48%,#262296 100%)}
html,body{background:#FCFCFD}
main{padding:34px 48px 96px!important;max-width:1360px}

/* titles: sentence case, light weight + serif italic accent */
.h{font:600 clamp(34px,3.6vw,52px)/1.02 var(--body)!important;text-transform:none!important;letter-spacing:-.035em!important;color:var(--ink-navy)!important}
.h mark{background:none!important;padding:0!important;font:italic 500 1.12em/1 var(--serif)!important;letter-spacing:-.01em!important;color:#211E82!important;
  box-shadow:inset 0 -.12em 0 rgba(255,231,67,.55)}
.panel>.page-head .h mark,.panel>.bar2 .h mark{color:var(--gold)!important;box-shadow:none}
.eyebrow{font:500 10.5px var(--mono)!important;letter-spacing:.28em!important}

/* hero banner: deep ink, fine gold hairline, more air */
.panel>.page-head,.panel>.bar2{border-radius:28px!important;padding:40px 44px 34px!important;margin-bottom:32px!important;
  box-shadow:0 40px 80px -48px rgba(11,9,48,.9)!important}
.panel>.page-head::after,.panel>.bar2::after{content:"";position:absolute;left:44px;right:44px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(233,196,106,.7),transparent)}
.panel>.page-head::before,.panel>.bar2::before{background:radial-gradient(640px 260px at 92% -30%,rgba(120,130,255,.35),transparent 70%),radial-gradient(420px 220px at 0% 140%,rgba(233,196,106,.10),transparent 70%)!important}

/* sidebar: white, hairline, refined active pill */
.side{background:#fff!important;border-right:1px solid var(--hair2)!important}
.tabs button{font-weight:500!important;letter-spacing:.005em}
.tabs button[aria-selected="true"]{background:var(--ink-navy)!important;box-shadow:0 12px 24px -16px rgba(11,9,48,.9)!important}
.tabs .ind{display:none!important}
.tabs .grp-l{font-size:9.5px!important;letter-spacing:.3em!important}

/* cards: hairline + whisper shadow, more padding */
.rq2,.ff-card,.ff-done,.ff-board,.ff-review,.qtm-turn,.qtm-gen,.vis-card,.nw-saved,.cl-card,.idea,.sch>a,.chs>*,.wf-tiles>*,.board-col,.as-wrap{
  box-shadow:0 0 0 1px var(--hair2),0 30px 60px -44px rgba(11,9,48,.45)!important;background:#fff!important;border-radius:22px!important}
.rq2{padding:32px 34px!important}.qtm-gen{padding:28px 32px 22px!important}

/* buttons: tracked caps, ink navy, hairline secondary */
.btn{font:600 11.5px var(--body)!important;letter-spacing:.12em!important;text-transform:uppercase;min-height:40px;padding:0 22px!important}
.btn.sm{font-size:10.5px!important;min-height:32px;padding:0 14px!important}
.btn.primary{background:var(--ink-navy)!important;box-shadow:0 14px 26px -16px rgba(11,9,48,.95)!important}
.btn.primary:hover{background:#211E82!important;filter:none}
.btn:not(.primary):not(.ghost){border-color:rgba(20,17,64,.14)!important}
.qtm-save{letter-spacing:.02em}

/* text rhythm */
.board-msg,.rq2-note,.qtm-hint{color:#8A87A0!important}
@media (max-width:900px){main{padding:18px 16px 90px!important}.panel>.page-head,.panel>.bar2{padding:26px 22px 22px!important}.panel>.page-head::after,.panel>.bar2::after{left:22px;right:22px}.rq2{padding:22px 18px!important}.h{font-size:clamp(30px,9vw,40px)!important}}
/* any text inside the navy banners stays readable */
.panel>.page-head .ch-total b,.panel>.page-head>div>b{color:#fff!important}
.panel>.page-head .ch-total small,.panel>.page-head small{color:rgba(255,255,255,.62)!important}
.panel>.page-head .ch-total b{font-size:40px!important;letter-spacing:-.03em}

/* --- slimmer banners (no "big head") + luxury background --- */
.panel>.page-head,.panel>.bar2{padding:24px 30px 22px!important;border-radius:22px!important;margin-bottom:26px!important;min-height:0}
.panel>.page-head .h,.panel>.bar2 .h{font-size:clamp(26px,2.5vw,36px)!important;margin-top:6px!important}
.panel>.page-head .eyebrow{font-size:9.5px!important}
.panel>.page-head::after,.panel>.bar2::after{left:30px;right:30px}
.panel>.page-head .ch-total b{font-size:30px!important}
/* background: soft pearl with a faint ink glow and fine paper grain */
html,body{background:#F7F7FA!important}
body{background:
  radial-gradient(1100px 520px at 110% -10%,rgba(33,30,130,.07),transparent 60%),
  radial-gradient(900px 600px at -10% 110%,rgba(120,130,200,.08),transparent 60%),
  linear-gradient(180deg,#FBFBFD 0%,#F4F4F8 100%) fixed!important}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .07 0 0 0 0 .25 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.bg3d{opacity:.35!important}
.crumb{background:rgba(250,250,252,.8)!important}
@media (max-width:900px){.panel>.page-head,.panel>.bar2{padding:20px 20px 18px!important}.panel>.page-head .h{font-size:clamp(24px,7.5vw,30px)!important}}
/* board + website headers join the banner family */
.panel>.bhead,.panel>.site-bar{position:relative;overflow:hidden;background:var(--navy-grad)!important;border-radius:22px!important;padding:24px 30px 22px!important;margin-bottom:22px!important;box-shadow:0 40px 80px -48px rgba(11,9,48,.9)!important;border:0!important}
.panel>.bhead::before,.panel>.site-bar::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 260px at 92% -30%,rgba(120,130,255,.35),transparent 70%)}
.panel>.bhead::after,.panel>.site-bar::after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(233,196,106,.7),transparent)}
.panel>.bhead>*,.panel>.site-bar>*{position:relative}
.panel>.bhead .h,.panel>.site-bar .h{color:#fff!important;font-size:clamp(26px,2.5vw,36px)!important;margin:6px 0 0!important}
.panel>.bhead .h mark,.panel>.site-bar .h mark{color:var(--gold)!important;box-shadow:none!important}
.panel>.bhead .eyebrow,.panel>.site-bar .eyebrow{color:rgba(255,255,255,.62)!important;font-size:9.5px!important}
.panel>.bhead .btn:not(.primary),.panel>.site-bar .btn:not(.primary){background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
.panel>.bhead .btn.primary{background:#fff!important;color:#0E0C3A!important}
.panel>.bhead [class*="brief"]{color:rgba(255,255,255,.75)!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important}
.panel>.bhead .meter{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;color:rgba(255,255,255,.75)!important}.panel>.bhead .meter b{color:#fff!important}.panel>.bhead .meter i{background:rgba(255,255,255,.18)!important}.panel>.bhead .meter i.on{background:#E9C46A!important}
/* progress: the current step's own bar fills softly (no floating chunk) */
.rq2-sub li.now i::before{width:100%!important;background:linear-gradient(90deg,rgba(var(--n),.25),rgb(var(--n)),rgba(var(--n),.25))!important;background-size:200% 100%!important;animation:rqfill 1.6s linear infinite!important;transform:none!important}
@keyframes rqfill{0%{background-position:100% 0}100%{background-position:-100% 0}}
.rq2-sub li{text-align:left}

/* ================= QUIET LUXURY: background, 3D, top bar, page content ================= */
/* background: warm pearl, ink vignette */
html,body{background:#F8F7F4!important}
body{background:radial-gradient(1200px 700px at 100% -10%,rgba(33,30,130,.06),transparent 60%),radial-gradient(900px 700px at -10% 110%,rgba(233,196,106,.06),transparent 60%),linear-gradient(180deg,#FBFAF8 0%,#F4F3F1 100%) fixed!important}
.bg-glow{display:none!important}
/* 3D: one frosted glass orb with a slow gold orbit ring, instead of the bars */
.bg3d{opacity:1!important;perspective:1400px}
.bg3d i{display:none!important}
.bg3d::before{content:"";position:absolute;right:-120px;top:-140px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.95) 0 6%,rgba(255,255,255,.35) 22%,rgba(200,204,240,.18) 45%,rgba(33,30,130,.10) 70%,rgba(33,30,130,.02) 100%);
  box-shadow:inset -30px -40px 80px rgba(33,30,130,.10),inset 20px 30px 60px rgba(255,255,255,.7),0 60px 120px -60px rgba(11,9,48,.35);
  translate:calc(var(--mx,0)*-10px) calc(var(--sy,0)*-0.25px + var(--my,0)*-8px);animation:orb 18s ease-in-out infinite alternate}
.bg3d::after{content:"";position:absolute;right:-60px;top:40px;width:680px;height:680px;border-radius:50%;border:1px solid rgba(233,196,106,.55);
  box-shadow:0 0 0 1px rgba(255,255,255,.4) inset;transform:rotateX(74deg) rotateZ(-18deg);translate:calc(var(--mx,0)*-14px) calc(var(--sy,0)*-0.35px);animation:ring 30s linear infinite}
.bg3d b{display:none!important}
@keyframes orb{0%{transform:translateY(0) scale(1)}100%{transform:translateY(24px) scale(1.03)}}
@keyframes ring{0%{transform:rotateX(74deg) rotateZ(-18deg)}100%{transform:rotateX(74deg) rotateZ(342deg)}}
@media (prefers-reduced-motion:reduce){.bg3d::before,.bg3d::after{animation:none}}

/* top bar: greeting + date left, search, avatar */
.crumb{background:rgba(250,249,247,.82)!important;border-bottom:1px solid rgba(20,17,64,.06)!important;padding:14px 48px!important}
.crumb .path{display:none!important}
.tb-hi{display:grid;gap:1px;margin-right:auto}
.tb-hi b{font:600 15px var(--body);color:var(--ink-navy);letter-spacing:-.01em}
.tb-hi span{font:500 10px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#A29FB5}
.search{background:#fff!important;border:1px solid rgba(20,17,64,.08)!important;border-radius:99px!important;padding:8px 14px!important;width:min(300px,40vw)!important}
.search kbd{border-radius:6px}
.tb-av{order:9;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink-navy);color:#fff;font:700 13px var(--body);box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(233,196,106,.7)}
@media (max-width:900px){.crumb{padding:10px 16px!important}.tb-hi span{display:none}.tb-av{display:none}}

/* filter chips: quiet pills */
.filters{gap:4px!important}
.filters button{border:0!important;background:transparent!important;color:#8A87A0!important;padding:7px 14px!important;font:500 12.5px var(--body)!important}
.filters button:hover{color:var(--ink-navy)!important;background:rgba(20,17,64,.04)!important}
.filters button[aria-pressed="true"]{background:var(--ink-navy)!important;color:#fff!important}
.views,.gr-rng{background:rgba(20,17,64,.04)!important;border:0!important;border-radius:99px!important;padding:3px!important}
.views button,.gr-rng button{border-radius:99px!important}

/* news: three idea cards across, bookmark clear of the title */
.ideas{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.ideas-h{grid-column:1/-1}
.idea{padding:24px 22px 20px!important;grid-template-columns:30px minmax(0,1fr)!important}
.idea .n{font:italic 500 30px/1 var(--serif)!important;color:#C9A646!important}
.idea .ib>b{padding-right:30px;font-size:15px;line-height:1.35}
.nw-bm-idea{top:18px!important;right:16px!important}
@media (max-width:1000px){.ideas{grid-template-columns:1fr!important}}
.news-list li{padding:18px 0!important;border-bottom:1px solid rgba(20,17,64,.06)!important}
.news-list a{font-weight:600}
.src{border-radius:99px!important;border-color:rgba(20,17,64,.1)!important;background:#fff!important}

/* workflows */
.wf-tile{border-radius:18px!important}
.step{border-radius:16px!important}

/* files, schedule, channels tiles */
.tile,.sch a,.chs a,.ch{border-radius:18px!important}
.tile:hover,.sch a:hover,.chs a:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(20,17,64,.08),0 30px 50px -34px rgba(11,9,48,.55)!important}

/* word game */
.wd-ans{display:flex;justify-content:center;gap:6px;min-height:52px;margin:14px 0 6px;flex-wrap:wrap}
.wd-slot{width:40px;height:48px;border-bottom:2px solid rgba(20,17,64,.2);display:grid;place-items:center;font:700 24px var(--body);color:var(--ink-navy)}
.wd-ans.ok .wd-slot{border-color:#1fb870;color:#137a4b}.wd-ans.reveal .wd-slot{color:#c2185b}.wd-ans.no{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.wd-tiles{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.wd-t{width:48px;height:52px;border:1px solid rgba(20,17,64,.1);border-radius:14px;background:#fff;font:800 20px var(--body);color:var(--ink-navy);cursor:pointer;box-shadow:0 6px 14px -10px rgba(11,9,48,.5);transition:transform .12s,opacity .15s}
.wd-t:hover{transform:translateY(-2px)}.wd-t:disabled{opacity:.18;transform:scale(.92)}
.wd-acts{display:flex;justify-content:center;gap:8px;margin-top:8px}
.bs-start{justify-items:center!important;text-align:center}.bs-start .bs-go{justify-self:center!important}
.bg3d::before{top:auto!important;bottom:-200px;right:-160px!important;width:620px!important;height:620px!important}
.bg3d::after{top:auto!important;bottom:-120px;right:-120px!important}
/* several change requests, each with its own images */
.rq2-extras{display:grid;gap:10px;margin-top:10px}
.rq2-ex{border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(20,17,64,.08);padding:12px 14px;display:grid;gap:8px}
.rq2-exh{display:flex;align-items:center}.rq2-exh b{font:500 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#A29FB5}
.rq2-exrm{margin-left:auto;border:0;background:none;color:#A29FB5;cursor:pointer}
.rq2-ex textarea{border:0;outline:0;resize:vertical;font:14px/1.5 var(--body);color:var(--ink);background:transparent;min-height:44px}
.rq2-ex .rq2-tool{justify-self:start}

/* ===== Channels: editorial dashboard ===== */
[data-panel="channels"] .gr{margin:0 0 26px!important;padding:28px 30px 22px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 0 0 1px var(--hair2),0 40px 70px -50px rgba(11,9,48,.55)!important;border:0!important}
[data-panel="channels"] .gr-big b{font:italic 500 64px/1 var(--serif)!important;color:var(--ink-navy)!important;letter-spacing:-.02em}
[data-panel="channels"] .gr-big span{font:600 12px var(--mono)!important;border-radius:99px;padding:5px 10px}
[data-panel="channels"] .gr-chart{margin-top:14px}
[data-panel="channels"] .gr-s{border-radius:16px!important;border:0!important;box-shadow:0 0 0 1px var(--hair2)!important;background:#FCFBF9!important}
[data-panel="channels"] .gr-s.on{box-shadow:0 0 0 1.5px var(--ink-navy)!important;background:#fff!important}
[data-panel="channels"] .chs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
[data-panel="channels"] .ch{position:relative;overflow:hidden;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto 1fr!important;align-items:start!important;min-height:150px;padding:22px 22px 20px!important;border-radius:22px!important;
  background:#fff!important;border:0!important;box-shadow:0 0 0 1px var(--hair2),0 26px 50px -40px rgba(11,9,48,.5)!important;transition:transform .25s var(--ease2),box-shadow .25s!important}
[data-panel="channels"] .ch:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(20,17,64,.1),0 34px 60px -38px rgba(11,9,48,.6)!important}
[data-panel="channels"] .ch-i{width:44px!important;height:44px!important;border-radius:14px!important;box-shadow:0 10px 20px -10px rgba(0,0,0,.4)}
[data-panel="channels"] .ch-t{grid-column:1/-1;grid-row:2;align-self:end;margin-top:18px}
[data-panel="channels"] .ch-t b{font-size:15px!important}
[data-panel="channels"] .ch-n{grid-column:3;grid-row:1}
[data-panel="channels"] .ch-n b{font:italic 500 38px/1 var(--serif)!important;color:var(--ink-navy)!important;letter-spacing:-.01em}
[data-panel="channels"] .ch::after{content:"↗";position:absolute;right:20px;bottom:18px;font-size:13px;color:#C4C1D4;transition:color .2s}
[data-panel="channels"] .ch:hover::after{color:var(--ink-navy)}
[data-panel="channels"] h3.grp{margin:30px 0 12px!important;font:500 10px var(--mono)!important;letter-spacing:.28em!important;text-transform:uppercase;color:#A29FB5!important}
[data-panel="channels"] h3.grp+.chs .ch{min-height:0;grid-template-rows:auto!important}
[data-panel="channels"] h3.grp+.chs .ch-t{grid-column:2;grid-row:1;margin:0;align-self:center}
@media (max-width:1000px){[data-panel="channels"] .chs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){[data-panel="channels"] .chs{grid-template-columns:1fr!important}[data-panel="channels"] .gr-big b{font-size:48px!important}}
/* total audience shown in the banner again (30 Sept) */
[data-panel="channels"] .gr-sp{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:8px!important}
.rq2-cmp>.rq2-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.rq2-tools{flex-wrap:wrap}
.rq2-tool{white-space:nowrap}

/* ===== Channels v2: channels first, calmer cards ===== */
[data-panel="channels"] .ch{min-height:0!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;row-gap:18px!important;column-gap:12px!important;padding:20px!important}
[data-panel="channels"] .ch-i{grid-column:1;grid-row:1;width:40px!important;height:40px!important;border-radius:12px!important}
[data-panel="channels"] .ch-t{grid-column:2!important;grid-row:1!important;align-self:center!important;margin:0!important}
[data-panel="channels"] .ch-n{grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:baseline;justify-content:space-between;justify-items:initial!important;text-align:left!important;gap:10px}
[data-panel="channels"] .ch-n b{font-size:40px!important}
[data-panel="channels"] .ch-n small{text-align:right}
[data-panel="channels"] .ch::after{top:20px;bottom:auto!important}
[data-panel="channels"] .gr{margin:26px 0 0!important}
[data-panel="channels"] .gr-sp{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))!important}
[data-panel="channels"] .gr-s{padding:10px 12px!important;min-height:0}
[data-panel="channels"] .gr-s svg{height:16px!important;margin-top:6px}

/* ===== Studio banners: actions sit on the right, both studios alike ===== */
@media (min-width:901px){.panel>.page-head{flex-wrap:nowrap!important;align-items:center!important}.panel>.page-head .rq-hacts{width:auto!important;flex-wrap:nowrap;justify-content:flex-end}}
.panel>.page-head .h{white-space:nowrap}

/* ===== Reel card: premium right column ===== */
.rq2{padding:30px 32px!important}
.rq2-h h3{font:600 24px/1.2 var(--body)!important;letter-spacing:-.02em!important;color:var(--ink-navy)}
.rq2-r>.rq2-acts{display:flex!important;flex-wrap:wrap;gap:10px!important}
.rq2-r .rq2-lb{margin-bottom:4px}
.rq2-concept,.rq2-r>p:not(.rq2-note):not(.rq2-ctag){font:500 17px/1.45 var(--body);color:var(--ink-navy)}
.rq2-elist{gap:0!important;border-radius:16px;box-shadow:0 0 0 1px var(--hair2);overflow:hidden;background:#fff}
.rq2-e{border-radius:0!important;border:0!important;border-bottom:1px solid var(--hair2)!important;padding:12px 14px!important;background:#fff!important;box-shadow:none!important}
.rq2-e:last-child{border-bottom:0!important}
.rq2-steps li{font-size:9.5px!important;letter-spacing:.14em!important}
.rq2-poster,.rq2 video{border-radius:18px!important;box-shadow:0 30px 60px -36px rgba(11,9,48,.7)}
[data-panel="channels"] h3.grp+.chs .ch{grid-template-rows:auto!important;row-gap:0!important}
[data-panel="channels"] h3.grp+.chs .ch-n{display:none!important}

/* ===== Schedule: premium launcher ===== */
.sch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.sch .sch-lb{grid-column:1/-1;font:500 10px var(--mono)!important;letter-spacing:.28em!important;text-transform:uppercase;color:#A29FB5!important;margin:10px 0 -4px!important}
.sch .sch-c{position:relative;overflow:hidden;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto 1fr!important;row-gap:28px!important;min-height:150px;padding:22px!important;border-radius:22px!important;
  background:#fff!important;border:0!important;box-shadow:0 0 0 1px var(--hair2),0 26px 50px -40px rgba(11,9,48,.5)!important;transition:transform .25s var(--ease2),box-shadow .25s!important}
.sch .sch-c .ch-i{width:48px!important;height:48px!important;border-radius:15px!important;box-shadow:0 12px 24px -12px rgba(0,0,0,.45)}
.sch .sch-c .ch-t{grid-column:1/-1;grid-row:2;align-self:end}
.sch .sch-c .ch-t b{font:600 17px var(--body)!important;letter-spacing:-.01em;color:var(--ink-navy)}
.sch .sch-c .ch-t small{font:500 12.5px var(--body)!important;color:#8A87A0!important}
.sch .sch-c .ch-a{grid-column:2;grid-row:1;align-self:start;font-size:14px;color:#C4C1D4;transition:color .2s,transform .2s}
.sch .sch-c::before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;opacity:0;transition:opacity .35s;background:radial-gradient(circle,var(--pc,rgba(33,30,130,.25)),transparent 70%)}
.sch .sch-c:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(20,17,64,.1),0 36px 60px -38px rgba(11,9,48,.6)!important}
.sch .sch-c:hover::before{opacity:1}.sch .sch-c:hover .ch-a{color:var(--ink-navy);transform:translate(2px,-2px)}
.sch [data-p="instagram"]{--pc:rgba(221,42,123,.22)}.sch [data-p="tiktok"]{--pc:rgba(37,244,238,.22)}.sch [data-p="facebook"]{--pc:rgba(8,102,255,.2)}
.sch [data-p="threads"]{--pc:rgba(0,0,0,.14)}.sch [data-p="x"]{--pc:rgba(0,0,0,.14)}.sch [data-p="linkedin"]{--pc:rgba(10,102,194,.2)}
/* Meta = hero card */
.sch .sch-c.wide{grid-column:1/-1;min-height:0;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto!important;align-items:center;column-gap:18px;padding:26px 28px!important;
  background:var(--navy-grad)!important;box-shadow:0 40px 80px -48px rgba(11,9,48,.9)!important}
.sch .sch-c.wide::after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(233,196,106,.7),transparent)}
.sch .sch-c.wide .ch-t{grid-column:2;grid-row:1;align-self:center}
.sch .sch-c.wide .ch-t b{color:#fff!important;font-size:20px!important}.sch .sch-c.wide .ch-t small{color:rgba(255,255,255,.65)!important}
.sch .sch-c.wide .ch-a{grid-column:3;align-self:center;font:600 11.5px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#16135E;background:#fff;border-radius:99px;padding:11px 18px}
.sch .sch-c.wide:hover .ch-a{color:#16135E;transform:none}
.sch .sch-c.wide::before{background:radial-gradient(circle,rgba(140,150,255,.4),transparent 70%)}
@media (max-width:1000px){.sch{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:620px){.sch{grid-template-columns:1fr!important}.sch .sch-c.wide{grid-template-columns:auto 1fr!important}.sch .sch-c.wide .ch-a{grid-column:1/-1;justify-self:start;margin-top:14px}}
/* post links */
.pl-head{margin-top:34px!important;padding-top:26px;border-top:1px solid var(--hair2)}
.pl-h{font:600 28px/1.1 var(--body)!important;letter-spacing:-.03em!important;color:var(--ink-navy)!important}
.pl-h em{font:italic 500 1.12em/1 var(--serif);color:#211E82;box-shadow:inset 0 -.12em 0 rgba(255,231,67,.55)}
.pl-find{border-radius:99px!important;background:#fff!important;box-shadow:0 0 0 1px var(--hair2)!important;border:0!important}
.sch .sch-c.wide .ch-a{opacity:1!important;visibility:visible!important}
.bg3d::before{width:460px!important;height:460px!important;bottom:-160px!important;right:-140px!important}
.bg3d::after{width:540px!important;height:540px!important;bottom:-90px!important}

/* ===== Channel cards = schedule card family ===== */
[data-panel="channels"] .ch{grid-template-columns:1fr auto!important;grid-template-rows:auto 1fr!important;row-gap:26px!important;min-height:160px!important;padding:22px!important}
[data-panel="channels"] .ch-i{grid-column:1!important;grid-row:1!important;width:48px!important;height:48px!important;border-radius:15px!important;box-shadow:0 12px 24px -12px rgba(0,0,0,.45)!important}
[data-panel="channels"] .ch::after{content:"↗";position:static!important;grid-column:2;grid-row:1;align-self:start;font-size:14px;color:#C4C1D4;transition:color .2s,transform .2s}
[data-panel="channels"] .ch:hover::after{color:var(--ink-navy);transform:translate(2px,-2px)}
[data-panel="channels"] .ch-t{grid-column:1!important;grid-row:2!important;align-self:end!important}
[data-panel="channels"] .ch-t b{font:600 17px var(--body)!important;letter-spacing:-.01em;color:var(--ink-navy)}
[data-panel="channels"] .ch-t small{font:500 12.5px var(--body)!important;color:#8A87A0!important}
[data-panel="channels"] .ch-n{grid-column:2!important;grid-row:2!important;align-self:end;display:grid!important;justify-items:end!important;text-align:right!important;gap:2px}
[data-panel="channels"] .ch-n b{font:italic 500 36px/1 var(--serif)!important}
[data-panel="channels"] .ch::before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;opacity:0;transition:opacity .35s;pointer-events:none;background:radial-gradient(circle,var(--pc,rgba(33,30,130,.25)),transparent 70%)}
[data-panel="channels"] .ch:hover::before{opacity:1}
[data-panel="channels"] [data-p="instagram"]{--pc:rgba(221,42,123,.22)}[data-panel="channels"] [data-p="tiktok"]{--pc:rgba(37,244,238,.22)}[data-panel="channels"] [data-p="facebook"]{--pc:rgba(8,102,255,.2)}
[data-panel="channels"] [data-p="threads"],[data-panel="channels"] [data-p="x"]{--pc:rgba(0,0,0,.14)}[data-panel="channels"] [data-p="linkedin"]{--pc:rgba(10,102,194,.2)}
/* Meta admin card = navy hero like Schedule */
[data-panel="channels"] h3.grp+.chs{grid-template-columns:1fr!important}
[data-panel="channels"] h3.grp+.chs .ch{min-height:0!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto!important;align-items:center;column-gap:18px!important;padding:24px 26px!important;background:var(--navy-grad)!important;box-shadow:0 40px 80px -48px rgba(11,9,48,.9)!important}
[data-panel="channels"] h3.grp+.chs .ch-t{grid-column:2!important;grid-row:1!important;align-self:center!important}
[data-panel="channels"] h3.grp+.chs .ch-t b{color:#fff!important;font-size:19px!important}[data-panel="channels"] h3.grp+.chs .ch-t small{color:rgba(255,255,255,.65)!important}
[data-panel="channels"] h3.grp+.chs .ch::after{content:"Open ↗";grid-column:3;grid-row:1;align-self:center;font:600 11.5px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#16135E;background:#fff;border-radius:99px;padding:10px 16px}
[data-panel="channels"] .ch-a{display:none!important}
[data-panel="channels"] .ch::after{justify-self:end}

/* ===== Channels analytics (creator dashboard) ===== */
.an{display:grid;gap:18px;margin-bottom:26px;padding-bottom:26px;border-bottom:1px solid var(--hair2)}
.an-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.an-k{display:grid;gap:4px;padding:18px 18px 16px;border-radius:18px;background:#FCFBF9;box-shadow:0 0 0 1px var(--hair2)}
.an-k span{font:500 9.5px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#A29FB5}
.an-k b{font:italic 500 34px/1.05 var(--serif);color:var(--ink-navy);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an-k small{font:500 12px var(--body);color:#8A87A0}
.an-k.up b{color:#137a4b}.an-k.down b{color:#a3134f}
.an-k:first-child{background:var(--navy-grad);box-shadow:0 26px 50px -34px rgba(11,9,48,.9)}
.an-k:first-child span{color:rgba(255,255,255,.6)}.an-k:first-child b{color:#fff;font-size:40px}.an-k:first-child small{color:var(--gold)}
.an-row{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}
.an-card{padding:18px 20px;border-radius:18px;background:#FCFBF9;box-shadow:0 0 0 1px var(--hair2);display:grid;gap:12px;align-content:start}
.an-lb{font:500 9.5px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#A29FB5}
.an-bar{display:flex;height:14px;border-radius:99px;overflow:hidden;gap:2px;background:#fff}
.an-bar i{min-width:4px;transition:flex .6s var(--ease2)}
.an-leg{display:flex;flex-wrap:wrap;gap:8px 16px;font:500 12px var(--body);color:var(--muted)}
.an-leg span{display:inline-flex;align-items:center;gap:6px}.an-leg i{width:8px;height:8px;border-radius:50%}.an-leg b{color:var(--ink-navy);font-weight:700}
.an-rk{display:grid;grid-template-columns:18px 78px 1fr 52px;gap:10px;align-items:center;font:500 12.5px var(--body);color:var(--ink)}
.an-rk em{font:italic 500 16px var(--serif);color:#C9A646}
.an-track{height:8px;border-radius:99px;background:rgba(20,17,64,.05);overflow:hidden}.an-track i{display:block;height:100%;border-radius:99px;opacity:.85}
.an-rk b{text-align:right;font:600 12.5px var(--mono);color:var(--ink-navy)}
@media (max-width:1000px){.an-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.an-row{grid-template-columns:1fr}}
/* chart: calmer axes */
[data-panel="channels"] .gr-chart svg text{fill:#A29FB5!important;font-family:var(--mono)!important}
[data-panel="channels"] .gr-big b{font-size:30px!important}

/* ===== Floating orb: fully in view, bobs up and down, ring + floor shadow follow ===== */
@property --bob{syntax:"<length>";inherits:false;initial-value:0px}
.bg3d::before{top:auto!important;right:60px!important;bottom:150px!important;width:380px!important;height:380px!important;
  translate:calc(var(--mx,0)*-10px) calc(var(--sy,0)*-0.25px + var(--my,0)*-8px + var(--bob))!important;
  box-shadow:inset -30px -40px 80px rgba(33,30,130,.14),inset 20px 30px 60px rgba(255,255,255,.7),0 50px 90px -40px rgba(11,9,48,.45)!important;
  animation:orbfloat 7s ease-in-out infinite!important}
.bg3d::after{top:auto!important;right:-10px!important;bottom:80px!important;width:520px!important;height:520px!important;
  translate:calc(var(--mx,0)*-14px) calc(var(--sy,0)*-0.35px + var(--bob))!important;
  animation:ring 30s linear infinite,ringbob 7s ease-in-out infinite!important}
.bg3d b{display:block!important;position:absolute;top:auto!important;right:100px!important;bottom:70px!important;width:300px!important;height:40px!important;
  border-radius:50%;background:radial-gradient(closest-side,rgba(11,9,48,.28),transparent)!important;filter:blur(8px);translate:calc(var(--mx,0)*-10px) 0!important;
  opacity:1!important;animation:floorshadow 7s ease-in-out infinite!important}
@keyframes orbfloat{0%,100%{--bob:0px;transform:rotate(0deg)}50%{--bob:-28px;transform:rotate(4deg)}}
@keyframes ringbob{0%,100%{--bob:0px}50%{--bob:-28px}}
@keyframes floorshadow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.55}}
@media (max-width:900px){.bg3d::before,.bg3d::after,.bg3d b{display:none!important}}
@media (prefers-reduced-motion:reduce){.bg3d::before,.bg3d::after,.bg3d b{animation:none!important}}

/* ===== Light mode upgrade (30 Sept): white stays white; motion + grade + pearl orb ===== */
html:not([data-theme="dark"]){--lk:233,196,106;--nv:33,30,130}
/* 4 · soft grade: faint warm/cool corners, finer grain */
html:not([data-theme="dark"]) body{background:
  radial-gradient(900px 520px at 100% -6%,rgba(var(--lk),.07),transparent 60%),
  radial-gradient(900px 640px at -8% 106%,rgba(var(--nv),.05),transparent 60%),#fff!important;background-attachment:fixed!important}
html:not([data-theme="dark"]) body::after{opacity:.22!important;animation:lgrain 1.4s steps(6) infinite}
@keyframes lgrain{0%{transform:translate(0,0)}25%{transform:translate(-1.5%,1%)}50%{transform:translate(1%,-1.5%)}75%{transform:translate(-1%,1.5%)}100%{transform:translate(0,0)}}

/* 3 · sidebar: gold hairline, gold marker + icon on the active pill, hover nudge */
html:not([data-theme="dark"]) aside.side{background:linear-gradient(to left,rgba(var(--lk),.35) 1px,transparent 1px),#fff!important;border-right:0!important}
html:not([data-theme="dark"]) .tabs button{transition:background .35s var(--ease2),color .35s var(--ease2),transform .35s var(--ease2)}
html:not([data-theme="dark"]) .tabs button:not([aria-selected="true"]):hover{transform:translateX(2px)}
html:not([data-theme="dark"]) .tabs button[aria-selected="true"]{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 26px -14px rgba(var(--nv),.9)!important}
html:not([data-theme="dark"]) .tabs button[aria-selected="true"] svg{color:#E9C46A!important;filter:drop-shadow(0 0 5px rgba(var(--lk),.6))}
html:not([data-theme="dark"]) .tabs button[aria-selected="true"]::before{display:block!important;left:-14px!important;top:22%!important;bottom:22%!important;height:auto!important;width:3px!important;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,#F4DDA6,#C9A24E)!important;box-shadow:0 0 10px rgba(var(--lk),.7)!important}/* 1 · hero banner: sheen sweep,drifting light leak,3D tilt,gold shimmer word,headline wipe */
html:not([data-theme="dark"]) .panel>.page-head,html:not([data-theme="dark"]) .panel>.bar2,headline wipe */
html:not([data-theme="dark"]) .panel>.bhead{
  background:linear-gradient(105deg,transparent 45%,rgba(255,255,255,.10) 50%,transparent 55%) no-repeat,var(--navy-grad)!important;
  background-size:250% 100%,100% 100%!important;background-position:180% 0,0 0!important;
  transform:perspective(1400px) rotateX(calc(var(--my,0) * -5deg)) rotateY(calc(var(--mx,0) * 7deg));transition:transform .9s var(--ease2);
  animation:lsheen 9s var(--ease2) infinite}
@keyframes lsheen{0%,70%{background-position:180% 0,0 0}100%{background-position:-80% 0,0 0}}html:not([data-theme="dark"]) .panel>.page-head::before,html:not([data-theme="dark"]) .panel>.bar2::before,html:not([data-theme="dark"]) .panel>.bhead::before{
  background:radial-gradient(380px 200px at 82% 0%,rgba(var(--lk),.28),transparent 70%),radial-gradient(420px 220px at 20% 120%,rgba(140,150,255,.30),transparent 70%)!important;
  mix-blend-mode:screen;animation:lleak 14s ease-in-out infinite alternate}
@keyframes lleak{0%{transform:translate(0,0) scale(1);opacity:.85}100%{transform:translate(-8%,6%) scale(1.15);opacity:.6}}html:not([data-theme="dark"]) .panel>.page-head .eyebrow::before,html:not([data-theme="dark"]) .panel>.bhead .eyebrow::before{animation:ldot 2.8s ease-in-out infinite}
@keyframes ldot{50%{box-shadow:0 0 0 6px rgba(255,231,67,0),0 0 14px rgba(255,231,67,.9)}}html:not([data-theme="dark"]) .panel>.page-head .h mark,html:not([data-theme="dark"]) .panel>.bar2 .h mark,html:not([data-theme="dark"]) .panel>.bhead .h mark{
  background:linear-gradient(100deg,#C9A24E 0%,#F6E3B4 45%,#E6C47F 60%,#C9A24E 100%)!important;background-size:220% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;box-shadow:none!important;animation:lgold 6s linear infinite}
@keyframes lgold{to{background-position:-220% 0}}
/* 7 · headline wipe on page enter */
html:not([data-theme="dark"]) .panel.enter>.page-head .h{animation:lwipe 1s var(--ease2) both}
@keyframes lwipe{from{clip-path:inset(0 100% 0 0);transform:translateY(6px)}to{clip-path:inset(-30% -10% -40% -2%);transform:none}}

/* 2 · pearl orb: navy core, gold rim, clearer floor shadow */
html:not([data-theme="dark"]) .bg3d::before{background:
  radial-gradient(circle at 30% 26%,#fff 0 5%,rgba(255,255,255,.7) 14%,transparent 32%),
  radial-gradient(circle at 70% 80%,rgba(var(--lk),.35),transparent 45%),
  radial-gradient(circle at 50% 52%,rgba(var(--nv),.22) 0%,rgba(120,126,220,.14) 50%,rgba(236,236,250,.5) 100%)!important;
  box-shadow:inset -30px -40px 70px rgba(var(--nv),.20),inset 20px 28px 50px rgba(255,255,255,.9),inset -6px -8px 22px rgba(var(--lk),.35),
  0 50px 90px -40px rgba(var(--nv),.45)!important}
html:not([data-theme="dark"]) .bg3d::after{border-color:rgba(201,162,78,.6)!important}
html:not([data-theme="dark"]) .bg3d b{background:radial-gradient(closest-side,rgba(var(--nv),.32),transparent)!important}

/* 5 · cards lift + glow; panels get a crisper edge */
html:not([data-theme="dark"]) .card{transition:transform .35s var(--ease2),box-shadow .35s var(--ease2)}
html:not([data-theme="dark"]) .card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(var(--nv),.18),0 22px 40px -18px rgba(var(--nv),.45)!important}
html:not([data-theme="dark"]) .rq,html:not([data-theme="dark"]) .rq2,html:not([data-theme="dark"]) .vis-card{box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(20,17,64,.07),0 2px 4px -2px rgba(20,17,64,.06),0 40px 70px -40px rgba(var(--nv),.40)!important}

/* 6 · reel progress: current step pulses gold */
html:not([data-theme="dark"]) .rq2-steps li.now i{border-color:#C9A24E!important;background:#fff!important;box-shadow:0 0 0 4px rgba(var(--lk),.18),0 0 12px rgba(var(--lk),.7)!important;animation:lnow 2.4s ease-in-out infinite}
@keyframes lnow{50%{box-shadow:0 0 0 7px rgba(var(--lk),0),0 0 16px rgba(var(--lk),.9)}}

@media (prefers-reduced-motion:reduce){html:not([data-theme="dark"]) body::after,html:not([data-theme="dark"]) .panel>.page-head,html:not([data-theme="dark"]) .panel>.page-head::before,html:not([data-theme="dark"]) .panel>.page-head .h mark,html:not([data-theme="dark"]) .panel>.page-head .eyebrow::before,html:not([data-theme="dark"]) .rq2-steps li.now i,html:not([data-theme="dark"]) .panel>.bhead,html:not([data-theme="dark"]) .panel>.bhead::before,html:not([data-theme="dark"]) .panel>.bhead .h mark,html:not([data-theme="dark"]) .panel>.bhead .eyebrow::before{animation:none!important}html:not([data-theme="dark"]) .panel>.page-head,html:not([data-theme="dark"]) .panel>.bhead{transform:none!important}}

/* ===== QTM mood picker: one segmented pill control ===== */
.qtm-moods{display:inline-flex!important;flex-wrap:wrap;gap:4px!important;padding:5px!important;border:0!important;border-radius:999px!important;
  background:#F3F2F8!important;box-shadow:inset 0 1px 2px rgba(20,17,64,.08),0 0 0 1px rgba(20,17,64,.05)!important}
.qtm-moods button{border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;padding:9px 18px!important;
  font:600 13.5px var(--body)!important;letter-spacing:-.005em;color:#67658A!important;cursor:pointer;transition:background .3s var(--ease2),color .3s,box-shadow .3s,transform .2s}
.qtm-moods button::after,.qtm-moods button::before{display:none!important}
.qtm-moods button:hover{color:var(--ink-navy)!important;background:rgba(255,255,255,.7)!important}
.qtm-moods button.on{background:var(--ink-navy)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 18px -8px rgba(33,30,130,.7)!important}
.qtm-moods button:active{transform:scale(.97)}

/* ===== Studio reel card: calm editorial layout (30 Sept) =====
   One column of sections split by hairlines; no boxes inside boxes; state shown by small colour, not borders. */
.rq2-r{display:flex!important;flex-direction:column;gap:0!important}
.rq2-r>*{margin:0!important}
.rq2-r>.rq2-sec,.rq2-r>.rq2-fix,.rq2-r>.rq2-q,.rq2-r>.rq2-cmp{padding:22px 0!important;border-top:1px solid var(--hair2)!important}
.rq2-r>:first-child{padding-top:0!important;border-top:0!important}
.rq2-r>.rq2-ctag{margin:0 0 18px!important}
.rq2-r .rq2-lb{margin-bottom:10px!important}
.rq2-concept,.rq2-r>p.rq2-concept{font:500 16px/1.6 var(--body)!important;color:var(--ink-navy)!important;max-width:62ch;opacity:.92}
/* fact-check: a quiet line, not a box */
.rq2-fix{background:transparent!important;border:0!important;border-top:1px solid var(--hair2)!important;border-radius:0!important;box-shadow:none!important}
.rq2-fix summary{padding:0!important;display:flex;align-items:center;gap:10px;font:600 13px var(--body)!important;color:var(--ok)!important}
.rq2-fix summary::after{margin-left:auto;float:none!important;font:500 10.5px var(--mono)!important;letter-spacing:.14em;text-transform:uppercase}
.rq2-fix ul{padding:12px 0 0 18px!important}
/* questions: clean rows */
.rq2-q{background:transparent!important;border:0!important;border-top:1px solid var(--hair2)!important;border-radius:0!important;box-shadow:none!important;padding:22px 0!important}
.rq2-checks{gap:0!important}
.rq2-yn,.rq2-yn.yes,.rq2-yn.no{background:transparent!important;border:0!important;border-bottom:1px solid var(--hair2)!important;border-radius:0!important;padding:12px 0!important;gap:18px!important}
.rq2-yn:last-child{border-bottom:0!important}
.rq2-yn .tx{font:500 14px/1.5 var(--body)!important;color:var(--ink)!important;position:relative;padding-left:18px}
.rq2-yn .tx::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--line2);transition:background .3s,box-shadow .3s}
.rq2-yn.yes .tx::before{background:#2FB67C;box-shadow:0 0 0 3px rgba(47,182,124,.15)}
.rq2-yn.no .tx::before{background:#D6467F;box-shadow:0 0 0 3px rgba(214,70,127,.15)}
.rq2-yn .seg{background:var(--sunk)!important;border-radius:99px!important;padding:3px!important;gap:0!important;box-shadow:inset 0 1px 2px rgba(20,17,64,.06)}
.rq2-yn .seg button{border-radius:99px!important;padding:5px 14px!important;font:600 12px var(--body)!important;transition:background .25s,color .25s}
.rq2-yn.yes .seg button.on{background:#2FB67C!important;color:#fff!important;box-shadow:0 4px 10px -4px rgba(47,182,124,.7)!important}
.rq2-yn.no .seg button.on{background:#D6467F!important;color:#fff!important;box-shadow:0 4px 10px -4px rgba(214,70,127,.7)!important}
.rq2-q .rq2-lb.mt{margin-top:26px!important}
/* voices: tidy chips */
.rq2-voices{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:8px!important}
.rq2-v{border:1px solid var(--hair2)!important;background:transparent!important;border-radius:14px!important;padding:9px 12px 9px 9px!important;box-shadow:none!important;transition:border-color .25s,background .25s,transform .25s var(--ease2)}
.rq2-v:hover{border-color:rgba(var(--n),.3)!important;transform:translateY(-1px)}
.rq2-v.on{border-color:var(--head)!important;background:rgba(var(--n),.05)!important;box-shadow:0 0 0 3px rgba(var(--n),.10)!important}
.rq2-q .rq2-note{margin-top:12px!important;color:var(--faint)!important}
@media (min-width:901px){.rq2-grid{align-items:start!important}.rq2-l{position:sticky;top:96px;align-self:start}}

/* ===== Assistant: premium (30 Sept) ===== */
.as-ico{width:18px;height:18px;display:block}
/* hero: orb with breathing halo rings, serif gold word */
.as-hero{position:relative;padding:44px 0 10px!important;gap:12px!important}
.as-hero .ai-orb.lg{position:relative;width:64px!important;height:64px!important;background:radial-gradient(circle at 35% 30%,#5B55F0,#211E82 70%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 18px 40px -12px rgba(33,30,130,.7)!important;animation:asfloat 6s ease-in-out infinite}
.as-hero .ai-orb.lg::before,.as-hero .ai-orb.lg::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(33,30,130,.22);animation:ashalo 3.6s cubic-bezier(.22,1,.36,1) infinite}
.as-hero .ai-orb.lg::after{animation-delay:1.8s}
@keyframes ashalo{0%{transform:scale(.8);opacity:0}30%{opacity:1}100%{transform:scale(1.7);opacity:0}}
@keyframes asfloat{50%{transform:translateY(-6px)}}
.as-hero h3{font:600 clamp(28px,3.4vw,40px)/1.1 var(--body)!important;letter-spacing:-.035em!important;color:var(--ink-navy)!important}
.as-hero h3 em{font:italic 500 1.12em/1 var(--serif)!important;letter-spacing:-.01em;padding:0 .06em;
  background:linear-gradient(100deg,#B08A38 0%,#E6C47F 40%,#F6E3B4 50%,#E6C47F 60%,#B08A38 100%)!important;background-size:220% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;animation:asgold 6s linear infinite}
@keyframes asgold{to{background-position:-220% 0}}
.as-hero p{font-size:14.5px!important;color:var(--muted)!important}
/* task cards: glass tiles, line icons, arrow on hover, staggered entrance */
.as-tasks{gap:12px!important;margin-top:26px!important}
.as-task{position:relative;grid-template-columns:40px 1fr!important;gap:3px 14px!important;padding:16px 18px 16px 16px!important;border-radius:18px!important;
  background:rgba(255,255,255,.75)!important;border:1px solid rgba(20,17,64,.07)!important;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,17,64,.04),0 16px 34px -26px rgba(33,30,130,.5)!important;
  transition:transform .35s var(--ease2),box-shadow .35s var(--ease2),border-color .35s!important;animation:asin .7s var(--ease2) both;animation-delay:calc(var(--k,0) * 45ms)}
@keyframes asin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.as-task::after{content:"↗";position:absolute;top:12px;right:14px;font:600 12px var(--body);color:var(--head);opacity:0;transform:translate(-4px,4px);transition:opacity .3s,transform .3s var(--ease2)}
.as-task:hover{transform:translateY(-3px)!important;border-color:rgba(33,30,130,.28)!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(33,30,130,.10),0 24px 44px -24px rgba(33,30,130,.6)!important}
.as-task:hover::after{opacity:1;transform:none}
.as-task i{width:40px!important;height:40px!important;border-radius:12px!important;color:#211E82!important;background:linear-gradient(180deg,#F1F0FC,#E6E4F8)!important;
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(33,30,130,.08)!important;transition:background .35s,color .35s,box-shadow .35s}
.as-task:hover i{background:linear-gradient(180deg,#3A35B8,#211E82)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 18px -8px rgba(33,30,130,.8)!important}
.as-task b{font:600 14px var(--body)!important;letter-spacing:-.01em;color:var(--ink-navy)!important}
.as-task small{font-size:12px!important;color:var(--faint)!important}
/* quick chips with icons */
.as-quick button{display:inline-flex;align-items:center;gap:6px;border-radius:99px!important}
.as-quick .as-ico{width:14px;height:14px}
/* composer: one soft container, glowing focus, round send */
.as-comp{border-radius:24px!important;padding:14px 14px 12px 20px!important}
.as-comp textarea,#as-in{border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;font-size:15.5px!important}
.as-comp:focus-within{box-shadow:0 0 0 1px rgba(33,30,130,.35),0 0 0 6px rgba(33,30,130,.07),0 24px 50px -24px rgba(33,30,130,.55)!important}
.as-send{width:40px!important;height:40px!important;border-radius:50%!important;background:linear-gradient(180deg,#3A35B8,#211E82)!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 20px -8px rgba(33,30,130,.8)!important;transition:transform .25s var(--ease2),filter .25s}
.as-send svg{stroke:#fff!important}
.as-send:hover{transform:translateY(-1px) scale(1.04);filter:brightness(1.1)}
.as-send:disabled{opacity:.35;transform:none}
/* history rail */
.as-newbtn{border-radius:14px!important}
.as-hist li button{border-radius:12px!important;padding:10px 12px!important}
.as-hist li.on button{background:rgba(33,30,130,.07)!important;color:var(--ink-navy)!important;box-shadow:inset 2px 0 0 #C9A24E}
@media (prefers-reduced-motion:reduce){.as-hero .ai-orb.lg,.as-hero .ai-orb.lg::before,.as-hero .ai-orb.lg::after,.as-hero h3 em,.as-task{animation:none!important}}
/* gold serif words: room for descenders (g, y, p) so background-clip text isn't cropped */
.page-head .h mark,.panel>.bar2 .h mark,.as-hero h3 em{display:inline-block;line-height:1.2!important;padding:0 .08em .16em .02em!important;margin-bottom:-.16em;overflow:visible}
/* banner motion must beat the page-enter "rise" animation (Board uses .bhead) */
html:not([data-theme="dark"]) .panel>.page-head,html:not([data-theme="dark"]) .panel>.bhead,html:not([data-theme="dark"]) .panel>.bar2{animation:lsheen 9s var(--ease2) infinite!important;
  transform:perspective(1400px) rotateX(calc(var(--my,0) * -5deg)) rotateY(calc(var(--mx,0) * 7deg))!important;transition:transform .9s var(--ease2)!important}
@media (prefers-reduced-motion:reduce){html:not([data-theme="dark"]) .panel>.page-head,html:not([data-theme="dark"]) .panel>.bhead{animation:none!important;transform:none!important}}

/* ===== Finished reels: slim rows at the bottom, click to open ===== */
.rq2-div{margin:34px 0 12px;font:500 10.5px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:14px}
.rq2-div::after{content:"";flex:1;height:1px;background:var(--hair2)}
.rq2-tog{cursor:pointer;position:relative;padding-right:34px}
.rq2-tog::after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease2)}
.rq2:not(.rq2-min) .rq2-tog::after{transform:translateY(-30%) rotate(-135deg)}
.rq2.rq2-min{padding:16px 24px!important;margin-bottom:8px!important;box-shadow:0 0 0 1px var(--hair2)!important;transition:box-shadow .3s,transform .3s var(--ease2)}
.rq2.rq2-min:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(var(--n),.2),0 12px 28px -18px rgba(var(--n),.5)!important}
.rq2.rq2-min>:not(.rq2-h){display:none!important}
.rq2.rq2-min .rq2-h{margin:0!important;align-items:center!important}
.rq2.rq2-min .rq2-h h3{font:600 16px/1.3 var(--body)!important;margin:2px 0 0!important}
.rq2.rq2-min .rq2-eb{font-size:9.5px!important}

/* ===== Channels banner: total audience, styled like the KPI card ===== */
[data-panel="channels"] .panel>.page-head,[data-panel="channels"]>.page-head{align-items:center!important}
[data-panel="channels"] .ch-total{display:grid!important;justify-items:start!important;text-align:left!important;gap:4px!important;padding-left:30px;margin-left:auto;
  border-left:1px solid rgba(233,196,106,.35);min-width:150px}
[data-panel="channels"] .ch-total[hidden]{display:none!important}
[data-panel="channels"] .ch-total small{font:500 10px var(--mono)!important;letter-spacing:.24em!important;text-transform:uppercase;color:rgba(255,255,255,.55)!important}
[data-panel="channels"] .ch-total b{font:italic 500 52px/1 var(--serif)!important;letter-spacing:-.02em!important;color:#fff!important;margin-top:2px}
[data-panel="channels"] .ch-total em{font:500 14px var(--body)!important;font-style:normal!important;color:#E6C47F!important}
@media (max-width:620px){[data-panel="channels"] .ch-total{padding-left:18px;min-width:0}[data-panel="channels"] .ch-total b{font-size:36px!important}}
/* studio "now" box: breathing room (the calm layout zeroed its margins) */
.rq2-r>.rq2-now,.rq2-r>.rq2-live{margin:0 0 20px!important;padding:18px 20px 16px!important;border-radius:16px!important}
.rq2-r>.rq2-now+.rq2-ctag,.rq2-r>.rq2-live+.rq2-ctag{margin-top:0!important}
.rq2-r>.rq2-ctag{margin:0 0 20px!important;padding:6px 12px!important}
.rq2-now .rq2-sub{margin-top:16px!important;gap:10px!important}
.rq2-now .rq2-sub li i{margin-bottom:9px!important}
.rq2-now b{font-size:17px!important}

/* ===== Studio question: "The studio needs you" ===== */
.rq2-r>.rq2-ask{margin:0 0 22px!important;padding:20px 20px 18px!important;border-radius:18px;background:linear-gradient(135deg,rgba(233,196,106,.14),rgba(233,196,106,.04));
  box-shadow:inset 0 0 0 1px rgba(201,162,78,.35),0 18px 40px -26px rgba(201,162,78,.6);position:relative}
.rq2-ask .rq2-lb{color:#9A7420!important;display:flex;align-items:center;gap:8px}
.rq2-ask .rq2-lb::before{content:"";width:7px;height:7px;border-radius:50%;background:#E0A100;box-shadow:0 0 0 0 rgba(224,161,0,.5);animation:askp 1.8s ease-out infinite}
@keyframes askp{to{box-shadow:0 0 0 9px rgba(224,161,0,0)}}
.rq2-askq{margin:0 0 14px!important;font:600 16px/1.45 var(--body)!important;color:var(--ink-navy)!important}
.rq2-opts{display:grid;gap:8px}
.rq2-opt{position:relative;display:grid;gap:2px;text-align:left;padding:12px 16px;border-radius:14px;border:1px solid rgba(20,17,64,.1);background:rgba(255,255,255,.85);cursor:pointer;
  transition:transform .25s var(--ease2),border-color .25s,box-shadow .25s}
.rq2-opt b{font:600 14px var(--body);color:var(--ink-navy)}
.rq2-opt small{font-size:12px;color:var(--muted)}
.rq2-opt i{position:absolute;top:12px;right:14px;font:500 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:#9A7420}
.rq2-opt.rec{border-color:rgba(201,162,78,.55)}
.rq2-opt:hover:not(:disabled){transform:translateY(-1px);border-color:#211E82;box-shadow:0 10px 24px -14px rgba(33,30,130,.55)}
.rq2-opt:disabled{opacity:.55;cursor:default}
.rq2-asknote{width:100%;box-sizing:border-box;margin-top:12px;border-radius:12px;border:1px solid rgba(20,17,64,.1);padding:10px 12px;font:14px/1.5 var(--body);resize:vertical;background:rgba(255,255,255,.7)}
.rq2-ask>.btn{margin-top:8px}

/* ===== Studio chat (Aine only) ===== */
.rq2-chat{margin-top:22px;border-top:1px solid var(--hair2);padding-top:18px}
.rq2-chh{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;padding:0;cursor:pointer;text-align:left}
.rq2-chh .ai-orb{width:34px!important;height:34px!important;flex:none;display:grid;place-items:center}
.rq2-chh .ai-orb svg{width:52%!important;height:52%!important;fill:#fff}
.rq2-cht{display:grid;gap:1px;min-width:0;flex:1}
.rq2-cht b{font:600 14.5px var(--body);color:var(--ink-navy)}
.rq2-cht small{font-size:12.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rq2-chh::after{content:"";width:8px;height:8px;border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);transform:rotate(45deg);margin:0 6px 4px;transition:transform .3s var(--ease2)}
.rq2-chat.open .rq2-chh::after{transform:rotate(-135deg);margin-bottom:-2px}
.rq2-chdot{width:8px;height:8px;border-radius:50%;background:#E0A100;animation:askp 1.8s ease-out infinite;flex:none}
.rq2-chb{display:none;margin-top:14px}
.rq2-chat.open .rq2-chb{display:block}
.rq2-cth{max-height:460px;overflow-y:auto;display:grid;gap:12px;padding:6px 2px 10px;scroll-behavior:smooth}
.rq2-cm{display:grid;gap:4px;max-width:78%}
.rq2-cm.me{justify-self:end;justify-items:end}
.rq2-cbub{padding:11px 15px;border-radius:18px;font:14px/1.55 var(--body);color:var(--ink);background:var(--sunk);box-shadow:0 0 0 1px var(--hair2);animation:asin .5s var(--ease2) both}
.rq2-cm.me .rq2-cbub{background:linear-gradient(180deg,#2B27A0,#211E82);color:#fff;box-shadow:0 8px 20px -12px rgba(33,30,130,.7);border-bottom-right-radius:6px}
.rq2-cm.st .rq2-cbub{border-bottom-left-radius:6px}
.rq2-ctime{font:500 10px var(--mono);color:var(--faint);letter-spacing:.06em}
.rq2-cimg{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin-top:10px}
.rq2-cimg a{display:block;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.06);aspect-ratio:9/16}
.rq2-cimg img{width:100%;height:100%;object-fit:cover;display:block}
.rq2-copts{display:grid;gap:6px;margin-top:12px}
.rq2-copt{display:grid;gap:1px;text-align:left;padding:9px 13px;border-radius:12px;border:1px solid rgba(20,17,64,.12);background:#fff;cursor:pointer;transition:border-color .2s,transform .2s var(--ease2)}
.rq2-copt b{font:600 13px var(--body);color:var(--ink-navy)}.rq2-copt small{font-size:11.5px;color:var(--muted)}
.rq2-copt.rec{border-color:rgba(201,162,78,.6)}
.rq2-copt:hover{border-color:#211E82;transform:translateY(-1px)}
.rq2-typing{display:flex;gap:5px;padding:14px 16px!important}
.rq2-typing i{width:6px;height:6px;border-radius:50%;background:var(--faint);animation:ctype 1.2s ease-in-out infinite}
.rq2-typing i:nth-child(2){animation-delay:.15s}.rq2-typing i:nth-child(3){animation-delay:.3s}
@keyframes ctype{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.rq2-cempty{margin:4px 0;font-size:13px;color:var(--faint)}
.rq2-ccmp{display:flex;align-items:flex-end;gap:8px;margin-top:8px;padding:8px 8px 8px 10px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(20,17,64,.1),0 12px 30px -20px rgba(33,30,130,.5);transition:box-shadow .25s}
.rq2-ccmp:focus-within{box-shadow:0 0 0 1px rgba(33,30,130,.4),0 0 0 5px rgba(33,30,130,.07)}
.rq2-ccmp textarea{flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;resize:none;font:14.5px/1.5 var(--body);color:var(--ink);padding:7px 4px;min-height:22px;max-height:200px}
.rq2-catt{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;cursor:pointer;color:var(--muted);font-size:18px;flex:none}
.rq2-catt:hover{background:var(--sunk);color:var(--ink-navy)}
.rq2-csend{width:36px;height:36px;border-radius:50%;border:0;flex:none;cursor:pointer;display:grid;place-items:center;background:linear-gradient(180deg,#3A35B8,#211E82);box-shadow:0 6px 16px -6px rgba(33,30,130,.8)}
.rq2-csend svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rq2-csend:disabled{opacity:.4}
.rq2-cchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.rq2-cchip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:99px;background:var(--sunk);font-size:12px;color:var(--muted)}
.rq2-cchip button{border:0;background:transparent;cursor:pointer;color:var(--faint);font-size:14px}

/* ===== Studio chat page ===== */
.sc-shell{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:22px;align-items:start}
.sc-list{display:grid;gap:4px;position:sticky;top:90px;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:4px}
.sc-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;background:transparent;border-radius:14px;padding:10px 12px;cursor:pointer;position:relative;transition:background .25s,transform .25s var(--ease2)}
.sc-item:hover{background:rgba(var(--n),.05);transform:translateX(2px)}
.sc-item.on{background:#fff;box-shadow:0 0 0 1px rgba(20,17,64,.08),0 12px 26px -18px rgba(33,30,130,.55);transform:none}
.sc-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none;font:700 13px var(--body);color:#211E82;background:linear-gradient(180deg,#F1F0FC,#E6E4F8)}
.sc-item.gen .sc-ic{background:linear-gradient(180deg,#3A35B8,#211E82);color:#E9C46A}
.sc-t{display:grid;min-width:0;flex:1}
.sc-t b{font:600 13.5px var(--body);color:var(--ink-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-t small{font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-dot{width:8px;height:8px;border-radius:50%;background:#E0A100;flex:none;box-shadow:0 0 8px rgba(224,161,0,.6)}
.sc-main{min-width:0;background:rgba(255,255,255,.75);border-radius:22px;padding:22px 24px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(20,17,64,.06),0 30px 60px -40px rgba(33,30,130,.45)}
.sc-head{display:grid;gap:2px;padding-bottom:14px;border-bottom:1px solid var(--hair2)}
.sc-head b{font:600 20px/1.2 var(--body);letter-spacing:-.02em;color:var(--ink-navy)}
.sc-head small{font-size:12.5px;color:var(--faint)}
.rq2-chat.full{margin:0;border:0;padding:0}
.rq2-chat.full .rq2-chh{display:none}
.rq2-chat.full .rq2-chb{display:block;margin-top:12px}
.rq2-chat.full .rq2-cth{max-height:calc(100vh - 380px);min-height:260px}
.sc-less{position:sticky;top:90px}
.sc-lnote{margin:0 0 12px;font-size:12px;color:var(--faint);line-height:1.5}
#sc-lessons{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#sc-lessons li{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.7);box-shadow:inset 3px 0 0 #C9A24E,0 0 0 1px rgba(20,17,64,.06)}
#sc-lessons li span{font:500 13px/1.45 var(--body);color:var(--ink)}
#sc-lessons li small{font:500 10px var(--mono);color:var(--faint);letter-spacing:.04em}
#sc-lessons li.sc-lnone{box-shadow:none;background:transparent;padding:0;font-size:12.5px;color:var(--faint)}
.sc-ldel{justify-self:start;border:0;background:transparent;padding:2px 0;font:600 11px var(--body);color:var(--faint);cursor:pointer}
.sc-ldel:hover{color:var(--maroon)}
@media (max-width:1180px){.sc-shell{grid-template-columns:220px minmax(0,1fr)}.sc-less{grid-column:1/-1;position:static}}
@media (max-width:760px){.sc-shell{grid-template-columns:1fr}.sc-list{position:static;max-height:none;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);overflow-x:auto}}

/* ===== Studio chat: header button + side drawer ===== */
.rq2-chatbtn{display:inline-flex;align-items:center;gap:7px;margin-left:auto;margin-right:10px;padding:7px 14px 7px 11px;border-radius:99px;border:1px solid rgba(20,17,64,.12);background:#fff;cursor:pointer;
  font:600 12.5px var(--body);color:var(--ink-navy);box-shadow:0 6px 16px -10px rgba(33,30,130,.5);transition:transform .25s var(--ease2),border-color .25s,box-shadow .25s;position:relative;flex:none;align-self:center}
.rq2-chatbtn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.rq2-chatbtn i{font:600 10.5px var(--mono);font-style:normal;padding:1px 6px;border-radius:99px;background:rgba(33,30,130,.08);color:#211E82}
.rq2-chatbtn:hover{transform:translateY(-1px);border-color:#211E82;box-shadow:0 10px 22px -10px rgba(33,30,130,.65)}
.rq2-chatbtn.busy::after{content:"";position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:#E0A100;box-shadow:0 0 0 2px #fff;animation:askp 1.8s ease-out infinite}
.rq2-h{display:flex!important;align-items:flex-start;gap:10px}
.sc-drawer{position:fixed;top:12px;right:12px;bottom:12px;width:min(460px,calc(100vw - 24px));z-index:130;display:flex;flex-direction:column;border-radius:24px;
  background:rgba(255,255,255,.94);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);
  box-shadow:0 0 0 1px rgba(20,17,64,.08),0 40px 90px -30px rgba(20,17,64,.55);transform:translateX(calc(100% + 40px));opacity:0;transition:transform .55s var(--ease2),opacity .35s}
.sc-drawer.on{transform:none;opacity:1}
.scd-h{display:flex;align-items:center;gap:12px;padding:18px 18px 14px 22px;border-bottom:1px solid var(--hair2)}
.scd-t{flex:1;min-width:0;display:grid;gap:2px}
.scd-t small{font:500 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.scd-t b{font:600 17px/1.25 var(--body);letter-spacing:-.015em;color:var(--ink-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scd-x{width:34px;height:34px;border-radius:50%;border:0;background:var(--sunk);font-size:20px;line-height:1;color:var(--muted);cursor:pointer}
.scd-x:hover{color:var(--ink-navy)}
.scd-b{flex:1;min-height:0;display:flex;flex-direction:column;padding:6px 16px 16px}
.scd-b .rq2-chat.full{flex:1;min-height:0;display:flex;flex-direction:column}
.scd-b .rq2-chat.full .rq2-chb{flex:1;min-height:0;display:flex!important;flex-direction:column}
.scd-b .rq2-chat.full .rq2-cth{flex:1;max-height:none!important;min-height:0}
/* typing bubble: small, not full width */
.rq2-cm{justify-items:start}
.rq2-cm.me{justify-items:end}
.rq2-cbub.rq2-typing{display:inline-flex!important;width:auto;justify-self:start}
@media (max-width:620px){.rq2-chatbtn span{display:none}.rq2-chatbtn{padding:8px}}
.rq2-cth{align-content:start!important;align-items:start}

/* =====================================================================
   SWISS LAYOUT SYSTEM (30 Sept) — 12-col grid, 8px baseline, one type family.
   3D + motion live only on Home (.page-head.hero); working pages get a slim title bar.
   ===================================================================== */
:root{--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px}
main{max-width:1200px!important}
.panel:not([hidden]){display:flex!important;flex-direction:column;gap:var(--s3)}
.panel:not([hidden])>*{margin-top:0!important;margin-bottom:0!important}
.panel:not([hidden])>.page-head,.panel:not([hidden])>.bhead,.panel:not([hidden])>.bar2{margin-bottom:var(--s1)!important}
/* type: labels in sentence case, body face; mono only for data */
.eyebrow,.rq2-lb,.grp-l,.ff-lb,.qtm-lb,.nw-sl,.as-hl{font:600 12px/1.4 var(--body)!important;letter-spacing:.01em!important;text-transform:none!important}
.tabs .grp-l{font-size:11.5px!important;color:var(--faint)!important;margin-top:var(--s2)}
.rq2-eb{letter-spacing:.04em!important;text-transform:none!important}
.rq2-ctime,.rq2-steps span{letter-spacing:.04em!important}
.tabs .tab-sub{display:none!important}
/* ---- slim title bar on working pages (light) ---- */
html:not([data-theme="dark"]) .panel>.page-head:not(.hero),html:not([data-theme="dark"]) .panel>.bhead,html:not([data-theme="dark"]) .panel>.bar2{
  background:transparent!important;border:0!important;border-bottom:1px solid var(--hair2)!important;border-radius:0!important;box-shadow:none!important;
  padding:0 0 var(--s2)!important;transform:none!important;animation:none!important;min-height:56px;align-items:flex-end!important;overflow:visible!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero)::before,html:not([data-theme="dark"]) .panel>.page-head:not(.hero)::after,
html:not([data-theme="dark"]) .panel>.bhead::before,html:not([data-theme="dark"]) .panel>.bhead::after,html:not([data-theme="dark"]) .panel>.bar2::before,html:not([data-theme="dark"]) .panel>.bar2::after{display:none!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero) .h,html:not([data-theme="dark"]) .panel>.bhead .h,html:not([data-theme="dark"]) .panel>.bar2 .h{color:var(--ink-navy)!important;font:700 32px/1.1 var(--body)!important;letter-spacing:-.025em!important;margin:4px 0 0!important;text-shadow:none!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero) .h mark,html:not([data-theme="dark"]) .panel>.bhead .h mark,html:not([data-theme="dark"]) .panel>.bar2 .h mark{
  font:italic 500 1.12em/1 var(--serif)!important;background:none!important;-webkit-text-fill-color:#211E82;color:#211E82!important;animation:none!important;box-shadow:inset 0 -.12em 0 rgba(255,231,67,.6)!important;padding:0 .04em .08em!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero) .eyebrow,html:not([data-theme="dark"]) .panel>.bhead .eyebrow,html:not([data-theme="dark"]) .panel>.bar2 .eyebrow{color:var(--faint)!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero) .eyebrow::before,html:not([data-theme="dark"]) .panel>.bhead .eyebrow::before{animation:none!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero) .btn.primary,html:not([data-theme="dark"]) .panel>.bhead .btn.primary{background:#211E82!important;color:#fff!important;border-color:#211E82!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero) .btn:not(.primary),html:not([data-theme="dark"]) .panel>.bhead .btn:not(.primary){background:#fff!important;color:var(--ink-navy)!important;border:1px solid var(--line2)!important}
html:not([data-theme="dark"]) .panel>.bhead .meter,html:not([data-theme="dark"]) .panel>.bhead [class*="brief"]{background:var(--sunk)!important;color:var(--muted)!important;border-color:var(--line)!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero) .ch-total{border-left-color:var(--hair2)!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero) .ch-total small{color:var(--faint)!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero) .ch-total b{color:var(--ink-navy)!important;font-size:40px!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero) .ch-total em{color:#9A7420!important}
/* 3D orb only on Home */
body:not(.on-home) .bg3d{display:none!important}
/* Reels: Mac / Cloud switch */
.rq-where{display:inline-flex;padding:3px;border-radius:99px;background:var(--sunk);gap:2px;box-shadow:inset 0 1px 2px rgba(20,17,64,.06)}
.rq-where button{border:0;background:transparent;border-radius:99px;padding:7px 16px;font:600 13px var(--body);color:var(--muted);cursor:pointer;transition:background .25s,color .25s}
.rq-where button.on{background:#fff;color:var(--ink-navy);box-shadow:0 1px 3px rgba(20,17,64,.15)}
.rq-hacts{display:flex;align-items:center;gap:var(--s1)}
/* Home */
.hm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);align-items:start}
@media (max-width:1100px){.hm-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.hm-grid{grid-template-columns:1fr}}
.hm-col{display:grid;gap:var(--s1);align-content:start;padding:var(--s3);border-radius:20px;background:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(20,17,64,.06),0 24px 50px -36px rgba(33,30,130,.45)}
.hm-h{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s1);padding-bottom:var(--s1);border-bottom:1px solid var(--hair2);margin-bottom:var(--s1)}
.hm-h h3{margin:0;font:700 18px var(--body);letter-spacing:-.015em;color:var(--ink-navy)}
.hm-h small{font-size:12.5px;color:var(--faint)}
.hm-row{display:flex;align-items:center;gap:var(--s2);width:100%;text-align:left;border:0;background:transparent;padding:10px 8px;margin:0 -8px;border-radius:12px;cursor:pointer;transition:background .2s}
.hm-row:hover{background:var(--sunk)}
.hm-tx{flex:1;min-width:0;display:grid;gap:1px}
.hm-tx b{font:600 14px var(--body);color:var(--ink-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-tx small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-st{flex:none;font:600 11px var(--body);padding:3px 9px;border-radius:99px}
.hm-st.warn{background:#FBF1DF;color:#9A6400}.hm-st.bad{background:#FBE7EF;color:#B4235A}.hm-st.ok{background:#E6F4EC;color:#1F7A54}
.hm-empty{margin:4px 0 0;font-size:13.5px;color:var(--faint)}
.hm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s1);margin-bottom:var(--s1)}
.hm-kpi{display:grid;gap:2px;padding:12px 8px;border:0;border-radius:12px;background:var(--sunk);cursor:pointer;text-align:left}
.hm-kpi b{font:italic 500 30px/1 var(--serif);color:var(--ink-navy);font-variant-numeric:tabular-nums}
.hm-kpi small{font-size:12px;color:var(--muted)}
.hm-kpi:hover{background:#EEEDFB}

/* ===== Phase 3 · reel card: media 5 cols, decision 7 cols; decision first, rest folded ===== */
@media (min-width:901px){.rq2-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;column-gap:var(--s4)!important}}
.rq2-vfold,.rq2-cfold{border-top:1px solid var(--hair2)}
.rq2-q .rq2-vfold.mt{margin-top:var(--s3)!important}
.rq2-vfold>summary,.rq2-cfold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--s1);padding:var(--s2) 0 0;font:600 14px var(--body);color:var(--ink-navy)}
.rq2-vfold>summary::-webkit-details-marker,.rq2-cfold>summary::-webkit-details-marker{display:none}
.rq2-vfold>summary .rq2-lb{margin:0!important}
.rq2-vfold>summary small,.rq2-cfold>summary::after{margin-left:auto;font:500 12px var(--body);color:var(--head)}
.rq2-cfold>summary::after{content:"Show"}.rq2-cfold[open]>summary::after{content:"Hide"}
.rq2-vfold[open]>summary small{visibility:hidden}
.rq2-vfold .rq2-voices{margin-top:var(--s2)}
.rq2-cfold .rq2-notes{margin-top:var(--s2)!important}
.rq2-r>.rq2-sec:has(>.rq2-cfold){padding-top:0!important;border-top:0!important}
.rq2-r>.rq2-cmp{padding-top:var(--s2)!important}

/* ===== Post links: finished posts collapse to one tidy row ===== */
#pl-list{align-items:start}
.pl-divider{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin:8px 0 -4px;font:600 12px var(--body);color:var(--faint)}
.pl-divider::after{content:"";flex:1;height:1px;background:var(--hair2)}
.pl-card.min{grid-column:1/-1;padding:10px 14px 10px 18px!important;cursor:pointer;transition:transform .25s var(--ease2),box-shadow .25s}
.pl-card.min:hover{transform:translateY(-1px)}
.pl-card.min>:not(.pl-ch){display:none!important}
.pl-card.min .pl-ch{margin:0!important;display:flex;align-items:center;gap:14px}
.pl-card.min .pl-name{flex:0 1 260px;min-width:120px;font-size:15px!important;background:transparent!important;pointer-events:none}
.pl-miss{display:none;flex:1;min-width:0;font-size:12.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-card.min .pl-miss{display:block}
.pl-tog{flex:none;width:30px;height:30px;border:0;border-radius:50%;background:transparent;cursor:pointer;position:relative}
.pl-tog::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);transform:translate(-50%,-70%) rotate(45deg);transition:transform .3s var(--ease2)}
.pl-tog[aria-expanded="true"]::before{transform:translate(-50%,-30%) rotate(-135deg)}
.pl-tog:hover{background:var(--sunk)}

/* ===== Cloud studio on/off: labelled, obvious switch ===== */
.cl-sw{gap:12px!important;padding:6px 6px 6px 14px!important;border-radius:16px!important;font:inherit!important;text-transform:none!important;letter-spacing:0!important;background:#fff!important;border:1px solid var(--line2)!important;color:var(--ink-navy)!important}
.cl-tx{display:grid;gap:1px;text-align:left}
.cl-tx b{font:600 13px/1.2 var(--body);color:var(--ink-navy)}
.cl-tx small{font:500 11.5px/1.2 var(--body);color:var(--muted)}
.cl-sw .cl-dot{background:#B9B6C9!important;box-shadow:none!important;animation:none!important}
.cl-sw.on{background:#F2FBF6!important;border-color:rgba(19,122,75,.3)!important}
.cl-sw.on .cl-tx b{color:#137A4B}
.cl-sw.on .cl-dot{background:#1FB870!important;animation:clpulse 1.8s ease-out infinite!important}
.cl-sw .cl-tg{width:46px!important;height:26px!important;background:#CFCDDC!important;flex:none}
.cl-sw .cl-tg i{top:3px!important;left:3px!important;width:20px!important;height:20px!important;background:#fff!important;box-shadow:0 2px 5px rgba(20,17,64,.35)!important}
.cl-sw.on .cl-tg{background:#1FB870!important}
.cl-sw.on .cl-tg i{transform:translateX(20px)!important}
.cl-sw:not(.admin){padding-right:16px!important}
.cl-tx b,.cl-tx small{white-space:nowrap}@media (max-width:1180px){.cl-tx small{display:none}}
/* switch affordance: visible track + ON/OFF inside + hover nudge */
.panel .cl-sw .cl-tg{width:58px!important;height:28px!important;border:1px solid rgba(20,17,64,.18)!important;background:#DAD8E6!important;box-shadow:inset 0 1px 3px rgba(20,17,64,.2)!important;cursor:pointer}
.panel .cl-sw .cl-tg::after{content:"OFF";position:absolute;right:8px;top:50%;transform:translateY(-50%);font:700 9px/1 var(--body);letter-spacing:.06em;color:#6E6B8A}
.panel .cl-sw.on .cl-tg::after{content:"ON";right:auto;left:9px;color:#fff}
.panel .cl-sw .cl-tg i{top:3px!important;left:3px!important;width:20px!important;height:20px!important}
.panel .cl-sw.on .cl-tg{background:#1FB870!important;border-color:#1FB870!important}
.panel .cl-sw.on .cl-tg i{transform:translateX(30px)!important}
.panel .cl-sw .cl-tg:hover i{transform:translateX(4px)!important}
.panel .cl-sw.on .cl-tg:hover i{transform:translateX(26px)!important}
.panel .cl-sw .cl-tg:focus-visible{outline:2px solid #211E82;outline-offset:2px}
/* switch v3: state said once (sub-line + toggle position/colour) */
.panel .cl-sw .cl-tg::after{content:none!important}
.panel .cl-sw .cl-tg{width:48px!important}
.panel .cl-sw.on .cl-tg i{transform:translateX(20px)!important}
.panel .cl-sw.on .cl-tg:hover i{transform:translateX(16px)!important}
.cl-sw{padding-left:16px!important}
.cl-sw.on .cl-tx small{color:#137A4B}
.cl-sw.on .cl-tx b{color:var(--ink-navy)!important}

/* ===== Light mode parity with the dark redesign ===== */
html:not([data-theme="dark"]) .tabs .grp-l{letter-spacing:.01em!important;text-transform:none!important}
/* alerts: lifted card with a gold edge, like dark */
html:not([data-theme="dark"]) .wi-alert{background:linear-gradient(135deg,#FFFFFF,#F7F6FF)!important;border:1px solid rgba(201,162,78,.45)!important;
  box-shadow:inset 3px 0 0 #C9A24E,0 0 0 1px rgba(20,17,64,.04),0 24px 50px -18px rgba(33,30,130,.45)!important}
html:not([data-theme="dark"]) .wi-alert b{color:var(--ink-navy)!important}
html:not([data-theme="dark"]) .wi-alert-dot{background:#C9A24E!important;box-shadow:0 0 10px rgba(201,162,78,.7)!important}
/* avatar: navy coin with a gold ring */
html:not([data-theme="dark"]) .tb-av{background:radial-gradient(circle at 35% 30%,#3A35B8,#211E82 60%,#15124F)!important;color:#fff!important;
  box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(201,162,78,.7),0 8px 18px -6px rgba(33,30,130,.5)!important;border:0!important}
/* light: readable faint text (was 2.4:1) + leftovers from the old navy banners */
html:not([data-theme="dark"]){--faint:#76748F}
html:not([data-theme="dark"]) .panel>.bar2 .refresh .btn{background:#fff!important;color:var(--ink-navy)!important;border:1px solid var(--line2)!important;box-shadow:none!important}
html:not([data-theme="dark"]) .panel>.bar2 .refresh small,html:not([data-theme="dark"]) .panel>.bar2 small{color:var(--muted)!important}
html:not([data-theme="dark"]) .panel>.bhead .meter b,html:not([data-theme="dark"]) .panel>.bhead .meter{color:var(--ink-navy)!important}
html:not([data-theme="dark"]) .panel>.bhead .meter i{background:rgba(33,30,130,.15)!important;border-color:rgba(33,30,130,.25)!important}
html:not([data-theme="dark"]) .an-lb,html:not([data-theme="dark"]) .an-k span,html:not([data-theme="dark"]) h3.grp,html:not([data-theme="dark"]) .sch-lb{color:var(--muted)!important}

/* ===== 1 · Storyboard filmstrip (9:16 frames, like a timeline) ===== */
.rq2-filmh{display:flex;align-items:center;justify-content:space-between;gap:var(--s1);margin-bottom:var(--s1)}
.rq2-filmh .rq2-lb{margin:0!important}
.rq2-sheet{border:0;background:transparent;font:600 12px var(--body);color:var(--head);cursor:pointer;padding:4px 0}
.rq2-film{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(96px,30%,150px);gap:10px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.rq2-fr{position:relative;display:block;padding:0;border:0;border-radius:12px;overflow:hidden;aspect-ratio:9/16;background:#0B0A20;cursor:zoom-in;scroll-snap-align:start;
  box-shadow:0 0 0 1px rgba(20,17,64,.12),0 14px 28px -18px rgba(11,9,48,.7);transition:transform var(--t2,.3s) var(--ease-std),box-shadow var(--t2,.3s) var(--ease-std)}
.rq2-fr img{width:100%;height:100%;object-fit:cover;display:block}
.rq2-fr:hover{transform:translateY(-3px);box-shadow:0 0 0 2px #211E82,0 18px 34px -16px rgba(11,9,48,.8)}
.rq2-frc{position:absolute;left:0;right:0;bottom:0;display:flex;gap:6px;align-items:baseline;padding:22px 8px 7px;background:linear-gradient(transparent,rgba(5,4,20,.88));color:#fff;text-align:left}
.rq2-frc b{font:500 10px var(--mono);color:#E6C47F}
.rq2-frc span{font:600 11px/1.25 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rq2-frt{position:absolute;top:6px;right:6px;font:500 9.5px var(--mono);font-style:normal;color:#fff;background:rgba(5,4,20,.6);padding:2px 6px;border-radius:99px}

/* ===== 2 · Motion system: one ease, three speeds, one "needs you" pulse (gold); green pulse = live ===== */
:root{--ease-std:cubic-bezier(.22,1,.36,1);--t1:.15s;--t2:.3s;--t3:.6s}
@keyframes wiPulse{0%{box-shadow:0 0 0 0 rgba(224,161,0,.55)}100%{box-shadow:0 0 0 9px rgba(224,161,0,0)}}
.rq2-chdot,.rq2-ask .rq2-lb::before,.rq2-chatbtn.busy::after,.wi-alert-dot,.sc-dot{animation:wiPulse 2s var(--ease-std) infinite!important}
.rq2-steps li.now i{animation:none!important}
.btn,.card,.rq2-opt,.rq2-copt,.as-task,.hm-row,.hm-kpi,.sc-item,.pl-card,.rq2-v,.tabs button,.rq2-chatbtn,.rq-where button{transition-duration:var(--t2)!important;transition-timing-function:var(--ease-std)!important}
@media (prefers-reduced-motion:reduce){.rq2-chdot,.rq2-ask .rq2-lb::before,.rq2-chatbtn.busy::after,.wi-alert-dot,.sc-dot{animation:none!important}}

/* ===== 3 · Board: fit on screen; Ideas + Posted fold to slim columns ===== */
.board{display:flex!important;gap:12px!important}
.board>.col{flex:1 1 0;min-width:210px}
.board>.col.slim{flex:0 0 58px;min-width:58px;padding:10px 6px!important;cursor:pointer}
.board>.col.slim>:not(.col-h){display:none!important}
.board>.col.slim .col-h{writing-mode:vertical-rl;transform:rotate(180deg);justify-content:flex-end!important;height:100%;min-height:200px;padding:6px 0!important;gap:10px}
.board>.col.slim .col-h .cnt{margin:0!important}
.col-h.tog{cursor:pointer}
.col-h.tog:hover{color:var(--ink-navy)}
.card .ty{font:600 11px var(--body)!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--faint)!important}

/* ===== 5 · Phone ===== */
@media (max-width:760px){
  .rq-hacts{flex-wrap:wrap;justify-content:flex-start}
  .panel>.page-head:not(.hero),.panel>.bhead,.panel>.bar2{flex-wrap:wrap!important;gap:12px!important}
  .rq2-h{flex-wrap:wrap}
  .rq2-chatbtn{order:3;margin-left:0}
  .board{overflow-x:auto}
  .board>.col{min-width:78vw}
  .board>.col.slim{min-width:58px}
  .sc-drawer{top:0;right:0;bottom:0;width:100vw;border-radius:0}
  .cl-tx small{display:none}
}
@media (max-width:900px){
  .rq2-grid{grid-template-columns:minmax(0,1fr)!important;row-gap:var(--s3)!important}
  .rq2-l{position:static!important}
  .rq2{padding:22px 18px!important}
  .rq2-steps li:not(.now) span{visibility:hidden}
  .rq2-steps li.now span{white-space:nowrap}
  .rq2-film{grid-auto-columns:40%}
}
@media (max-width:760px){
  .ai-fab{padding:10px 16px!important;min-width:auto!important;width:auto!important}
  .ai-fab span,.ai-fab b{display:inline!important}
}
/* Final → Show in Finder (Aine's Mac, via WI Hub Finder.app) */
a.rq-reveal{display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;transition:box-shadow var(--t2) var(--ease-std),transform var(--t2) var(--ease-std)}
a.rq-reveal i{font-style:normal;font:600 11px var(--body);max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width var(--t3) var(--ease-std),opacity var(--t2)}
a.rq-reveal::after{content:"";width:13px;height:13px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M2.5 5.5a1 1 0 0 1 1-1h4l1.5 2h7.5a1 1 0 0 1 1 1v7.5a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M2.5 5.5a1 1 0 0 1 1-1h4l1.5 2h7.5a1 1 0 0 1 1 1v7.5a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center/contain no-repeat}
a.rq-reveal:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(31,122,84,.4),0 8px 18px -10px rgba(31,122,84,.6)}
a.rq-reveal:hover i{max-width:110px;opacity:1}
a.rq-reveal i{display:none!important}a.rq-reveal{gap:6px!important}

/* ===== Channel cards v2: compact data tiles (identity · number · share of audience) ===== */
[data-panel="channels"] .chs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--s3)!important}
@media (max-width:1000px){[data-panel="channels"] .chs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:620px){[data-panel="channels"] .chs{grid-template-columns:1fr!important}}
[data-panel="channels"] .chs .ch{position:relative;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;
  column-gap:14px!important;row-gap:18px!important;align-items:center!important;min-height:0!important;padding:22px 22px 20px!important;overflow:hidden;
  transition:transform var(--t2) var(--ease-std),box-shadow var(--t2) var(--ease-std)!important}
[data-panel="channels"] .chs .ch::before{content:"";position:absolute;inset:auto -20% -60% auto;width:70%;height:120%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--brand,33,30,130),.16),transparent);opacity:0;transition:opacity var(--t3) var(--ease-std);pointer-events:none}
[data-panel="channels"] .chs .ch:hover{transform:translateY(-3px)}
[data-panel="channels"] .chs .ch:hover::before{opacity:1}
[data-panel="channels"] .chs .ch .ch-i{grid-column:1!important;grid-row:1!important;width:44px!important;height:44px!important;border-radius:13px!important}
[data-panel="channels"] .chs .ch .ch-t{grid-column:2!important;grid-row:1!important;display:grid;gap:1px;min-width:0;padding-right:22px}
[data-panel="channels"] .chs .ch .ch-t b{font:700 16px/1.2 var(--body)!important;letter-spacing:-.01em}
[data-panel="channels"] .chs .ch .ch-t small{font-size:12.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-panel="channels"] .chs .ch::after{position:absolute!important;top:20px;right:20px;opacity:.45;transition:transform var(--t2) var(--ease-std),opacity var(--t2)!important}
[data-panel="channels"] .chs .ch:hover::after{opacity:1;transform:translate(2px,-2px)}
[data-panel="channels"] .chs .ch .ch-a{display:none!important}
[data-panel="channels"] .chs .ch .ch-n{grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:12px!important;text-align:left!important;flex-wrap:wrap}
[data-panel="channels"] .chs .ch .ch-n b{font:italic 500 52px/.9 var(--serif)!important;letter-spacing:-.02em!important;color:var(--ink-navy)!important;font-variant-numeric:tabular-nums}
[data-panel="channels"] .chs .ch .ch-n small{margin-left:auto;font:600 11.5px var(--body)!important;letter-spacing:0!important;color:var(--muted)!important;padding:4px 10px;border-radius:99px;background:var(--sunk)}
[data-panel="channels"] .chs .ch .ch-n .ch-ed{font:600 11.5px var(--body)!important;color:var(--head)!important;text-decoration:none!important;border:0;background:transparent;padding:0;cursor:pointer}
[data-panel="channels"] .chs .ch .ch-share{grid-column:1/-1;grid-row:3;display:grid;gap:7px}
[data-panel="channels"] .chs .ch .ch-share i{display:block;height:4px;border-radius:99px;background:rgba(20,17,64,.07);overflow:hidden}
[data-panel="channels"] .chs .ch .ch-share b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,rgba(var(--brand),.55),rgb(var(--brand)));transition:width 1.1s var(--ease-std)}
[data-panel="channels"] .chs .ch .ch-share small{font:500 11.5px var(--body);color:var(--faint)}
/* total audience in the slim title bar: not clipped */
[data-panel="channels"]>.page-head .ch-total{padding-top:6px;align-self:flex-end}
[data-panel="channels"]>.page-head{overflow:visible!important;padding-top:6px!important}
[data-panel="channels"] .chs .ch .ch-n{flex-wrap:nowrap!important}
[data-panel="channels"] .chs .ch .ch-n small{white-space:nowrap}
[data-panel="channels"] .chs .ch .ch-n .ch-ed{margin-left:4px;white-space:nowrap}
@media (max-width:1180px){[data-panel="channels"] .chs .ch .ch-n b{font-size:44px!important}}
[data-panel="channels"] .ch-total small{font:600 12px var(--body)!important;letter-spacing:.01em!important;text-transform:none!important}
[data-panel="channels"] .ch[data-k="ig"]{--brand:221,42,123}[data-panel="channels"] .ch[data-k="tt"]{--brand:254,44,85}[data-panel="channels"] .ch[data-k="fb"]{--brand:8,102,255}
[data-panel="channels"] .ch[data-k="th"],[data-panel="channels"] .ch[data-k="x"]{--brand:20,17,58}[data-panel="channels"] .ch[data-k="li"]{--brand:10,102,194}
[data-panel="channels"] .chs .ch .ch-n .ch-ed{position:absolute;right:22px;bottom:18px;margin:0!important}[data-panel="channels"] .chs .ch .ch-n small{margin-left:auto}

/* =====================================================================
   DEPLOY 1 · site-wide shapes + labels (Swiss audit 30 Sept)
   Three shapes only: pill (buttons/chips), 12px (inner items), 22px (cards).
   ===================================================================== */
:root{--r-pill:999px;--r-in:12px;--r-cardx:22px}
.panel .ch,.panel .hm-col,.panel .idea,.panel .pl-card,.panel .rq,.panel .an-card,.panel .nw-saved,.panel .qtm-gen,.panel .qtm-turn,.panel .as-wrap,.panel .gr,
.panel .ff-done,.panel .ff-board,.panel .sc-main,.panel .vis-card,.panel .wf-flow,.panel .wf-tile,.panel .tile,.panel .as-task,.panel .an-k,.panel .dock-box,.panel .kit,.panel .col{border-radius:var(--r-cardx)!important}
.panel .pr,.panel .step,.panel .acc,.panel .box,.panel .card,.panel .rq2-v,.panel .gr-s,.panel .sw,.panel .rq2-fr,.panel .fb,.panel .mini,.panel .sc-item,.panel .rq2-cbox,.panel .rq2-tag,
.panel .as-newbtn,.panel .dock-icon,.panel .pv,.panel pre,.panel .ch-i,.panel input:not([type=checkbox]):not([type=radio]),.panel select,.panel textarea{border-radius:var(--r-in)!important}
.panel .btn,.panel .chip,.panel .rq-st,.panel .hm-st,.panel .rq2-ctag,.panel .rq-where,.panel .qtm-moods,.panel .rq2-seg,.panel .rq2-chatbtn{border-radius:var(--r-pill)!important}
/* labels: sentence case in the body face; mono stays only for numbers and times */
.panel .tp,.panel h4,.panel .grp,.panel .lbl,.panel th,.panel .sch-lb,.panel .an-lb,.panel .ideas-h,.panel .col-h,.panel .rq2-div,.panel .nw-sl,.panel summary{
  font-family:var(--body)!important;text-transform:none!important;letter-spacing:.01em!important}
.panel .col-h{font-weight:600!important;font-size:12.5px!important}
.panel small,.panel .card .id,.panel .card .ty{text-transform:none!important;letter-spacing:.02em!important}
.panel h3.grp{font:600 13px var(--body)!important;color:var(--muted)!important}

/* =====================================================================
   DEPLOY 2 · Prompts, News, Guide
   ===================================================================== */
/* Prompts: group heading once, 2-column grid, quiet Copy */
.pr-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s1) var(--s2)!important;align-items:start}
@media (max-width:760px){.pr-list{grid-template-columns:1fr}}
.pr-g{grid-column:1/-1;display:flex;align-items:baseline;gap:10px;margin:var(--s3) 0 2px!important;font:700 18px var(--body)!important;letter-spacing:-.015em;color:var(--ink-navy)}
.pr-g:first-child{margin-top:0!important}
.pr-g small{font:500 12px var(--body);color:var(--faint)}
.pr-list details.pr[open]{grid-column:1/-1}
.pr-list details.pr summary{min-height:56px}
.pr-list .pr-t small{display:none!important}
.pr-list .pr-t b{font:600 14.5px var(--body)!important}
.pr-list .pr-copy{background:transparent!important;color:var(--head)!important;border:1px solid var(--line2)!important;box-shadow:none!important;opacity:.75;transition:opacity var(--t2) var(--ease-std),background var(--t2)!important}
.pr-list details.pr:hover .pr-copy,.pr-list .pr-copy:focus-visible{opacity:1;background:var(--sunk)!important}
/* News: headline gets the full card width; number + bookmark share the top row */
.ideas .idea{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"n bm" "ib ib"!important;row-gap:10px!important;align-content:start}
.ideas .idea>.n{grid-area:n;font:italic 500 26px/1 var(--serif)!important}
.ideas .idea>.nw-bm{grid-area:bm;justify-self:end}
.ideas .idea>.ib{grid-area:ib;min-width:0}
.ideas .idea .ib>b{font:700 17px/1.3 var(--body)!important;letter-spacing:-.01em}
.ideas .idea .ib ul{font-size:13px!important;line-height:1.45!important}
.ideas .idea .ib ul li:nth-child(n+4){display:none}
/* Guide: one intro, flat rows instead of boxes in boxes */
[data-panel="guide"]>.page-head .eyebrow{display:none!important}
[data-panel="guide"] .acc{background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--hair2)!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
[data-panel="guide"] .acc[open]{padding-bottom:var(--s3)!important}
[data-panel="guide"] .acc .box,[data-panel="guide"] .acc .card{box-shadow:none!important;border:1px solid var(--hair2)!important;background:transparent!important}

/* =====================================================================
   DEPLOY 3 · Workflows timeline, Files row, Assistant layer, Brain games font
   ===================================================================== */
/* Workflows: tasks in one scrolling row; steps as a connected timeline that fills as you tick */
.wf-tiles{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px!important;padding:4px!important;scrollbar-width:none}
.wf-tiles::-webkit-scrollbar{display:none}
.wf-tiles .wf-tile{flex:none!important}
.wf-flow ol.flow{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(170px,1fr)!important;grid-template-columns:none!important;gap:0 12px!important;overflow-x:auto;padding:22px 2px 8px!important;counter-reset:none;position:relative}
.wf-flow ol.flow>li.step{position:relative;margin:0!important}
.wf-flow ol.flow>li.step::before{content:"";position:absolute;left:0;right:-12px;top:-14px;height:3px;border-radius:99px;background:rgba(20,17,64,.08)}
.wf-flow ol.flow>li.step:last-child::before{right:0}
.wf-flow ol.flow>li.step::after{content:"";position:absolute;left:0;top:-14px;height:3px;width:0;border-radius:99px;background:linear-gradient(90deg,#211E82,#C9A24E);transition:width var(--t3) var(--ease-std)}
.wf-flow ol.flow>li.step.done::after{width:calc(100% + 12px)}
.wf-flow ol.flow>li.step:last-child.done::after{width:100%}
@media (max-width:760px){.wf-flow ol.flow{grid-auto-columns:78%!important}}
/* Files: brand assets in one row of four */
[data-panel="files"] .fl-grid,[data-panel="files"] .files-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
/* Assistant: one layer less (no card around the chat area) */
.as-home .as-wrap{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
/* Brain games: site font for the big number */
[data-panel="factfake"] *{--display:var(--body)}
[data-panel="factfake"] [style*="Roboto"],[data-panel="factfake"] .ff-big,[data-panel="factfake"] b{font-family:var(--body)!important}
[data-panel="files"] .tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:900px){[data-panel="files"] .tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
[data-panel="factfake"] .ff-score{font-family:var(--serif)!important;font-style:italic;font-weight:500}

/* ===== Light mode "rich" (proposal): navy sidebar, cool stage, white cards that pop, navy blocks, antique gold ink ===== */
html:not([data-theme="dark"]){--stage:#EFEFF6;--gold-ink:#A5802F}
html:not([data-theme="dark"]) body{background:
  radial-gradient(900px 480px at 100% -10%,rgba(233,196,106,.16),transparent 60%),
  radial-gradient(900px 600px at 0% 110%,rgba(33,30,130,.10),transparent 60%),
  linear-gradient(180deg,#F3F3F8,#ECECF4)!important;background-attachment:fixed!important}
/* sidebar: deep navy, lit active row, gold marker (the richest part of dark mode) */
html:not([data-theme="dark"]) aside.side{background:linear-gradient(to left,rgba(233,196,106,.28) 1px,transparent 1px),radial-gradient(420px 320px at 0% 0%,rgba(123,119,255,.22),transparent 70%),linear-gradient(180deg,#1A1766 0%,#0F0D40 100%)!important;box-shadow:18px 0 50px -30px rgba(15,13,64,.7)!important}
html:not([data-theme="dark"]) aside.side img.logo{content:url(files/wi-logo-white.png);filter:none}
html:not([data-theme="dark"]) .tabs .grp-l{color:rgba(255,255,255,.42)!important}
html:not([data-theme="dark"]) .tabs button{color:rgba(236,235,250,.78)!important}
html:not([data-theme="dark"]) .tabs button svg{color:rgba(236,235,250,.55)!important}
html:not([data-theme="dark"]) .tabs button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
html:not([data-theme="dark"]) .tabs button[aria-selected="true"]{background:linear-gradient(90deg,rgba(123,119,255,.38),rgba(123,119,255,.10))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(160,156,255,.35),0 12px 28px -14px rgba(0,0,0,.6)!important}
html:not([data-theme="dark"]) .tabs button[aria-selected="true"] svg{color:#E9C46A!important}
html:not([data-theme="dark"]) aside.side [class*="hub"],html:not([data-theme="dark"]) aside.side .brand b{color:#fff}
/* top bar: frosted white over the stage */
html:not([data-theme="dark"]) .crumb{background:rgba(255,255,255,.72)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
/* white cards that pop off the stage, navy-tinted depth */
html:not([data-theme="dark"]) .panel .idea,html:not([data-theme="dark"]) .panel .nw-saved,html:not([data-theme="dark"]) .panel .hm-col,html:not([data-theme="dark"]) .panel .rq,
html:not([data-theme="dark"]) .panel .ch,html:not([data-theme="dark"]) .panel .pl-card,html:not([data-theme="dark"]) .panel details.pr,html:not([data-theme="dark"]) .panel .col,html:not([data-theme="dark"]) .panel .sc-main,html:not([data-theme="dark"]) .panel .wf-flow,html:not([data-theme="dark"]) .panel .tile{
  background:#fff!important;box-shadow:0 1px 0 #fff inset,0 0 0 1px rgba(33,30,130,.07),0 2px 4px -2px rgba(33,30,130,.10),0 26px 50px -30px rgba(33,30,130,.45)!important}
/* navy used in bigger moments: primary buttons, AI chips */
html:not([data-theme="dark"]) .btn.primary{background:linear-gradient(180deg,#2E29A8,#1B1870)!important;border:0!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 22px -10px rgba(27,24,112,.8)!important}
html:not([data-theme="dark"]) .ai-chip,html:not([data-theme="dark"]) .ai-idea{background:linear-gradient(180deg,#F3F2FF,#E9E7FB)!important;border:1px solid rgba(33,30,130,.18)!important}
/* gold as ink, not light */
html:not([data-theme="dark"]) .ideas .idea>.n{color:var(--gold-ink)!important}
html:not([data-theme="dark"]) .panel>.page-head:not(.hero) .h mark,html:not([data-theme="dark"]) .panel>.bhead .h mark,html:not([data-theme="dark"]) .panel>.bar2 .h mark{box-shadow:inset 0 -.14em 0 rgba(201,162,78,.55)!important}
html:not([data-theme="dark"]) .ideas .idea .ilinks a{color:#1B1870!important;text-decoration-color:rgba(165,128,47,.6)!important}
html:not([data-theme="dark"]) .panel>.bar2,html:not([data-theme="dark"]) .panel>.page-head:not(.hero),html:not([data-theme="dark"]) .panel>.bhead{border-bottom-color:rgba(33,30,130,.10)!important}
html:not([data-theme="dark"]) aside.side .hub{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}html:not([data-theme="dark"]) .tabs .tab-ext em{color:rgba(255,255,255,.45)!important}html:not([data-theme="dark"]) .tabs button .lock{color:rgba(255,255,255,.4)!important;stroke:rgba(255,255,255,.4)!important}
html:not([data-theme="dark"]) aside.side .side-foot{border-top-color:rgba(255,255,255,.1)!important;background:transparent!important}
html:not([data-theme="dark"]) aside.side .side-foot .note{color:rgba(255,255,255,.55)!important}
html:not([data-theme="dark"]) aside.side .side-foot .who,html:not([data-theme="dark"]) aside.side .side-foot .who span{color:#fff!important}
html:not([data-theme="dark"]) aside.side .side-foot .g-out{color:#E9C46A!important;border-color:rgba(233,196,106,.4)!important;background:transparent!important}

/* ===== Light mode "painted navy" (30 Sept): the whole page is a soft, graded WI-navy wash, like watercolour on paper.
   Sidebar is part of the painting (frosted), not a saturated block. Cards are frosted white so the wash breathes through. ===== */
html:not([data-theme="dark"]){--wash:#E6E5F1;--ink-soft:#2A2767}
html:not([data-theme="dark"]) body{background:
  radial-gradient(60vw 50vh at 8% 4%,rgba(33,30,130,.26),transparent 62%),
  radial-gradient(45vw 45vh at 92% 18%,rgba(140,146,230,.30),transparent 64%),
  radial-gradient(50vw 55vh at 70% 96%,rgba(233,196,106,.22),transparent 62%),
  radial-gradient(55vw 60vh at 18% 100%,rgba(62,58,160,.14),transparent 64%),
  radial-gradient(30vw 30vh at 50% 45%,rgba(255,255,255,.55),transparent 70%),
  linear-gradient(160deg,#ECEBF5 0%,#E4E3F0 45%,#DDDBEC 100%)!important;background-attachment:fixed!important}
/* paper grain: a touch stronger, multiplied like pigment in paper tooth */
html:not([data-theme="dark"]) body::after{opacity:.42!important;mix-blend-mode:multiply!important}
/* sidebar: frosted into the painting */
html:not([data-theme="dark"]) aside.side{background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.14))!important;
  backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);
  box-shadow:inset -1px 0 0 rgba(33,30,130,.10),inset -1px 0 0 rgba(201,162,78,.18)!important}
html:not([data-theme="dark"]) aside.side img.logo{content:url(files/wi-logo-blue.png)!important}
html:not([data-theme="dark"]) aside.side .hub{background:rgba(33,30,130,.08)!important;color:#211E82!important;border-color:rgba(33,30,130,.14)!important}
html:not([data-theme="dark"]) .tabs .grp-l{color:rgba(42,39,103,.55)!important}
html:not([data-theme="dark"]) .tabs button{color:var(--ink-soft)!important}
html:not([data-theme="dark"]) .tabs button svg{color:rgba(42,39,103,.6)!important}
html:not([data-theme="dark"]) .tabs button:hover{background:rgba(255,255,255,.5)!important;color:#15124F!important}
html:not([data-theme="dark"]) .tabs button[aria-selected="true"]{background:rgba(255,255,255,.78)!important;color:#15124F!important;
  box-shadow:0 0 0 1px rgba(33,30,130,.08),0 10px 24px -14px rgba(33,30,130,.55)!important}
html:not([data-theme="dark"]) .tabs button[aria-selected="true"] svg{color:#A5802F!important;filter:none!important}
html:not([data-theme="dark"]) .tabs .tab-ext em,html:not([data-theme="dark"]) .tabs button .lock{color:rgba(42,39,103,.45)!important;stroke:rgba(42,39,103,.45)!important}
html:not([data-theme="dark"]) aside.side .side-foot{border-top-color:rgba(33,30,130,.10)!important}
html:not([data-theme="dark"]) aside.side .side-foot .note{color:rgba(42,39,103,.6)!important}
html:not([data-theme="dark"]) aside.side .side-foot .who,html:not([data-theme="dark"]) aside.side .side-foot .who span{color:#15124F!important}
html:not([data-theme="dark"]) aside.side .side-foot .g-out{color:#8A6A22!important;border-color:rgba(165,128,47,.35)!important}
/* top bar: clear glass over the wash */
html:not([data-theme="dark"]) .crumb{background:rgba(236,235,245,.55)!important;border-bottom:1px solid rgba(33,30,130,.07)!important}
/* cards: frosted white, the wash breathes through at the edges */
html:not([data-theme="dark"]) .panel .idea,html:not([data-theme="dark"]) .panel .nw-saved,html:not([data-theme="dark"]) .panel .hm-col,html:not([data-theme="dark"]) .panel .rq,
html:not([data-theme="dark"]) .panel .ch,html:not([data-theme="dark"]) .panel .pl-card,html:not([data-theme="dark"]) .panel details.pr,html:not([data-theme="dark"]) .panel .col,html:not([data-theme="dark"]) .panel .sc-main,
html:not([data-theme="dark"]) .panel .wf-flow,html:not([data-theme="dark"]) .panel .tile,html:not([data-theme="dark"]) .panel .vis-card,html:not([data-theme="dark"]) .panel .qtm-gen,html:not([data-theme="dark"]) .panel .an-card{
  background:rgba(255,255,255,.82)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(33,30,130,.06),0 24px 48px -30px rgba(33,30,130,.42)!important}
/* hairlines and pills tuned to the wash */
html:not([data-theme="dark"]) .panel>.page-head:not(.hero),html:not([data-theme="dark"]) .panel>.bhead,html:not([data-theme="dark"]) .panel>.bar2{border-bottom-color:rgba(33,30,130,.12)!important}
html:not([data-theme="dark"]) .rq-where,html:not([data-theme="dark"]) .qtm-moods{background:rgba(255,255,255,.45)!important}

/* ===== Painted light mode · colour grade pass: nothing washes out on the navy wash ===== */
html:not([data-theme="dark"]){--muted:#55537A;--faint:#686685}
/* filter chips / segmented buttons sitting on the wash: frosted white with navy ink */
html:not([data-theme="dark"]) .panel [aria-pressed="false"],html:not([data-theme="dark"]) #nw-filters button:not([aria-pressed="true"]),html:not([data-theme="dark"]) #pl-filters button:not([aria-pressed="true"]),html:not([data-theme="dark"]) .pr-tabs button:not(.on){color:#3A3870!important}
html:not([data-theme="dark"]) #nw-filters button,html:not([data-theme="dark"]) #pl-filters button{background:rgba(255,255,255,.55)!important;box-shadow:0 0 0 1px rgba(33,30,130,.07)!important}
html:not([data-theme="dark"]) #nw-filters button[aria-pressed="true"],html:not([data-theme="dark"]) #pl-filters button[aria-pressed="true"]{background:#211E82!important;color:#fff!important}
/* Meta Business Suite card keeps its navy */
html:not([data-theme="dark"]) .panel .ch.sch-c.wide{background:linear-gradient(120deg,#15124F 0%,#211E82 55%,#3A35B8 100%)!important;box-shadow:0 20px 44px -22px rgba(21,18,79,.7)!important}
html:not([data-theme="dark"]) .panel .ch.sch-c.wide b,html:not([data-theme="dark"]) .panel .ch.sch-c.wide small{color:#fff!important}
html:not([data-theme="dark"]) .panel .ch.sch-c.wide small{opacity:.75}
/* comment avatar */
html:not([data-theme="dark"]) .rq2-av,html:not([data-theme="dark"]) .qtm-av{color:#fff!important}
/* semantic colours graded richer so they read on lavender */
html:not([data-theme="dark"]) .rq2-yn.yes .seg button.on{background:#17915C!important}
html:not([data-theme="dark"]) .rq2-yn.no .seg button.on{background:#B8235F!important}
html:not([data-theme="dark"]) .hm-st.warn,html:not([data-theme="dark"]) .rq-st.needs_approval,html:not([data-theme="dark"]) .rq-st.needs_input{background:#FCE7BE!important;color:#7A4E00!important}
html:not([data-theme="dark"]) .hm-st.ok,html:not([data-theme="dark"]) .rq-st.done{background:#D5F0E2!important;color:#115E3D!important}
html:not([data-theme="dark"]) .hm-st.bad,html:not([data-theme="dark"]) .rq-st.failed{background:#F9D8E5!important;color:#98184C!important}
html:not([data-theme="dark"]) .vis-row input:checked+i,html:not([data-theme="dark"]) .cl-sw.on .cl-tg{background:#17A566!important}
html:not([data-theme="dark"]) .ideas .idea>.n,html:not([data-theme="dark"]) .rq2-frc b{color:#9A7420!important}
html:not([data-theme="dark"]) .ch-total em{color:#8A6A22!important}

html:not([data-theme="dark"]) .board-msg,html:not([data-theme="dark"]) .rq2-note,html:not([data-theme="dark"]) .qtm-hint{color:#5E5C80!important}
html:not([data-theme="dark"]) .panel .ch .ch-t small,html:not([data-theme="dark"]) .panel .ch-share small,html:not([data-theme="dark"]) .panel .an-k small,html:not([data-theme="dark"]) .panel .sch small{color:#57557A!important}
html:not([data-theme="dark"]) [data-panel="channels"] .ch-total small,html:not([data-theme="dark"]) [data-panel="channels"] .ch-total span{color:#55537A!important}
html:not([data-theme="dark"]) .panel a.ch[href*="business"] .ch-t small,html:not([data-theme="dark"]) .panel a.ch[href*="business"] .ch-t b{color:#fff!important}
html:not([data-theme="dark"]) .panel a.ch[href*="business"] .ch-t small{opacity:.75}
html:not([data-theme="dark"]) [data-panel="channels"]>.page-head:not(.hero) .ch-total small{color:#55537A!important}
html:not([data-theme="dark"]) [data-panel="channels"]>.page-head:not(.hero) .ch-total em{color:#7A5C18!important}
html:not([data-theme="dark"]) .panel .an-kpis .an-k:first-child span{color:rgba(255,255,255,.66)!important}
html:not([data-theme="dark"]) .panel .an-kpis .an-k:first-child small{color:#E6C47F!important}
html:not([data-theme="dark"]) .panel .an-kpis .an-k:first-child b{color:#fff!important}
html:not([data-theme="dark"]) .panel .an-rk em{color:#9A7420!important}

/* ===== Light mode "swap" (30 Sept): white page, painted soft-navy cards ===== */
html:not([data-theme="dark"]) body{background:
  radial-gradient(900px 500px at 0% 0%,rgba(33,30,130,.05),transparent 60%),
  radial-gradient(800px 500px at 100% 100%,rgba(233,196,106,.07),transparent 60%),#FFFFFF!important}
html:not([data-theme="dark"]) body::after{opacity:.22!important}
html:not([data-theme="dark"]) aside.side{background:rgba(255,255,255,.86)!important;box-shadow:inset -1px 0 0 rgba(33,30,130,.08)!important}
html:not([data-theme="dark"]) .tabs button:hover{background:rgba(33,30,130,.05)!important}
html:not([data-theme="dark"]) .tabs button[aria-selected="true"]{background:linear-gradient(135deg,#ECEBF7,#E1DFF0)!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(33,30,130,.08),0 8px 20px -12px rgba(33,30,130,.5)!important}
html:not([data-theme="dark"]) .crumb{background:rgba(255,255,255,.82)!important}
/* cards carry the painted navy wash */
html:not([data-theme="dark"]) .panel .idea,html:not([data-theme="dark"]) .panel .nw-saved,html:not([data-theme="dark"]) .panel .hm-col,html:not([data-theme="dark"]) .panel .rq,
html:not([data-theme="dark"]) .panel .ch:not(.sch-c.wide):not([href*="business"]),html:not([data-theme="dark"]) .panel .pl-card,html:not([data-theme="dark"]) .panel details.pr,html:not([data-theme="dark"]) .panel .col,html:not([data-theme="dark"]) .panel .sc-main,
html:not([data-theme="dark"]) .panel .wf-flow,html:not([data-theme="dark"]) .panel .tile,html:not([data-theme="dark"]) .panel .vis-card,html:not([data-theme="dark"]) .panel .qtm-gen,html:not([data-theme="dark"]) .panel .an-card{
  background:
    radial-gradient(120% 90% at 0% 0%,rgba(33,30,130,.12),transparent 60%),
    radial-gradient(90% 90% at 100% 100%,rgba(140,146,230,.18),transparent 62%),
    radial-gradient(60% 60% at 85% 10%,rgba(233,196,106,.10),transparent 70%),
    linear-gradient(160deg,#F0EFF8 0%,#E8E7F3 100%)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 0 0 1px rgba(33,30,130,.07),0 20px 40px -28px rgba(33,30,130,.45)!important}
/* chips and pills on the white page */
html:not([data-theme="dark"]) #nw-filters button,html:not([data-theme="dark"]) #pl-filters button{background:rgba(33,30,130,.06)!important}
html:not([data-theme="dark"]) .rq-where,html:not([data-theme="dark"]) .qtm-moods{background:rgba(33,30,130,.06)!important}

/* =====================================================================
   Workflows v2 (30 Sept): task menu left (3 col), steps as a numbered list right (9 col).
   No checkboxes. A thin line joins the numbers; it draws down when you switch task.
   ===================================================================== */
.wf-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:var(--s3);align-items:start}
@media (max-width:860px){.wf-shell{grid-template-columns:1fr}}
.wf-shell .wf-tiles{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:4px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;position:sticky;top:96px;overflow:visible}
@media (max-width:860px){.wf-shell .wf-tiles{flex-direction:row!important;overflow-x:auto;position:static}}
.wf-shell .wf-tile{display:grid!important;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;width:100%;padding:10px 12px!important;border-radius:14px!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;position:relative;transition:background var(--t2) var(--ease-std)!important}
.wf-shell .wf-tile .wf-ic{grid-row:1/3;width:34px!important;height:34px!important;border-radius:10px!important;display:grid;place-items:center;background:rgba(33,30,130,.07)!important;color:#211E82!important}
.wf-shell .wf-tile .wf-ic svg{width:17px;height:17px}
.wf-shell .wf-tile b{font:600 14px var(--body)!important;color:var(--ink-navy)!important;align-self:end}
.wf-shell .wf-tile small{display:block!important;font:500 12px var(--body)!important;color:var(--muted)!important;align-self:start}
.wf-shell .wf-tile:hover{background:rgba(33,30,130,.05)!important}
.wf-shell .wf-tile[aria-selected="true"]{background:#fff!important;box-shadow:0 0 0 1px rgba(33,30,130,.08),0 12px 26px -16px rgba(33,30,130,.55)!important}
.wf-shell .wf-tile[aria-selected="true"]::before{content:"";position:absolute;left:-8px;top:24%;bottom:24%;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#E6C47F,#A5802F)}
.wf-shell .wf-tile[aria-selected="true"] .wf-ic{background:linear-gradient(180deg,#2E29A8,#1B1870)!important;color:#fff!important}
/* steps */
.wf-shell .wf-flow{padding:26px 28px 22px!important}
.wf-shell .wf-flow .flow-top{margin-bottom:10px}
.wf-shell .wf-flow .flow-title h2{font:700 24px/1.2 var(--body)!important;letter-spacing:-.02em;color:var(--ink-navy)!important}
.wf-shell ol.flow{display:block!important;grid-auto-flow:unset!important;overflow:visible!important;padding:0!important;margin:0!important;position:relative;list-style:none}
.wf-shell ol.flow::before{content:"";position:absolute;left:21px;top:30px;bottom:30px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(165,128,47,.55),rgba(33,30,130,.18));transform-origin:top;animation:wfline .9s var(--ease-std) both}
@keyframes wfline{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.wf-shell ol.flow>li.step{display:grid!important;grid-template-columns:44px 36px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;min-height:0!important;height:auto!important;
  padding:16px 0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid rgba(33,30,130,.08)!important;border-radius:0!important;
  animation:asin .5s var(--ease-std) both;animation-delay:calc(var(--i,0) * 60ms)}
.wf-shell ol.flow>li.step:last-child{border-bottom:0!important}
.wf-shell ol.flow>li.step::before,.wf-shell ol.flow>li.step::after{display:none!important}
.wf-shell ol.flow>li.step .step-h{grid-column:1;grid-row:1/3;display:grid;place-items:center;margin:0!important;position:relative;z-index:1}
.wf-shell ol.flow>li.step .step-h .num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px rgba(165,128,47,.35),0 6px 14px -8px rgba(33,30,130,.5);font:italic 500 20px/1 var(--serif)!important;color:#9A7420!important;letter-spacing:0!important}
.wf-shell ol.flow>li.step .tick{display:none!important}
.wf-shell ol.flow>li.step .step-ic{grid-column:2;grid-row:1/3;width:36px!important;height:36px!important;border-radius:10px!important;display:grid;place-items:center;background:rgba(33,30,130,.07)!important;color:#211E82!important;margin:0!important}
.wf-shell ol.flow>li.step .step-ic svg{width:18px;height:18px}
.wf-shell ol.flow>li.step .step-t{grid-column:3;grid-row:1;font:600 15.5px/1.35 var(--body)!important;color:var(--ink-navy)!important;text-decoration:none!important;margin:0!important;align-self:end}
.wf-shell ol.flow>li.step .step-tip{grid-column:3;grid-row:2;font:500 12.5px/1.45 var(--body)!important;color:var(--muted)!important;margin:2px 0 0!important;align-self:start}
.wf-shell ol.flow>li.step .acts{grid-column:4;grid-row:1/3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0!important}
.wf-shell ol.flow>li.step .acts .act{border-radius:99px!important;padding:7px 14px!important;font:600 12.5px var(--body)!important;white-space:nowrap}
@media (max-width:700px){.wf-shell ol.flow>li.step{grid-template-columns:40px minmax(0,1fr);row-gap:8px}.wf-shell ol.flow>li.step .step-ic{display:none!important}.wf-shell ol.flow>li.step .step-t,.wf-shell ol.flow>li.step .step-tip{grid-column:2}.wf-shell ol.flow>li.step .acts{grid-column:2;grid-row:3;justify-content:flex-start}.wf-shell ol.flow::before{left:19px}}
@media (prefers-reduced-motion:reduce){.wf-shell ol.flow::before,.wf-shell ol.flow>li.step{animation:none!important}}
/* latest Instagram post, live inside IG story step 1 */
.wf-shell ol.flow>li.step .ig-wrap{grid-column:3/5;grid-row:3;margin-top:14px;display:grid;gap:8px;justify-items:start}
.ig-cap{font:600 12px var(--body);color:var(--muted)}
.ig-embed{width:min(400px,100%);height:560px;border:0;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(33,30,130,.08),0 24px 48px -26px rgba(33,30,130,.5)}
@media (max-width:700px){.wf-shell ol.flow>li.step .ig-wrap{grid-column:1/-1;grid-row:4}.ig-embed{height:520px}}
/* reel preview: never crop a 9:16 video; fullscreen letterboxes instead of zooming */
.rq2 video{object-fit:contain!important;background:#000!important}
.rq2 video:fullscreen,.rq2 video:-webkit-full-screen{object-fit:contain!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:0!important}
/* cover image opens full size */
.rq-cv img{cursor:zoom-in;transition:transform var(--t2) var(--ease-std),box-shadow var(--t2) var(--ease-std)}
.rq-cv img:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #211E82,0 16px 30px -16px rgba(33,30,130,.7)}
.wf-shell ol.flow>li.step .step-h .num{white-space:nowrap}
.act.act-ig{display:inline-flex!important;align-items:center;gap:7px}
.act.act-ig svg{width:16px;height:16px;flex:none;color:#C13584}
/* viewer: a single 9:16 image (cover, frame) fits the screen; tall storyboard sheets still scroll */
.sbv.portrait .sbv-body{align-items:center}
.sbv.portrait .sbv-body img{max-height:calc(100vh - 150px)!important;max-width:100%!important;width:auto!important;align-self:center!important;border-radius:16px}
.sbv.portrait .sbv-z{display:none!important}
.sbv.single .sbv-a,.sbv.single .sbv-dots{display:none!important}
.sbv .sbv-top .btn{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:none!important}
.sbv .sbv-top .btn:hover{background:rgba(255,255,255,.22)!important}
.wf-shell ol.flow>li.step .step-h .num{display:flex!important;align-items:center;justify-content:center;gap:0}
/* IG latest post: freshness + Refresh */
.ig-cap{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 12px;width:min(400px,100%)}
.ig-cap>span:first-child{font:600 12px var(--body);color:var(--muted)}
.ig-busy,.ig-ok,.ig-old{font:600 11.5px var(--body);padding:3px 9px;border-radius:99px}
.ig-busy{background:#FCE7BE;color:#7A4E00;animation:wiPulse 2s var(--ease-std) infinite}
.ig-ok{background:#D5F0E2;color:#115E3D}
.ig-old{background:#F9D8E5;color:#98184C}
.ig-ref{margin-left:auto;border:1px solid rgba(33,30,130,.18);background:rgba(255,255,255,.7);color:#211E82;border-radius:99px;padding:5px 12px;font:600 12px var(--body);cursor:pointer;transition:background var(--t2) var(--ease-std)}
.ig-ref:hover{background:#fff}
.ig-ref:disabled{opacity:.5;cursor:wait}
.rq-covers{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font:500 13px var(--body);color:var(--muted)}
.rq-covers span{font-weight:600}
.rq-covers a{color:#211E82;font-weight:600;text-decoration:none;padding:5px 12px;border-radius:99px;background:rgba(33,30,130,.06)}
.rq-covers a:hover{background:rgba(33,30,130,.12)}

/* IG story formats + "Send to studio" form */
.wf-fmts{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 18px}
.wf-fmt{border:0;border-radius:99px;padding:8px 14px;font:600 13px var(--body);color:#3A3870;background:rgba(33,30,130,.06);cursor:pointer;transition:background var(--t2) var(--ease-std),color var(--t2)}
.wf-fmt:hover{background:rgba(33,30,130,.12)}
.wf-fmt.on{background:#211E82;color:#fff;box-shadow:0 8px 18px -10px rgba(33,30,130,.8)}
.wf-shell ol.flow>li.step .st-make{grid-column:3/5;grid-row:3;display:grid;gap:8px;margin-top:12px;max-width:560px}
.st-make input:not([type=file]){border:1px solid rgba(33,30,130,.14);border-radius:12px;padding:11px 14px;font:500 14px var(--body);background:rgba(255,255,255,.85);color:var(--ink-navy)}
.st-make input:focus{outline:none;border-color:rgba(33,30,130,.5);box-shadow:0 0 0 4px rgba(33,30,130,.08)}
.st-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.st-ph{cursor:pointer;font:600 12.5px var(--body);color:#211E82;padding:7px 12px;border-radius:99px;background:rgba(33,30,130,.06)}
.st-ph input{display:none}
.next-pill{display:inline-block;margin-left:10px;padding:3px 12px;border-radius:99px;background:#211E82;color:#fff;font:700 12px var(--body);letter-spacing:.04em;vertical-align:middle}
.st-img{width:100%;border-radius:16px;cursor:zoom-in;box-shadow:0 20px 40px -24px rgba(11,9,48,.7)}
@media (max-width:700px){.wf-shell ol.flow>li.step .st-make{grid-column:1/-1;grid-row:4}}