:root{--fb-accent:#1D3480;--fb-accent-contrast:#ffffff;--fb-code-surface:rgba(20,30,50,.06);--fb-hover:rgba(20,30,50,.05);--fb-danger:#c0392b;--fb-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fb-ink:#0E1A33;--fb-paper:#F6F8FC;--fb-muted:#4A5670;--fb-line:#DDE4F0;--fb-surface:#FFFFFF;--fb-radius:6px;--fb-font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Inter, system-ui, sans-serif;--fb-font-body:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Inter, system-ui, sans-serif;--fb-font-heading:-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Inter, system-ui, sans-serif;--fb-text-xs:12px;--fb-text-sm:14px;--fb-text-md:16px;--fb-text-lg:20px;--fb-text-xl:25px;--fb-text-2xl:31px;--fb-text-3xl:39px;--fb-space-1:4px;--fb-space-2:8px;--fb-space-3:12px;--fb-space-4:16px;--fb-space-5:24px;--fb-space-6:32px;--fb-space-7:48px;--fb-space-8:64px;--fb-measure:68ch;--fb-focus:#1D3480;--fb-shadow-1:0 1px 3px color-mix(in srgb, #172033 10%, transparent);--fb-shadow-2:0 4px 12px color-mix(in srgb, #172033 14%, transparent);--fb-shadow-3:0 12px 32px color-mix(in srgb, #172033 20%, transparent);--fb-mark:color-mix(in srgb,var(--fb-accent-2,var(--fb-accent)) 30%,transparent);--accent:var(--fb-accent);--ink:var(--fb-ink);--paper:var(--fb-paper);--muted:var(--fb-muted);--line:var(--fb-line);--surface:var(--fb-surface);font-family:var(--fb-font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--fb-font-heading)}mark{background:var(--fb-mark);color:inherit}:focus-visible{outline:2px solid var(--fb-focus);outline-offset:2px}html[data-fb-theme="calm"]{--fb-ink:#3d3a34;--fb-line:#d8d1c2;--fb-muted:#676153;--fb-paper:#f4f1ea;--fb-accent:#4f5c48;--fb-surface:#eae5d9;--fb-accent-contrast:#f4f1ea;--fb-accent-2:#c2703f;}html[data-fb-theme="dark"]{--fb-ink:#e8f0ec;--fb-line:#263531;--fb-muted:#9db0a8;--fb-paper:#0d1412;--fb-accent:#5fd6a4;--fb-surface:#16201d;--fb-accent-contrast:#06110d;--fb-accent-2:#d9f248;}html[data-fb-theme="cyber"]{--fb-ink:#b9ffe9;--fb-line:#2c1a5e;--fb-muted:#a596e8;--fb-paper:#05010f;--fb-accent:#00e5b0;--fb-surface:#12042c;--fb-accent-contrast:#05010f;--fb-accent-2:#ff2d95;}html[data-fb-theme="light"]{--fb-ink:#101a17;--fb-line:#d9e0dc;--fb-muted:#55635e;--fb-paper:#f6f7fb;--fb-accent:#164f3c;--fb-surface:#eff3ed;--fb-accent-contrast:#ffffff;--fb-accent-2:#d9f248;}html[data-fb-theme="cedar-dark"]{--fb-btn:#7DF3FF;--fb-ink:#EAF2FF;--fb-good:#9FE2BD;--fb-line:#1C2740;--fb-risk:#FFB4A2;--fb-warn:#F2D38A;--fb-muted:#9FB0CC;--fb-paper:#070C18;--fb-accent:#7DF3FF;--fb-chrome:#040812;--fb-danger:#FF9C8A;--fb-scheme:dark;--fb-btn-ink:#06213A;--fb-good-bg:#1E3A2A;--fb-risk-bg:#42211A;--fb-surface:#0E1628;--fb-warn-bg:#3A3018;--fb-on-accent:#06213A;--fb-accent-ink:#8BF5FF;--fb-chrome-ink:#EAF2FF;--fb-chrome-line:#1C2740;--fb-chrome-hover:#142039;--fb-chrome-muted:#9FB0CC;--fb-chrome-accent:#7DF3FF;--fb-chrome-active:#142039;--fb-chrome-surface:#0E1628;--fb-accent-contrast:#06213A;}html[data-fb-theme="cedar-dusk"]{--fb-btn:#1D3480;--fb-ink:#0E1A33;--fb-good:#24583A;--fb-line:#DDE4F0;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5670;--fb-paper:#F6F8FC;--fb-accent:#1D3480;--fb-chrome:#EEF3FB;--fb-danger:#B42318;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#1D3480;--fb-chrome-ink:#0E1A33;--fb-chrome-line:#D8E1F0;--fb-chrome-hover:#E0E9F8;--fb-chrome-muted:#4A5670;--fb-chrome-accent:#1D3480;--fb-chrome-active:#E0E9F8;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}html[data-fb-theme="cedar-light"]{--fb-btn:#1D3480;--fb-ink:#0E1A33;--fb-good:#24583A;--fb-line:#DDE4F0;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5670;--fb-paper:#F6F8FC;--fb-accent:#1D3480;--fb-chrome:#EEF3FB;--fb-danger:#B42318;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#1D3480;--fb-chrome-ink:#0E1A33;--fb-chrome-line:#D8E1F0;--fb-chrome-hover:#E0E9F8;--fb-chrome-muted:#4A5670;--fb-chrome-accent:#1D3480;--fb-chrome-active:#E0E9F8;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}html[data-fb-theme="cedar-stone"]{--fb-ink:#1F2A30;--fb-line:#D8D3C9;--fb-muted:#5A666C;--fb-paper:#F1EEE8;--fb-accent:#A94A24;--fb-radius:8px;--fb-surface:#FBFAF7;}html[data-fb-theme="cedar-future"]{--fb-btn:#7DF3FF;--fb-ink:#F4F8FF;--fb-good:#9FE2BD;--fb-line:#5C86D6;--fb-risk:#FFB4A2;--fb-warn:#F2D38A;--fb-muted:#BCD0F4;--fb-paper:#0B3A8C;--fb-accent:#7DF3FF;--fb-chrome:#072A6A;--fb-danger:#FF9C8A;--fb-scheme:dark;--fb-btn-ink:#0A2A66;--fb-good-bg:#1E3A2A;--fb-risk-bg:#42211A;--fb-surface:#0D4299;--fb-warn-bg:#3A3018;--fb-on-accent:#0A2A66;--fb-accent-ink:#8BF5FF;--fb-chrome-ink:#FFFFFF;--fb-chrome-line:#2C5BB5;--fb-chrome-hover:#0E3F95;--fb-chrome-muted:#AFC6F2;--fb-chrome-accent:#7DF3FF;--fb-chrome-active:#0E3F95;--fb-chrome-surface:#0D3884;--fb-accent-contrast:#0A2A66;}html[data-fb-theme="cedar-contrast"]{--fb-btn:#1D3480;--fb-ink:#0E1A33;--fb-good:#24583A;--fb-line:#DDE4F0;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5670;--fb-paper:#F6F8FC;--fb-accent:#1D3480;--fb-chrome:#EEF3FB;--fb-danger:#B42318;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#1D3480;--fb-chrome-ink:#0E1A33;--fb-chrome-line:#D8E1F0;--fb-chrome-hover:#E0E9F8;--fb-chrome-muted:#4A5670;--fb-chrome-accent:#1D3480;--fb-chrome-active:#E0E9F8;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}html[data-fb-theme="cedar-stone-app"]{--fb-btn:#1D3480;--fb-ink:#0E1A33;--fb-good:#24583A;--fb-line:#DDE4F0;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5670;--fb-paper:#F6F8FC;--fb-accent:#1D3480;--fb-chrome:#EEF3FB;--fb-danger:#B42318;--fb-radius:6px;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#1D3480;--fb-chrome-ink:#0E1A33;--fb-chrome-line:#D8E1F0;--fb-chrome-hover:#E0E9F8;--fb-chrome-muted:#4A5670;--fb-chrome-accent:#1D3480;--fb-chrome-active:#E0E9F8;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}@media (prefers-color-scheme:light){html:not([data-fb-theme]){--fb-btn:#1D3480;--fb-ink:#0E1A33;--fb-good:#24583A;--fb-line:#DDE4F0;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5670;--fb-paper:#F6F8FC;--fb-accent:#1D3480;--fb-chrome:#EEF3FB;--fb-danger:#B42318;--fb-radius:6px;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#1D3480;--fb-chrome-ink:#0E1A33;--fb-chrome-line:#D8E1F0;--fb-chrome-hover:#E0E9F8;--fb-chrome-muted:#4A5670;--fb-chrome-accent:#1D3480;--fb-chrome-active:#E0E9F8;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}}@media (prefers-color-scheme:dark){html:not([data-fb-theme]){--fb-btn:#1D3480;--fb-ink:#0E1A33;--fb-good:#24583A;--fb-line:#DDE4F0;--fb-risk:#8A2E12;--fb-warn:#6B4E0A;--fb-muted:#4A5670;--fb-paper:#F6F8FC;--fb-accent:#1D3480;--fb-chrome:#EEF3FB;--fb-danger:#B42318;--fb-radius:6px;--fb-scheme:light;--fb-btn-ink:#FFFFFF;--fb-good-bg:#E3F0E6;--fb-risk-bg:#F7E0D8;--fb-surface:#FFFFFF;--fb-warn-bg:#F6ECD3;--fb-on-accent:#FFFFFF;--fb-accent-ink:#1D3480;--fb-chrome-ink:#0E1A33;--fb-chrome-line:#D8E1F0;--fb-chrome-hover:#E0E9F8;--fb-chrome-muted:#4A5670;--fb-chrome-accent:#1D3480;--fb-chrome-active:#E0E9F8;--fb-chrome-surface:#FFFFFF;--fb-accent-contrast:#FFFFFF;}}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../_fonts/1/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../_fonts/1/inter-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../_fonts/1/inter-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../_fonts/1/inter-cyrillic-ext.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
.fb-block{grid-column:1/-1;flex-basis:100%}
.sc-nav-item{position:relative;display:inline-flex;align-items:center}.sc-nav-sub{position:absolute;left:0;top:100%;z-index:50;display:flex;flex-direction:column;width:max-content;max-width:min(20rem,calc(100vw - 16px));gap:1px;padding:5px;margin-top:6px;background:var(--fb-paper,#fff);border:1px solid color-mix(in srgb, var(--fb-line,rgba(20,30,50,.18)) 55%, transparent);border-radius:calc(var(--fb-radius,12px) * .4);box-shadow:var(--fb-shadow-1,0 1px 3px rgb(15 23 42 / 10%)),var(--fb-shadow-2,0 4px 12px rgb(15 23 42 / 14%));visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity 140ms ease,transform 140ms ease,visibility 0s linear 140ms}.sc-nav-sub::before{content:"";position:absolute;left:0;right:0;top:-7px;height:7px}.sc-nav-sub .sc-nav-sub{top:18px;left:100%;margin:0 0 0 6px}.sc-nav-sub .sc-nav-sub::before{left:-7px;right:auto;top:-26px;bottom:0;width:7px;height:auto}.sc-nav>.sc-nav-item:last-child>.sc-nav-sub{left:auto;right:0}.sc-nav>.sc-nav-item:last-child .sc-nav-sub .sc-nav-sub{left:auto;right:100%;margin:0 6px 0 0}.sc-nav>.sc-nav-item:last-child .sc-nav-sub .sc-nav-sub::before{left:auto;right:-7px}.sc-nav .sc-nav-has-children>a{display:flex;align-items:center;gap:6px}.sc-nav .sc-nav-has-children>a::after{content:"";display:inline-block;flex:none;width:0;height:0;vertical-align:middle;border:4px solid transparent;border-top-color:currentColor;border-bottom-width:0;margin-top:1px;opacity:.6}.sc-nav-sub .sc-nav-has-children>a{justify-content:space-between}.sc-nav-sub .sc-nav-has-children>a::after{border:4px solid transparent;border-left-color:currentColor;border-right-width:0;margin:0 0 0 6px}.sc-nav-has-children:hover>.sc-nav-sub,.sc-nav-has-children:focus-within>.sc-nav-sub{visibility:visible;opacity:1;transform:translateY(0);transition:opacity 140ms ease,transform 140ms ease,visibility 0s}.sc-nav-sub>a,.sc-nav-sub .sc-nav-item>a{display:block;padding:7px 11px;overflow-wrap:anywhere;border-radius:calc(var(--fb-radius,12px) * .28);transition:background-color 120ms ease,color 120ms ease}.sc-nav-sub>a:hover,.sc-nav-sub>a:focus-visible{background:var(--fb-hover,rgba(20,30,50,.06))}@media (prefers-reduced-motion:reduce){.sc-nav-sub{transform:none;transition:none}.sc-nav-has-children:hover>.sc-nav-sub,.sc-nav-has-children:focus-within>.sc-nav-sub{transform:none;transition:none}}.sc-page-index a[data-depth="1"]{margin-left:var(--fb-space-4,16px)}.sc-page-index a[data-depth="2"]{margin-left:var(--fb-space-6,32px)}.sc-page-index a[data-depth="3"]{margin-left:var(--fb-space-7,48px)}
/* styles/site.css */
:root{--ink:var(--fb-ink);--muted:var(--fb-muted);--line:var(--fb-line);--paper:#F4F3F0;--surface:var(--fb-surface);--accent:var(--fb-accent);--r:var(--fb-radius);--font:var(--fb-font-family);--head:var(--fb-font-heading,var(--fb-font-family));
--tint:color-mix(in srgb,var(--accent) 8%,var(--surface));--tint2:color-mix(in srgb,var(--accent) 14%,var(--surface));--sunk:color-mix(in srgb,var(--ink) 4%,var(--paper));
--sh1:0 1px 2px rgb(20 20 30/.04),0 1px 3px rgb(20 20 30/.06);--sh2:0 2px 4px rgb(20 20 30/.04),0 8px 24px -6px rgb(20 20 30/.10);--sh3:0 12px 40px -12px rgb(20 20 30/.22);
--ease:cubic-bezier(.2,.8,.2,1);color:var(--ink);background:var(--paper);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:var(--paper);color:var(--ink)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}

/* ---------- Shell ---------- */
.app{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}
.rail{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:18px 14px;background:color-mix(in srgb,var(--ink) 3.5%,var(--paper));border-right:1px solid var(--line)}
.ws{display:flex;align-items:center;gap:11px;padding:6px 8px;border-radius:12px;min-height:48px;transition:background .2s var(--ease)}
.ws:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}
.ws-logo{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--ink);color:var(--paper);font-weight:700;font-size:13px;letter-spacing:.02em}
.ws-name{display:grid;min-width:0;line-height:1.25}.ws-name b{font-size:15px;letter-spacing:-.01em}.ws-name small{font-size:12px;color:var(--muted)}
.deal-mini{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:var(--surface);box-shadow:var(--sh1);border:1px solid var(--line);transition:transform .15s var(--ease),box-shadow .2s var(--ease)}
.deal-mini:hover{box-shadow:var(--sh2)}.deal-mini:active{transform:scale(.98)}
.dm-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted)}.dm-top b{color:var(--ink);font-size:13px}
.dm-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.dm-bar i{height:5px;border-radius:3px;background:var(--line)}.dm-bar i.on{background:var(--ink)}.dm-bar i.now{background:var(--accent)}
.dm-next{font-size:12.5px;font-weight:600;letter-spacing:-.005em}
.rail-nav{display:grid;gap:14px}
.grp-label{margin:0 0 4px;padding:0 10px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.rail .sc-nav,.menu .sc-nav{display:grid;gap:1px}
.rail .sc-nav a,.menu .sc-nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px;border-radius:9px;font-size:14px;font-weight:500;color:color-mix(in srgb,var(--ink) 82%,var(--paper));transition:background .15s var(--ease),transform .12s var(--ease)}
.rail .sc-nav a::before,.menu .sc-nav a::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--ink) 22%,transparent);transition:background .2s var(--ease),transform .2s var(--ease)}
.rail .sc-nav a:hover{background:color-mix(in srgb,var(--ink) 5.5%,transparent)}
.rail .sc-nav a:active{transform:scale(.98)}
.rail-foot{margin-top:auto;display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.people-mini,.me{display:flex;align-items:center;gap:10px;padding:4px 6px}
.people-mini>span:last-child,.me>span{display:grid;line-height:1.25;min-width:0}.people-mini b,.me b{font-size:13px}.people-mini small,.me small{font-size:11.5px;color:var(--muted)}
.stack{display:inline-flex}.stack .av{margin-left:-6px;box-shadow:0 0 0 2px var(--paper)}.stack .av:first-child{margin-left:0}
.av{flex:none;width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;font-style:normal;font-size:11px;font-weight:650;color:#fff;letter-spacing:.02em}
.a1{background:#2F5D7C}.a2{background:var(--accent)}.a3{background:#3F6B4E}.a4{background:#6B4F8C}
.main{min-width:0;display:flex;flex-direction:column}
.bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;min-height:60px;padding:0 clamp(16px,3vw,32px);background:color-mix(in srgb,var(--paper) 72%,transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 70%,transparent)}
.path{margin:0 auto 0 0;display:flex;align-items:center;gap:8px;min-width:0;font-size:13.5px;color:var(--muted)}.path b{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path .sep{opacity:.5}
.chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:12.5px;font-weight:600;white-space:nowrap}
.chip-live i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.bar-stack .av{width:28px;height:28px;font-size:10.5px}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:14px;font-weight:600}
.menu summary::-webkit-details-marker{display:none}
.burger{display:grid;gap:4px}.burger i{display:block;width:14px;height:2px;border-radius:2px;background:var(--ink)}
.menu nav{position:absolute;left:0;top:calc(100% + 8px);width:min(300px,88vw);max-height:74vh;overflow:auto;display:grid;gap:12px;padding:12px 8px;border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--line);box-shadow:var(--sh3);transform-origin:top left}
.menu[open] nav{animation:pop .22s var(--ease)}
@keyframes pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.foot{margin-top:auto;padding:22px clamp(16px,3vw,32px) 28px;font-size:12px;color:var(--muted)}
@media (max-width:1000px){.app{grid-template-columns:minmax(0,1fr)}.rail{display:none}.menu{display:block}.bar-stack{display:none}}
@media (max-width:620px){.chip-live{display:none}.path span:first-child,.path .sep{display:none}}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;transition:transform .12s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease);box-shadow:var(--sh1)}
.btn:hover{background:color-mix(in srgb,var(--ink) 86%,var(--accent))}
.btn:active{transform:scale(.97)}
.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}
.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn-ghost:hover{background:var(--sunk)}
.btn-sm{min-height:34px;padding:0 13px;font-size:13px;border-radius:9px}

