/* SCRIPT STUDIO (#fsboard): the Faceless script board, a full-screen Miro-style canvas.
   Columns run left to right (Research → Narratives → Angles → Scripts → Approved), joined by curved edges.
   The same tokens as the Faceless tab (fv2.css --fv-*), drawn from Distribute's own theme files:
   slush.css in the light, night.css (html[data-theme="dark"]) in the dark. slush.css styles bare inputs and
   night.css re-colours them with a high-specificity :is(), so the few fields here use `html body #fsboard.fb`. */
#fsboard.fb{
  --fb-bg:var(--bg,#ffe9dc); --fb-dot:rgba(0,0,0,.17); --fb-panel:var(--card,#fff); --fb-inner:var(--card2,#fff4ec); --fb-hover:#fff0e6;
  --fb-line:var(--border,#000); --fb-line2:rgba(0,0,0,.14); --fb-line3:rgba(0,0,0,.28);
  --fb-ink:var(--ink,#000); --fb-ink2:var(--ink2,#111); --fb-muted:var(--muted,#444); --fb-faint:var(--faint,#5a5a5a);
  --fb-sun:var(--sun,#ffd731); --fb-mint:var(--mint,#55db9c); --fb-lav:var(--lav,#e9ccff); --fb-sky:#dceeff; --fb-sky2:#4da2ff; --fb-peach:#ffc7ad; --fb-pink:#ffb3cf; --fb-hot:#fb4903;
  --fb-nar:#f3e6ff; --fb-ap:#e2f8ec; --fb-pick:#fff4bf;
  --fb-field:#fff; --fb-field-line:rgba(0,0,0,.3); --fb-edge:rgba(0,0,0,.34); --fb-edge-on:#000;
  --fb-bad-bg:rgba(251,73,3,.1); --fb-bad-ink:#a02b00; --fb-fact-bg:rgba(85,219,156,.28); --fb-fact-ink:#0b5d38;
  --fb-me:#000; --fb-me-ink:#fff;
  --fb-pt-problem:#ff9f84; --fb-pt-depth:#c7a1ff; --fb-pt-solution:#4fd69a; --fb-pt-plug:#ffd23f; --fb-prob-edge:#ec6a3d;
  --fb-warn-bg:rgba(255,176,32,.17); --fb-warn-ink:#8a5000;
  /* the batches' colours (a lane, its cards' tops, its wires, its chip): a fill that takes black text, and an ink for lines */
  --fb-b1:#ffd731; --fb-b1i:#8a6500; --fb-b2:#7cbcff; --fb-b2i:#1764c9; --fb-b3:#ff8fc4; --fb-b3i:#b8236a; --fb-b4:#ffad6b; --fb-b4i:#a84f00; --fb-b5:#b3a6ff; --fb-b5i:#5440d6; --fb-lane-tint:17%;
  --fb-disp:'Anton',Impact,'Arial Narrow',sans-serif; --fb-ui:Inter,system-ui,-apple-system,sans-serif; --fb-serif:'Instrument Serif',Georgia,serif; --fb-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  position:fixed;inset:0;z-index:296;display:flex;flex-direction:column;background:var(--fb-bg);color:var(--fb-ink);user-select:none;-webkit-user-select:none;
  font-family:var(--fb-ui);font-size:13.5px;line-height:1.45;font-weight:500;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;
}
html[data-theme="dark"] #fsboard.fb{
  --fb-bg:var(--l0,#0e0e11); --fb-dot:rgba(255,255,255,.11); --fb-panel:var(--l1,#15151a); --fb-inner:var(--l2,#1f1f25); --fb-hover:var(--l3,#2a2a32);
  --fb-line:rgba(255,255,255,.14); --fb-line2:rgba(255,255,255,.08); --fb-line3:rgba(255,255,255,.2);
  --fb-sky:#1d2838; --fb-nar:var(--l1,#15151a); --fb-ap:#12241b; --fb-pick:#2a2614;
  --fb-field:var(--l2,#1f1f25); --fb-field-line:transparent; --fb-edge:rgba(255,255,255,.3); --fb-edge-on:#f3efe6;
  --fb-bad-bg:rgba(255,106,90,.14); --fb-bad-ink:#ff9a85; --fb-fact-bg:rgba(85,219,156,.15); --fb-fact-ink:#8ff0c2;
  --fb-me:#f3efe6; --fb-me-ink:#0e0e11;
  --fb-prob-edge:#ff8a63; --fb-warn-bg:rgba(255,176,32,.13); --fb-warn-ink:#ffcf7a;
  --fb-b2:#64adff; --fb-b2i:#7cbcff; --fb-b1i:#ffd731; --fb-b3:#ff7cb8; --fb-b3i:#ff8fc4; --fb-b4:#ff9f55; --fb-b4i:#ffad6b; --fb-b5:#a191ff; --fb-b5i:#b3a6ff; --fb-lane-tint:9%;
}
#fsboard.fb[hidden]{display:none}
#fsboard.fb *,#fsboard.fb *::before,#fsboard.fb *::after{box-sizing:border-box}
#fsboard :where(button){font-family:inherit;color:inherit;cursor:pointer}
#fsboard :where(button:disabled){cursor:not-allowed}
#fsboard.fb [hidden]{display:none!important}
#fsboard.fb .fb-i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
#fsboard.fb .fb-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;display:inline-block;animation:fbSpin .8s linear infinite;flex:none;opacity:.85}
#fsboard.fb :focus-visible{outline:2px solid var(--fb-sun);outline-offset:2px}
#fsboard.fb .fb-sp{flex:1}
#fsboard.fb .fb-small{font-size:11.5px;color:var(--fb-muted);line-height:1.4}
#fsboard.fb kbd{font:700 10.5px var(--fb-mono);border:1px solid var(--fb-line3);border-radius:5px;padding:0 4px}
@keyframes fbSpin{to{transform:rotate(360deg)}}
@keyframes fbShim{0%{background-position:120% 0}100%{background-position:-20% 0}}
@keyframes fbPop{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
@keyframes fbPulse{0%,100%{opacity:1}50%{opacity:.55}}

/* ── the top bar ─────────────────────────────────────────────────────────────────────── */
#fsboard .fb-top{flex:none;display:flex;align-items:center;gap:10px;padding:10px 16px;min-height:60px;background:var(--fb-panel);border-bottom:1px solid var(--fb-line);position:relative;z-index:3;min-width:0}
#fsboard .fb-back,#fsboard .fb-x{width:38px;height:38px;border-radius:50%;border:1px solid var(--fb-line);background:var(--fb-panel);display:inline-grid;place-items:center;flex:none;padding:0}
#fsboard .fb-back:hover,#fsboard .fb-x:hover{background:var(--fb-sun);color:#000}
#fsboard .fb-title{display:flex;align-items:center;gap:10px;min-width:0;flex:none}
#fsboard .fb-t{font-family:var(--fb-disp);font-size:25px;line-height:1;text-transform:uppercase;letter-spacing:.005em;white-space:nowrap}
#fsboard .fb-app{font-size:12px;font-weight:800;background:var(--fb-lav);color:#000;border:1px solid #000;border-radius:999px;padding:4px 11px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="dark"] #fsboard .fb-app{border-color:transparent}
#fsboard .fb-steps{display:flex;align-items:center;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:none;margin-left:6px}
#fsboard .fb-steps::-webkit-scrollbar{display:none}
#fsboard .fb-step{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:none;border-radius:999px;padding:5px 10px 5px 5px;font-size:12.5px;font-weight:700;white-space:nowrap;flex:none}
#fsboard .fb-step:hover{background:var(--fb-inner);border-color:var(--fb-line2)}
#fsboard .fb-step i{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font:800 11px var(--fb-ui);font-style:normal;border:1px solid var(--fb-line);background:var(--fb-panel)}
#fsboard .fb-step.done i{background:var(--fb-mint);border-color:#000;color:#000}
html[data-theme="dark"] #fsboard .fb-step.done i{border-color:transparent}
#fsboard .fb-step i .fb-i{width:12px;height:12px}
#fsboard .fb-step b{font-size:11px;font-weight:800;background:var(--fb-inner);border-radius:999px;padding:1px 7px;border:1px solid var(--fb-line2)}
#fsboard .fb-chev{color:var(--fb-faint);display:inline-flex;flex:none}
#fsboard .fb-chev .fb-i{width:13px;height:13px}
#fsboard .fb-writer{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--fb-muted);border:1px solid var(--fb-line2);border-radius:999px;padding:6px 10px;white-space:nowrap;flex:none}
#fsboard .fb-writer .fb-i{width:13px;height:13px;color:var(--fb-ink)}
#fsboard .fb-writer b{color:var(--fb-ink);font-weight:800}
#fsboard .fb-vers{display:inline-flex;align-items:center;gap:0;position:relative;flex:none;border:1px solid var(--fb-line);border-radius:999px;padding-left:10px;background:var(--fb-panel)}
#fsboard .fb-vers .fb-i{width:14px;height:14px}
html body #fsboard.fb .fb-vers select{appearance:none;-webkit-appearance:none;background:transparent!important;border:0!important;border-radius:999px!important;color:var(--fb-ink)!important;font:700 12px var(--fb-ui)!important;padding:8px 12px 8px 7px!important;width:auto;max-width:112px;cursor:pointer;outline:none!important;margin:0;text-overflow:ellipsis}

/* ── buttons and chips ───────────────────────────────────────────────────────────────── */
#fsboard .fb-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--fb-line);background:var(--fb-panel);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:800;line-height:1.1;white-space:nowrap;flex:none;transition:transform .08s,background .12s}
#fsboard .fb-btn:hover:not(:disabled){background:var(--fb-hover)}
#fsboard .fb-btn:active:not(:disabled){transform:translateY(1px)}
#fsboard .fb-btn:disabled{opacity:.45}
#fsboard .fb-btn .fb-i{width:15px;height:15px}
#fsboard .fb-btn.ghost{background:transparent}
#fsboard .fb-btn.sun{background:var(--fb-sun);color:#000;border-color:#000}
#fsboard .fb-btn.sun:hover:not(:disabled){background:#ffe066}
#fsboard .fb-btn.mint{background:var(--fb-mint);color:#000;border-color:#000}
#fsboard .fb-btn.mint:hover:not(:disabled){background:#7fe6b6}
#fsboard .fb-btn.approve{background:#000;color:#fff;border-color:#000}
#fsboard .fb-btn.approve:hover:not(:disabled){background:#222}
html[data-theme="dark"] #fsboard .fb-btn.approve{background:#f3efe6;color:#0e0e11;border-color:transparent}
html[data-theme="dark"] #fsboard :is(.fb-btn.sun,.fb-btn.mint){border-color:transparent}
html body #fsboard.fb .fb-btn.sun:not(:disabled),html body #fsboard.fb .fb-btn.approve:not(:disabled){box-shadow:0 3px 0 #000!important}
html[data-theme="dark"] body #fsboard.fb :is(.fb-btn.sun,.fb-btn.approve):not(:disabled){box-shadow:0 3px 0 rgba(0,0,0,.65)!important}
#fsboard .fb-btn.big{padding:13px 20px;font-size:14px}
#fsboard .fb-btn.full{width:100%}
#fsboard .fb-btn.sm{padding:6px 11px;font-size:11.5px}
#fsboard .fb-chip{border:1px solid var(--fb-line);background:var(--fb-panel);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;line-height:1}
#fsboard .fb-chip.on{background:var(--fb-sun);color:#000;border-color:#000}
html[data-theme="dark"] #fsboard .fb-chip{background:var(--fb-inner);border-color:transparent}
html[data-theme="dark"] #fsboard .fb-chip.on{background:var(--fb-sun);color:#000}
#fsboard .fb-len{display:inline-flex;gap:4px;flex:none}
#fsboard .fb-len.sm .fb-chip{padding:3px 8px;font-size:11px}
#fsboard .fb-kind{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 9px;border:1px solid #000;color:#000;background:var(--fb-inner);line-height:1.2;white-space:nowrap}
#fsboard .fb-kind .fb-i{width:12px;height:12px}
#fsboard button.fb-kind:hover{filter:brightness(.95)}
#fsboard .fb-kind.k-value{background:var(--fb-mint)} #fsboard .fb-kind.k-story{background:var(--fb-peach)} #fsboard .fb-kind.k-list{background:#bfe0ff}
#fsboard .fb-kind.k-myth{background:var(--fb-lav)} #fsboard .fb-kind.k-demo{background:var(--fb-sun)} #fsboard .fb-kind.k-texts{background:var(--fb-pink)}
html[data-theme="dark"] #fsboard .fb-kind{border-color:transparent}
#fsboard .fb-idc{display:inline-grid;place-items:center;min-width:26px;height:20px;padding:0 6px;border-radius:7px;font:700 10.5px var(--fb-mono);background:#bfe0ff;color:#000;flex:none;line-height:1}
#fsboard .fb-idc.f{background:var(--fb-mint)} #fsboard .fb-idc.n{background:var(--fb-lav)} #fsboard .fb-idc.s{background:var(--fb-sun)}
#fsboard .fb-warn{display:flex;gap:7px;align-items:flex-start;background:var(--fb-bad-bg);color:var(--fb-bad-ink);border-radius:10px;padding:7px 10px;font-size:12px;line-height:1.4}
#fsboard .fb-warn .fb-i{width:14px;height:14px;margin-top:1px}
#fsboard .fb-warn.soft{background:var(--fb-inner);color:var(--fb-muted)}

/* ── the canvas ──────────────────────────────────────────────────────────────────────── */
#fsboard .fb-canvas{flex:1;min-height:0;position:relative;overflow:hidden;background-color:var(--fb-bg);background-image:radial-gradient(circle,var(--fb-dot) 1.15px,transparent 1.35px);background-size:24px 24px;cursor:grab;touch-action:none;outline:none;overscroll-behavior:contain}
#fsboard.is-panning .fb-canvas,#fsboard.is-space .fb-canvas{cursor:grabbing}
#fsboard.is-panning .fb-canvas *{user-select:none!important;cursor:grabbing!important}
#fsboard .fb-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
#fsboard [data-part="cols"]{position:absolute;left:0;top:0}
#fsboard .fb-edges{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
#fsboard .fb-edges path{fill:none;stroke:var(--fb-edge);stroke-width:1.6;stroke-linecap:round}
#fsboard .fb-edges path.e-soft{stroke-dasharray:4 6;opacity:.75}
#fsboard .fb-edges path.e-on{stroke:var(--fb-edge-on);stroke-width:2.2}
#fsboard .fb-edges path.e-ok{stroke:#17a864;stroke-width:2.4}
#fsboard .fb-edges circle{fill:var(--fb-bg);stroke:var(--fb-edge);stroke-width:1.6}
#fsboard .fb-edges circle.d-on{stroke:var(--fb-edge-on);fill:var(--fb-sun)}
#fsboard .fb-edges circle.d-ok{stroke:#17a864;fill:var(--fb-mint)}
html[data-theme="dark"] #fsboard .fb-edges path.e-ok,html[data-theme="dark"] #fsboard .fb-edges circle.d-ok{stroke:var(--fb-mint)}
#fsboard .fb-edges path.e-prob{stroke:var(--fb-prob-edge);stroke-width:1.9;opacity:.85}
#fsboard .fb-edges circle.d-prob{stroke:var(--fb-prob-edge);fill:var(--fb-pt-problem)}
#fsboard .fb-edges{transition:opacity .16s}
#fsboard .fb-edges.is-moving{opacity:0}   /* while a lane slides to its place: the wires come back once it is there */
#fsboard .fb-edges path.e-mini{stroke-width:1.5;opacity:.62}
#fsboard .fb-edges circle.d-mini{opacity:.62}
#fsboard .fb-edges path.c1{stroke:var(--fb-b1i)} #fsboard .fb-edges circle.c1{stroke:var(--fb-b1i);fill:var(--fb-b1)}
#fsboard .fb-edges path.c2{stroke:var(--fb-b2i)} #fsboard .fb-edges circle.c2{stroke:var(--fb-b2i);fill:var(--fb-b2)}
#fsboard .fb-edges path.c3{stroke:var(--fb-b3i)} #fsboard .fb-edges circle.c3{stroke:var(--fb-b3i);fill:var(--fb-b3)}
#fsboard .fb-edges path.c4{stroke:var(--fb-b4i)} #fsboard .fb-edges circle.c4{stroke:var(--fb-b4i);fill:var(--fb-b4)}
#fsboard .fb-edges path.c5{stroke:var(--fb-b5i)} #fsboard .fb-edges circle.c5{stroke:var(--fb-b5i);fill:var(--fb-b5)}
#fsboard .fb-col{position:absolute;top:0;display:flex;flex-direction:column;gap:14px;padding-bottom:40px}
#fsboard .fb-colh{display:flex;gap:11px;align-items:flex-start;padding:4px 2px 4px;cursor:grab}
#fsboard .fb-coln{font-family:var(--fb-disp);font-size:15px;line-height:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--fb-ink);color:var(--fb-bg);flex:none;margin-top:2px}
#fsboard .fb-colh h2{margin:0;font-family:var(--fb-disp);font-weight:400;font-size:27px;line-height:1.05;text-transform:uppercase;letter-spacing:.005em;color:var(--fb-ink)}
#fsboard .fb-colh h2 em{font-style:normal;font-family:var(--fb-ui);font-size:13px;font-weight:800;vertical-align:5px;background:var(--fb-panel);border:1px solid var(--fb-line);border-radius:999px;padding:2px 8px;margin-left:4px}
#fsboard .fb-colh p{margin:3px 0 0;font-size:12px;color:var(--fb-muted);font-weight:600}

/* ── cards ───────────────────────────────────────────────────────────────────────────── */
#fsboard .fb-card{position:relative;background:var(--fb-panel);border:1px solid var(--fb-line);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:9px;user-select:none;cursor:default;animation:fbPop .25s ease both}
#fsboard .fb-card p{margin:0}
#fsboard .fb-card h3{margin:0;font-family:var(--fb-ui);text-transform:none;font-size:16.5px;line-height:1.28;font-weight:800;letter-spacing:-.015em;color:var(--fb-ink)}
#fsboard .fb-k{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:var(--fb-faint);display:flex;align-items:center;gap:6px}
#fsboard .fb-k span{background:var(--fb-inner);border-radius:999px;padding:1px 7px;letter-spacing:0;color:var(--fb-ink)}
#fsboard .fb-kv{display:flex;flex-direction:column;gap:2px}
#fsboard .fb-kv span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--fb-faint)}
#fsboard .fb-kv p{font-size:13px;line-height:1.45;color:var(--fb-ink2)}
#fsboard .fb-kv.hot p{font-weight:700;color:var(--fb-ink)}
#fsboard .fb-kv.hot span{color:var(--fb-hot)}
html[data-theme="dark"] #fsboard .fb-kv.hot span{color:#ff9a85}

/* research */
#fsboard .fb-rc{border-top:5px solid var(--fb-sky2)}
html[data-theme="dark"] #fsboard .fb-rc{border-top-color:#3b82d6}
#fsboard .fb-rapp h3{font-family:var(--fb-disp);font-weight:400;font-size:24px;text-transform:uppercase;line-height:1.05;letter-spacing:.005em}
#fsboard .fb-srcs{display:flex;flex-wrap:wrap;gap:5px}
#fsboard .fb-src{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;border-radius:999px;padding:3px 8px;background:var(--fb-inner);color:var(--fb-faint)}
#fsboard .fb-src.on{background:var(--fb-fact-bg);color:var(--fb-fact-ink)}
#fsboard .fb-src .fb-i{width:11px;height:11px}
#fsboard .fb-pain,#fsboard .fb-fact{display:flex;gap:9px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--fb-line2)}
#fsboard .fb-pain:first-of-type,#fsboard .fb-fact:first-of-type{border-top:0;padding-top:2px}
#fsboard .fb-pain p,#fsboard .fb-fact p{font-size:13px;line-height:1.4;font-weight:600;color:var(--fb-ink)}
#fsboard .fb-pain blockquote{margin:5px 0 3px;display:flex;gap:5px;align-items:flex-start;font-family:var(--fb-serif);font-style:italic;font-size:16px;line-height:1.3;color:var(--fb-ink2)}
#fsboard .fb-pain blockquote .fb-i{width:13px;height:13px;flex:none;margin-top:3px;opacity:.35}
#fsboard .fb-pain small,#fsboard .fb-fact small{font-size:11px;color:var(--fb-faint);font-weight:600}
#fsboard .fb-fact small a{color:inherit}
#fsboard .fb-comp{display:flex;flex-direction:column;gap:2px;padding:7px 0;border-top:1px solid var(--fb-line2)}
#fsboard .fb-comp:first-of-type{border-top:0}
#fsboard .fb-comp b{font-size:13px}
#fsboard .fb-comp .fb-meta{font-size:11px;font-weight:700;color:var(--fb-faint)}
#fsboard .fb-comp p{font-size:12.5px;color:var(--fb-muted)}
#fsboard .fb-words{display:flex;flex-wrap:wrap;gap:5px}
#fsboard .fb-words span{font-size:12px;font-weight:600;background:var(--fb-inner);border:1px solid var(--fb-line2);border-radius:999px;padding:4px 10px}

/* the problem map (plan §8): the niche + its sources, problems with real quotes, solutions, the top apps, myths */
#fsboard .fb-idc.p{background:var(--fb-pt-problem);color:#000}
#fsboard .fb-rniche h3{font-family:var(--fb-disp);font-weight:400;font-size:24px;text-transform:uppercase;line-height:1.05;letter-spacing:.005em}
#fsboard .fb-rniche > p{font-size:13px;color:var(--fb-ink2)}
#fsboard .fb-srcline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;font-size:12px;font-weight:600;color:var(--fb-muted)}
#fsboard .fb-srcline span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
#fsboard .fb-srcline b{color:var(--fb-ink);font-weight:800}
#fsboard .fb-srcline .fb-i{width:14px;height:14px;color:var(--fb-ink)}
#fsboard .fb-srcline > i{font-style:normal;color:var(--fb-faint)}
#fsboard .fb-srcline .zero,#fsboard .fb-srcline .zero b,#fsboard .fb-srcline .stale{color:var(--fb-bad-ink)}
#fsboard .fb-subs{display:flex;flex-wrap:wrap;gap:4px}
#fsboard .fb-subs span{font:700 10.5px var(--fb-mono);background:var(--fb-inner);border:1px solid var(--fb-line2);border-radius:999px;padding:3px 8px;color:var(--fb-ink2)}
#fsboard .fb-nichef{display:flex;align-items:center;gap:10px;border-top:1px solid var(--fb-line2);padding-top:10px;margin-top:1px}
#fsboard .fb-nichef .fb-small{flex:1;min-width:0}
#fsboard .fb-rnomap{background:var(--fb-inner);border-top-color:var(--fb-line3)}
#fsboard .fb-rnomap .fb-btn{align-self:flex-start}
#fsboard .fb-prob{display:flex;flex-direction:column;gap:6px;padding:11px 0;border-top:1px solid var(--fb-line2)}
#fsboard .fb-prob:first-of-type{border-top:0;padding-top:2px}
#fsboard .fb-probh{display:flex;gap:8px;align-items:flex-start}
#fsboard .fb-probh b{font-size:14.5px;line-height:1.3;font-weight:800;letter-spacing:-.01em;color:var(--fb-ink)}
#fsboard .fb-probh .fb-idc{margin-top:1px}
#fsboard .fb-pk{display:flex;flex-direction:column;gap:1px;padding-left:34px}
#fsboard .fb-pk span{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--fb-faint)}
#fsboard .fb-pk p{font-size:12.5px;line-height:1.45;color:var(--fb-ink2)}
#fsboard .fb-evl{display:flex;flex-direction:column;gap:6px;padding-left:34px;margin-top:2px}
#fsboard .fb-evq{display:flex;flex-direction:column;gap:4px;border-radius:12px;padding:8px 10px 7px 11px;background:var(--fb-inner);border-left:3px solid #ff5a1f;color:var(--fb-ink);text-decoration:none}
#fsboard .fb-evq.rv{border-left-color:#2f7cf6}
#fsboard a.fb-evq:hover{background:var(--fb-hover)}
#fsboard .fb-evt{font-family:var(--fb-serif);font-style:italic;font-size:15.5px;line-height:1.28;color:var(--fb-ink)}
#fsboard .fb-evq small{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--fb-faint)}
#fsboard .fb-evq small .fb-i{width:12px;height:12px}
#fsboard .fb-evq.rd small > .fb-i:first-child{color:#ff5a1f}
#fsboard .fb-evq.rv small > .fb-i:first-child{color:#f5a524}
#fsboard .fb-evq small span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fsboard .fb-more{font-size:11px;color:var(--fb-faint);font-weight:600}
#fsboard .fb-sol{display:flex;flex-direction:column;gap:3px;padding:9px 0;border-top:1px solid var(--fb-line2)}
#fsboard .fb-sol:first-of-type{border-top:0}
#fsboard .fb-solh{display:flex;gap:8px;align-items:flex-start}
#fsboard .fb-solh b{font-size:13.5px;line-height:1.35;font-weight:800}
#fsboard .fb-sol ol{margin:2px 0 0 34px;padding:0 0 0 16px;display:flex;flex-direction:column;gap:2px;font-size:12.5px;line-height:1.4;color:var(--fb-ink2)}
#fsboard .fb-sol ol li::marker{font-weight:800;color:var(--fb-faint)}
#fsboard .fb-sol ol li > span{color:var(--fb-ink);font-weight:600}
#fsboard .fb-sol ol li > small{display:block;font-size:11.5px;color:var(--fb-muted);line-height:1.35}
#fsboard .fb-sol ol li > em{display:inline-flex;align-items:center;gap:2px;font-style:normal;font-size:10px;font-weight:800;color:var(--fb-fact-ink);background:var(--fb-fact-bg);border-radius:999px;padding:1px 6px 1px 4px;margin-left:6px;vertical-align:1px}
#fsboard .fb-sol ol li > em .fb-i{width:10px;height:10px;stroke-width:3}
#fsboard .fb-tapp{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--fb-line2)}
#fsboard .fb-tapp:first-of-type{border-top:0;padding-top:2px}
#fsboard .fb-appi{position:relative;width:42px;height:42px;border-radius:11px;flex:none;overflow:hidden;display:grid;place-items:center;background:var(--fb-lav);color:#000;border:1px solid var(--fb-line2)}
#fsboard .fb-appi::before{content:attr(data-l);font:400 19px var(--fb-disp)}
#fsboard .fb-appi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#fsboard .fb-appi img.is-broken{display:none}
#fsboard .fb-tappb{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
#fsboard .fb-tapph{display:flex;align-items:center;gap:7px;min-width:0}
#fsboard .fb-tapph b,#fsboard .fb-tapph a{font-size:13.5px;font-weight:800;color:var(--fb-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#fsboard .fb-tapph small{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:700;color:var(--fb-faint);flex:none}
#fsboard .fb-tapph small .fb-i{width:11px;height:11px;color:#f5a524}
#fsboard .fb-promise{font-size:13px;line-height:1.35;font-weight:700;color:var(--fb-ink)}
#fsboard .fb-narr{font-size:12.5px;line-height:1.42;color:var(--fb-muted)}
#fsboard .fb-compl{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px}
#fsboard .fb-compl span{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--fb-faint);margin-right:2px}
#fsboard .fb-compl i{font-style:normal;font-size:11px;font-weight:650;background:var(--fb-bad-bg);color:var(--fb-bad-ink);border-radius:999px;padding:2px 8px}
#fsboard .fb-myth{display:flex;flex-direction:column;gap:3px;padding:8px 0;border-top:1px solid var(--fb-line2)}
#fsboard .fb-myth:first-of-type{border-top:0;padding-top:2px}
#fsboard .fb-myth p{font-size:12.5px;line-height:1.4;color:var(--fb-ink2)}
#fsboard .fb-myth p.m{font-weight:700;color:var(--fb-ink)}
#fsboard .fb-myth p span{display:inline-block;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:800;border-radius:999px;padding:1px 7px;margin-right:7px;vertical-align:1px}
#fsboard .fb-myth p.m span{background:var(--fb-bad-bg);color:var(--fb-bad-ink)}
#fsboard .fb-myth p.t span{background:var(--fb-fact-bg);color:var(--fb-fact-ink)}

/* the research's stages */
#fsboard .fb-rsteps{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
#fsboard .fb-rsteps li{display:flex;gap:10px;align-items:flex-start;color:var(--fb-faint)}
#fsboard .fb-rsteps li > i{width:22px;height:22px;border-radius:50%;border:1px solid var(--fb-line3);display:grid;place-items:center;font:800 10.5px var(--fb-ui);font-style:normal;flex:none;background:var(--fb-panel)}
#fsboard .fb-rsteps li > i .fb-i{width:12px;height:12px}
#fsboard .fb-rsteps li > i .fb-dot{width:8px;height:8px;border-radius:50%;background:#000;display:block;animation:fbPulse 1.1s ease-in-out infinite}
#fsboard .fb-rsteps li b{display:block;font-size:13px;font-weight:700;line-height:1.3;color:inherit}
#fsboard .fb-rsteps li small{display:block;font-size:11.5px;line-height:1.35;font-weight:500;color:var(--fb-faint)}
#fsboard .fb-rsteps li.on{color:var(--fb-ink)}
#fsboard .fb-rsteps li.on > i{background:var(--fb-sun);border-color:#000;color:#000}
#fsboard .fb-rsteps li.on b{font-weight:800}
#fsboard .fb-rsteps li.done{color:var(--fb-ink2)}
#fsboard .fb-rsteps li.done > i{background:var(--fb-mint);border-color:#000;color:#000}
html[data-theme="dark"] #fsboard .fb-rsteps li:is(.on,.done) > i{border-color:transparent}

/* narratives */
#fsboard .fb-nr{background:var(--fb-nar);border-top:5px solid #b98cff}
html[data-theme="dark"] #fsboard .fb-nr{border-top-color:#9b6cf0}
#fsboard .fb-nh{display:flex;align-items:center;gap:8px}
#fsboard .fb-aud{font-size:11px;font-weight:700;color:var(--fb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#fsboard .fb-nf{display:flex;align-items:center;gap:6px;border-top:1px solid var(--fb-line2);padding-top:8px}
#fsboard .fb-evs{display:flex;gap:4px;flex-wrap:wrap}
#fsboard .fb-ev{font:700 10px var(--fb-mono);border-radius:6px;padding:2px 6px;background:#bfe0ff;color:#000}
#fsboard .fb-ev.f{background:var(--fb-mint)}
#fsboard .fb-ev.q{background:var(--fb-peach)}
#fsboard .fb-ev.p{background:var(--fb-pt-problem)}
#fsboard .fb-tackle{display:flex;gap:9px;align-items:flex-start;background:var(--fb-panel);border:1px solid var(--fb-line2);border-left:3px solid var(--fb-prob-edge);border-radius:12px;padding:8px 10px}
#fsboard .fb-tackle > div{display:flex;flex-direction:column;gap:1px;min-width:0}
#fsboard .fb-tackle small{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--fb-faint)}
#fsboard .fb-tackle b{font-size:13px;line-height:1.3;font-weight:800;color:var(--fb-ink)}
#fsboard .fb-tackle em{font-style:normal;font-size:11px;font-weight:600;color:var(--fb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fsboard .fb-shift{display:flex;flex-direction:column;gap:4px;border-left:3px solid #b98cff;padding:2px 0 2px 9px}
#fsboard .fb-shift p{font-size:12.5px;line-height:1.4;color:var(--fb-ink2)}
#fsboard .fb-shift span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--fb-faint)}
#fsboard .fb-truths{margin:2px 0 0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:3px;font-size:12.5px;line-height:1.4;color:var(--fb-ink2)}
#fsboard .fb-best{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#000;background:var(--fb-sun);border-radius:999px;padding:2px 7px}

/* angles */
#fsboard .fb-act{border:1.5px dashed var(--fb-line3);background:var(--fb-panel);gap:10px}
#fsboard .fb-act.is-ready{border:1px solid var(--fb-line);border-top:5px solid var(--fb-sun)}
#fsboard .fb-acth{display:flex;flex-direction:column;gap:1px}
#fsboard .fb-acth b{font-size:15px;font-weight:800}
#fsboard .fb-agroup{display:flex;flex-direction:column;gap:8px}
#fsboard .fb-agh{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:var(--fb-muted);padding:4px 2px 0;min-width:0}
#fsboard .fb-agh span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fsboard .fb-an{flex-direction:row;gap:10px;padding:11px 12px;align-items:flex-start;border-radius:15px}
#fsboard .fb-an.on{background:var(--fb-pick);border-color:#000;border-width:1px;outline:2px solid var(--fb-sun);outline-offset:-1px}
html[data-theme="dark"] #fsboard .fb-an.on{border-color:var(--fb-sun);outline:0}
#fsboard .fb-tick{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--fb-line);background:var(--fb-panel);display:grid;place-items:center;flex:none;padding:0;color:transparent;margin-top:1px}
html[data-theme="dark"] #fsboard .fb-tick{border-color:rgba(255,255,255,.35)}
#fsboard .fb-tick .fb-i{width:14px;height:14px}
#fsboard .fb-tick:hover{border-color:var(--fb-ink);color:var(--fb-faint)}
#fsboard .fb-an.on .fb-tick{background:var(--fb-sun);border-color:#000;color:#000}
#fsboard .fb-an.is-full .fb-tick{opacity:.35}
#fsboard .fb-anb{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
#fsboard .fb-anh{display:flex;align-items:center;gap:6px}
#fsboard .fb-seed{font-size:11.5px;color:var(--fb-muted);font-style:italic;line-height:1.35}
#fsboard .fb-add{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;border:1px dashed var(--fb-line3);background:transparent;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:700;color:var(--fb-muted)}
#fsboard .fb-add:hover{color:var(--fb-ink);border-color:var(--fb-ink);background:var(--fb-panel)}
#fsboard .fb-add .fb-i{width:13px;height:13px}

/* fields */
html body #fsboard.fb :is(input,textarea).fb-in{display:block;width:100%;margin:0;background:var(--fb-field)!important;color:var(--fb-ink)!important;border:1px solid var(--fb-field-line)!important;border-radius:12px!important;font:500 13.5px/1.5 var(--fb-ui)!important;padding:9px 11px!important;resize:none;overflow:hidden;outline:none!important;user-select:text;-webkit-user-select:text;cursor:text;min-width:0}
html body #fsboard.fb :is(input,textarea).fb-in:focus{outline:2px solid var(--fb-sun)!important;outline-offset:0!important;border-color:transparent!important}
html body #fsboard.fb :is(input,textarea).fb-in:disabled{opacity:.6;cursor:progress}
html body #fsboard.fb :is(input,textarea).fb-in::placeholder{color:var(--fb-faint);opacity:.8}
html body #fsboard.fb textarea.fb-premise{background:transparent!important;border-color:transparent!important;padding:3px 6px!important;margin-left:-6px;width:calc(100% + 6px);font:650 13.5px/1.4 var(--fb-ui)!important;border-radius:8px!important}
html body #fsboard.fb textarea.fb-premise:hover{background:var(--fb-field)!important}
html body #fsboard.fb input.fb-title{background:transparent!important;border-color:transparent!important;padding:3px 6px!important;margin-left:-6px;width:calc(100% + 6px);font:800 16.5px/1.3 var(--fb-ui)!important;letter-spacing:-.015em;border-radius:8px!important}
html body #fsboard.fb input.fb-title:hover{background:var(--fb-field)!important}
html body #fsboard.fb textarea.fb-hookbox{font:800 15.5px/1.35 var(--fb-ui)!important;letter-spacing:-.01em;background:var(--fb-pick)!important}
html body #fsboard.fb textarea.fb-scriptbox{font:500 13.5px/1.62 var(--fb-ui)!important;min-height:120px}
html body #fsboard.fb textarea.fb-chatin{border-radius:16px!important;padding:8px 12px!important;font-size:13px!important;min-height:36px;max-height:120px;overflow:auto}

/* scripts */
#fsboard .fb-sc{gap:8px;padding:14px 16px 14px;border-top:5px solid var(--fb-sun)}
#fsboard .fb-sc.is-ap{border-top-color:var(--fb-mint)}
#fsboard .fb-sch{display:flex;align-items:center;gap:7px}
#fsboard .fb-draft{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--fb-faint);border:1px solid var(--fb-line2);border-radius:999px;padding:2px 8px}
#fsboard .fb-apchip{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:var(--fb-mint);color:#000;border-radius:999px;padding:3px 9px 3px 6px}
#fsboard .fb-apchip .fb-i{width:12px;height:12px}
#fsboard .fb-lbl{display:flex;align-items:baseline;gap:8px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--fb-faint);margin-top:4px}
#fsboard .fb-lbl span{margin-left:auto;letter-spacing:.01em;text-transform:none;font-weight:600;font-size:11px}
#fsboard .fb-lbl b.is-bad,#fsboard .fb-hook small.is-bad,#fsboard .fb-mrow b.is-over,#fsboard .fb-mrow em.is-bad{color:var(--fb-bad-ink)}
#fsboard .fb-lbl b.is-ok{color:var(--fb-fact-ink)}
#fsboard .fb-hooks{display:flex;flex-direction:column;gap:5px}
#fsboard .fb-hook{display:flex;align-items:flex-start;gap:8px;width:100%;text-align:left;border:1px solid var(--fb-line2);background:var(--fb-inner);border-radius:12px;padding:8px 10px;font-size:13px;font-weight:650;line-height:1.35}
#fsboard .fb-hook:hover:not(:disabled){border-color:var(--fb-line3);background:var(--fb-hover)}
#fsboard .fb-hook i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--fb-line3);display:grid;place-items:center;flex:none;margin-top:0}
#fsboard .fb-hook i .fb-i{width:11px;height:11px}
#fsboard .fb-hook span{flex:1;min-width:0}
#fsboard .fb-hook small{font-size:10.5px;font-weight:700;color:var(--fb-faint);margin-top:2px;flex:none}
#fsboard .fb-hook.on{background:var(--fb-sun);border-color:#000;color:#000}
#fsboard .fb-hook.on i{background:#000;border-color:#000;color:var(--fb-sun)}
#fsboard .fb-hook.on small{color:rgba(0,0,0,.6)}
html[data-theme="dark"] #fsboard .fb-hook.on{border-color:transparent}
#fsboard .fb-meter{display:flex;flex-direction:column;gap:6px;margin-top:2px}
#fsboard .fb-mbar{position:relative;height:7px;border-radius:999px;background:var(--fb-line2)}
#fsboard .fb-mbar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--fb-mint);transition:width .2s}
#fsboard .fb-mbar.is-under i{background:var(--fb-sky2)}
#fsboard .fb-mbar.is-over i{background:var(--fb-hot)}
#fsboard .fb-mtgt{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--fb-ink);border-radius:2px;margin-left:-1px}
#fsboard .fb-mrow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11.5px;color:var(--fb-muted);font-weight:600;row-gap:5px}
#fsboard .fb-mrow b{font-size:14px;font-weight:800;color:var(--fb-ink)}
#fsboard .fb-mrow b.is-ok{color:var(--fb-fact-ink)}
#fsboard .fb-mrow em{font-style:normal}
#fsboard .fb-struct{display:flex;flex-direction:column;gap:7px}
#fsboard .fb-struct:empty{display:none}
#fsboard .fb-struct > .fb-lbl{margin-top:2px}
#fsboard .fb-sbar{display:flex;gap:3px;height:12px}
#fsboard .fb-sbar i{display:block;border-radius:4px;min-width:6px;background:var(--fb-line2)}
#fsboard .fb-sbar.mini{height:5px;gap:2px}
#fsboard .fb-sbar.mini i{border-radius:2px;min-width:3px}
#fsboard .pt-problem > i,#fsboard .fb-sbar i.pt-problem{background:var(--fb-pt-problem)}
#fsboard .pt-depth > i,#fsboard .fb-sbar i.pt-depth{background:var(--fb-pt-depth)}
#fsboard .pt-solution > i,#fsboard .fb-sbar i.pt-solution{background:var(--fb-pt-solution)}
#fsboard .pt-plug > i,#fsboard .fb-sbar i.pt-plug{background:var(--fb-pt-plug)}
#fsboard .fb-slegend{display:flex;flex-wrap:wrap;gap:4px 13px;font-size:11.5px;font-weight:700;color:var(--fb-muted)}
#fsboard .fb-slegend span{display:inline-flex;align-items:center;gap:5px}
#fsboard .fb-slegend span > i{width:9px;height:9px;border-radius:3px;display:inline-block}
#fsboard .fb-slegend b{font:700 10.5px var(--fb-mono);color:var(--fb-ink)}
#fsboard .fb-slegend span.none{opacity:.45}
#fsboard .fb-share{display:flex;align-items:center;gap:9px}
#fsboard .fb-sharek{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--fb-faint);white-space:nowrap}
#fsboard .fb-sharebar{position:relative;flex:1;height:7px;border-radius:999px;background:var(--fb-line2)}
#fsboard .fb-sharebar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--fb-mint);transition:width .2s}
#fsboard .fb-sharebar em{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;border-radius:2px;background:var(--fb-ink)}
#fsboard .fb-share b{font-size:14px;font-weight:800;min-width:36px;text-align:right;color:var(--fb-fact-ink)}
#fsboard .fb-share.is-warn .fb-sharebar i{background:#ffb020}
#fsboard .fb-share.is-warn b{color:var(--fb-warn-ink)}
#fsboard .fb-share.is-bad .fb-sharebar i{background:var(--fb-hot)}
#fsboard .fb-share.is-bad b{color:var(--fb-bad-ink)}
#fsboard .fb-warn.soft.hot{background:var(--fb-warn-bg);color:var(--fb-warn-ink)}
#fsboard .fb-struct .fb-fix{align-self:flex-start}
#fsboard .fb-apst{display:flex;flex-direction:column;gap:5px}
#fsboard .fb-apshare.is-over{color:var(--fb-bad-ink);font-weight:700}
#fsboard .fb-checks{display:flex;flex-direction:column;gap:6px}
#fsboard .fb-checks:empty{display:none}
#fsboard .fb-facts{display:flex;flex-wrap:wrap;gap:5px}
#fsboard .fb-fchip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;background:var(--fb-fact-bg);color:var(--fb-fact-ink);border-radius:999px;padding:3px 9px 3px 4px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#fsboard .fb-fchip b{font:700 10px var(--fb-mono);background:var(--fb-mint);color:#000;border-radius:999px;padding:2px 5px}
#fsboard .fb-texts{border:1px solid var(--fb-line2);border-radius:14px;background:var(--fb-inner);padding:8px 10px}
#fsboard .fb-texts summary{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;font-weight:800;list-style:none}
#fsboard .fb-texts summary::-webkit-details-marker{display:none}
#fsboard .fb-texts summary small{margin-left:auto;font-weight:600;color:var(--fb-faint);font-size:10.5px}
#fsboard .fb-texts summary .fb-i{width:14px;height:14px}
#fsboard .fb-tline{display:flex;gap:8px;align-items:flex-start;padding-top:7px}
#fsboard .fb-tl{font:700 10px var(--fb-mono);color:var(--fb-faint);width:22px;flex:none;padding-top:5px}
#fsboard .fb-bubbles{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
#fsboard .fb-bub{max-width:82%;border-radius:16px;padding:6px 10px;font-size:12.5px;line-height:1.3;display:flex;flex-direction:column;gap:1px}
#fsboard .fb-bub.them{align-self:flex-start;background:var(--fb-panel);border:1px solid var(--fb-line2);border-bottom-left-radius:5px}
#fsboard .fb-bub.me{align-self:flex-end;background:#2f7cf6;color:#fff;border-bottom-right-radius:5px}
#fsboard .fb-bub small{font-size:10px;font-weight:800;opacity:.6}
#fsboard .fb-bub time{font-size:9.5px;opacity:.6;align-self:flex-end}
#fsboard .fb-texts > .fb-small{margin-top:6px}
#fsboard .fb-chat{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--fb-line2);padding-top:10px;margin-top:2px}
#fsboard .fb-thread{display:flex;flex-direction:column;gap:5px;max-height:170px;overflow:auto;overscroll-behavior:contain;padding-right:2px}
#fsboard .fb-msg{display:flex}
#fsboard .fb-msg span{max-width:86%;font-size:12.5px;line-height:1.38;border-radius:14px;padding:6px 10px;user-select:text;-webkit-user-select:text}
#fsboard .fb-msg.me{justify-content:flex-end}
#fsboard .fb-msg.me span{background:var(--fb-me);color:var(--fb-me-ink);border-bottom-right-radius:5px}
#fsboard .fb-msg.ai span{background:var(--fb-inner);border-bottom-left-radius:5px}
#fsboard .fb-msg.typing span{display:inline-flex;align-items:center;gap:7px;font-weight:700;animation:fbPulse 1.6s ease-in-out infinite}
#fsboard .fb-chatrow{display:flex;gap:7px;align-items:flex-end}
#fsboard .fb-send{width:36px;height:36px;border-radius:50%;border:0;background:var(--fb-me);color:var(--fb-me-ink)!important;display:grid;place-items:center;flex:none;padding:0}
#fsboard .fb-send:disabled{opacity:.45}
#fsboard .fb-scf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px}
#fsboard .fb-cost{margin-left:auto;font-size:11px;font-weight:700;color:var(--fb-faint)}
#fsboard .fb-busybar{display:flex;align-items:center;gap:8px;background:var(--fb-pick);border:1px solid var(--fb-line2);border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700;animation:fbPulse 1.6s ease-in-out infinite}
#fsboard .fb-sc.is-busy .fb-box{opacity:.55}

/* ── batches: one lane each (web/public/fv2-board.js layoutOf), in its own colour ─────────────────────────────── */
#fsboard .fb-lane > .fb-colh{height:58px;flex:none}
#fsboard .fb-lane > .fb-colh p{white-space:nowrap}
#fsboard .fb-lane > .fb-colsp{visibility:hidden}
/* the lane's tinted ground, opaque and over the wires (the cards sit on it): a batch reads as one coloured column,
   and the wires of a newer batch pass under the older lanes and plug into the side of their own */
#fsboard .fb-lane::before{content:"";position:absolute;left:-12px;right:-12px;top:62px;bottom:22px;border-radius:26px;background:color-mix(in srgb,var(--acc) var(--fb-lane-tint),var(--fb-bg));border:1px solid color-mix(in srgb,var(--acc) 55%,var(--fb-bg));pointer-events:none}
#fsboard .fb-lanehead{border-top:5px solid var(--acc);gap:7px;padding:12px 14px}
#fsboard .fb-lhr{display:flex;align-items:center;gap:8px;min-width:0}
#fsboard .fb-lhdot{width:12px;height:12px;border-radius:50%;background:var(--acc);border:1.5px solid var(--fb-ink);flex:none}
#fsboard .fb-lanehead h3{font-family:var(--fb-disp);font-weight:400;font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap}
#fsboard .fb-lhn{font:700 11px var(--fb-mono);background:var(--acc);color:#000;border-radius:7px;padding:3px 7px;white-space:nowrap;line-height:1.2}
#fsboard .fb-lhbtn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--fb-line);background:var(--fb-panel);border-radius:999px;padding:5px 11px 5px 8px;font-size:11.5px;font-weight:800;color:var(--fb-ink);flex:none;line-height:1.1}
#fsboard .fb-lhbtn .fb-i{width:14px;height:14px}
#fsboard .fb-lhbtn:hover{background:var(--acc);color:#000;border-color:#000}
#fsboard .fb-lhsrc{font-size:12.5px;line-height:1.42;color:var(--fb-ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#fsboard .fb-lhsrc b{color:var(--fb-ink);font-weight:800}
#fsboard .fb-lhsrc q{font-style:italic;quotes:"“" "”"}
#fsboard .fb-lht{color:var(--fb-muted);white-space:nowrap}
#fsboard .fb-lhprog{height:7px;border-radius:999px;background:var(--fb-line2);overflow:hidden}
#fsboard .fb-lhprog i{display:block;height:100%;border-radius:999px;background:var(--acc-ink)}
#fsboard .fb-lhsub{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;color:var(--fb-ink2)}
#fsboard .fb-lhfrom{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--fb-muted)}
#fsboard .fb-lhfrom span{margin-right:2px}
#fsboard .fb-lhfrom button.fb-idc{border:0;cursor:pointer;padding:0 7px}
#fsboard .fb-lhfrom button.fb-idc:hover{outline:2px solid var(--fb-ink);outline-offset:1px}
#fsboard .fb-lane.is-compact .fb-lanehead h3{font-size:19px}
/* the cards wear their batch's colour: the top, the number */
#fsboard .fb-lane :is(.fb-sc,.fb-writing,.fb-sc.is-ap){border-top-color:var(--acc)}
#fsboard .fb-lane .fb-idc.s,#fsboard .fb-ap[style] .fb-idc.s{background:var(--acc)}
#fsboard .fb-lane :is(.fb-sc,.fb-scm).is-ap{background:var(--fb-ap);box-shadow:inset 0 0 0 2px var(--fb-mint)}
#fsboard .fb-lane :is(.fb-sc,.fb-scm).is-replacing{border-style:dashed;background:var(--fb-inner)}
#fsboard .fb-reptxt{font-weight:700;color:var(--fb-ink2)}
/* a script in a compact lane: number, kind, title, its hook, Open */
#fsboard .fb-scm{padding:11px 13px 10px;gap:6px;border-top:4px solid var(--acc);border-radius:15px}
#fsboard .fb-scmt{font-size:14px;line-height:1.3;font-weight:800;letter-spacing:-.01em;color:var(--fb-ink)}
#fsboard .fb-scmh{font-family:var(--fb-serif);font-style:italic;font-size:15.5px;line-height:1.28;color:var(--fb-ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#fsboard .fb-scmf{display:flex;align-items:center;gap:6px;border-top:1px solid var(--fb-line2);padding-top:8px;margin-top:1px}
#fsboard .fb-scmf .fb-btn .fb-i{width:13px;height:13px}
#fsboard .fb-slot{gap:8px;padding:12px 14px}
#fsboard .fb-slot .fb-shim i{height:10px!important;border-radius:6px!important}
#fsboard .fb-slot .fb-shim i:nth-child(2){width:72%}

/* the jump strip: every batch by name, and Approved, floating over the top of the canvas */
#fsboard .fb-jump{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:2px;max-width:calc(100% - 32px);overflow-x:auto;scrollbar-width:none;background:var(--fb-panel);border:1px solid var(--fb-line);border-radius:999px;padding:4px;box-shadow:0 10px 30px rgba(0,0,0,.13);cursor:default}
html[data-theme="dark"] #fsboard .fb-jump{border-color:rgba(255,255,255,.14);box-shadow:0 12px 36px rgba(0,0,0,.5)}
#fsboard .fb-jump::-webkit-scrollbar{display:none}
#fsboard .fb-jl{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--fb-muted);padding:0 6px 0 10px;white-space:nowrap;flex:none}
#fsboard .fb-jc{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;border-radius:999px;padding:5px 9px 5px 7px;font-size:12px;font-weight:700;color:var(--fb-ink);white-space:nowrap;flex:none;line-height:1.2}
#fsboard .fb-jc:hover{background:var(--fb-inner)}
#fsboard .fb-jc > i{width:11px;height:11px;border-radius:50%;background:var(--acc);border:1.5px solid var(--fb-ink);flex:none}
#fsboard .fb-jc b{font:700 10.5px var(--fb-mono)}
#fsboard .fb-jc span{max-width:150px;overflow:hidden;text-overflow:ellipsis}
#fsboard .fb-jc em{font-style:normal;font-size:10.5px;font-weight:800;background:var(--fb-inner);border:1px solid var(--fb-line2);border-radius:999px;padding:0 6px;line-height:16px;color:var(--fb-ink)}
#fsboard .fb-jc .fb-spin{width:11px;height:11px}
#fsboard .fb-jc.on{background:var(--acc);color:#000}
#fsboard .fb-jc.on > i{border-color:#000}
#fsboard .fb-jc.on em{background:#fff;border-color:transparent;color:#000}
#fsboard .fb-jc.ap .fb-i{width:13px;height:13px;stroke-width:2.6}
#fsboard .fb-jc.ap.on{background:var(--fb-mint);color:#000}
#fsboard .fb-jsep{width:1px;height:18px;background:var(--fb-line2);margin:0 3px;flex:none}
#fsboard :is(.fb-jc,.fb-ap).c1{--acc:var(--fb-b1)} #fsboard :is(.fb-jc,.fb-ap).c2{--acc:var(--fb-b2)} #fsboard :is(.fb-jc,.fb-ap).c3{--acc:var(--fb-b3)} #fsboard :is(.fb-jc,.fb-ap).c4{--acc:var(--fb-b4)} #fsboard :is(.fb-jc,.fb-ap).c5{--acc:var(--fb-b5)}

/* approved */
#fsboard .fb-ap{background:var(--fb-ap);border-top:5px solid var(--fb-mint);gap:8px}
#fsboard .fb-aph{display:flex;align-items:center;gap:6px}
#fsboard .fb-aphook{font-family:var(--fb-serif);font-style:italic;font-size:18px;line-height:1.25;color:var(--fb-ink2)}
#fsboard .fb-apb{display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* empty, progress, skeletons */
#fsboard .fb-start{gap:12px;padding:20px 20px 18px;border-top:5px solid var(--fb-sky2)}
#fsboard .fb-starti{width:44px;height:44px;border-radius:50%;background:var(--fb-sky);border:1px solid #000;display:grid;place-items:center}
html[data-theme="dark"] #fsboard .fb-starti{border-color:transparent}
#fsboard .fb-starti .fb-i{width:20px;height:20px}
#fsboard .fb-start h3{font-family:var(--fb-disp);font-weight:400;font-size:26px;text-transform:uppercase;line-height:1.05;letter-spacing:.005em}
#fsboard .fb-start p{font-size:13.5px;line-height:1.5;color:var(--fb-ink2)}
#fsboard .fb-startl{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--fb-muted)}
#fsboard .fb-empty p{font-size:13px;color:var(--fb-muted)}
#fsboard .fb-err{flex-direction:row;gap:10px;align-items:flex-start;background:var(--fb-bad-bg);border-color:transparent;color:var(--fb-bad-ink)}
#fsboard .fb-err .fb-btn{margin-top:8px}
#fsboard .fb-prog{background:var(--fb-pick);gap:8px}
#fsboard .fb-progh{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;line-height:1.3;min-width:0}
#fsboard .fb-stage{flex:1;min-width:0}
#fsboard .fb-el{font:700 11.5px var(--fb-mono);color:var(--fb-muted);flex:none}
#fsboard .fb-plist{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px;counter-reset:st}
#fsboard .fb-plist li{counter-increment:st;display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--fb-faint);font-weight:600}
#fsboard .fb-plist li::before{content:counter(st);width:18px;height:18px;border-radius:50%;border:1px solid var(--fb-line3);display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}
#fsboard .fb-plist li.on{color:var(--fb-ink)}
#fsboard .fb-plist li.on::before{background:var(--fb-ink);color:var(--fb-bg);border-color:var(--fb-ink)}
#fsboard .fb-skel,#fsboard .fb-shim{gap:10px}
#fsboard .fb-skel i,#fsboard .fb-shim i{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,var(--fb-line2) 25%,var(--fb-inner) 50%,var(--fb-line2) 75%);background-size:300% 100%;animation:fbShim 1.4s linear infinite}
#fsboard .fb-skel i:nth-child(1){width:44%;height:14px} #fsboard .fb-skel i:nth-child(2){width:92%} #fsboard .fb-skel i:nth-child(3){width:70%}
#fsboard .fb-shim{display:flex;flex-direction:column;gap:8px}
#fsboard .fb-shim i:nth-child(1){height:34px;border-radius:10px} #fsboard .fb-shim i:nth-child(2){height:34px;border-radius:10px;width:88%} #fsboard .fb-shim i:nth-child(3){height:90px;border-radius:12px} #fsboard .fb-shim i:nth-child(4){width:60%}
#fsboard .fb-writing{border-top:5px solid var(--fb-sun);gap:10px}
#fsboard .fb-wt{font-size:14.5px;line-height:1.3}
#fsboard .fb-ghost{background:transparent;border:1.5px dashed var(--fb-line3);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--fb-faint);font-size:12.5px;font-weight:600;animation:none}
#fsboard .fb-ghost.tall{min-height:180px;padding:20px 26px;line-height:1.5}

/* ── the prompt box: bottom centre, like Ideation's #tr-ask (no zoom bar, no hints: the bottom is this) ───────── */
#fsboard.fb{isolation:isolate}
#fsboard .fb-dock{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:min(680px,calc(100% - 32px));z-index:5;display:flex;flex-direction:column;gap:8px;pointer-events:none}
#fsboard .fb-dock > *{pointer-events:auto}
#fsboard .fb-ask{position:relative;display:flex;flex-direction:column;margin:0;border-radius:16px;background:var(--fb-panel);border:1px solid var(--fb-line);box-shadow:0 18px 48px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.06);overflow:hidden;transition:box-shadow .15s,border-color .15s}
#fsboard .fb-ask:focus-within{box-shadow:0 0 0 3px rgba(255,215,49,.7),0 18px 48px rgba(0,0,0,.16)}
html[data-theme="dark"] #fsboard .fb-ask{border-color:rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05)}
html[data-theme="dark"] #fsboard .fb-ask:focus-within{border-color:rgba(255,215,49,.55);box-shadow:0 20px 60px rgba(0,0,0,.55)}
#fsboard .fb-askrow{display:flex;align-items:stretch;position:relative;min-width:0}
html body #fsboard.fb textarea.fb-askq{flex:1;min-width:0;width:auto;height:50px;min-height:50px;max-height:140px;padding:15px 16px!important;margin:0;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;resize:none;background:transparent!important;color:var(--fb-ink)!important;font:500 14px/20px var(--fb-ui)!important;letter-spacing:-.01em;overflow:hidden;user-select:text;-webkit-user-select:text}
#fsboard .fb-askph{position:absolute;left:16px;top:15px;right:104px;pointer-events:none;color:var(--fb-muted);font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .28s,transform .28s}
#fsboard .fb-askph.swap{opacity:0;transform:translateY(6px)}
#fsboard .fb-askph.hide{opacity:0}
#fsboard .fb-asksend{flex:none;width:50px;border:0;border-left:1px solid var(--fb-line);background:var(--fb-sun);color:#000!important;display:grid;place-items:center;align-self:stretch;padding:0;margin:0;border-radius:0}
html[data-theme="dark"] #fsboard .fb-asksend{border-left-color:transparent}
#fsboard .fb-asksend .fb-i{width:19px;height:19px;stroke-width:2.5}
#fsboard .fb-asksend:hover:not(:disabled){background:#ffe066}
#fsboard .fb-asksend:disabled{opacity:.6}
#fsboard .fb-askh{flex:none;width:42px;border:0;background:transparent;color:var(--fb-muted);display:grid;place-items:center;padding:0;margin:0}
#fsboard .fb-askh:hover,#fsboard .fb-askh.on{color:var(--fb-ink);background:var(--fb-inner)}
#fsboard .fb-askchip{display:flex;align-items:center;gap:2px;padding:9px 12px 0}
#fsboard .fb-askchipl{display:inline-flex;align-items:center;gap:5px;min-width:0;font-size:12px;font-weight:600;color:var(--fb-ink);background:var(--fb-pick);border:1px solid var(--fb-line2);border-radius:999px 0 0 999px;border-right:0;padding:3px 6px 3px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fsboard .fb-askchipl b{font-weight:800}
#fsboard .fb-askchipl .fb-i{width:13px;height:13px}
#fsboard .fb-askchipx{display:grid;place-items:center;width:26px;align-self:stretch;border:1px solid var(--fb-line2);border-left:0;border-radius:0 999px 999px 0;background:var(--fb-pick);padding:0;color:var(--fb-ink)}
#fsboard .fb-askchipx .fb-i{width:12px;height:12px}
#fsboard .fb-askchipx:hover{background:var(--fb-sun);color:#000}
#fsboard .fb-bubble,#fsboard .fb-asklog{background:var(--fb-panel);border:1px solid var(--fb-line);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.14);animation:fbPop .2s ease both;max-height:min(42vh,340px);overflow:auto;user-select:text;-webkit-user-select:text}
html[data-theme="dark"] #fsboard .fb-bubble,html[data-theme="dark"] #fsboard .fb-asklog{border-color:rgba(255,255,255,.14);box-shadow:0 16px 48px rgba(0,0,0,.5)}
#fsboard .fb-bubble{padding:10px 12px;font-size:13px;line-height:1.45}
#fsboard .fb-bubble.is-err{border-color:var(--fb-bad-ink)}
#fsboard .fb-bubble.is-err .fb-bhead > .fb-i{color:var(--fb-bad-ink)}
#fsboard .fb-bhead{display:flex;align-items:flex-start;gap:8px}
#fsboard .fb-bhead > .fb-i,#fsboard .fb-bhead > .fb-spin{margin-top:2px}
#fsboard .fb-btext{margin:0;flex:1;min-width:0;color:var(--fb-ink);font-weight:500}
#fsboard .fb-blabel{flex:1;min-width:0;font-weight:700;color:var(--fb-ink)}
#fsboard .fb-bcount{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
#fsboard .fb-bubble .fb-el{font-size:11.5px;font-weight:700;color:var(--fb-muted);font-variant-numeric:tabular-nums}
#fsboard .fb-bask{margin:3px 0 0 22px;color:var(--fb-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fsboard .fb-bmeta{display:flex;align-items:center;gap:12px;margin:5px 0 0 24px;font-size:11.5px;color:var(--fb-muted);font-weight:600}
#fsboard .fb-blink{border:0;background:none;padding:0;font-size:11.5px;font-weight:800;text-decoration:underline;color:var(--fb-ink)}
#fsboard .fb-bx{flex:none;width:24px;height:24px;margin:-2px -4px 0 0;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;padding:0;color:var(--fb-muted)}
#fsboard .fb-bx:hover{background:var(--fb-inner);color:var(--fb-ink)}
#fsboard .fb-bx .fb-i{width:13px;height:13px}
#fsboard .fb-asklog{padding:8px}
#fsboard .fb-alh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 6px 6px;font-size:12.5px}
#fsboard .fb-asklog ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
#fsboard .fb-asklog li button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;border:0;border-radius:10px;background:transparent;padding:6px 8px;color:var(--fb-ink)}
#fsboard .fb-asklog li button:hover{background:var(--fb-inner)}
#fsboard .fb-alq{font-size:13px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fsboard .fb-alm{font-size:11.5px;color:var(--fb-muted);font-weight:600}
/* the card the box is talking about, and the ones it just wrote */
#fsboard .fb-card.is-focus{outline:3px solid var(--fb-sun);outline-offset:3px}
#fsboard .fb-still .fb-card{animation:none}
#fsboard .fb-card.is-fresh,#fsboard .fb-still .fb-card.is-fresh{animation:fbPop .25s ease both,fbFresh 2.4s ease .05s both}
@keyframes fbFresh{0%{box-shadow:0 0 0 0 rgba(255,215,49,.95)}35%{box-shadow:0 0 0 9px rgba(255,215,49,.45)}100%{box-shadow:0 0 0 14px rgba(255,215,49,0)}}

/* the toast lives on <body>, so it keeps its own tokens */
.fbx-toast{position:fixed;left:50%;bottom:28px;z-index:400;transform:translate(-50%,14px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;
  display:flex;align-items:center;gap:12px;max-width:min(560px,calc(100vw - 32px));background:#000;color:#fff;border-radius:999px;padding:10px 12px 10px 18px;font:600 13px/1.35 Inter,system-ui,sans-serif}
.fbx-toast.on{opacity:1;transform:translate(-50%,0)}
.fbx-toast.on button{pointer-events:auto}   /* the words let clicks through to the board under them; only the action takes one */
.fbx-toast span{min-width:0}
.fbx-toast button{flex:none;border:0;border-radius:999px;background:var(--sun,#ffd731);color:#000;font:800 12px Inter,system-ui,sans-serif;padding:7px 13px;cursor:pointer}
html[data-theme="dark"] .fbx-toast{background:#f3efe6;color:#0e0e11}
.fbx-toast.over-dock{bottom:96px}   /* the board's prompt box owns the bottom */

/* ── the strip in the Faceless pane (toolboard-core's Content plan card) ─────────────── */
.bc-embed.fb-strip .fb-stripflow{display:flex;flex-wrap:wrap;align-items:center;gap:3px 5px;margin-top:2px}
.bc-embed.fb-strip .fb-stripflow span{font-weight:600}
.bc-embed.fb-strip .fb-stripflow span.on{font-weight:800;opacity:1}
.bc-embed.fb-strip .fb-stripflow i{font-style:normal;opacity:.5}
.bc-embed.fb-strip .fb-stripok{color:#17a864;font-size:10.5px;font-weight:800}
.bc-embed.fb-strip:focus-visible{outline:2px solid var(--sun,#ffd731);outline-offset:2px}

/* ── the entry: what the Studio opens on (fv2-board.js paintEntry). One calm column, three cards:
   ① paste your own script · ② write scripts with Script Studio (the board, behind one button) · ③ your final script ── */
#fsboard .fb-entry{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;outline:none;user-select:text;-webkit-user-select:text;
  background:var(--fb-bg) radial-gradient(var(--fb-dot) 1px,transparent 1.2px) 0 0/24px 24px}
#fsboard .fb-ewrap{max-width:780px;margin:0 auto;padding:30px 20px 64px;display:flex;flex-direction:column;gap:16px}
#fsboard .fb-eload{display:flex;align-items:center;justify-content:center;gap:10px;padding:80px 0;font-weight:700;color:var(--fb-muted)}
#fsboard .fb-ecard{position:relative;background:var(--fb-panel);border:1px solid var(--fb-line);border-radius:22px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;animation:fbPop .25s ease both;text-align:left;width:100%;color:var(--fb-ink)}
html body #fsboard.fb .fb-ecard.fb-eown,html body #fsboard.fb .fb-ecard.fb-efinal:not(.is-empty){box-shadow:0 4px 0 #000}
html[data-theme="dark"] body #fsboard.fb .fb-ecard.fb-eown,html[data-theme="dark"] body #fsboard.fb .fb-ecard.fb-efinal:not(.is-empty){box-shadow:0 4px 0 rgba(0,0,0,.6)}
#fsboard .fb-ehead{display:flex;align-items:flex-start;gap:13px;min-width:0}
#fsboard .fb-ehead > div{flex:1;min-width:0}
#fsboard .fb-ehead > .fb-btn{margin-top:2px}
#fsboard .fb-enum{font-family:var(--fb-disp);font-size:17px;line-height:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--fb-ink);color:var(--fb-bg);flex:none}
#fsboard .fb-enum.done{background:var(--fb-mint);color:#000;border:1px solid #000}
html[data-theme="dark"] #fsboard .fb-enum.done{border-color:transparent}
#fsboard .fb-ecard h2{margin:0;font-family:var(--fb-disp);font-weight:400;font-size:30px;line-height:1.05;text-transform:uppercase;letter-spacing:.005em}
#fsboard .fb-ecard .fb-ehead p{margin:5px 0 0;font-size:13.5px;color:var(--fb-muted);font-weight:600;line-height:1.45}
#fsboard .fb-emuted{color:var(--fb-muted);font-weight:600}
html body #fsboard.fb textarea.fb-ein{display:block;width:100%;margin:0;min-height:230px;max-height:62vh;background:var(--fb-field)!important;color:var(--fb-ink)!important;border:1px solid var(--fb-field-line)!important;border-radius:16px!important;
  font:500 15.5px/1.6 var(--fb-ui)!important;padding:14px 16px!important;resize:vertical;overflow:auto;outline:none!important;user-select:text;-webkit-user-select:text;cursor:text}
html body #fsboard.fb textarea.fb-ein:focus{outline:2px solid var(--fb-sun)!important;outline-offset:0!important;border-color:transparent!important}
html body #fsboard.fb textarea.fb-ein::placeholder{color:var(--fb-faint);opacity:.85}
html body #fsboard.fb textarea.fb-ein:disabled{opacity:.6;cursor:progress}
#fsboard .fb-emeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12.5px;color:var(--fb-muted);font-weight:600;min-height:30px}
#fsboard .fb-estat b{color:var(--fb-ink);font-weight:800}
#fsboard .fb-ewarn{display:inline-flex;align-items:center;gap:5px;color:var(--fb-warn-ink);background:var(--fb-warn-bg);border-radius:999px;padding:3px 9px;font-weight:700}
#fsboard .fb-ewarn .fb-i{width:13px;height:13px}
#fsboard .fb-eclean{margin-left:auto}
#fsboard .fb-eacts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#fsboard .fb-btn.lg{padding:12px 20px;font-size:14px}
#fsboard .fb-btn.lg .fb-i{width:17px;height:17px}
#fsboard .fb-btn.is-confirm{background:var(--fb-sun);color:#000;border-color:#000}
/* ① folded: one row that opens it */
#fsboard button.fb-erow{flex-direction:row;align-items:center;gap:13px;padding:13px 16px;cursor:pointer;font:inherit}
#fsboard button.fb-erow:hover{background:var(--fb-hover)}
#fsboard .fb-erowt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#fsboard .fb-erowt b{font-size:15px;font-weight:800}
#fsboard .fb-erowt small{font-size:12px;color:var(--fb-muted);font-weight:600}
#fsboard .fb-erowgo{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--fb-line);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:800;white-space:nowrap}
#fsboard .fb-erow .fb-enum,#fsboard .fb-ewrite.is-compact .fb-enum{width:30px;height:30px;font-size:14px}
/* ② write here */
#fsboard .fb-ewrite .fb-ehead > .fb-btn{flex:none}
#fsboard .fb-ewrite.is-compact{padding:13px 16px;gap:8px}
#fsboard .fb-ewrite.is-compact h2{font-family:var(--fb-ui);font-size:15px;font-weight:800;text-transform:none;letter-spacing:-.005em;margin-top:6px}
#fsboard .fb-eflow{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;font-size:12px;color:var(--fb-muted);font-weight:600;padding-left:49px}
#fsboard .fb-ewrite.is-compact .fb-eflow{padding-left:43px}
#fsboard .fb-eflow span.on{color:var(--fb-ink);font-weight:800}
#fsboard .fb-eflow i{font-style:normal;opacity:.5}
/* ③ the final script */
#fsboard .fb-efinal.is-empty{border-style:dashed;background:transparent}
#fsboard .fb-efinal.is-empty .fb-enum{background:transparent;color:var(--fb-ink);border:1.5px dashed var(--fb-line3)}
#fsboard .fb-emetas{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
#fsboard .fb-esrc{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;border:1px solid #000;border-radius:999px;padding:3px 9px;color:#000}
#fsboard .fb-esrc .fb-i{width:13px;height:13px}
#fsboard .fb-esrc.own{background:var(--fb-pick)}
#fsboard .fb-esrc.studio{background:var(--fb-lav)}
html[data-theme="dark"] #fsboard .fb-esrc{border-color:transparent}
html[data-theme="dark"] #fsboard .fb-esrc.own{background:#ffe066}
#fsboard .fb-ettl{font-size:13px;font-weight:800;color:var(--fb-muted);text-transform:uppercase;letter-spacing:.04em}
#fsboard .fb-ehook{background:var(--fb-inner);border:1px solid var(--fb-line2);border-radius:16px;padding:12px 16px 14px}
#fsboard .fb-ehook small{display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--fb-muted);margin-bottom:3px}
#fsboard .fb-ehook q{display:block;font-family:var(--fb-serif);font-size:25px;line-height:1.22;color:var(--fb-ink);quotes:"“" "”"}
#fsboard .fb-elines{margin:0;padding:0 0 0 30px;display:flex;flex-direction:column;gap:7px;font-size:14.5px;line-height:1.55;font-weight:500;max-height:46vh;overflow-y:auto}
#fsboard .fb-elines li{padding-left:4px}
#fsboard .fb-elines li::marker{font:800 11.5px var(--fb-ui);color:var(--fb-faint)}
@media (max-width:760px){
  #fsboard .fb-ewrap{padding:16px 16px 48px;gap:12px}
  #fsboard .fb-ecard{padding:16px;border-radius:18px}
  #fsboard .fb-ecard h2{font-size:24px}
  #fsboard .fb-ewrite .fb-ehead{flex-wrap:wrap}
  #fsboard .fb-ewrite .fb-ehead > .fb-btn{width:100%;margin-left:49px;width:calc(100% - 49px)}
  #fsboard .fb-eflow{padding-left:0}
  #fsboard .fb-erowgo span{display:none}
  #fsboard .fb-ehook q{font-size:21px}
  #fsboard .fb-eacts .fb-btn.lg{flex:1 1 100%}
  #fsboard .fb-eclean{margin-left:0}
  #fsboard .fb-toentry span{display:none}
  html body #fsboard.fb textarea.fb-ein{font-size:16px!important;min-height:200px}   /* 16px: a phone does not zoom into the field */
}
/* the board's way back to the entry */
#fsboard .fb-toentry{padding:8px 13px 8px 10px}
#fsboard.is-entry .fb-canvas,#fsboard.is-entry .fb-dock{display:none}

/* ── narrower screens ────────────────────────────────────────────────────────────────── */
@media (max-width:1600px){ #fsboard .fb-chev{display:none} #fsboard .fb-step{padding-right:8px} #fsboard .fb-top > .fb-btn.ghost span{display:none} #fsboard .fb-top > .fb-btn.ghost{padding:8px 10px} }
@media (max-width:1500px){ #fsboard .fb-writer > span{display:none} }
@media (max-width:1400px){ #fsboard .fb-app{max-width:140px} #fsboard .fb-steps{gap:0;margin-left:2px} #fsboard .fb-step{padding:5px 6px 5px 4px;gap:5px} #fsboard .fb-step b{padding:1px 5px} #fsboard .fb-top{gap:8px} #fsboard .fb-t{font-size:23px} }
#fsboard .fb-top > .fb-btn.ghost.is-confirm span{display:inline}
#fsboard .fb-top > .fb-btn.ghost.is-confirm{background:var(--fb-sun);color:#000;border-color:#000;padding:8px 14px}
@media (max-width:1180px){
  #fsboard .fb-app{max-width:120px} #fsboard .fb-step .nm{display:none} #fsboard .fb-step{padding:4px 7px 4px 4px}
  /* History becomes a round button: the native picker opens from the invisible select on top of the icon */
  #fsboard .fb-vers{width:38px;height:38px;padding:0;justify-content:center}
  html body #fsboard.fb .fb-vers select{position:absolute;inset:0;width:100%;max-width:none;opacity:0;padding:0!important}
}
@media (max-width:900px){ #fsboard .fb-writer{display:none} }
@media (max-width:760px){
  #fsboard .fb-top{flex-wrap:wrap;row-gap:8px;padding:8px 12px;min-height:0}
  #fsboard .fb-title{flex:1;min-width:0}
  #fsboard .fb-t{font-size:21px}
  #fsboard .fb-steps{order:10;width:100%;flex:none;margin:0}
  #fsboard .fb-step .nm{display:inline}
  #fsboard .fb-top > .fb-sp{display:none}
  #fsboard .fb-topwrite span{display:none}
  #fsboard .fb-topwrite{padding:8px 10px}
  #fsboard .fb-dock{bottom:12px;width:calc(100% - 24px)}
  #fsboard .fb-jump{left:12px;right:12px;top:8px;transform:none;max-width:none}
  #fsboard .fb-jl{display:none}
  #fsboard .fb-jc span{max-width:92px}
  #fsboard .fb-jc{padding:5px 8px 5px 6px;gap:5px}
  #fsboard .fb-jc.ap span{display:none}   /* ✓ and the count: Approved says itself */
  #fsboard .fb-askph{font-size:13.5px;right:96px}
  .fbx-toast.over-dock{bottom:84px}
}

/* ── less motion when asked ───────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  #fsboard *,#fsboard *::before,#fsboard *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .fbx-toast{transition:none}
}

/* the Script Studio strip as a pill in Faceless Bangers' slim bar (.fv-bslot): one line, its flow or your final
   script's hook after the name, Open on the right. Beats slush/night's card rules for .bc-embed. */
html #pane-faceless .fv-bslot > .bc-embed{flex:1 1 210px;min-width:0;max-width:640px;height:36px;min-height:0!important;margin:0!important;padding:0!important;border:1px solid var(--fv-line,#000)!important;border-radius:999px!important;background:var(--fv-panel,#fff)!important;overflow:hidden;transform:none!important}
html #pane-faceless .fv-bslot > .bc-embed:hover{background:var(--fv-hover,#ffeede)!important}
html #pane-faceless .fv-bslot > .bc-embed .ev{display:none!important}
html #pane-faceless .fv-bslot > .bc-embed .ebar{height:100%;display:flex;align-items:center;gap:8px;padding:0 4px 0 4px!important;border:0!important;background:transparent!important;color:var(--fv-ink,#000)!important}
html #pane-faceless .fv-bslot > .bc-embed .ebar .ic{width:26px;height:26px;border-radius:999px;font-size:13px;flex:none}
html #pane-faceless .fv-bslot > .bc-embed .ebar .et{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;white-space:nowrap}
html #pane-faceless .fv-bslot > .bc-embed .ebar .et > b{flex:none;font-size:13.5px;font-weight:800;color:var(--fv-ink,#000)!important}
html #pane-faceless .fv-bslot > .bc-embed .ebar .et > b .fb-stripok{display:none}
html #pane-faceless .fv-bslot > .bc-embed .ebar .sub{display:flex!important;flex-wrap:nowrap!important;min-width:0;overflow:hidden;margin:0!important;font-size:12px;color:var(--fv-muted,#444)!important;opacity:1!important}
html #pane-faceless .fv-bslot > .bc-embed .ebar .sub > *{flex:none}
html #pane-faceless .fv-bslot > .bc-embed .ebar .sub .fb-stripq{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
html #pane-faceless .fv-bslot > .bc-embed .ebar .ex{flex:none;margin-left:auto;height:28px;display:inline-flex;align-items:center;padding:0 12px!important;font-size:12px!important;border-radius:999px!important;background:var(--fv-ink,#000)!important;color:var(--fv-panel,#fff)!important;border:0!important}
html[data-theme="dark"] #pane-faceless .fv-bslot > .bc-embed{background:var(--fv-inner,#1f1f25)!important;border-color:transparent!important}
html[data-theme="dark"] #pane-faceless .fv-bslot > .bc-embed:hover{background:var(--fv-hover,#2a2a32)!important}
@container fv (max-width:899.98px){html #pane-faceless .fv-bslot > .bc-embed{max-width:none}}
@container fv (max-width:620px){html #pane-faceless .fv-bslot > .bc-embed .ebar .sub{display:none!important}}

/* ── YAP MODE (YAP-ROUND2-PLAN.md §8): the same Studio embedded in Yap Studio's frame (fbOpen(app, { kind: "yap",
   mount })). No overlay: it fills its host (web/public/yap-script.js sizes the host to the window below the bar). ── */
#fsboard.fb.fb-embed{position:relative;inset:auto;z-index:auto;width:100%;height:100%;min-height:560px;border:1px solid var(--fb-line);border-radius:18px;overflow:hidden}
#fsboard.fb.fb-embed .fb-entry{overscroll-behavior:contain}
#fsboard .fb-yapk{font:600 11px var(--fb-ui);letter-spacing:.02em;text-transform:uppercase;color:var(--fb-muted);border:1px solid var(--fb-line3);border-radius:99px;padding:2px 8px;margin-left:8px;white-space:nowrap}
#fsboard .fb-ylines{list-style:none;margin:12px 0 4px;padding:0;display:flex;flex-direction:column;gap:2px}
#fsboard .fb-ylines li{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:7px 8px;border-radius:10px;user-select:text;-webkit-user-select:text}
#fsboard .fb-ylines li:nth-child(odd){background:var(--fb-inner)}
#fsboard .fb-ylines li.is-beat{margin-bottom:10px;box-shadow:0 1px 0 var(--fb-line2)}
#fsboard .fb-yn{font:700 11px var(--fb-mono);color:var(--fb-faint);padding-top:3px}
#fsboard .fb-ystep{display:block;font:700 10.5px var(--fb-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--fb-muted);margin-bottom:1px}
#fsboard .fb-ylines p{margin:0;font-size:14.5px;line-height:1.45;color:var(--fb-ink)}
#fsboard .fb-ytags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
#fsboard .fb-ytags:empty{display:none}
#fsboard .fb-ytag{font-size:11px;color:var(--fb-muted);border:1px dashed var(--fb-line3);border-radius:99px;padding:0 7px;line-height:18px}
#fsboard .fb-ycue{font-size:11px;line-height:18px;border-radius:99px;padding:0 8px 0 0;background:var(--fb-sky);color:var(--fb-ink2);display:inline-flex;gap:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fsboard .fb-ycue b{background:var(--fb-sky2);color:#fff;border-radius:99px;padding:0 7px;font-weight:700}
#fsboard .fb-ycue.k-graphic b{background:#8a5cff}
#fsboard .fb-ycue.k-text b{background:var(--fb-hot)}
#fsboard .fb-ycue.k-screen b{background:#1b9e63}
#fsboard .fb-ybeats{margin:8px 0 2px;border:1px solid var(--fb-line2);border-radius:12px;padding:6px 10px;background:var(--fb-panel)}
#fsboard .fb-ybeats summary{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:700;font-size:12.5px;list-style:none}
#fsboard .fb-ybeats summary::-webkit-details-marker{display:none}
#fsboard .fb-ybeats summary small{font-weight:500;color:var(--fb-muted);margin-left:auto}
#fsboard .fb-ybeats .fb-ylines p{font-size:12.5px}
/* the prompt box never moves (Adi, Oct 9): a Script Studio embedded in a page (Yap, Carousel) scrolls with that page,
   so its dock is fixed to the window's foot instead of the board's; the full-screen board already holds it still */
#fsboard.fb-embed .fb-dock{position:fixed;bottom:max(16px,env(safe-area-inset-bottom))}
/* the Carousel Script Studio's box stays at the window's foot on the entry too (fv2-board.js paintAll); the entry scrolls clear of it */
#fsboard.fb-car.is-entry .fb-dock{display:flex}
#fsboard.fb-car.is-entry .fb-entry{padding-bottom:120px}
/* opened from Faceless Bangers (faceless-core.js fvPinBoard): the board starts under the bar, which stays on screen */
#fsboard.fb.fb-underbar{bottom:0;border-top:1px solid var(--fb-line);border-radius:18px 18px 0 0;overflow:hidden}
/* under a studio's toggle (.fb-slim: pinned under Faceless' bar, or embedded in Carousel and Yap): the toggle already
   says where you are, so the board has no second title and no round back or close. Its few actions (the app, the
   column steps, Write, History, New narratives) sit in one slim row of rounded rectangles in the toggle's tokens
   (.bs-modes: 12.5px/700 Inter, the card fill, the hairline), never circles. */
#fsboard.fb-slim .fb-top{min-height:0;padding:7px 10px;gap:6px;background:var(--fb-panel)}
#fsboard.fb-slim .fb-top .fb-app{height:30px;display:inline-flex;align-items:center;border-radius:10px;padding:0 11px;font:700 12.5px/1 var(--fb-ui);background:var(--fb-inner);color:var(--fb-ink);border:1px solid var(--fb-line2);flex:none}
#fsboard.fb-slim .fb-top .fb-btn{height:30px;border-radius:10px;padding:0 11px;font:700 12.5px/1 var(--fb-ui);gap:6px}
#fsboard.fb-slim .fb-top .fb-btn .fb-i{width:14px;height:14px}
#fsboard.fb-slim .fb-top .fb-btn.ghost{background:var(--fb-panel);border-color:var(--fb-line2)}
#fsboard.fb-slim .fb-top .fb-btn.sun{border-color:transparent}
#fsboard.fb-slim .fb-top .fb-vers{height:30px;border-radius:10px;border-color:var(--fb-line2)}
html body #fsboard.fb.fb-slim .fb-top .fb-vers select{border-radius:10px!important;padding:0 11px 0 7px!important;height:28px;font:700 12.5px var(--fb-ui)!important}
#fsboard.fb-slim .fb-steps{margin-left:2px;gap:2px}
#fsboard.fb-slim .fb-step{border-radius:10px;height:30px;padding:0 9px 0 4px}
#fsboard.fb-slim .fb-step i{width:20px;height:20px;border-radius:6px}
html[data-theme="dark"] #fsboard.fb-slim .fb-top .fb-btn:not(.sun),html[data-theme="dark"] #fsboard.fb-slim .fb-top .fb-vers{border-color:rgba(255,255,255,.16)}
html[data-theme="dark"] #fsboard.fb-slim .fb-top .fb-app{background:var(--l2,#1f1f25);border-color:transparent}
@media (max-width:760px){
  #fsboard.fb-slim .fb-top{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:6px 8px}
  #fsboard.fb-slim .fb-top::-webkit-scrollbar{display:none}
  #fsboard.fb-slim .fb-steps{order:2;width:auto;flex:none;overflow:visible}
  #fsboard.fb-slim .fb-top .fb-topwrite{order:1}
  #fsboard.fb-slim .fb-top > .fb-vers,#fsboard.fb-slim .fb-top > .fb-btn.ghost{order:3}
  #fsboard.fb-slim .fb-top .fb-topwrite span{display:inline}   /* Write stays a labelled button: the board's main action */
  #fsboard.fb-slim .fb-step .nm{display:none}
  #fsboard.fb-slim .fb-top .fb-app{max-width:110px;overflow:hidden;text-overflow:ellipsis}
}
/* switching studios: only the area under the toggle changes, a quick fade (the bar itself never moves) */
@keyframes fbFadeIn{from{opacity:0}to{opacity:1}}
#fsboard.fb.fb-underbar.is-open{animation:fbFadeIn .15s ease-out}