/* ---------- View ---------- */
.view{width:100%;max-width:1240px;margin:0 auto;padding:clamp(18px,3vw,32px) clamp(16px,3vw,32px) 48px;display:grid;gap:22px}
.view h1,.view h2,.view h3{font-family:var(--head);margin:0;color:var(--ink)}
.view h1{font-size:clamp(26px,3vw,34px);line-height:1.12;font-weight:700;letter-spacing:-.022em}
.view h2{font-size:19px;line-height:1.25;font-weight:650;letter-spacing:-.014em}
.view h3{font-size:15.5px;line-height:1.3;font-weight:650;letter-spacing:-.008em}
.view p{margin:0}
.vh{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px}
.vh-text{display:grid;gap:6px;max-width:760px;min-width:0}
.vh-sub{font-size:15.5px;color:var(--muted)}
.vh-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.vh-actions{display:flex;flex-wrap:wrap;gap:8px}
.tabs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:12px;background:color-mix(in srgb,var(--ink) 6%,var(--paper));justify-self:start;max-width:100%}
.tabs a{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:9px;font-size:13.5px;font-weight:550;color:var(--muted);transition:background .2s var(--ease),color .2s var(--ease),transform .12s var(--ease)}
.tabs a:hover{color:var(--ink)}.tabs a:active{transform:scale(.97)}
.tabs a[aria-current="page"]{background:var(--surface);color:var(--ink);box-shadow:var(--sh1)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start}
.s12{grid-column:span 12}.s8{grid-column:span 8}.s7{grid-column:span 7}.s6{grid-column:span 6}.s5{grid-column:span 5}.s4{grid-column:span 4}
@media (max-width:1100px){.s8,.s7,.s6,.s5,.s4{grid-column:span 12}}
.card{min-width:0;display:grid;align-content:start;gap:14px;padding:18px 20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1)}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.card-h a{font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap}
.card-h a:hover{text-decoration:underline}
.card-sub{font-size:13.5px;color:var(--muted)}
.card-hot{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 92%,#fff) 0%,var(--accent) 60%,color-mix(in srgb,var(--accent) 80%,#000) 100%);border-color:transparent;color:#fff}
.card-hot h2,.card-hot h3{color:#fff}.card-hot .card-sub,.card-hot p{color:color-mix(in srgb,#fff 88%,var(--accent))}
.card-hot .btn{background:#fff;color:var(--ink)}
.card-hot .facts-on{background:rgb(255 255 255/.22);border-color:rgb(255 255 255/.22)}.card-hot .facts-on div{background:rgb(255 255 255/.10)}.card-hot .facts-on dt{color:rgb(255 255 255/.85)}.card-hot .facts-on dd{color:#fff}
.card-hot .over{font-size:12px;font-weight:600;letter-spacing:.02em;opacity:.9}
.stagebar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.stagebar li{list-style:none;display:grid;gap:6px;min-width:0}
.stagebar li::before{content:"";height:6px;border-radius:4px;background:var(--line)}
.stagebar li.done::before{background:var(--ink)}.stagebar li.now::before{background:var(--accent)}
.stagebar b{font-size:12.5px;font-weight:600;letter-spacing:-.005em;overflow-wrap:anywhere}.stagebar span{font-size:12px;color:var(--muted)}
.stagebar li.now b{color:var(--accent)}
ol.stagebar{margin:0;padding:0}
@media (max-width:700px){.stagebar{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;margin:0;border-radius:12px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.facts div{padding:12px 14px;background:var(--surface)}.facts dt{font-size:12px;color:var(--muted)}.facts dd{margin:3px 0 0;font-weight:600;font-size:14.5px;letter-spacing:-.005em}
.rows{list-style:none;margin:0;padding:0;display:grid}
.rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:11px 4px;border-top:1px solid var(--line)}
.rows li:first-child{border-top:0}
.rows .ic{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--sunk);font-size:12px;font-weight:700;color:var(--muted)}
.rows .ic.hot{background:var(--tint2);color:var(--accent)}.rows .ic.ok{background:#E3F0E6;color:#2E6B41}
.rows .t{display:grid;min-width:0}.rows .t b{font-size:14px;font-weight:600;letter-spacing:-.005em}.rows .t small{font-size:12.5px;color:var(--muted)}
.rows a.t:hover b{color:var(--accent)}
.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--sunk);color:var(--ink)}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.p-good{background:#E3F0E6;color:#24583A}.p-warn{background:#F6ECD3;color:#6B4E0A}.p-risk{background:#F7E0D8;color:#8A2E12}.p-info{background:#E1EAF3;color:#23466A}.p-hot{background:var(--tint2);color:var(--accent)}.p-neutral{background:var(--sunk);color:var(--muted)}
.feed{list-style:none;margin:0;padding:0;display:grid;gap:0}
.feed li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:0 0 16px}
.feed li:not(:last-child)::after{content:"";position:absolute;left:14.5px;top:32px;bottom:2px;width:1px;background:var(--line)}
.feed .fx{display:grid;gap:2px}.feed .fx b{font-size:14px;font-weight:600}.feed .fx span{font-size:13.5px;color:var(--muted)}.feed time{font-size:12px;color:var(--muted)}
.plist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.plist li{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:var(--sunk)}
.plist li>div{display:grid;gap:2px;min-width:0}.plist b{font-size:14px}.plist small{font-size:12.5px;color:var(--muted)}.plist p{font-size:13px;margin-top:4px!important}
.opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.opts{grid-template-columns:minmax(0,1fr)}}
.opt{position:relative;display:grid;align-content:start;gap:10px;padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);transition:box-shadow .2s var(--ease),transform .15s var(--ease)}
.opt:hover{box-shadow:var(--sh2)}
.opt .radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--line)}
.opt-rec{border:2px solid var(--accent);box-shadow:0 0 0 4px var(--tint)}
.opt-rec .radio{border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--surface);background:var(--accent)}
.opt ul{margin:0;padding-left:18px;display:grid;gap:5px;font-size:13.5px}
.opt .fit{font-size:13.5px;color:var(--muted)}
.opt-top{display:flex;justify-content:space-between;align-items:center}
.appcard{display:grid;gap:0;padding:0;overflow:hidden}
.appcard .ah{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.appcard .ah>div{display:grid;gap:2px;min-width:0}.appcard .ah small{font-size:13px;color:var(--muted)}
.appcard .ab{padding:0}
.appcard .dot{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--accent);margin-right:8px}
fb-embed{display:block;width:100%;min-width:0}
.appcard h2{scroll-margin-top:84px}
.jump{display:flex;flex-wrap:wrap;gap:6px}
.jump a{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:550;transition:transform .12s var(--ease)}
.jump a:hover{border-color:var(--accent)}.jump a:active{transform:scale(.97)}
.note{font-size:12.5px;color:var(--muted)}
.banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:var(--r);background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}
.banner p{font-size:14px}.banner b{font-weight:650}

/* ---------- Live blocks and document viewer ---------- */
.blk{margin:0;display:grid;gap:6px;min-width:0}
.card>.blk{margin:-4px -6px}
.blk figcaption{display:flex;align-items:center;gap:6px;padding:0 4px;font-size:12px;color:var(--muted)}
.blk figcaption::before{content:"";width:6px;height:6px;border-radius:50%;background:#3F9B5F;box-shadow:0 0 0 3px #3F9B5F22}
.blk figcaption{flex-wrap:wrap}.blk-open{margin-left:auto;font-size:13px;font-weight:600;color:var(--fb-accent-ink,var(--accent));text-decoration:none;white-space:nowrap}.blk-open:hover{text-decoration:underline}
.doc-wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}
@media (max-width:1100px){.doc-wrap{grid-template-columns:minmax(0,1fr)}.doc-aside{position:static!important}}
.doc{min-width:0;display:grid;gap:26px;padding:clamp(18px,3vw,36px);border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1)}
.doc>.cover{margin:calc(-1*clamp(18px,3vw,36px)) calc(-1*clamp(18px,3vw,36px)) 0;border-radius:18px 18px 0 0;overflow:hidden}
.doc>.cover img{width:100%;aspect-ratio:1280/400;object-fit:cover}
.doc .sec{display:grid;gap:14px;scroll-margin-top:84px}
.doc .sec>p,.doc .sec li{max-width:74ch}
.doc .sec ul,.doc .sec ol{margin:0;padding-left:20px;display:grid;gap:7px}
.doc .blk{padding:6px;border-radius:14px;background:var(--sunk)}
.doc-aside{position:sticky;top:76px;display:grid;gap:12px}
.toc{display:grid;gap:1px}
.toc a{display:block;padding:6px 10px;border-radius:8px;font-size:13px;color:var(--muted);border-left:2px solid transparent}
.toc a:hover{background:var(--sunk);color:var(--ink);border-left-color:var(--accent)}
.meta{display:grid;gap:8px;margin:0}
.meta div{display:flex;justify-content:space-between;gap:10px;font-size:13px}.meta dt{color:var(--muted)}.meta dd{margin:0;font-weight:600;text-align:right}
/* kit components inside documents */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:start}
.split-r{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
@media (max-width:860px){.split,.split-r{grid-template-columns:minmax(0,1fr)}}
.band{padding:18px 20px;border-radius:14px;background:var(--sunk)}
.band-hot{background:var(--tint)}
.tbl{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.tbl table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
.tbl th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:10px 14px;background:var(--sunk);border-bottom:1px solid var(--line)}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr{transition:background .15s var(--ease)}.tbl tbody tr:hover{background:color-mix(in srgb,var(--ink) 2.5%,transparent)}
.badge{justify-self:start;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--sunk);color:var(--ink)}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.b-good{background:#E3F0E6;color:#24583A}.b-warn{background:#F6ECD3;color:#6B4E0A}.b-risk{background:#F7E0D8;color:#8A2E12}.b-info{background:#E1EAF3;color:#23466A}.b-hot{background:var(--accent);color:#fff}.b-neutral{background:var(--sunk);color:var(--muted)}
.callout{display:grid;gap:4px;padding:14px 16px;border-radius:12px;background:var(--sunk);border:1px solid var(--line);border-left:3px solid var(--accent)}
.callout.c-warn{border-left-color:#C99A2E;background:#FBF6EA}.callout.c-risk{border-left-color:#C2461D;background:#FCF1EC}.callout.c-info{border-left-color:#3E6E96;background:#F1F5F9}
.callout strong{font-size:14px}.callout div{font-size:14px;color:color-mix(in srgb,var(--ink) 80%,var(--paper))}
.checks h3{margin-bottom:8px}
.checks ul{list-style:none;margin:0;padding:0!important;display:grid;gap:6px}
.checks li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--sunk);font-size:14px}
.tick{flex:none;width:18px;height:18px;margin-top:1px;border-radius:6px;border:2px solid color-mix(in srgb,var(--ink) 25%,transparent)}
.checks li.done .tick{background:#3F9B5F;border-color:#3F9B5F;box-shadow:inset 0 0 0 3px var(--sunk)}
.checks li.done>span:nth-child(2){color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent)}
.steps{list-style:none;margin:0;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}
.steps li{display:grid;gap:3px;padding-top:10px;border-top:4px solid var(--line);border-radius:2px}
.steps li b{font-size:13.5px}.steps li span{font-size:12.5px;color:var(--muted)}
.steps .st-done{border-top-color:var(--ink)}.steps .st-current{border-top-color:var(--accent)}.steps .st-current b{color:var(--accent)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.stats div{display:grid;gap:2px;padding:14px;border-radius:12px;background:var(--sunk)}
.stats small{font-size:12px;color:var(--muted);font-weight:550}.stats b{font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.15}.stats span{font-size:12.5px;color:var(--muted)}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;margin:0;border-radius:12px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.kv div{padding:12px 14px;background:var(--surface)}.kv dt{font-size:12px;color:var(--muted)}.kv dd{margin:3px 0 0;font-weight:600}
.sign{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.sign div{display:grid;gap:4px;padding:16px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--ink) 25%,transparent)}
.sign small{color:var(--muted)}
.lcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.lcard{display:grid;gap:4px;padding:14px 16px;border-radius:12px;background:var(--sunk);transition:transform .12s var(--ease),background .2s var(--ease)}
.lcard:hover{background:var(--tint)}.lcard:active{transform:scale(.98)}.lcard b{font-size:14px}.lcard span{font-size:13px;color:var(--muted)}
.source{font-size:12.5px;color:var(--muted)}
.source a{color:var(--accent)}
.people{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.people li{display:flex;gap:12px;padding:14px;border-radius:12px;background:var(--sunk)}
.people .avatar{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:650}
.people li>div{display:grid;gap:2px;min-width:0}.people small{font-size:12.5px;color:var(--muted)}.people p{font-size:13px;margin-top:4px!important}

/* ---------- Preferences (Apple: reduced motion, transparency, contrast) ---------- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation:none!important}.btn:active,.tabs a:active,.lcard:active,.deal-mini:active,.rail .sc-nav a:active{transform:none}}
@media (prefers-reduced-transparency:reduce){.bar,.menu nav{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.card,.doc,.opt,.chip,.tbl{border-color:color-mix(in srgb,var(--ink) 45%,transparent)}.rail .sc-nav a,.vh-sub,.card-sub,.muted{color:var(--ink)}}
.app:has(.view[data-view="template_deal-room_0"]) :is(.rail,.menu) .sc-nav a[href="/"],
.app:has(.view[data-view="evidence"]) :is(.rail,.menu) .sc-nav a[href="/evidence"],
.app:has(.view[data-view="assessment"]) :is(.rail,.menu) .sc-nav a[href="/assessment"],
.app:has(.view[data-view="proposal"]) :is(.rail,.menu) .sc-nav a[href="/proposal"],
.app:has(.view[data-view="plan"]) :is(.rail,.menu) .sc-nav a[href="/plan"],
.app:has(.view[data-view="room"]) :is(.rail,.menu) .sc-nav a[href="/room"],
.app:has(.view[data-view="delivery"]) :is(.rail,.menu) .sc-nav a[href="/delivery"],
.app:has(.view[data-view="after"]) :is(.rail,.menu) .sc-nav a[href="/after-signature"],
.app:has(.view[data-view="team"]) :is(.rail,.menu) .sc-nav a[href="/team"]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:var(--sh1)}
.app:has(.view[data-view="template_deal-room_0"]) :is(.rail,.menu) .sc-nav a[href="/"]::before,
.app:has(.view[data-view="evidence"]) :is(.rail,.menu) .sc-nav a[href="/evidence"]::before,
.app:has(.view[data-view="assessment"]) :is(.rail,.menu) .sc-nav a[href="/assessment"]::before,
.app:has(.view[data-view="proposal"]) :is(.rail,.menu) .sc-nav a[href="/proposal"]::before,
.app:has(.view[data-view="plan"]) :is(.rail,.menu) .sc-nav a[href="/plan"]::before,
.app:has(.view[data-view="room"]) :is(.rail,.menu) .sc-nav a[href="/room"]::before,
.app:has(.view[data-view="delivery"]) :is(.rail,.menu) .sc-nav a[href="/delivery"]::before,
.app:has(.view[data-view="after"]) :is(.rail,.menu) .sc-nav a[href="/after-signature"]::before,
.app:has(.view[data-view="team"]) :is(.rail,.menu) .sc-nav a[href="/team"]::before{background:var(--accent);transform:scale(1.2)}

/* numbers line up */
.facts dd,.kv dd,.stats b,.rows .t small,.feed time,.stagebar span,.meta dd,.dm-top b,.tbl td{font-variant-numeric:tabular-nums}
.view h1,.view h2,.vh-sub,.card-sub{text-wrap:balance}.view p,.opt li{text-wrap:pretty}
/* headers: title, one line of context, then actions under it */
.vh{flex-direction:column;align-items:flex-start;gap:14px}
.vh-sub{max-width:62ch}
/* no decorative dots: nav, pills, badges and captions carry meaning in words and colour */
.rail .sc-nav a::before,.menu .sc-nav a::before{display:none}
.rail .sc-nav a,.menu .sc-nav a{padding:0 12px}
.pill::before,.badge::before,.blk figcaption::before{display:none}
.pill,.badge{height:22px;padding:0 8px;border-radius:6px;font-weight:600}
.appcard .dot{display:none}
/* active nav item: a quiet marker instead of a dot */
.rail .sc-nav a,.menu .sc-nav a{box-shadow:none}
/* cards: border carries structure, shadow only where something floats or responds */
.card,.doc{box-shadow:none}
.deal-mini{box-shadow:none}
a.lcard:hover,.opt:hover{box-shadow:var(--sh2)}
/* milestone row: labels balance, dates share one baseline */
.stagebar{align-items:stretch}
.stagebar li{grid-template-rows:6px 1fr auto;gap:8px}
.stagebar b{text-wrap:balance}
/* next step: one accent moment, not a second orange hero */
.card-next{background:var(--tint);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}
.card-next .over{font-size:13px;font-weight:650;color:var(--accent);letter-spacing:0}
.card-next .facts{background:color-mix(in srgb,var(--accent) 16%,var(--line));border-color:color-mix(in srgb,var(--accent) 16%,var(--line))}
.card-next .btn{justify-self:start}
/* people: avatars match the rest of the room */
.people-av li{align-items:flex-start;background:var(--sunk)}
.people-av .av{width:34px;height:34px}
/* done rows */
.rows .ic.ok{font-size:14px}
/* phones: pills move under the text instead of squeezing it */
@media (max-width:620px){
  .rows li{grid-template-columns:auto minmax(0,1fr)}
  .rows li>.pill{grid-column:2;justify-self:start;margin-top:2px}
  .path span.path-org{display:inline}.path b,.path .sep{display:none}
  .vh-actions{width:100%}.vh-actions .btn{flex:1}
}

/* ===== Pass 2, Sep 25, 2026: structure, hierarchy, one accent ===== */
.num{font-variant-numeric:tabular-nums;letter-spacing:-.005em}
.view{gap:40px;padding-top:clamp(24px,4vw,48px)}
.view h1{font-weight:650}
.view h2{font-size:18px;font-weight:600}
/* avatars by team: Cedar & Stone in stone, Brightframe in the room accent */
.a1{background:#6B6157}.a2{background:var(--accent)}.a3{background:color-mix(in srgb,var(--accent) 62%,#1a1a1a)}
.av-cs{background:#6B6157}.av-bf{background:var(--accent)}.av-both{background:linear-gradient(90deg,#6B6157 50%,var(--accent) 50%)}
.av-lg{width:48px;height:48px;font-size:14px;border-radius:14px}
/* sidebar */
.grp-team{margin-top:10px;padding-top:14px;border-top:1px dashed color-mix(in srgb,var(--ink) 18%,transparent)}
.grp-note{margin:-2px 0 6px;padding:0 10px;font-size:11.5px;color:var(--muted)}
.dm-next{font-weight:500;color:var(--muted)}.dm-next b{color:var(--ink);font-weight:600}
.dm-bar{grid-template-columns:repeat(7,1fr)}
/* footer as a trust line */
.foot{display:grid;gap:4px;border-top:1px solid var(--line);margin:0 clamp(16px,3vw,32px);padding:20px 0 28px}
.foot p{margin:0;font-size:12.5px;color:var(--ink)}.foot .foot-demo{font-size:11.5px;color:var(--muted)}
/* hero: a decision sheet, not a card */
.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.hero-main{display:grid;gap:14px;align-content:start}
.hero-kicker{font-size:14px;color:var(--muted)}
.view .hero h1{font-size:clamp(32px,4.2vw,48px);line-height:1.04;letter-spacing:-.03em;font-weight:650;max-width:14ch}
.hero-sub{font-size:17px;color:color-mix(in srgb,var(--ink) 78%,var(--paper));max-width:44ch}
.prog{display:flex;align-items:center;gap:12px;margin-top:6px}
.prog-bar{display:grid;grid-template-columns:repeat(7,26px);gap:4px}.prog-bar i{height:6px;border-radius:3px;background:var(--line)}.prog-bar i.on{background:var(--ink)}.prog-bar i.now{background:var(--accent)}
.prog-t{font-size:13px;color:var(--muted)}.prog-t b{color:var(--ink)}
.dates{display:grid;gap:10px;padding-left:clamp(0px,2vw,28px);border-left:1px solid var(--line)}
.dates h2{font-size:13px;font-weight:600;color:var(--muted)}
.dates dl{margin:0;display:grid}
.dates dl>div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.dates dl>div:first-child{border-top:0}
.dates dt{font-size:14px;font-weight:600;padding-top:1px}.dates dd{margin:0;display:grid;gap:1px}.dates dd b{font-size:14px;font-weight:600}.dates dd span{font-size:12.5px;color:var(--muted)}
.dates .is-key dt,.dates .is-key dd b{color:var(--accent)}
/* your actions: the one raised block on the overview */
.todo{display:grid;gap:12px;padding:20px 22px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 var(--line),0 18px 40px -28px rgb(60 30 10/.35)}
.todo h2{font-size:15px}
.todo-list{list-style:none;margin:0;padding:0;display:grid}
.todo-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 18px;padding:14px 0;border-top:1px solid var(--line)}
.todo-list li>div{display:grid;gap:2px;min-width:0}.todo-list b{font-size:15px;font-weight:600}.todo-list span{font-size:13px;color:var(--muted)}
.todo-due{font-size:13px;font-weight:600;white-space:nowrap}.todo-due.is-risk{color:#9A3412}
/* recommendation strip */
.rec{display:grid;grid-template-columns:minmax(0,1.3fr) auto auto;align-items:center;gap:20px 36px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rec-t{display:grid;gap:4px;max-width:52ch}.rec-t p:last-child{color:var(--muted);font-size:14px}
.rec-k{font-size:13px;font-weight:600;color:var(--accent)}
.rec-f{display:flex;gap:28px;margin:0}.rec-f div{display:grid;gap:2px}.rec-f dt{font-size:12px;color:var(--muted)}.rec-f dd{margin:0;font-size:18px;font-weight:600}
.rec-a{display:grid;gap:8px;justify-items:start}
.lnk{font-size:13.5px;font-weight:600;color:var(--accent)}.lnk:hover{text-decoration:underline;text-underline-offset:3px}
/* section heads on paper */
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.sec-sub{font-size:13.5px;color:var(--muted);margin:-6px 0 12px!important;max-width:60ch}
.plain{min-width:0}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.blockset{min-width:0;display:grid;gap:14px}
/* static figures next to live blocks */
.figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.figs>div{padding:14px 16px 16px;border-left:1px solid var(--line)}.figs>div:first-child{border-left:0;padding-left:0}
.figs dt{font-size:12.5px;color:var(--muted)}.figs dd{margin:4px 0 2px;font-size:26px;font-weight:600;line-height:1.1}.figs p{font-size:12px;color:var(--muted)}
/* live blocks: a plain frame, caption outside */
.blk{gap:8px}.card>.blk{margin:0}
.blk figcaption{padding:0;font-size:12px}
fb-embed,fb-embed iframe{display:block;width:100%!important;max-width:100%;min-width:0;border:0}
.doc .blk{padding:0;background:none}
/* embedded apps: one slim label row */
.appcard{display:grid;min-width:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.appcard .ah{padding:12px 16px;background:var(--surface)}
.appcard .ah h2{font-size:15px;font-weight:600}.appcard .ah small{font-size:12.5px}
.ah-open{font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap}
/* rows: quieter chips, neutral states as text */
.rows .ic.file{background:none;border:1px solid var(--line);font-size:9.5px;letter-spacing:.02em;width:34px;border-radius:7px}
.p-neutral{background:var(--sunk);color:var(--muted)}.p-quiet{background:none;color:var(--muted);padding:0;font-weight:500}
.p-info,.b-info{background:var(--sunk);color:var(--muted)}
.callout{border-left-width:1px}.callout.c-info{background:var(--tint);border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}
.people-av{display:none}
/* contact */
.contact{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 18px;padding:22px 0;border-top:1px solid var(--line)}
.contact-t{display:grid;gap:3px}.contact-t h2{font-size:17px}.contact-t p{font-size:14px;color:var(--muted);max-width:60ch}
.contact-team{grid-column:2/-1;list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
.contact-team li{display:flex;align-items:center;gap:10px}.contact-team span{display:grid;font-size:12.5px;color:var(--muted);line-height:1.3}.contact-team b{color:var(--ink);font-size:13.5px;font-weight:600}
/* proposal */
.lede{font-size:16px;line-height:1.6;max-width:65ch;color:color-mix(in srgb,var(--ink) 85%,var(--paper))}
.pick{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);border-radius:18px;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--accent) 55%,var(--line));overflow:hidden}
.pick-main{display:grid;gap:10px;align-content:start;padding:clamp(20px,3vw,32px)}
.view .pick h2{font-size:26px;letter-spacing:-.02em}
.pick-fit{color:var(--muted)}
.pick-list{margin:6px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.pick-list li{position:relative;padding-left:22px;font-size:14px}.pick-list li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}
.pick-side{display:grid;gap:10px;align-content:start;padding:clamp(20px,3vw,32px);background:var(--tint);border-left:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}
.price{font-size:40px;font-weight:600;line-height:1;letter-spacing:-.03em}.price-n{font-size:13px;color:var(--muted)}
.pick-f{margin:6px 0 8px;display:grid;gap:8px}.pick-f div{display:flex;justify-content:space-between;font-size:14px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))}.pick-f dt{color:var(--muted)}.pick-f dd{margin:0;font-weight:600}
.btn-wide{width:100%}
.view>.tabs{margin-top:-22px}
.view>.figs{margin-top:-16px}
.alts{display:grid;gap:10px}
.alts h2{font-size:15px;color:var(--muted);font-weight:600}
.alts ul{list-style:none;margin:0;padding:0;display:grid}
.alts li{display:grid;grid-template-columns:minmax(0,1fr) auto 110px;align-items:center;gap:8px 32px;padding:16px 0;border-top:1px solid var(--line)}
.alts li>div{display:grid;gap:2px}.alts b{font-size:15.5px}.alts li>div span{font-size:13.5px;color:var(--muted)}
.alts dl{display:flex;gap:24px;margin:0}.alts dl div{display:grid}.alts dt{font-size:11.5px;color:var(--muted)}.alts dd{margin:0;font-weight:600}
.delta{font-size:13px;color:var(--muted);text-align:right}
/* action plan timeline */
.tl-wrap{display:grid;gap:4px}
.tl-key{display:flex;align-items:center;gap:6px 8px;font-size:12.5px;color:var(--muted)}.tl-key .tl-team:last-of-type{margin-left:10px}
.tl{list-style:none;margin:0;padding:0;display:grid;position:relative}
.tl li{position:relative;display:grid;grid-template-columns:72px 18px minmax(0,1fr) auto;align-items:center;gap:0 14px;padding:14px 0}
.tl li::before{content:"";grid-column:2;grid-row:1;justify-self:center;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid color-mix(in srgb,var(--ink) 30%,transparent);z-index:1}
.tl li::after{content:"";position:absolute;left:calc(72px + 14px + 8px);top:0;bottom:0;width:2px;background:var(--line)}
.tl time{grid-column:1;font-size:13.5px;font-weight:600;color:var(--muted)}
.tl-b{grid-column:3;display:grid;gap:3px;min-width:0}.tl-b b{font-size:15px;font-weight:600}.tl-b a:hover{color:var(--accent)}
.tl-who{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}
.tl-team{display:inline-block;width:9px;height:9px;border-radius:3px}
.tl li>.pill{grid-column:4}
.tl-done::before{background:var(--ink)!important;border-color:var(--ink)!important}
.tl-done .tl-b b{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 50%,transparent)}
.tl-you .tl-b{padding-left:12px;border-left:3px solid var(--accent)}
.tl-you::before{border-color:var(--accent)!important}
.tl-you time{color:var(--ink)}
.tl-today{padding:4px 0!important;display:block!important}
.tl-today::before{display:none}.tl-today::after{display:none}
.tl-today span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--accent)}
.tl-today span::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--accent) 45%,transparent)}
/* phones and narrow screens */
@media (max-width:1000px){.hero{grid-template-columns:minmax(0,1fr)}.dates{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:14px}}
@media (max-width:900px){.cols{grid-template-columns:minmax(0,1fr)}.rec{grid-template-columns:minmax(0,1fr)}.pick{grid-template-columns:minmax(0,1fr)}.pick-side{border-left:0;border-top:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}.figs{grid-template-columns:repeat(2,minmax(0,1fr))}.figs>div:nth-child(3){border-left:0;padding-left:0}.figs>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:620px){
  .view{gap:28px}
  .todo{padding:16px}
  .todo-list li{grid-template-columns:minmax(0,1fr) auto}
  .todo-list li>div{grid-column:1/-1}
  .pick-list{grid-template-columns:minmax(0,1fr)}
  .alts li{grid-template-columns:minmax(0,1fr)}.delta{text-align:left}
  .tl li{grid-template-columns:54px 16px minmax(0,1fr);row-gap:6px}
  .tl li::after{left:calc(54px + 14px + 7px)}
  .tl li>.pill{grid-column:3;justify-self:start}
  .contact{grid-template-columns:auto minmax(0,1fr)}.contact-a{grid-column:1/-1}.contact-team{grid-column:1/-1}
  .figs dd{font-size:22px}
  .prog-bar{grid-template-columns:repeat(7,minmax(0,1fr));flex:1}
}

/* Pass 3: critic re-review */
.pick-n{font-size:12.5px;color:var(--muted);margin:-2px 0 2px!important}
.alts li{grid-template-columns:minmax(0,1fr) 230px 120px}
.alts dl{display:grid;grid-template-columns:110px 110px;gap:0 10px}
.alts dd{font-size:15px}
.delta{align-self:center}
.pick-main{align-content:start}.pick-list{align-content:start}
.tl-done .tl-b b{text-decoration:none;color:var(--muted);font-weight:500}
.tl-key{font-size:12.5px;color:var(--muted);margin:0}
.p-quiet{background:none;border:1px solid var(--line);padding:0 8px;color:var(--muted);font-weight:600}
.doc .sec,.doc .split>*,.doc .blk,.blockset,.appcard,.grid>*{min-width:0}
.doc .blk{overflow:hidden}
.view>.todo{margin-top:-8px}
@media (max-width:620px){.alts li{grid-template-columns:minmax(0,1fr)}.alts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-h{flex-wrap:wrap}}

.lpage{display:grid;min-width:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.lpage-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.lpage-h>div{display:grid;gap:2px}.lpage-h h2{font-size:15px}.lpage-h small{font-size:12.5px;color:var(--muted)}

/* ===== colour schemes: status colours, buttons and chrome follow the active palette ===== */
:root{color-scheme:var(--fb-scheme,light)}
.p-good,.b-good{background:var(--fb-good-bg,#E3F0E6);color:var(--fb-good,#24583A)}
.p-warn,.b-warn{background:var(--fb-warn-bg,#F6ECD3);color:var(--fb-warn,#6B4E0A)}
.p-risk,.b-risk{background:var(--fb-risk-bg,#F7E0D8);color:var(--fb-risk,#8A2E12)}
.rows .ic.ok{background:var(--fb-good-bg,#E3F0E6);color:var(--fb-good,#2E6B41)}
.todo-due.is-risk{color:var(--fb-risk,#9A3412)}
.callout.c-warn{background:var(--fb-warn-bg,#FBF6EA);border-left-color:var(--fb-warn,#C99A2E)}
.callout.c-risk{background:var(--fb-risk-bg,#FCF1EC);border-left-color:var(--fb-risk,#C2461D)}
.checks li.done .tick{background:var(--fb-good,#3F9B5F);border-color:var(--fb-good,#3F9B5F)}
.bcol-good li{border-left-color:var(--fb-good,#3F9B5F)}.bcol-warn li{border-left-color:var(--fb-warn,#C99A2E)}.bcol-risk li{border-left-color:var(--fb-risk,#B5462F)}
.dot-good{background:var(--fb-good,#3F9B5F)}.dot-warn{background:var(--fb-warn,#C99A2E)}.dot-risk{background:var(--fb-risk,#B5462F)}
.btn{background:var(--fb-btn,var(--ink));color:var(--fb-btn-ink,var(--paper))}
.btn:hover{background:color-mix(in srgb,var(--fb-btn,var(--ink)) 86%,var(--accent))}
.btn-accent{background:var(--accent);color:var(--fb-on-accent,#fff)}.btn-accent:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink))}
.btn-ghost{background:var(--surface);color:var(--ink)}.btn-ghost:hover{background:var(--sunk)}
.b-hot,.a2,.people .avatar{color:var(--fb-on-accent,#fff)}
body,.bar,.tbar,.rail,.card,.doc,.appcard,.tile,.btn{transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
/* the picker */
.themes{position:relative}
.themes>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px 0 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:600;color:var(--ink);transition:transform .12s var(--ease)}
.themes>summary::-webkit-details-marker{display:none}
.themes>summary:active{transform:scale(.97)}
.th-sw{width:18px;height:18px;border-radius:50%;background:conic-gradient(var(--paper) 0 50%,var(--accent) 50% 100%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 30%,transparent)}
.th-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:grid;gap:2px;min-width:200px;padding:6px;border-radius:14px;background:var(--fb-surface);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid var(--line);box-shadow:var(--sh3);transform-origin:top right}
.themes[open] .th-menu{animation:pop .2s var(--ease)}
.th-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;font-weight:550;text-align:left;cursor:pointer}
.th-menu button:hover{background:var(--sunk)}
.th-menu button::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgb(0 0 0/.18)}
.th-menu button[aria-pressed="true"]{font-weight:700}
.th-menu button[aria-pressed="true"]::after{content:"\2713";margin-left:auto;color:var(--accent);font-weight:700}
.v-command .themes>summary{background:transparent;color:var(--paper);border-color:color-mix(in srgb,var(--paper) 28%,transparent)}
/* ===== polish (Sep 27): tiles, sidebar fold, floating inset bar ===== */
/* inner tiles (checklists, people, stats, callouts, tabs, table heads) take a light tint of the theme accent instead of neutral grey */
.main{--sunk:var(--fb-tile,color-mix(in srgb,var(--accent) 5%,var(--surface)))}
.main .tabs{background:var(--fb-tile,color-mix(in srgb,var(--accent) 7%,var(--surface)))}
/* sidebar fold: a button in the top bar, state kept by the platform (html[data-fb-fold]) */
.fold{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .15s var(--ease),transform .12s var(--ease)}
.fold:hover{background:var(--sunk)}.fold:active{transform:scale(.95)}
.fold i{position:relative;display:block;width:16px;height:12px;border:1.6px solid currentColor;border-radius:3px}
.fold i::before{content:"";position:absolute;top:0;bottom:0;left:4px;border-left:1.6px solid currentColor;transition:left .2s var(--ease)}
.fold[aria-pressed="true"] i::before{left:0;border-left-width:0}
.fold:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html[data-fb-fold="on"] .app:has(>.rail){grid-template-columns:minmax(0,1fr)!important}
html[data-fb-fold="on"] .app>.rail{display:none!important}
@media (max-width:1000px){.fold{display:none}}
/* inset shell: the top bar floats like the sidebar card */
.v-inset .bar{top:12px;margin:12px 12px 0 12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:0 1px 0 var(--line),0 18px 40px -32px rgb(30 30 20/.4)}
html[data-fb-fold="on"] .v-inset .bar{margin-left:12px}
@media (max-width:1000px){.v-inset .bar{margin:8px 8px 0;top:8px}}
/* top navigation: tighter items, the signed-in name gives way first; secondary pages live in More */
.tnav .sc-nav a{padding:0 10px;font-size:13.5px}
@media (max-width:1600px){.tbar-r .me b{display:none}.tbar-r{gap:10px}}
/* tables never break a word in half: the table scrolls sideways instead */
.tbl td,.tbl th{overflow-wrap:break-word;word-break:normal}
@media (max-width:1380px){.tbar .ws-name small{display:none}.tnav .sc-nav a,.more>summary{padding:0 8px}.tbar{gap:12px}}
/* More menu in the top navigation */
.tnav{flex:0 1 auto}.tbar-r{margin-left:auto}
.more{position:relative;flex:none}
.more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border-radius:10px;font-size:13.5px;font-weight:550;color:var(--muted);white-space:nowrap}
.more>summary::-webkit-details-marker{display:none}
.more>summary:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.more-car{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s var(--ease)}
.more[open] .more-car{transform:translateY(1px) rotate(225deg)}
.more-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:60;min-width:220px;padding:6px;border-radius:14px;background:var(--fb-surface);border:1px solid var(--fb-line);box-shadow:var(--sh3);--ink:var(--fb-ink);--muted:var(--fb-muted);--sunk:color-mix(in srgb,var(--fb-ink) 6%,var(--fb-surface));color:var(--ink)}
.more[open] .more-menu{animation:pop .2s var(--ease)}
.more-menu .sc-nav{display:grid;gap:2px}
.more-menu .sc-nav a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;font-size:13.5px;font-weight:550;color:var(--ink);white-space:nowrap}
.more-menu .sc-nav a:hover{background:var(--sunk)}
.v-command .more>summary{color:color-mix(in srgb,var(--paper) 70%,var(--ink))}
@media (max-width:1000px){.more{display:none}}
@media (prefers-reduced-motion:reduce){.more[open] .more-menu{animation:none}}
/* words are never split in step labels; on phones progress rows wrap and step bars scroll sideways */
.stagebar b{overflow-wrap:break-word}
@media (max-width:720px){
.prog{flex-wrap:wrap;row-gap:8px}.prog-bar{flex:1 1 100%;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.prog-t{flex:1 1 100%}
.stagebar{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(104px,1fr);overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
}
/* folded sidebar: the page centres */
html[data-fb-fold="on"] .main>.view,html[data-fb-fold="on"] .main>[data-fb-page]>.view{margin-left:auto;margin-right:auto}
@media (max-width:620px){.bar .path{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
@media (max-width:620px){.themes .th-l{display:none}.themes>summary{padding:0 8px}}
/* chrome: rail and top bars take their colours from the palette (themes6 tokens chrome, chrome-ink, ...) */
.rail,.tbar{--ink:var(--fb-chrome-ink,var(--fb-ink));--muted:var(--fb-chrome-muted,var(--fb-muted));--line:var(--fb-chrome-line,var(--fb-line));--sunk:var(--fb-chrome-hover,color-mix(in srgb,var(--fb-ink) 5%,var(--fb-paper)));--surface:var(--fb-chrome-surface,var(--fb-surface));--paper:var(--fb-chrome,var(--fb-paper));--accent:var(--fb-chrome-accent,var(--fb-accent));--on-accent:var(--fb-chrome,var(--fb-on-accent));color:var(--ink)}
.rail{background:var(--fb-chrome,color-mix(in srgb,var(--fb-ink) 3.5%,var(--fb-paper)))!important;border-right-color:var(--line)!important}
.v-inset .rail{background:var(--fb-chrome,var(--fb-surface))!important}
.tbar{background:color-mix(in srgb,var(--fb-chrome,var(--fb-paper)) 92%,transparent)!important}
.v-command .tbar{background:var(--fb-chrome,var(--fb-ink))!important;--ink:var(--fb-chrome,var(--fb-ink));--paper:var(--fb-chrome-ink,var(--fb-paper))}
/* embedded apps render their own colours: keep the frame canvas transparent in dark themes */
iframe{color-scheme:light}
.th-menu{--ink:var(--fb-ink);--muted:var(--fb-muted);--line:var(--fb-line);--surface:var(--fb-surface);--paper:var(--fb-paper);--accent:var(--fb-accent);--sunk:color-mix(in srgb,var(--fb-ink) 6%,var(--fb-surface));color:var(--ink)}
@media (prefers-reduced-motion:reduce){.themes[open] .th-menu{animation:none}body,.bar,.tbar,.rail,.card,.doc,.appcard,.tile,.btn{transition:none}}
.th-menu [data-fb-theme]:not([data-fb-theme="cedar-light"]):not([data-fb-theme="cedar-dark"]):not([data-fb-theme="cedar-future"]){display:none}
.th-menu [data-fb-theme="cedar-light"]::before{background:conic-gradient(#F6F8FC 0 34%,#EEF3FB 34% 67%,#1D3480 67% 100%)}
.th-menu [data-fb-theme="cedar-dark"]::before{background:conic-gradient(#070C18 0 34%,#040812 34% 67%,#7DF3FF 67% 100%)}
.th-menu [data-fb-theme="cedar-future"]::before{background:conic-gradient(#0B3A8C 0 34%,#072A6A 34% 67%,#7DF3FF 67% 100%)}
.th-menu [data-fb-theme="cedar-light"]{order:0}
.th-menu [data-fb-theme="cedar-dark"]{order:1}
.th-menu [data-fb-theme="cedar-future"]{order:2}
:root{--fb-good:#24583A;--fb-good-bg:#E3F0E6;--fb-warn:#6B4E0A;--fb-warn-bg:#F6ECD3;--fb-risk:#8A2E12;--fb-risk-bg:#F7E0D8;--fb-scheme:light;--fb-accent-ink:#1D3480;--fb-btn:#1D3480;--fb-btn-ink:#FFFFFF;--fb-on-accent:#FFFFFF;--fb-chrome:#EEF3FB;--fb-chrome-ink:#0E1A33;--fb-chrome-muted:#4A5670;--fb-chrome-line:#D8E1F0;--fb-chrome-hover:#E0E9F8;--fb-chrome-surface:#FFFFFF;--fb-chrome-accent:#1D3480;--fb-accent-contrast:#FFFFFF;--fb-danger:#B42318;--fb-chrome-active:#E0E9F8;}
/* ===== themes6: cedar (Light, Dark, Futuristic) ===== */
html:not([data-fb-theme="cedar-dark"]):not([data-fb-theme="cedar-future"]){--font:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Inter, system-ui, sans-serif;--head:-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Inter, system-ui, sans-serif;--r:6px;--paper:var(--fb-paper)}
html:not([data-fb-theme="cedar-dark"]):not([data-fb-theme="cedar-future"]) body{background-image:linear-gradient(rgb(30 58 138/.06) 1px,transparent 1px),linear-gradient(90deg,rgb(30 58 138/.06) 1px,transparent 1px),linear-gradient(rgb(30 58 138/.03) 1px,transparent 1px),linear-gradient(90deg,rgb(30 58 138/.03) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-attachment:fixed}
html:not([data-fb-theme="cedar-dark"]):not([data-fb-theme="cedar-future"]) .grp-label,html:not([data-fb-theme="cedar-dark"]):not([data-fb-theme="cedar-future"]) .cmd-k,html:not([data-fb-theme="cedar-dark"]):not([data-fb-theme="cedar-future"]) .cs-l,html:not([data-fb-theme="cedar-dark"]):not([data-fb-theme="cedar-future"]) .mast-k,html:not([data-fb-theme="cedar-dark"]):not([data-fb-theme="cedar-future"]) .ds-t{font-family:ui-monospace,'Cascadia Mono','SF Mono',Consolas,Menlo,monospace;letter-spacing:.02em}
html[data-fb-theme="cedar-dark"]{--font:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Inter, system-ui, sans-serif;--head:-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Inter, system-ui, sans-serif;--r:6px;--paper:var(--fb-paper)}
html[data-fb-theme="cedar-dark"] body{background-image:linear-gradient(rgb(125 243 255/.05) 1px,transparent 1px),linear-gradient(90deg,rgb(125 243 255/.05) 1px,transparent 1px);background-size:24px 24px;background-attachment:fixed}
html[data-fb-theme="cedar-dark"] .grp-label,html[data-fb-theme="cedar-dark"] .cmd-k,html[data-fb-theme="cedar-dark"] .cs-l,html[data-fb-theme="cedar-dark"] .mast-k,html[data-fb-theme="cedar-dark"] .ds-t{font-family:ui-monospace,'Cascadia Mono','SF Mono',Consolas,Menlo,monospace;letter-spacing:.02em}
html[data-fb-theme="cedar-future"]{--font:ui-monospace, 'Cascadia Mono', 'SF Mono', Consolas, Menlo, monospace;--head:Bahnschrift, 'DIN Alternate', 'Arial Narrow', system-ui, sans-serif;--r:2px;--paper:var(--fb-paper)}
html[data-fb-theme="cedar-future"] body{background-color:var(--fb-paper);background-image:linear-gradient(rgb(255 255 255/.16) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/.16) 1px,transparent 1px),linear-gradient(rgb(255 255 255/.06) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/.06) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-attachment:fixed}
html[data-fb-theme="cedar-future"] .card,html[data-fb-theme="cedar-future"] .doc,html[data-fb-theme="cedar-future"] .appcard,html[data-fb-theme="cedar-future"] .todo,html[data-fb-theme="cedar-future"] .sum,html[data-fb-theme="cedar-future"] .tile,html[data-fb-theme="cedar-future"] .gcard,html[data-fb-theme="cedar-future"] .lpage,html[data-fb-theme="cedar-future"] .issue,html[data-fb-theme="cedar-future"] .dcard,html[data-fb-theme="cedar-future"] .deal-mini{background:color-mix(in srgb,var(--fb-surface) 78%,transparent);border:1px solid rgb(255 255 255/.55);box-shadow:none}
html[data-fb-theme="cedar-future"] .card,html[data-fb-theme="cedar-future"] .appcard,html[data-fb-theme="cedar-future"] .sum{outline:1px dashed rgb(255 255 255/.3);outline-offset:4px}
html[data-fb-theme="cedar-future"] .view h1,html[data-fb-theme="cedar-future"] .view h2,html[data-fb-theme="cedar-future"] .grp-label{text-transform:uppercase;letter-spacing:.06em}
html[data-fb-theme="cedar-future"] .view h1::after{content:"";display:block;margin-top:12px;width:min(300px,60%);height:10px;border:solid var(--fb-accent);border-width:0 2px 2px}
html[data-fb-theme="cedar-future"] .btn{text-transform:uppercase;letter-spacing:.08em}
html[data-fb-theme="cedar-future"] .rail{border-right:1px dashed rgb(255 255 255/.45)}
.bar .themes{margin-left:auto}.bar .path{margin-right:0}