:host{
--bg:#111113;--panel:#141416;--card:#1a1a1d;--glow:#2c1c17;--glow-mid:#17131296;--glow-mint:rgba(30,70,52,0.55);
--text:#f2f0ee;--text-soft:#dcd8d5;--text-2:#a8a4a1;--text-3:#8a8683;--text-4:#5f5c5a;
--coral:#f8906f;--coral-text:#ff9a7a;--coral-hover:#ffa487;--coral-link-hover:#ffb8a0;--on-coral:#1c0f0a;
--coral-06:rgba(248,144,111,0.06);--coral-08:rgba(248,144,111,0.08);--coral-14:rgba(248,144,111,0.14);--coral-16:rgba(248,144,111,0.16);
--coral-25:rgba(248,144,111,0.25);--coral-30:rgba(248,144,111,0.3);--coral-35:rgba(248,144,111,0.35);--coral-45:rgba(248,144,111,0.45);--coral-50:rgba(248,144,111,0.5);
--amber:#f6b53d;--amber-16:rgba(246,181,61,0.16);
--sand:#f4ad5e;--sand-16:rgba(244,173,94,0.16);--sand-35:rgba(244,173,94,0.35);--on-sand:#1f150b;
--blue:#8fb7de;--blue-16:rgba(143,183,222,0.16);
--mint:#6dd3a6;--on-mint:#0c1c14;--mint-08:rgba(109,211,166,0.08);--mint-12:rgba(109,211,166,0.12);--mint-14:rgba(109,211,166,0.14);--mint-30:rgba(109,211,166,0.3);
--white-02:rgba(255,255,255,0.02);--white-06:rgba(255,255,255,0.06);--white-07:rgba(255,255,255,0.07);--white-08:rgba(255,255,255,0.08);
--white-09:rgba(255,255,255,0.09);--white-10:rgba(255,255,255,0.1);--white-12:rgba(255,255,255,0.12);--white-14:rgba(255,255,255,0.14);
--white-16:rgba(255,255,255,0.16);--white-28:rgba(255,255,255,0.28);--white-32:rgba(255,255,255,0.32);
--scroll:#2a2a2e;--star:#e59687;--star-glow:#f28b6844;--star-cross:#e59687aa;
--popup:#18181b;--popup-foot:#161618;--raised:#1f1f22;--raised-2:#232326;--avatar:#2a2a2e;--column-label:#6f6c69;--white:#ffffff;
--mint-hover:#85dcb5;--backdrop:rgba(8,8,9,0.72);--scrim:rgba(0,0,0,0.55);--shadow:rgba(0,0,0,0.6);--node-shadow:rgba(0,0,0,0.35);
--coral-05:rgba(248,144,111,0.05);--coral-07:rgba(248,144,111,0.07);--coral-12:rgba(248,144,111,0.12);--coral-18:rgba(248,144,111,0.18);
--coral-40:rgba(248,144,111,0.4);--coral-60:rgba(248,144,111,0.6);
--mint-05:rgba(109,211,166,0.05);--mint-06:rgba(109,211,166,0.06);--mint-07:rgba(109,211,166,0.07);--mint-16:rgba(109,211,166,0.16);--mint-20:rgba(109,211,166,0.2);--mint-50:rgba(109,211,166,0.5);--amber-12:rgba(246,181,61,0.12);--amber-35:rgba(246,181,61,0.35);--mint-10:rgba(109,211,166,0.1);--mint-35:rgba(109,211,166,0.35);
--white-025:rgba(255,255,255,0.025);--white-04:rgba(255,255,255,0.04);--white-05:rgba(255,255,255,0.05);--white-18:rgba(255,255,255,0.18);
--white-25:rgba(255,255,255,0.25);--white-30:rgba(255,255,255,0.3);--white-35:rgba(255,255,255,0.35);--white-40:rgba(255,255,255,0.4);--white-45:rgba(255,255,255,0.45);
--sans:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',system-ui,sans-serif;
--mono:ui-monospace,'SF Mono',Menlo,monospace;
color-scheme:dark}
.rui-body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--coral-text);text-decoration:none}a:hover{color:var(--coral-link-hover)}
*{box-sizing:border-box;scrollbar-color:var(--scroll) transparent}
::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:8px}
:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
.i18n{display:none}
:root[data-lang="en"] .i18n[lang="en"],:root[data-lang="pl"] .i18n[lang="pl"],:root[data-lang="de"] .i18n[lang="de"]{display:inline}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.js-only{display:none}.js .js-only{display:revert}
/* The other half of the pair: what stands in for a control a script makes, hidden wherever one runs
   (remove-a-project-from-the-list RM3a). Without it a served page drew the plain column head beside its sort button. */
.js .nojs-only{display:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.bd{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(1200px 520px at 60% -120px,var(--glow) 0%,var(--glow-mid) 55%,var(--bg) 100%)}
.bd:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background:radial-gradient(1100px 560px at 50% -140px,var(--glow-mint) 0%,transparent 70%),radial-gradient(900px 600px at 50% 38%,var(--mint-16),transparent 65%)}
.bd-mint:after{opacity:1}
.bd-star{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--star);box-shadow:0 0 6px var(--star-glow);opacity:.3}
.bd-cross{width:3px;height:3px;opacity:.5}
.bd-cross:after,.bd-cross:before{content:"";position:absolute;background:var(--star-cross)}
.bd-cross:after{height:7px;width:1px;left:1px;top:-2px}.bd-cross:before{width:7px;height:1px;left:-2px;top:1px}

.shell{position:relative;z-index:1;min-height:100vh;display:flex}
.shell-main{flex:1;min-width:0;max-width:1240px;margin:0 auto;padding:40px 32px 96px}
.shell-narrow{max-width:780px}.shell-list{max-width:880px}
@media (max-width:860px){.shell{flex-direction:column}.shell-main{width:100%;padding:28px 16px 72px}}

.live-pill{position:fixed;top:calc(18px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:20;box-shadow:0 10px 30px var(--shadow)}
.live-pill[hidden],.live-stopped[hidden]{display:none}
.live-stopped{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:20;margin:0;max-width:min(560px,calc(100% - 32px));padding:10px 16px;border-radius:12px;background:var(--popup);border:1px solid var(--white-14);color:var(--text-2);font-size:13.5px;line-height:1.5;text-align:center}
.live-new{background:var(--coral-08);transition:background 1.6s ease}
.live-pill.live-foot{top:auto;bottom:calc(22px + env(safe-area-inset-bottom))}
.live-lit{animation:live-lit 2.4s ease-out}
@keyframes live-lit{0%,35%{background:var(--coral-14)}100%{background:transparent}}
@media (prefers-reduced-motion:reduce){.live-lit{animation:none;background:var(--coral-08)}}

.sb{flex:none;width:232px;display:flex;flex-direction:column;border-right:1px solid var(--white-07);padding:22px 14px;position:sticky;top:0;height:100vh;z-index:1}
.sb-brand{display:flex;align-items:center;gap:9px;padding:0 10px 22px;color:var(--coral)}
.sb-brand:hover{color:var(--coral)}
.sb-brand .brand-mark{width:24px;height:24px;flex:none}
.sb-word{font-size:21px;font-weight:650;letter-spacing:-0.02em;color:var(--text)}
.sb-why{color:var(--coral)}
.sb-project{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--white-09);margin-bottom:22px}
.sb-project-link{color:inherit;transition:background .15s,border-color .15s}
.sb-project-link:hover{color:inherit;background:var(--raised);border-color:var(--white-16)}
.sb-project-go{margin-left:auto;flex:none;align-self:center;color:var(--text-3);font-size:18px;line-height:1}
.sb-project-link:hover .sb-project-go{color:var(--text)}
.sb-project-mark{flex:none;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--white-06);border:1px solid var(--white-10);color:var(--text);font-size:13px;font-weight:650}
.sb-project-text{min-width:0;display:flex;flex-direction:column;gap:1px}
.sb-project-label{font-size:12px;font-weight:600;color:var(--text-3)}
.sb-project-name{font-size:14px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-project-place{font-family:var(--mono);font-size:12.5px;line-height:1.4;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-nav{display:flex;flex-direction:column;gap:4px}
.sb-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid transparent;color:var(--text-2);font-size:15px;font-weight:500}
.sb-item:hover{color:var(--text);background:var(--white-02)}
.sb-active{background:var(--coral-08);border-color:var(--coral-30);color:var(--text)}
.sb-active:hover{background:var(--coral-08)}
.sb-count{font-size:12.5px;font-weight:600;border-radius:999px;padding:2px 8px;color:var(--text-2);background:var(--white-06)}
.sb-count-coral{color:var(--on-coral);background:var(--coral)}
.sb-foot{margin-top:auto;display:flex;flex-direction:column;gap:14px}
.sb-lang{align-self:flex-start;margin:0 10px;background:var(--card);color:var(--text-2);border:1px solid var(--white-10);border-radius:8px;padding:5px 8px;font:inherit;font-size:13px}
.sb-local{padding:16px 10px 0;border-top:1px solid var(--white-07);display:flex;gap:10px;font-size:13px;line-height:1.5;color:var(--text-2)}
.sb-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--mint);margin-top:6px}
.sb-support{display:flex;flex-direction:column;gap:2px;padding:0 10px}
.sb-support-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:3px 0;font-size:12.5px;font-weight:500;letter-spacing:0.01em;color:var(--text-3);transition:color .15s}
.sb-support-link:hover{color:var(--text-soft)}
.sb-support-main:hover{color:var(--coral-text)}
.sb-support-go{font-size:11px;opacity:.7;transition:transform .15s}
.sb-support-link:hover .sb-support-go{transform:translate(1px,-1px)}
@media (max-width:860px){
.sb{position:static;width:auto;height:auto;border-right:0;border-bottom:1px solid var(--white-07);padding:16px}
.sb-brand{padding:0 4px 14px}.sb-project{margin-bottom:12px}
.sb-nav{flex-direction:row;overflow-x:auto;gap:6px}.sb-item{white-space:nowrap}
.sb-foot{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin-top:12px}.sb-local{border-top:0;padding:0}.sb-lang{margin:0}
.sb-support{flex-direction:row;flex-wrap:wrap;gap:4px 16px;padding:0;flex-basis:100%}
}

.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:999px;font:inherit;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.pill-sm{font-size:13px;font-weight:650;padding:6px 12px;border-radius:8px}
.pill-md{font-size:14px;padding:8px 16px}
.pill-task{font-size:14px;padding:10px 18px}
.pill-lg{flex:none;font-size:15px;padding:11px 20px}
.pill-primary{background:var(--coral);color:var(--on-coral);border-color:var(--coral)}
a.pill-primary:hover,button.pill-primary:hover{background:var(--coral-hover);border-color:var(--coral-hover);color:var(--on-coral)}
.pill-mint{background:var(--mint);color:var(--on-mint);border-color:var(--mint)}
a.pill-mint:hover,button.pill-mint:hover{background:var(--mint-hover);border-color:var(--mint-hover);color:var(--on-mint)}
.pill-light{background:var(--text);color:var(--bg);border-color:var(--text)}
a.pill-light:hover,button.pill-light:hover{background:var(--white);border-color:var(--white);color:var(--bg);transform:translateY(-1px)}
.pill-outline{background:transparent;color:var(--text-soft);border-color:var(--white-14)}
a.pill-outline:hover,button.pill-outline:hover{background:var(--white-05);color:var(--text)}
.pill-outline-coral{background:transparent;color:var(--coral-text);border-color:var(--coral-50)}
a.pill-outline-coral:hover,button.pill-outline-coral:hover{background:var(--coral-08);border-color:var(--coral);color:var(--coral-text)}
.pill-secondary{background:transparent;color:var(--text);border-color:var(--white-14);font-weight:500}
.pill-secondary.pill-md{padding:9px 16px}
a.pill-secondary:hover,button.pill-secondary:hover{background:var(--white-05);color:var(--white)}
.pill-quiet{background:transparent;color:var(--text-4);border-color:var(--white-08);cursor:default}
.text-link{color:var(--coral-text);font-size:14px;font-weight:600;padding:4px}
.text-link:hover{color:var(--coral-link-hover)}
.text-button{background:transparent;border:none;font:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:6px 0}
.close{flex:none;border-radius:50%;background:transparent;border:1px solid var(--white-12);color:var(--text-2);line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font:inherit}
.close:hover{color:var(--text);border-color:var(--white-25)}
.close-md{width:36px;height:36px;font-size:18px}.close-sm{width:34px;height:34px;font-size:18px}
.trash svg{width:17px;height:17px}
.trash:hover{color:var(--coral-text);border-color:var(--coral-50);background:var(--coral-08)}
.pill-busy{pointer-events:none}
.pill-busy>svg{display:none}
.pill-busy::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:pillSpin .8s linear infinite}
@keyframes pillSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pill-busy::before{animation:none;border-right-color:currentColor;opacity:.5}}
.busy-veil{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:color-mix(in srgb,var(--bg) 93%,transparent)}
.busy-veil[hidden]{display:none}
.busy-veil-page{position:fixed;z-index:60;border-radius:0}
.busy-veil-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 28px;text-align:center}
.busy-veil-spin{width:30px;height:30px;border-radius:50%;border:3px solid var(--white-16);border-top-color:var(--mint);animation:pillSpin .8s linear infinite}
.busy-veil-say{margin:0;font-size:16px;font-weight:600;color:var(--text)}
.busy-veil-say:empty{display:none}
@media (prefers-reduced-motion:reduce){.busy-veil-spin{animation:none}}

.hero{margin-bottom:32px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--coral-text);font-size:15px;font-weight:500;margin-bottom:16px}
.hero-rule{width:36px;height:1.5px;background:var(--coral)}
.hero-eyebrow-text{white-space:nowrap}
.hero-fact,.hero-action{margin:0;font-size:44px;line-height:1.12;letter-spacing:-0.02em;font-weight:650;text-wrap:balance}
.hero-action{margin:0 0 16px;color:var(--coral)}
.hero-fact.hero-alone{margin-bottom:12px;font-size:40px}
.hero-action.hero-calm{color:var(--mint)}.hero-action.hero-amber{color:var(--amber)}
.hero-lead{margin:0;max-width:600px;font-size:17px;line-height:1.55;color:var(--text-2);text-wrap:pretty}
.hero-tick{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 0 26px;border-radius:50%;background:var(--mint);color:var(--on-mint);box-shadow:0 0 0 10px var(--mint-06),0 0 48px var(--mint-16)}
.hero-tick svg{width:34px;height:34px}
.hero-alert{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 0 26px;border-radius:50%;background:var(--coral-14);border:1.5px solid var(--coral-35);color:var(--coral-text);box-shadow:0 0 0 10px var(--coral-06);font-size:34px;font-weight:700}
.hero-tick[hidden],.hero-alert[hidden]{display:none}
.hero-unsure{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 0 26px;border-radius:50%;background:var(--amber-12);border:1.5px solid var(--amber-35);color:var(--amber);box-shadow:0 0 0 10px var(--amber-12);font-size:34px;font-weight:700}
.hero-centred .hero-tick,.hero-centred .hero-unsure,.hero-centred .hero-alert{margin-left:auto;margin-right:auto}
.hero-centred{text-align:center;margin-bottom:36px}.hero-centred .hero-eyebrow{margin-bottom:18px}
.hero-centred .hero-action{margin-bottom:18px}.hero-centred .hero-lead{max-width:520px;margin:0 auto}
@media (max-width:640px){.hero-fact,.hero-action{font-size:32px}.hero-tick{width:60px;height:60px}.hero-tick svg{width:28px;height:28px}.hero-unsure,.hero-alert{width:60px;height:60px;font-size:28px}}

.guide{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 24px;border-radius:14px;margin-bottom:36px}
.guide-coral{background:var(--coral-06);border:1px solid var(--coral-30)}
.guide-mint{background:var(--mint-08);border:1px solid var(--mint-30);flex-wrap:nowrap}
.guide-mark{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.guide-coral .guide-mark{background:var(--coral-14);border:1px solid var(--coral-35);color:var(--coral-text);font-size:18px}
.guide-mint .guide-mark{background:var(--mint);color:var(--on-mint);font-size:20px;font-weight:700}
.guide-coral .guide-text,.guide-acts .guide-text{flex:1;min-width:220px}
.guide-mint.guide-acts{flex-wrap:wrap}.guide-mint .guide-mark svg{display:block}
.guide-title{font-size:17px;font-weight:600;margin-bottom:3px}
.guide-body{font-size:14px;line-height:1.5;color:var(--text-2)}

.pg{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-2)}
.pg-track{display:block;width:90px;height:5px;border-radius:999px;background:var(--white-08);overflow:hidden}
.pg-fill{display:block;height:100%;background:var(--mint);border-radius:999px;transition:width .4s}
.pg-words{white-space:nowrap}
.rl{display:flex;gap:6px;margin-bottom:18px}
.rl-dash{flex:1;height:5px;border-radius:3px;background:var(--white-12)}
.rl-now{background:var(--coral)}.rl-done{background:var(--mint)}
.st{flex:1;display:flex;gap:6px;justify-content:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.st-step{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;color:var(--text-3)}
.st-mark{width:18px;height:18px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;background:var(--white-08);color:var(--text-2)}
.st-current{color:var(--text);background:var(--white-07)}.st-current .st-mark{background:var(--coral);color:var(--on-coral)}
.st-past{color:var(--mint)}.st-past .st-mark{background:var(--mint);color:var(--on-coral)}

.tag{display:inline-flex;align-items:center;gap:7px;font-weight:600;border-radius:999px;white-space:nowrap;border:1px solid transparent}
.tag-sm{font-size:12.5px;padding:4px 11px}
.tag-md{font-size:13px;padding:8px 14px}
.tag-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.tag-coral{color:var(--coral-text);background:var(--coral-08);border-color:var(--coral-40)}
.tag-mint{color:var(--mint);background:var(--mint-10)}
.tag-md.tag-mint{background:var(--mint-12)}
.tag-grey{color:var(--text-3);background:var(--white-04)}
.tag-amber{color:var(--amber);background:var(--amber-12)}
.tag-sand{color:var(--sand);background:var(--sand-16)}.tag-blue{color:var(--blue);background:var(--blue-16)}
.tag-badge{font-size:12px;padding:2px 9px;border:0}
.tag-badge.tag-outlined{border:1px solid var(--white-14)}
.tag-outlined.tag-coral{border-color:var(--coral-35)}.tag-outlined.tag-mint{border-color:var(--mint-35)}.tag-outlined.tag-amber{border-color:var(--amber-35)}
.tag-held{color:var(--text-3);font-weight:500}
.tag-badge.tag-coral{background:var(--coral-12)}.tag-badge.tag-mint{background:var(--mint-12)}.tag-badge.tag-grey{color:var(--text-2);background:var(--white-06)}

.tl-head,.tc-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 118px;column-gap:20px;align-items:center}
.tl-head{padding:0 22px 8px;font-size:12.5px;font-weight:600;color:var(--text-3)}
.tl-file{padding-left:40px}
.tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tc{border-radius:14px;background:var(--card);border:1px solid var(--white-09);overflow:hidden}
.tc-row{padding:18px 22px}
.tc-main{min-width:0;display:flex;align-items:center;gap:16px}
.tc-check{flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--white-25);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--on-mint)}
.tc-done .tc-check{border-color:var(--mint);background:var(--mint)}
.tc-text{flex:1;min-width:0}
.tc-title{display:block;font-size:16px;font-weight:600;line-height:1.35}
.tc-done .tc-title{color:var(--text-3)}
.tc-chip{display:inline-flex;font-family:var(--mono);font-size:14px;font-weight:500;color:var(--text);background:var(--white-07);border:1px solid var(--white-10);border-radius:6px;padding:3px 8px;margin-top:7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-details,.tc-action{display:flex}
.tc-compact{position:relative;transition:border-color .15s}
.tc-compact:hover{border-color:var(--white-25)}
.tc-compact .tc-row{grid-auto-flow:column;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;column-gap:18px;padding:24px 20px 24px 24px}
.tc-over{position:relative;z-index:2}
.tc-bar{position:absolute;left:0;top:15%;height:70%;width:2px;border-radius:0 2px 2px 0}
.tc-bar-coral{background:var(--coral)}.tc-bar-amber{background:var(--amber)}
.tc-link{position:absolute;inset:0;z-index:1;border-radius:14px}
.tc-link:focus-visible{outline-offset:-2px}
.tc-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tc-sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:7px}
.tc-sub .tc-chip{margin-top:0}
.tc-context{font-size:13.5px;color:var(--text-3);white-space:nowrap}
.tc-trail{font-size:20px;color:var(--text-4)}
@media (max-width:640px){.tl-head{display:none}.tc-row{grid-template-columns:1fr;row-gap:12px}.tc-details,.tc-action{padding-left:40px}
.tc-compact .tc-row{grid-auto-flow:row;grid-template-columns:minmax(0,1fr) auto;padding:20px 18px 20px 20px}
.tc-compact .tc-text{grid-column:1/-1}.tc-compact .tc-details,.tc-compact .tc-action{padding-left:0}.tc-trail{display:none}}

dialog.pp{padding:0;border:1px solid var(--white-09);border-radius:22px;background:var(--popup);color:var(--text);box-shadow:0 40px 120px var(--shadow);width:calc(100% - 40px);max-width:1200px;max-height:calc(100vh - 96px);overflow:auto;margin:48px auto auto}
dialog.pp-wide{background:radial-gradient(900px 300px at 35% -60px,var(--coral-08) 0%,transparent 70%) no-repeat local,radial-gradient(1200px 480px at 50% -120px,var(--glow) 0%,var(--glow-mid) 55%,transparent 100%) no-repeat local,var(--popup)}
dialog.pp-wide{isolation:isolate}
.pp-sky{position:absolute;left:0;right:0;top:0;height:min(100%,900px);z-index:-1;pointer-events:none;overflow:hidden}
html:not(.js) dialog.pp-wide:target{position:relative}
dialog.pp::backdrop{background:var(--backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
dialog.pp-wizard{max-width:640px;margin-top:56px;max-height:calc(100vh - 112px)}
dialog.pp-list{max-width:1040px;margin-top:56px;max-height:calc(100vh - 112px)}
dialog.pp-small,dialog.pp-pick,dialog.pp-confirm{border-color:var(--white-10);border-radius:20px;margin:auto}
dialog.pp-small{max-width:560px}dialog.pp-pick{max-width:520px}dialog.pp-confirm{max-width:460px}
html:not(.js) dialog.pp:target{display:block;position:static;margin:24px auto;max-height:none}
.pp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 32px;border-top:1px solid var(--white-07);background:var(--popup-foot)}
.pp-foot-tight{padding:16px 24px}
.pp-note{font-size:13px;color:var(--text-3)}
.pp-actions{display:flex;gap:10px;align-items:center}
@media (max-width:640px){dialog.pp{margin-top:16px;width:calc(100% - 20px)}.pp-foot{padding:14px 18px}}

.ck{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ck-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px;padding:14px 16px;border-radius:14px;background:var(--raised);border:1px solid var(--white-07);transition:border-color .15s,box-shadow .15s}
.ck-tick{flex:none;border-radius:999px;border:1px solid var(--white-18);background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:600;padding:8px 16px;cursor:pointer;white-space:nowrap}
.ck-tick .ck-done{display:none}
.ck-row.ck-on{border-color:var(--mint-35)}
.ck-on .ck-tick{border-color:var(--mint-35);background:var(--mint-12);color:var(--mint)}
.ck-on .ck-tick .ck-mark{display:none}.ck-on .ck-tick .ck-done{display:inline}
.ck-row.ck-nudge{border-color:var(--coral-60);box-shadow:0 0 0 3px var(--coral-14)}
.ck-text{flex:1 1 220px;min-width:0}
.ck-name{font-size:16px;font-weight:600}
.ck-on .ck-name{color:var(--text-2)}
.ck-what{font-size:13.5px;color:var(--text-3);margin-top:2px}
.ck-row .pill{flex:none;font-weight:500}
.js .ck-row{cursor:pointer}.js .ck-row:hover{border-color:var(--white-18)}.js .ck-row:hover .ck-tick{background:var(--white-05)}
.js .ck-row.ck-on:hover{border-color:var(--mint-50)}.js .ck-row.ck-on:hover .ck-tick{background:var(--mint-16)}

.ak-trigger{color:var(--coral-text)}.ak-trigger:hover{color:var(--coral-link-hover)}
.ak-box{margin-top:22px;padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--white-08)}
.js .ak-box:not(.ak-open){display:none}
.js .ak-all{display:none}
.ak-answer{font-size:15px;line-height:1.55;color:var(--text);margin-bottom:14px}
.ak-questions{display:flex;gap:8px;flex-wrap:wrap}
.js .ak-questions.js-only{display:flex}
.ak-q{background:transparent;border:1px solid var(--white-12);color:var(--text-soft);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.ak-q:hover,.ak-q[aria-pressed="true"]{border-color:var(--coral-60)}
.ak-all{margin:0}.ak-all dt{font-size:14px;font-weight:600;margin-top:12px}.ak-all dt:first-child{margin-top:0}
.ak-all dd{margin:4px 0 0;font-size:14.5px;line-height:1.55;color:var(--text-2)}
.ak-lead{display:block;font-weight:650;color:var(--text)}
.ak-point{display:block;position:relative;padding-left:16px;margin-top:6px}
.ak-point:before{content:"";position:absolute;left:3px;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--coral-text)}
.ak-card{border-radius:14px;background:var(--coral-06);border:1px solid var(--coral-30);padding:16px 20px;margin:24px 0}
.ak-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ak-card-mark{flex:none;width:32px;height:32px;border-radius:50%;background:var(--coral-14);color:var(--coral-text);display:flex;align-items:center;justify-content:center;font-size:14px}
.ak-card-title{font-size:15.5px;font-weight:600}
.ak-card .ak-box{margin:0;padding:0;background:none;border:0}
.ak-card .ak-answer{background:var(--panel);border:1px solid var(--white-08);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.ak-card .ak-q{border-color:var(--white-14);padding:7px 13px;font-size:13.5px}

.chips{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.chip{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--text);background:var(--white-07);border:1px solid var(--white-10);border-radius:6px;padding:2px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.js .chips:not(.chips-open) .chip-extra{display:none}
.chip-more{position:relative;z-index:2;font:inherit;font-size:13px;font-weight:600;color:var(--text-2);background:transparent;border:1px dashed var(--white-28);border-radius:6px;padding:2px 8px;cursor:pointer;white-space:nowrap}
.chip-more:hover{color:var(--text);background:var(--white-06);border-color:var(--white-32)}
.chip-open{display:none}.chips-open .chip-open{display:inline}.chips-open .chip-closed{display:none}

.cf{padding:28px}
.cf-mark{width:48px;height:48px;border-radius:50%;background:var(--mint-14);color:var(--mint);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.cf-title{margin:0 0 8px;font-size:22px;line-height:1.25;font-weight:650}
.cf-subject{margin-bottom:16px}
.cf-sentence{margin:0 0 24px;font-size:15px;line-height:1.55;color:var(--text-2);text-wrap:pretty}
.cf-option{margin:-12px 0 24px;font-size:14px;color:var(--text-2)}
.cf-detail{margin:-12px 0 24px;font-size:15px;line-height:1.5;color:var(--text-soft)}
.cf-detail ul{margin:0;padding-left:20px;display:grid;gap:8px}
.cf-actions{display:flex;justify-content:flex-end;gap:10px}
.cf-actions .pill-outline{font-weight:400}
/* A window that asks takes the next size up of the family (popup.ts): at the confirm's own 460px the two cards drew
   four lines each and the sentence above them read as a wall (the maintainer, 2026-10-05). Narrower screens are
   unchanged - the window is still the viewport less its margin there. */
dialog.pp-confirm:has(.cf-choose){max-width:560px}
.cf-choose{padding:30px 32px}
@media (max-width:640px){.cf-choose{padding:24px 20px}}
.cf-choose .cf-sentence{margin-bottom:20px}
.cf-case{display:none}
.cf:has(.cf-radio-1:checked) .cf-case-1{display:contents}
.cf:has(.cf-radio-2:checked) .cf-case-2{display:contents}
.cf-choice{display:grid;gap:8px;margin:0 0 22px}
.cf-choice-q{font-size:13px;font-weight:600;color:var(--text-3)}
.cf-opt{position:relative;display:grid;grid-template-columns:20px 26px minmax(0,1fr);gap:11px;align-items:center;padding:13px 15px;border-radius:12px;border:1px solid var(--white-09);background:var(--panel);cursor:pointer}
.cf-opt:hover{background:var(--raised)}
.cf-opt:has(.cf-radio:checked){background:var(--raised-2)}
.cf-opt-mint:has(.cf-radio:checked){border-color:var(--mint-50)}
.cf-opt-sand:has(.cf-radio:checked){border-color:var(--sand-35)}
.cf-opt:has(.cf-radio:focus-visible){outline:2px solid var(--coral);outline-offset:2px}
.cf-radio{position:absolute;opacity:0;pointer-events:none}
.cf-ring{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--white-30);display:flex;align-items:center;justify-content:center}
.cf-ring:after{content:"";width:10px;height:10px;border-radius:50%}
.cf-opt-mint .cf-radio:checked+.cf-ring{border-color:var(--mint)}.cf-opt-mint .cf-radio:checked+.cf-ring:after{background:var(--mint)}
.cf-opt-sand .cf-radio:checked+.cf-ring{border-color:var(--sand)}.cf-opt-sand .cf-radio:checked+.cf-ring:after{background:var(--sand)}
.cf-opt-grey .cf-radio:checked+.cf-ring{border-color:var(--text)}.cf-opt-grey .cf-radio:checked+.cf-ring:after{background:var(--text)}
.cf-opt-mark{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--white-06);color:var(--text-2)}
.cf-opt-mark svg{width:13px;height:13px}
.cf-opt-mint .cf-opt-mark{background:var(--mint-14);color:var(--mint)}
.cf-opt-sand .cf-opt-mark{background:var(--sand-16);color:var(--sand)}
.cf-opt-name{display:block;font-size:14.5px;font-weight:650;line-height:1.3;color:var(--text)}
.cf-opt-now{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;background:var(--white-08);color:var(--text-3);font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}
/* The way out that is not a mode: quiet, under the cards, and confirmed in a window of its own (QE5). */
.cf-drop{margin:-6px 0 20px;font-size:13.5px}
.cf-opt-why{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--text-2)}

.av{flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.av-42{width:42px;height:42px;font-size:14px}.av-40{width:40px;height:40px;font-size:12.5px}.av-30{width:30px;height:30px;font-size:11px}
.av-coral{background:var(--coral-16);color:var(--coral-text)}
.av-alert{background:var(--coral);color:var(--on-coral)}
.av-mint{background:var(--mint-14);color:var(--mint)}
.av-grey{background:var(--raised-2);color:var(--text-2)}
.av-40{border:1px solid var(--white-10)}.av-40.av-alert{border-color:var(--coral)}
.avg{display:flex}.avg .av{margin-right:-6px;border:2px solid var(--card)}

.tabs-bar{display:flex;padding:3px;border-radius:999px;width:fit-content}
.js .tabs-bar.js-only{display:flex}
.tabs-page{background:var(--card);border:1px solid var(--white-09);margin-bottom:22px}
.tabs-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.tabs-top .tabs-bar{margin-bottom:0}
.tabs-inset{gap:4px;background:var(--panel);border:1px solid var(--white-08);margin-bottom:24px}
.tabs-pill{border:none;border-radius:999px;font:inherit;font-size:14px;cursor:pointer;background:transparent;color:var(--text-2)}
.tabs-page .tabs-pill{padding:8px 18px;font-weight:600}
.tabs-inset .tabs-pill{padding:7px 16px;font-weight:500}
.tabs-state{padding:4px;background:var(--card);border:1px solid var(--white-09);margin-bottom:22px}
.tabs-state .tabs-pill{display:flex;align-items:center;gap:8px;padding:9px 18px;font-size:14.5px;font-weight:600;white-space:nowrap}
@media (max-width:420px){.tabs-state .tabs-pill{padding:9px 13px}}
.tabs-dot{width:7px;height:7px;border-radius:50%}.tabs-dot-mint{background:var(--mint)}.tabs-dot-grey{background:var(--white-25)}
.tabs-pill.tabs-on{background:var(--text);color:var(--bg)}
.js .tabs-panel:not(.tabs-on){display:none}
.tabs-fallback{margin:24px 0 12px;font-size:16px;font-weight:650}
.js .tabs-fallback{display:none}

.sx{display:grid;gap:10px}
.sx-page{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px}
.sx-record{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:28px}
.sx-card{border-radius:14px}
.sx-page .sx-card{padding:14px 18px;background:var(--card);border:1px solid var(--white-08)}
.sx-record .sx-card{padding:16px 18px;background:var(--raised);border:1px solid var(--white-07)}
.sx-label{color:var(--text-3)}
.sx-page .sx-label{font-size:12.5px;margin-bottom:4px}.sx-record .sx-label{font-size:13px;margin-bottom:6px}
.sx-value{font-weight:650;color:var(--text)}
.sx-page .sx-value{font-size:24px}.sx-record .sx-value{font-size:26px;letter-spacing:-0.01em}
.sx-coral{color:var(--coral-text)}.sx-mint{color:var(--mint)}

.rp-narrow{max-width:840px;margin:0 auto}
/* A light gap under "Report from", the same above every screen's mark (the maintainer, 2026-09-30). */
.rp-alone,.rp-narrow:not(.rp-alone)>.hero-centred{padding-top:16px}
.rp-todo-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 4px}
.rp-todo-label{font-size:14px;color:var(--text-2)}
.rp-gap{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin:0 0 18px;border-radius:14px;background:var(--coral-07);border:1px solid var(--coral-35);font-size:15px;line-height:1.5}
.rp-gap-mark{flex:none;width:24px;height:24px;border-radius:50%;background:var(--coral);color:var(--on-coral);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.rp-gap-link{font-weight:600;color:var(--text);white-space:nowrap}.rp-gap-link:hover{color:var(--white);text-decoration:underline}
.rp-hero-go{display:flex;justify-content:center;margin:-12px 0 36px}
.rp-narrow .hero-lead code{font-size:14px;color:var(--text-soft)}
/* X28: which AI the page is about, readable at a glance above the heading - the badge of the kit, larger here alone. */
.rp-ai{margin:0 0 14px;text-align:center}
.rp-ai .tag-badge{font-size:15px;padding:7px 18px;color:var(--text);background:var(--white-10);border:1px solid var(--white-28)}
.rp-when{margin:0 0 18px;text-align:center;font-size:14px;color:var(--text-3)}.rp-when b{color:var(--text-soft);font-weight:600}
.rp-did-heading{margin:0 0 12px;padding:0 4px;font-size:14px;font-weight:600;color:var(--text-2)}
.rp-did-card{border-radius:18px;background:var(--card);border:1px solid var(--white-09);overflow:hidden}
.rp-did-list{list-style:none;margin:0;padding:0}
.rp-did-row{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;padding:22px 24px;border-bottom:1px solid var(--white-06)}
.rp-did-row>.look{margin-top:1px}
.rp-did-row>.look .look-glyph{width:30px;height:30px;font-size:14px}
.rp-did-row>.pill{align-self:center}
.rp-did-text{flex:1;min-width:220px}
.rp-did-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:17px;font-weight:600;line-height:1.35}
.rp-did-line{display:block;margin-top:4px;font-size:15px;line-height:1.5;color:var(--text-2)}
.rp-did-chips{display:block;margin-top:10px}
.rp-did-foot{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:18px 24px}
.rp-did-note{flex:1;min-width:220px;font-size:14px;line-height:1.5;color:var(--text-3)}
.rp-asked{display:flex;align-items:center;gap:16px;margin:0 0 30px;padding:18px 22px;border-radius:18px;background:var(--card);border:1px solid var(--white-09)}
.rp-asked-mark{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--white-14);color:var(--text-soft);display:flex;align-items:center;justify-content:center}
.rp-asked-mark svg{width:18px;height:18px}
.rp-asked-label{display:block;font-size:13px;font-weight:600;color:var(--text-3)}
.rp-asked-title{display:block;margin-top:2px;font-size:17px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.rp-back{display:flex;justify-content:center;margin:34px 0 8px}
.rp-dev{margin-top:26px}
.rp-dev-line{display:inline-flex;align-items:center;gap:6px;padding:4px;font-size:14px;font-weight:600;color:var(--text-2);cursor:pointer;list-style:none}
.rp-dev-line::-webkit-details-marker{display:none}
.rp-dev-line:hover{color:var(--text)}
.rp-dev-caret{font-size:11px;transition:transform .15s}.rp-dev[open] .rp-dev-caret{transform:rotate(180deg)}
.rp-dev-body{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:12px;padding:16px 20px;border-radius:14px;background:var(--panel);border:1px solid var(--white-08)}
@media (max-width:640px){.rp-did-row{padding:18px;gap:14px}.rp-did-foot{padding:16px 18px}.rp-asked{padding:16px 18px}}
.rp-done-tag{display:none}
.tc-done .rp-done-tag{display:inline-flex}.tc-done .tc-action>.pill{display:none}

.wz-top{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid var(--white-07)}
.wz-file{flex:none;font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap}
.wz-top [data-wz-stepper]{flex:1;display:flex}
.wz-now{padding:22px 36px 20px;background:var(--coral-05);border-bottom:1px solid var(--coral-18)}
.wz-now-label{font-size:13px;font-weight:600;color:var(--coral-text);margin-bottom:8px}
.wz-now-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.wz-chip{font-family:var(--mono);font-size:20px;font-weight:600;color:var(--text);background:var(--panel);border:1px solid var(--coral-45);border-radius:8px;padding:6px 12px}
.wz-now-title{font-size:17px;font-weight:650;line-height:1.3}
.wz-context{font-size:14.5px;line-height:1.5;color:var(--text-2);text-wrap:pretty}
.wz-context code{font-family:var(--mono);font-size:13.5px;color:var(--text)}
.wz-body{padding:32px 36px 30px;min-height:340px}
.js .wz-step:not(.wz-on){display:none}
.wz-step+.wz-step{margin-top:32px}.js .wz-step+.wz-step{margin-top:0}
.wz-step-of{font-size:13px;font-weight:600;color:var(--coral-text);margin-bottom:10px}
.wz-h2{margin:0 0 10px;font-size:28px;line-height:1.2;letter-spacing:-0.02em;font-weight:650;text-wrap:balance}
.wz-p{margin:0 0 24px;font-size:16px;line-height:1.5;color:var(--text-2);text-wrap:pretty}.wz-p-tight{margin-bottom:22px}
.wz-warn{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--coral-07);border:1px solid var(--coral-35);margin-bottom:22px;font-size:15px;line-height:1.5}
.wz-warn strong{font-weight:650}.wz-warn-why{color:var(--text-soft)}
.wz-warn-mark{flex:none;width:24px;height:24px;border-radius:50%;background:var(--coral);color:var(--on-coral);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.wz-howto{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:18px}
.wz-howto>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px}
.wz-howto>li>div{padding-top:3px;min-width:0}
.wz-n{width:28px;height:28px;border-radius:50%;background:var(--coral-14);color:var(--coral-text);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}
.wz-line{font-size:16px;line-height:1.5;margin-bottom:10px}p.wz-line{margin:0}
.wz-path-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wz-path{font-family:var(--mono);font-size:14px;color:var(--text);background:var(--panel);border:1px solid var(--white-10);border-radius:8px;padding:8px 12px;overflow-wrap:anywhere}
.wz-copy{background:transparent;color:var(--text);border:1px solid var(--white-14);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.wz-copy-done{display:none}.wz-copied{background:var(--mint-14);color:var(--mint)}.wz-copied .wz-copy-idle{display:none}.wz-copied .wz-copy-done{display:inline}
.wz-env{border-radius:10px;background:var(--panel);border:1px solid var(--white-10);padding:10px 14px;font-family:var(--mono);font-size:14px;line-height:1.9;overflow:auto}
.wz-env-line{white-space:nowrap}.wz-env-key{color:var(--text)}.wz-env-eq{color:var(--coral-text)}
.wz-env-new{color:var(--text-3);background:var(--coral-12);border-radius:4px;padding:1px 6px}
.wz-ck-line{font-family:var(--mono);font-size:15px;overflow-wrap:anywhere}
.wz-guess{display:block;margin-top:3px}.wz-guess .wz-ck-line{font-size:12.5px;color:var(--text-2)}
.wz-more{margin-top:10px}.wz-more>.ck{margin-top:10px}
.wz-more-line{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--white-14);color:var(--text-soft);font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.wz-more-line::-webkit-details-marker{display:none}.wz-more-line:hover{background:var(--white-05);color:var(--text)}.wz-more[open]>.wz-more-line{display:none}
.wz-open{margin-top:18px}.wz-open .wz-note{margin:0 0 10px}.wz-open-names{margin:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.wz-note{margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--text-3);text-wrap:pretty}
.wz-ask{font-size:16px;font-weight:600;margin:0 0 12px}
.wz-answers{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.wz-answer{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--white-10);color:var(--text);border-radius:14px;padding:14px 16px;font:inherit;cursor:pointer}
.wz-answer:hover{border-color:var(--white-30)}
.wz-answer.ck-nudge{border-color:var(--coral-60);box-shadow:0 0 0 3px var(--coral-14)}
.wz-option-mark{flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;border:1.5px solid var(--white-30)}
.wz-option{display:flex;flex-direction:column;gap:3px}
.wz-option-name{font-size:15.5px;font-weight:600}
.wz-option-what{font-size:14px;line-height:1.45;color:var(--text-2)}
.wz-answer[aria-checked="true"]{border-color:var(--coral-50);background:var(--coral-07)}
.wz-answer[aria-checked="true"] .wz-option-mark{border:6px solid var(--coral)}
.js .wz-answered{display:none}.js .wz-answered.wz-on{display:block}
.wz-answer-title{margin:0 0 8px;font-size:15px;font-weight:650}.js .wz-answer-title{display:none}
.wz-answered+.wz-answered{margin-top:24px}
.wz-honest{margin:18px 0 0;font-size:14px;line-height:1.5;color:var(--text-3)}
.wz-path-note{margin:10px 0 0;font-size:13px;color:var(--text-3)}.wz-path-note code{font-family:var(--mono)}
.wz-done{text-align:center;padding:30px 0 10px}
.wz-done-mark{width:64px;height:64px;border-radius:50%;background:var(--mint);color:var(--on-mint);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;margin:0 auto 22px}
.wz-done .wz-h2{font-size:30px}
.wz-done-text{margin:0 auto;max-width:400px;font-size:16px;line-height:1.5;color:var(--text-2)}
.wz-handover{margin:22px auto 0;max-width:520px;text-align:left}
.wz-handover-text{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--text-2)}
.wz-reason{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:var(--coral-07);border:1px solid var(--coral-35);font-size:14px;line-height:1.5;white-space:pre-line}
.wz-reason[hidden],.wz-handover[hidden],.wz-protected[hidden]{display:none}
.wz-protected{display:inline-flex;align-items:center;padding:12px 20px;border-radius:999px;background:var(--mint-14);color:var(--mint);font-size:15px;font-weight:600}
.wz-tracked{background:var(--sand-16);color:var(--sand)}
.wz-foot{position:sticky;bottom:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--white-07);background:var(--popup-foot)}
.wz-foot-left,.wz-foot-right{display:flex;gap:14px;align-items:center}.wz-foot-right{gap:10px}
.wz-back{background:transparent;border:1px solid var(--white-12);color:var(--text-soft);border-radius:999px;padding:10px 16px;font:inherit;font-size:14px;cursor:pointer}
.wz-foot [hidden]{display:none}
.cf-note .wz-reason,.cf-note .wz-handover{margin:0 0 18px;max-width:none}
.wz-skip{color:var(--text-3);font-weight:400;padding:6px 4px}.wz-skip:hover{color:var(--text)}
.wz-foot-right{flex-wrap:wrap;justify-content:flex-end}
.wz-main.wz-wait{opacity:.5}
.wz-hint{margin:16px 0 0;font-size:14.5px;font-weight:600;color:var(--coral-text)}.wz-hint[hidden]{display:none}
.wz-main.pill-primary,.wz-main.pill-mint{border-color:transparent}
.wz-main{padding:12px 22px}
.wz-notice{margin-top:14px}
.wz-where{margin-top:14px;border-top:1px solid var(--coral-18);padding-top:12px}
.wz-where-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;color:var(--text-soft)}
.wz-where-toggle::-webkit-details-marker{display:none}
.wz-where-toggle:after{content:"▾";font-size:12px;color:var(--text-3)}.wz-where[open] .wz-where-toggle:after{content:"▴"}
.wz-where-toggle:hover{color:var(--text)}
.wz-where-body{margin-top:12px}
.wz-note-field{margin-top:26px;padding-top:22px;border-top:1px solid var(--white-07)}
.wz-note-label{display:block;font-size:14px;font-weight:600;color:var(--text-2);margin-bottom:8px}
.wz-note-input{width:100%;background:var(--panel);border:1px solid var(--white-12);border-radius:10px;padding:11px 14px;color:var(--text);font:inherit;font-size:15px;outline:none}
.wz-note-input:focus-visible{border-color:var(--coral-50)}
@media (max-width:640px){.wz-now{padding:18px 20px}.wz-body{padding:24px 20px}.wz-top{flex-wrap:wrap}}

.sw-head{padding:26px 32px 0}
.sw-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.sw-ident{min-width:0}
.sw-id{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sw-chip{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--text);background:var(--white-07);border:1px solid var(--white-10);border-radius:6px;padding:3px 8px}
.sw-kind{font-size:14px;color:var(--text-2)}
.sw-h2{margin:0 0 6px;font-size:32px;line-height:1.15;letter-spacing:-0.02em;font-weight:650;text-wrap:balance}
.sw-summary{margin:0 0 22px;font-size:16px;line-height:1.5;color:var(--text-2)}
.sw-context{margin:-12px 0 22px;font-size:14px;line-height:1.5;color:var(--text-3)}
.sw-body{padding:0 32px 30px}
.sw-body>.tabs>.tabs-bar{margin-left:auto;margin-right:auto}
.sw-story{list-style:none;margin:0 auto;padding:0;display:flex;flex-direction:column;max-width:720px}
.sw-ev{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px}
.sw-ev.sw-timed{grid-template-columns:64px 40px minmax(0,1fr)}
.sw-time{font-family:var(--mono);font-size:12.5px;color:var(--text-3);padding-top:11px;text-align:right}
.sw-times-note{margin:-4px 0 12px;font-size:13px;color:var(--text-3)}
.sw-grid-every.sw-grid-timed{grid-template-columns:44px 84px 130px minmax(0,1.5fr) minmax(0,1.2fr) 120px 180px;min-width:980px}
@media (max-width:640px){.sw-ev.sw-timed{grid-template-columns:52px 40px minmax(0,1fr);gap:10px}}
.sw-rail{display:flex;flex-direction:column;align-items:center}
.sw-line{flex:1;width:1.5px;background:var(--coral-30);margin:4px 0}
.sw-ev-body{padding:2px 0 22px}
.sw-who{font-size:13px;font-weight:600;color:var(--text-3);margin-bottom:3px}.sw-ev-alert .sw-who{color:var(--coral-text)}
.sw-ev-title{font-size:16px;font-weight:600;line-height:1.4}
.sw-ev-sub{font-size:14.5px;line-height:1.5;color:var(--text-2);margin-top:3px;text-wrap:pretty}
.sw-ev-sub code{font-family:var(--mono);font-size:13.5px;color:var(--text)}
.sd-diagram .hd-node{height:64px;cursor:default;transition:opacity .15s,border-color .15s,transform .15s,box-shadow .15s}
.sd-diagram .hd-node:hover,.sd-diagram .hd-node:focus-visible{border-color:var(--white-40);transform:translateY(-1px);box-shadow:0 10px 26px var(--node-shadow);outline:none}
.sd-diagram .hd-risk:hover,.sd-diagram .hd-risk:focus-visible{border-color:var(--coral)}
.sd-diagram .hd-sub{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3}
.sd-company{background:var(--coral-12);border-color:var(--coral)}
.sd-diagram .hd-icon-amber{background:var(--amber-16);color:var(--amber)}
.sd-diagram .hd-icon-sand{background:var(--sand-16);color:var(--sand)}.sd-diagram .hd-icon-blue{background:var(--blue-16);color:var(--blue)}
.sd-company .hd-label{color:var(--coral-text)}.sd-company .hd-sub{color:var(--text-soft)}
.hd-icon-company{background:var(--coral);color:var(--on-coral)}
.sw-rec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.sw-rec-title{font-size:16px;font-weight:650}.sw-rec-alone{margin-bottom:12px}
.sw-rec-note{font-size:13px;color:var(--text-3)}
.sw-table{border-radius:14px;border:1px solid var(--white-09);overflow:auto;margin-bottom:32px}
.sw-grid{display:grid;gap:16px;padding:15px 18px;border-bottom:1px solid var(--white-06);align-items:center;font-size:14.5px}
.sw-grid:last-child{border-bottom:none}
.sw-grid-head{padding:12px 18px;background:var(--panel);font-size:12.5px;font-weight:600;color:var(--text-3);border-bottom:1px solid var(--white-08)}
.sw-grid-every{grid-template-columns:44px 130px minmax(0,1.5fr) minmax(0,1.2fr) 120px 180px;min-width:900px}
.sw-grid-each{grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr) repeat(5,110px) 90px;min-width:1000px}
.sw-mono{font-family:var(--mono);font-size:13px}
.sw-dim{color:var(--text-3)}
.sw-strong{font-size:15px;font-weight:600}
.sw-who-cell{display:flex;align-items:center;gap:8px;font-weight:600}
.sw-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);flex:none}.sw-dot-grey{background:var(--white-35)}
.sw-tool{font-family:var(--mono);font-size:13px;color:var(--text);background:var(--white-07);border:1px solid var(--white-10);border-radius:6px;padding:3px 8px}
.sw-yn{font-size:12px;font-weight:700;border-radius:999px;padding:4px 11px;color:var(--text-2);background:var(--white-07)}
.sw-untracked{font-size:11px;letter-spacing:0.02em;color:var(--text-3);background:transparent;border:1px solid var(--white-12)}
.sw-yes{color:var(--on-coral);background:var(--coral)}
.sw-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));border-radius:14px;border:1px solid var(--white-09);overflow:hidden}
.sw-fact{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:14px 18px;border-bottom:1px solid var(--white-06);border-right:1px solid var(--white-06);align-items:baseline}
.sw-fact-key{font-size:13.5px;color:var(--text-3)}
.sw-fact-value{font-size:14px;color:var(--text);word-break:break-all}
@media (max-width:640px){.sw-head{padding:22px 20px 0}.sw-body{padding:0 20px 24px}.sw-h2{font-size:26px}}

dialog.dr{margin:0 0 0 auto;padding:0;height:100%;max-height:100%;width:480px;max-width:100%;border:0;border-left:1px solid var(--white-08);background:var(--popup);color:var(--text)}
dialog.dr[open]{display:flex;flex-direction:column}
dialog.dr::backdrop{background:var(--scrim)}
html:not(.js) dialog.dr:target{display:flex;flex-direction:column;position:static;height:auto;margin:24px 0 24px auto}
.dr-head{display:flex;align-items:center;gap:14px;padding:22px 24px;border-bottom:1px solid var(--white-07)}
.dr-dot{flex:none;width:10px;height:10px;border-radius:50%}
.dr-dot-coral{background:var(--coral)}.dr-dot-amber{background:var(--amber)}.dr-dot-blue{background:var(--blue)}.dr-dot-mint{background:var(--mint)}.dr-dot-grey{background:var(--text-4)}
.dr-name{flex:1;min-width:0}
.dr-title{font-size:19px;font-weight:650}
.dr-sub{font-size:13px;color:var(--text-3);margin-top:2px}
.dr-body{padding:24px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:24px}
.dr-foot{padding:18px 24px;border-top:1px solid var(--white-07)}

.fold-line{display:flex;align-items:center;gap:12px;width:100%;padding:16px 22px;border-radius:14px;border:1px dashed var(--white-16);color:var(--text-soft);font-size:15px;cursor:pointer;list-style:none}
.fold-line::-webkit-details-marker{display:none}
.fold-line:hover{border-color:var(--white-32)}
.fold[open]>.fold-line{margin-bottom:16px}
.fold-mark{flex:none;width:24px;height:24px;border-radius:50%;background:var(--mint-14);color:var(--mint);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.fold-text{flex:1}
.fold-text strong{font-weight:650;color:var(--text)}
.fold-text .fold-rest{color:var(--text-2)}
.fold-toggle{font-size:14px;font-weight:600;color:var(--text-2)}
.fold-hide{display:none}.fold[open] .fold-hide{display:inline}.fold[open] .fold-show{display:none}
.fold-sand>.fold-line{border:1px solid var(--sand-35);background:var(--card)}.fold-sand>.fold-line:hover{border-color:var(--sand)}
.fold-sand .fold-mark{width:32px;height:32px;background:var(--sand-16);color:var(--sand)}.fold-sand .fold-mark svg{width:16px;height:16px}
.fold-grey>.fold-line{border:1px solid var(--white-16);background:var(--card)}.fold-grey>.fold-line:hover{border-color:var(--white-32)}
.fold-grey .fold-mark{width:32px;height:32px;background:var(--white-10);color:var(--text-2);font-size:15px}

.hv{max-width:840px;margin:0 auto;transition:max-width .35s ease}
/* The diagram takes the page's width, up to 1600px: its boxes widen with it (P29). Between the list and the diagram the
   page widens and narrows, and the panel that comes fades in, rather than jumping. */
.hv:has(> .tabs > [data-tab-panel="0"].tabs-on){max-width:100%}
/* By folder takes the page's full width (SB27 as amended 2026-10-11): long paths in the tree, the panel beside it. */
.hv:has(> .tabs > [data-tab-panel="2"].tabs-on){max-width:1240px}
.shell-main:has(#helpers.rv-on){transition:max-width .35s ease}
.shell-main:has(#helpers.rv-on > .hv > .tabs > [data-tab-panel="0"].tabs-on){max-width:1600px}
.js .hv > .tabs > .tabs-panel.tabs-on{animation:hv-in .3s ease both}
@keyframes hv-in{from{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.js .hv > .tabs > .tabs-panel.tabs-on{animation:none}}
.hv .hero{margin-bottom:28px}
.hv .hero-fact,.hv .hero-action{font-size:34px;line-height:1.15}
.hv .hero-lead{font-size:16px;max-width:560px}
.hv-clean .hero-action{color:var(--mint)}.hv-amber .hero-action{color:var(--amber)}.hv-blue .hero-action{color:var(--blue)}
.hl-list{display:flex;flex-direction:column;gap:10px}
.hl-card{width:100%;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:16px;background:var(--card);border:1px solid var(--white-09);color:inherit;text-decoration:none}
.hl-card:hover{border-color:var(--white-28);color:inherit}
.hl-risk{border-color:var(--coral-35)}
.hl-text{flex:1;min-width:0}
.hl-name{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;font-size:17px;font-weight:650}
.hl-line{display:block;font-size:15px;color:var(--text-2);margin-top:3px}.hl-risk .hl-line{color:var(--coral-text)}
.hl-see{flex:none;font-size:14px;font-weight:600;color:var(--text-2);white-space:nowrap}
.hl-by{font-size:13.5px;font-weight:500;color:var(--text-3)}
/* The line leaves the middle of your AI's avatar (its card's border, padding and half the avatar in; its padding and
   the avatar's lower half above the list's gap) and reaches each card at its middle; the fold line, whose card can open below it, 29px down. */
.hl-tree{--hl-in:34px;--hl-top:-29px;display:flex;flex-direction:column;gap:10px;margin-left:43px;padding-left:var(--hl-in)}
.hl-branch{position:relative;--hl-mid:50%}.hl-branch-fold{--hl-mid:29px}
.hl-branch::before{content:"";position:absolute;left:calc(-1 * var(--hl-in));top:-10px;bottom:-10px;border-left:1.5px solid var(--white-28)}
.hl-branch:first-child::before{top:var(--hl-top)}
.hl-branch:last-child::before{bottom:auto;height:calc(var(--hl-mid) + 10px)}
.hl-branch:first-child:last-child::before{height:calc(var(--hl-mid) - var(--hl-top))}
.hl-branch::after{content:"";position:absolute;left:calc(-1 * var(--hl-in));top:var(--hl-mid);width:calc(var(--hl-in) - 8px);border-top:1.5px solid var(--white-28)}
.hl-arrow{position:absolute;left:-9px;top:calc(var(--hl-mid) - 4.25px);border-left:8px solid var(--white-28);border-top:5px solid transparent;border-bottom:5px solid transparent}
@media (max-width:640px){.hl-card{padding:16px;gap:12px}.hl-tree{--hl-in:18px;--hl-top:-27px;margin-left:37px}}
.hd-scroll{border-radius:18px;border:1px solid var(--white-09);background-color:var(--panel);background-image:radial-gradient(var(--white-09) 1px,transparent 1px);background-size:22px 22px;overflow:auto}
.hd-board{position:relative;margin:0 auto}
.hd-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hd-edge{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke;transition:opacity .15s}
.hd-work{stroke:var(--white-18)}.hd-read{stroke:var(--coral)}
.hd-named,.hd-unknown,.hd-opened{stroke:var(--blue);stroke-dasharray:6 5}.hd-stopped{stroke:var(--mint);stroke-dasharray:6 5}
.hd-edge.hd-dim{opacity:.08}.hd-edge.hd-lit{stroke-width:2.5}
.hd-legend{position:absolute;left:24px;top:18px;display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--text-2)}
.hd-legend>span{display:flex;align-items:center;gap:7px}
.hd-key{width:22px}.hd-key-read{height:2px;background:var(--coral)}.hd-key-work{height:2px;background:var(--white-25)}
.hd-key-named{border-top:2px dashed var(--blue)}.hd-key-stopped{border-top:2px dashed var(--mint)}
.hd-col{position:absolute;top:52px;font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-4)}
.hd-node{position:absolute;height:56px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:12px;background:var(--raised);border:1px solid var(--white-12);box-shadow:0 6px 18px var(--node-shadow);color:inherit;text-decoration:none;transition:opacity .15s,border-color .15s}
a.hd-node:hover{border-color:var(--white-40);color:inherit}
.hd-risk{border-color:var(--coral-50)}
.hd-node.hd-dim{opacity:.3}
.hd-narrow{height:72px}
.hd-narrow .hd-sub{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3}
.hd-port{position:absolute;top:calc(50% - 4.5px);width:9px;height:9px;border-radius:50%;background:var(--raised-2);border:1.5px solid var(--white-25)}
.hd-in{left:-5px}.hd-out{right:-5px}
.hd-icon{flex:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.hd-icon-coral{background:var(--coral-18);color:var(--coral-text)}.hd-icon-mint{background:var(--mint-14);color:var(--mint)}
.hd-icon-sand{background:var(--sand-16);color:var(--sand)}
.hd-icon-blue{background:var(--blue-16);color:var(--blue)}.hd-icon-blue svg{width:16px;height:16px}
.hd-icon-grey{background:var(--raised-2);color:var(--text-2)}.hd-icon-you{background:var(--raised-2);color:var(--text)}
.hd-text{min-width:0}
.hd-label{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-mono{font-family:var(--mono)}
.hd-sub{display:block;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.hd-sub-coral{color:var(--coral-text)}
.hd-hint{margin:12px 4px 0;font-size:13px;color:var(--text-3)}
.hw-label{font-size:13px;font-weight:600;color:var(--text-3);margin-bottom:8px}
.hw-job{font-size:16px;line-height:1.5}
.hw-box{padding:20px;border-radius:14px;background:var(--mint-06);border:1px solid var(--mint-30)}
.hw-yes{background:var(--coral-07);border-color:var(--coral-35)}
.hw-q{font-size:15px;font-weight:500;color:var(--mint);margin-bottom:6px}.hw-yes .hw-q{color:var(--coral-text)}
.hw-a{font-size:40px;font-weight:700;letter-spacing:-0.02em;color:var(--mint);line-height:1.1;margin-bottom:8px}.hw-yes .hw-a{color:var(--coral-text)}
.hw-text{font-size:15px;line-height:1.5;color:var(--text-soft)}
.hw-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.hw-chip{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--text);background:var(--white-07);border:1px solid var(--white-10);border-radius:6px;padding:2px 7px}
.hw-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--white-06);font-size:15px}
.hw-explain>summary{list-style:none;cursor:pointer;font-size:14px;font-weight:500;width:fit-content}
.hw-explain>summary::-webkit-details-marker{display:none}
.hw-explained{margin-top:12px;font-size:15px;line-height:1.55;background:var(--panel);border:1px solid var(--white-08);border-radius:12px;padding:14px 16px}
.hw-explained code{font-family:var(--mono);font-size:13.5px}
.hw-unknown{color:var(--amber);background:var(--amber-16)}
.hw-note{margin:auto 0 0;font-size:13px;line-height:1.5;color:var(--text-3)}
.dr-foot .pill{width:100%;justify-content:center}

.dt{border-radius:14px;background:var(--card);border:1px solid var(--white-09);overflow-x:auto;overflow-y:hidden}
.dt-head,.dt-row{display:grid;column-gap:18px}
.dt-head{padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--white-08);font-size:12.5px;font-weight:600;color:var(--text-3)}
.dt-row{align-items:center;position:relative;padding:16px 20px;border-bottom:1px solid var(--white-06);color:var(--text)}
.dt-row[hidden]{display:none}
.dt-linked:hover{background:var(--white-02)}
.dt-link{position:absolute;inset:0;z-index:1;border-radius:0}
.dt-link:focus-visible{outline-offset:-2px}
.dt-cell{min-width:0}
/* A column here has a width, and a look's words are one line everywhere else (status-icon.ts), so in a cell they
   wrap rather than run over the column beside them - which German's "Nicht protokolliert" already did (found by the
   maintainer 2026-10-08 on the new "Opened only"). */
.dt-cell .look-label{white-space:normal;overflow-wrap:anywhere}
.dt-bar{position:absolute;left:0;top:15%;height:70%;width:2px;border-radius:0 2px 2px 0;background:var(--coral)}
.dt-bar-sand{background:var(--sand)}
.dt-group{padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--white-08);font-size:12.5px;font-weight:600;letter-spacing:0.02em;color:var(--text-2)}
.dt-group[hidden]{display:none}
.dt-inner{background:var(--white-04);font-weight:500;letter-spacing:0}
.dt-group-cell{display:flex;align-items:center;gap:8px}
.dt-group-dot{width:7px;height:7px;border-radius:50%;flex:none}
.dt-group-coral{background:var(--coral)}.dt-group-amber{background:var(--amber)}.dt-group-mint{background:var(--mint)}.dt-group-sand{background:var(--sand)}.dt-group-blue{background:var(--blue)}.dt-group-grey{background:var(--white-25)}
.dt-group-count{font-weight:500;color:var(--text-3)}
.dt-note{padding:10px 20px;border-bottom:1px solid var(--white-06)}
.dt-note[hidden]{display:none}
.dt-note-cell{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-3)}
.dt-empty{padding:28px;text-align:center;font-size:14px;color:var(--text-3)}

.ls{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--white-10);border-radius:10px;padding:0 6px 0 14px}
.ls-q{font-size:13.5px;color:var(--text-3);white-space:nowrap}
.ls-select{background:transparent;border:none;color:var(--text);font:inherit;font-size:14px;font-weight:600;padding:9px 6px;outline:none;cursor:pointer}
.ls-select option{background:var(--card)}

.look{display:flex;align-items:center;gap:9px}
.look-glyph{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.look-glyph svg{width:13px;height:13px}
.look-label{font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap}
.look-coral .look-glyph{background:var(--coral-16);color:var(--coral-text)}.look-coral .look-label{color:var(--coral-text)}
.look-amber .look-glyph{background:var(--amber-16);color:var(--amber)}.look-amber .look-label{color:var(--amber)}
.look-mint .look-glyph{background:var(--mint-14);color:var(--mint)}.look-mint .look-label{color:var(--mint)}
.look-sand .look-glyph{background:var(--sand-16);color:var(--sand)}.look-sand .look-label{color:var(--sand)}
.look-blue .look-glyph{background:var(--blue-16);color:var(--blue)}.look-blue .look-label{color:var(--blue)}
.look-grey .look-glyph{background:var(--white-06);color:var(--text-2)}.look-grey .look-label{color:var(--text-2)}

.fp-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fp-folder{display:inline-flex;align-items:center;gap:5px}
.fp-mark{width:14px;height:14px;flex:none;color:var(--text-4)}
.fp-folder .fp-mark{color:var(--text-3)}
.fp-where{display:flex;align-items:flex-start;gap:6px;margin-top:7px;font-family:var(--mono);font-size:12.5px;line-height:1.5;color:var(--text-3);overflow-wrap:normal;word-break:normal;min-width:0}
.fp-where .fp-mark{margin-top:2px}
.fp-sep{color:var(--text-4);padding-inline:5px}
.fp-heading{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;font-weight:500;line-height:1.5;color:var(--text-2);overflow-wrap:normal;word-break:normal;min-width:0}
.fp-heading .fp-mark{width:15px;height:15px;color:var(--text-3)}
.fp-root{font-family:var(--sans);font-size:13.5px}

.fl{max-width:1100px;margin:0 auto;container:files/inline-size}
.fl-by-step [data-files-tier]{display:none}
/* PG3, PG4: every file under its folder in the default order - its own folder line said once, above; in the order the
   AI went, no folder rows, and each row carries its folder again. */
.fl-by-step [data-files-folder]{display:none}
/* A long folder stays in sight while its files scroll (the maintainer, 2026-10-10): its row sticks under the part's own
   heading, which keeps its height whatever the font - a later folder row covers it, a later part's heading slides over
   it. Opaque, and above a row's own controls (data-row-control, z-index 2), so a row scrolling under it does not
   show through - the pencil of a Blocked row did, in the Conversations window. */
.fl{--fl-part:45px}
.fl .dt-group.dt-inner{top:0;z-index:3;padding:10px 20px;font-size:13px;font-weight:500;color:var(--text-2);background:linear-gradient(var(--white-04),var(--white-04)) var(--card)}
.fl .dt:has([data-files-tier]) .dt-group.dt-inner{top:var(--fl-part)}
/* The row is the table's width, which scrolls on a phone: its folder wraps between folders inside what is seen. */
.fl .dt-inner .fp-heading{max-width:min(100%,calc(100vw - 72px))}
.fl .dt-inner .fp-crumbs{min-width:0}
.fl .dt:not(.fl-by-step) [data-in-folder] .fp-where{display:none}
.fl .dt:not(.fl-by-step) [data-in-folder]>.dt-cell:first-child{padding-left:22px}
.fl .dt-group{position:sticky;top:0;z-index:4;padding:13px 20px;font-size:16px;font-weight:650;line-height:18px;letter-spacing:0;color:var(--text)}
.fl .dt-group-cell{gap:10px}
.fl .dt-group-dot{width:9px;height:9px}
.fl .dt-group-count{font-size:14.5px}
.fl .dt-row a,.fl .dt-row button{scroll-margin-top:64px}
@container files (min-width:982px){.fl .dt{overflow:clip}}
.fl .hero{margin-bottom:28px}
.fl .hero-fact,.fl .hero-action{font-size:34px;line-height:1.15}
.fl .hero-lead{font-size:16px;max-width:560px}
.fl-clean .hero-action{color:var(--mint)}
.fl-filters{flex-direction:column;gap:12px;margin-bottom:18px}
.js .fl-filters.js-only{display:flex}
.fl-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.fl-row>.i18n{max-width:100%}.fl-row .ls{max-width:100%}.fl-row .ls-select{min-width:0}
.fl-search{flex:1 1 220px;min-width:0;background:var(--card);border:1px solid var(--white-10);border-radius:999px;padding:9px 16px;color:var(--text);font:inherit;font-size:14px;outline:none}
.fl-search:focus-visible{border-color:var(--coral-50)}
.fl-pills{display:flex;gap:8px;flex-wrap:wrap}
.fl-pill{display:flex;align-items:center;gap:8px;border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--white-12);background:transparent;color:var(--text-soft)}
.fl-pill.fl-on{background:var(--text);color:var(--bg);border-color:var(--text)}
.fl-count{opacity:.7}
.fl-clear{font-size:14px;font-weight:600;padding:8px}.fl-clear[hidden]{display:none}
.fl-kind{display:block;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl-chip{display:inline-flex;margin-top:6px;font-family:var(--mono);font-size:13.5px;font-weight:500;color:var(--text);background:var(--white-07);border:1px solid var(--white-10);border-radius:6px;padding:2px 7px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.fl-plain{font-size:13.5px;font-weight:600;color:var(--text-2)}
/* QE1: the mode of a row this page can change is its own control - the badge, and a pencil on the badge's own line
   (status-icon.ts), so nothing but the look's style decides where it sits. The link adds the room it is held in. */
.fl-mode{display:flex;align-items:center;gap:10px}
.fl-mode-edit{display:inline-flex;align-items:center;padding:4px 9px;margin:-4px -9px;border-radius:999px;color:inherit;border:1px solid transparent;transition:background .15s,border-color .15s}
.fl-mode-edit:hover{background:var(--white-06);border-color:var(--white-09)}
.fl-pencil{flex:none;display:flex;margin-left:-1px;color:var(--text-4);transition:color .15s}
.fl-mode-edit:hover .fl-pencil{color:var(--text-2)}
.fl-prot{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.fl-prot[hidden],[data-protected][hidden],[data-made-key][hidden]{display:none}
.fw-glyph svg{width:13px;height:13px}
[data-row-control]{position:relative;z-index:2}
.fl-act{font-size:13.5px;font-weight:600;white-space:nowrap}.fl-act[hidden]{display:none}
.fl-act-fix{color:var(--coral-text)}.fl-act-fixed{color:var(--mint)}.fl-act-none{color:var(--text-3)}
.fl-note{margin:12px 4px 0;font-size:13px;color:var(--text-3)}
.fl-names{margin-top:24px}.fl-names .fold-body>.dt{margin-top:0}
.fw{padding:24px 28px 26px}
.fw-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.fw-id{min-width:0}
.fw-title{margin:0;font-size:24px;line-height:1.2;letter-spacing:-0.015em;font-weight:650;color:var(--text)}
.fw .fl-chip{margin-top:10px}
.fw-facts{border-radius:14px;border:1px solid var(--white-09);background:var(--raised)}
.fw-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;padding:16px 18px;border-top:1px solid var(--white-06)}
.fw-row:first-child{border-top:none}
.fw-glyph{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.fw-coral{background:var(--coral-16);color:var(--coral-text)}.fw-amber{background:var(--amber-16);color:var(--amber)}
.fw-mint{background:var(--mint-14);color:var(--mint)}.fw-sand{background:var(--sand-16);color:var(--sand)}.fw-blue{background:var(--blue-16);color:var(--blue)}.fw-grey{background:var(--white-06);color:var(--text-2)}
.fw-q{font-size:13px;font-weight:600;color:var(--text-3);line-height:1.3;margin:4px 0 4px}
.fw-a{font-size:15px;line-height:1.5;color:var(--text);text-wrap:pretty}
@media (max-width:640px){.fw{padding:20px 18px 22px}.fw-title{font-size:21px}.fw-row{padding:14px}}

.shell-main:has(#advanced.rv-on){max-width:1400px}
.adv{max-width:1320px;margin:0 auto}
.adv .hero{margin-bottom:24px}
.adv .hero-fact{font-size:34px;line-height:1.15}
.adv .hero-action{display:none}
.adv .hero-lead{font-size:16px;max-width:620px}
.adv-table{border-radius:16px;background:var(--card);border:1px solid var(--white-09);overflow:auto}
.adv-head,.adv-row{display:grid;gap:18px;align-items:center}
.adv-head{padding:13px 20px;background:var(--panel);border-bottom:1px solid var(--white-08);font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-3)}
.adv-row{position:relative;padding:14px 20px;border-bottom:1px solid var(--white-06);color:inherit;text-decoration:none}
.adv-row:hover{background:var(--white-025);color:inherit}
.adv-bar{position:absolute;left:0;top:15%;height:70%;width:2px;border-radius:0 2px 2px 0;background:var(--coral)}
.adv-group{padding:10px 20px;border-bottom:1px solid var(--white-06);font-size:13px;font-weight:600}
.adv-group-open{background:var(--coral-05);color:var(--coral-text)}.adv-group-fixed{background:var(--mint-05);color:var(--mint)}
.adv-file{min-width:0}
.adv-path{display:block;font-family:var(--mono);font-size:14px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adv-sub{display:block;font-size:13px;color:var(--text-3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adv-access{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;white-space:nowrap}
.adv-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.adv-s-read{color:var(--coral-text)}.adv-s-unknown,.adv-s-sample{color:var(--amber)}.adv-s-named{color:var(--blue)}.adv-s-stopped{color:var(--mint)}.adv-s-none{color:var(--text-3)}.adv-s-empty{color:var(--amber)}
.adv-chips{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.adv-chip{font-family:var(--mono);font-size:12.5px;color:var(--text);background:var(--white-07);border:1px solid var(--white-10);border-radius:6px;padding:2px 7px;white-space:nowrap}
.adv-num{font-family:var(--mono);font-size:15px;font-weight:600}
.adv-refs{font-family:var(--mono);font-size:12.5px;color:var(--text-soft);line-height:1.5;overflow-wrap:anywhere}
.adv-dim{color:var(--text-3)}
.adv-more{color:var(--text-3)}
.adv-note{margin:12px 4px 0;font-size:13px;color:var(--text-3)}
.adv-empty{padding:28px;text-align:center;font-size:14px;color:var(--text-3)}
.adv-agent{padding-left:17px;border-left:3px solid var(--text-4)}
.adv-edge-read{border-left-color:var(--coral)}
.adv-edge-unknown{border-left-color:var(--amber)}
.adv-edge-named{border-left-color:var(--blue)}
.adv-edge-sample{border-left-color:var(--amber)}
.adv-edge-stopped{border-left-color:var(--mint)}
.adv-edge-none{border-left-color:var(--text-4)}
.adv-edge-empty{border-left-color:var(--amber)}
.adv-who{display:flex;align-items:center;gap:10px;min-width:0}.adv-indent{padding-left:18px}
.adv-tree{color:var(--text-4);font-family:var(--mono);font-size:13px}
.adv-name{display:block;font-size:15px;font-weight:600}
.adv-id{display:block;font-family:var(--mono);font-size:12px;color:var(--text-3);margin-top:2px;overflow-wrap:anywhere}
.adv-asked{font-size:14px;line-height:1.45;color:var(--text-soft)}

.co{display:flex;gap:16px}
.co-coral{align-items:center;flex-wrap:wrap;padding:16px 20px;border-radius:14px;background:var(--coral-06);border:1px solid var(--coral-35);margin-bottom:14px}
.co-grey{align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--white-08)}
.co-mark{flex:none;border-radius:50%;font-weight:700;display:flex;align-items:center;justify-content:center}
.co-coral .co-mark{width:28px;height:28px;background:var(--coral);color:var(--on-coral);font-size:14px}
.co-grey .co-mark{width:22px;height:22px;background:var(--white-08);color:var(--text-soft);font-size:12px}
.co-body{flex:1;min-width:0}
.co-coral .co-body{min-width:220px;font-size:15px;line-height:1.5}
.co-coral .co-body strong{font-weight:650}
.co-grey .co-body{font-size:14.5px;line-height:1.55;color:var(--text-soft)}
.co-action{flex:none}

.rc{display:flex;flex-direction:column;gap:28px}
.rc-sect,.rc-runs{border-radius:16px;background:var(--card);border:1px solid var(--white-09);padding:22px 24px}
.rc-runs{margin-top:28px;display:flex;flex-direction:column;gap:22px}
.rc-runs-head .rc-h{margin-bottom:6px}
.rc-key{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--text-2)}
.rc-key li{display:flex;align-items:center;gap:7px}
.rc-key-dot{width:10px;height:10px;border-radius:50%}
.rc-key-dot.rc-tone-coral{background:var(--coral)}.rc-key-dot.rc-tone-blue{background:var(--blue)}.rc-key-dot.rc-tone-amber{background:var(--amber)}.rc-key-dot.rc-tone-mint{background:var(--mint)}
.rc-h{margin:0 0 12px;font-size:17px;font-weight:650}
.rc-answer>.tag{margin-bottom:12px}
.rc-title{margin:0 0 8px;font-size:22px;line-height:1.3;font-weight:650;letter-spacing:-0.01em}
.rc-lead{margin:0 0 6px;max-width:680px;font-size:15px;line-height:1.55;color:var(--text-2)}
.rc-narrow{max-width:680px}
.rc-rows{list-style:none;margin:0 0 10px;padding:0;border:1px solid var(--white-07);border-radius:12px;background:var(--panel);overflow:hidden}
.rc-row{display:flex;align-items:flex-start;gap:14px;padding:14px 16px}
.rc-row+.rc-row{border-top:1px solid var(--white-07)}
.rc-row-mark{flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--amber)}
.rc-row-main{flex:1;min-width:0}
.rc-row-t{font-size:15px;font-weight:600;color:var(--text)}
.rc-row-d{margin-top:2px;font-size:14px;line-height:1.5;color:var(--text-2)}
.rc-row>.tag{flex:none;margin-top:1px}
.rc-which{margin-top:8px}
.rc-which>summary{display:inline-flex;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:var(--text-soft);padding:4px 12px;border-radius:999px;border:1px solid var(--white-14)}
.rc-which>summary::-webkit-details-marker{display:none}
.rc-which>summary:hover{border-color:var(--white-32)}
.rc-which[open]>summary{margin-bottom:8px}
.rc-note{margin-top:18px}
.rc-facts{margin:0;display:flex;flex-direction:column}
.rc-fact{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:6px 24px;padding:12px 0;border-top:1px solid var(--white-07)}
.rc-fact:first-child{border-top:0;padding-top:0}
.rc-fact dt{font-size:13px;font-weight:600;color:var(--text-3);padding-top:2px}
.rc-fact dd{margin:0;font-size:15px;line-height:1.5;color:var(--text)}
.rc-fact-note{display:block;margin-top:4px;max-width:680px;font-size:14px;line-height:1.5;color:var(--text-3)}
@media (max-width:640px){.rc-sect,.rc-runs{padding:18px 16px}.rc-fact{grid-template-columns:1fr;gap:2px}.rc-row-cap{flex-direction:column;gap:8px}.rc-dl{grid-template-columns:1fr}}
.rc-h4{margin:18px 0 8px;font-size:14px;font-weight:650;color:var(--text-soft)}
.rc-p{margin:0 0 8px;font-size:14.5px;line-height:1.55;color:var(--text)}
.rc-p code,.rc-list code{font-family:var(--mono);font-size:13px}
.rc-dim{color:var(--text-3)}
.rc-list{margin:0 0 8px;padding-left:20px;font-size:14px;line-height:1.6}
.rc-fold>summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text-2);margin:6px 0}
.rc-dl{display:grid;grid-template-columns:minmax(160px,auto) 1fr;gap:6px 18px;margin:8px 0 0;font-size:14px}
.rc-dl dt{color:var(--text-3)}.rc-dl dd{margin:0;font-family:var(--mono);font-size:13px}
.rc-run{border-top:1px solid var(--white-07);padding-top:20px}
.rc-run-h{margin:0 0 16px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:650}
.rc-steps{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column}
.rc-step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding-bottom:22px}
.rc-step:last-child{padding-bottom:4px}
.rc-step:not(:last-child)::before{content:"";position:absolute;left:14px;top:34px;bottom:4px;border-left:2px solid var(--white-08)}
.rc-broken:not(:last-child)::before{border-left-style:dashed;border-left-color:var(--amber-35)}
.rc-n{width:30px;height:30px;border-radius:50%;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid transparent}
.rc-tone-coral{background:var(--coral-16);color:var(--coral-text);border-color:var(--coral-35)}.rc-tone-blue{background:var(--blue-16);color:var(--blue)}
.rc-tone-amber{background:var(--amber-12);color:var(--amber);border-color:var(--amber-35)}.rc-tone-mint{background:var(--mint-12);color:var(--mint)}
.rc-tone-grey{background:var(--white-06);color:var(--text-2)}
.rc-step-body{min-width:0;padding-top:4px}
.rc-step .rc-step-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:3px}
.rc-step-text{max-width:820px;color:var(--text-2)}
.rc-step-text b{color:var(--text);font-weight:600}
.rc-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.rc-tools>.rc-which{margin-top:0}
.rc-tools>.rc-which[open]{flex-basis:100%}
.rc-open{padding:12px 14px;border-radius:10px;background:var(--panel);border:1px solid var(--white-07)}
.rc-open>:last-child{margin-bottom:0}
.rc-every{margin-top:4px}
.rc-step-title{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:4px}
.rc-times{color:var(--coral-text)}
.rc-chip{font-family:var(--mono);font-size:12.5px;color:var(--text);background:var(--white-07);border:1px solid var(--white-10);border-radius:6px;padding:1px 6px}
.rc-link{display:inline-block;margin:2px 0 4px;font-size:13.5px;font-weight:600;color:var(--coral-text)}
.rc-refs{display:block;font-family:var(--mono);font-size:12.5px;color:var(--text-3);overflow-wrap:anywhere}
.rc-quote-head{font-size:13px;font-weight:600;color:var(--text-3);margin:8px 0 4px}
.rc-quote{margin:0 0 8px;padding:8px 14px;border-left:2px solid var(--white-18);font-size:14.5px;line-height:1.55;color:var(--text-soft)}
.rc-came{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--white-07)}
.rc-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.rc-action{display:grid;grid-template-columns:40px minmax(120px,0.8fr) minmax(0,1.5fr) 110px minmax(0,1fr);gap:12px;align-items:center;font-size:13px}
.rc-mono{font-family:var(--mono);font-size:12.5px;overflow-wrap:anywhere}

.js [data-view]:not(.rv-on){display:none}
html:not(.js) [data-view]+[data-view]{margin-top:72px;padding-top:40px;border-top:1px solid var(--white-07)}

/* What a window says differs with the mode it is about, so both are drawn and the window's own data-mode shows one
   (QE7: nothing moves when the answer changes - only the mode the row is in changes this). */
.md-when{display:none}
dialog[data-mode="block"] .md-when-block,dialog[data-mode="tell"] .md-when-tell{display:contents}

.stp{max-width:880px}
.stp-bar{display:none;padding:3px;border-radius:999px;width:fit-content;background:var(--card);border:1px solid var(--white-09);margin:4px 0 22px}
.js .stp-bar.js-only{display:flex}
.stp-seg{border:none;border-radius:999px;font:inherit;font-size:13.5px;font-weight:600;padding:6px 14px;cursor:pointer;background:transparent;color:var(--text-2)}
.stp-seg.stp-on{background:var(--raised-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--white-14)}
.stp-hidden-note{display:none;margin:-8px 0 18px;font-size:14px;color:var(--text-3)}
.stp-only .stp-hidden-note{display:block}
.stp-only [data-private="0"]{display:none}
.stp-flow{list-style:none;margin:0;padding:0 0 0 34px;position:relative}
.stp-flow::before{content:"";position:absolute;left:11px;top:24px;bottom:24px;width:2px;background:var(--white-08)}
.stp-run{position:relative;margin:0 0 16px}
.stp-pin{position:absolute;left:-34px;top:22px;width:24px;height:24px;border-radius:50%;border:5px solid var(--bg);background:var(--text-4)}
.stp-pin-coral{background:var(--coral)}.stp-pin-sand{background:var(--sand)}.stp-pin-amber{background:var(--amber)}
.stp-pin-blue{background:var(--blue)}.stp-pin-mint{background:var(--mint)}.stp-pin-end{background:var(--text-2)}
.stp-box{background:var(--card);border:1px solid var(--white-10);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px var(--node-shadow)}
.stp-box-risk{border-color:var(--coral-40)}
.stp-note{display:flex;align-items:flex-start;gap:14px;padding:16px 22px;background:var(--raised);border-bottom:1px solid var(--white-08)}
.stp-note-t{flex:1;min-width:0}
.stp-label{display:block;font-size:13px;font-weight:600;color:var(--text-3)}
.stp-q{display:block;margin-top:1px;font-size:17px;line-height:1.45;color:var(--text);quotes:"\201C" "\201D"}
:lang(pl) .stp-q,:lang(de) .stp-q{quotes:"\201E" "\201D"}
.stp-q::before{content:open-quote}.stp-q::after{content:close-quote}
.stp-fact{display:block;font-size:15px;font-style:italic;color:var(--text-3)}
.stp-covers{flex:none;align-self:center;font-size:12.5px;font-weight:600;color:var(--text-3);background:var(--white-06);border-radius:999px;padding:3px 10px;white-space:nowrap}
.stp-words .stp-covers{display:block;width:fit-content;margin-top:6px;background:none;padding:0;font-weight:500}
.stp-row{display:flex;align-items:center;gap:16px;padding:16px 22px;border-top:1px solid var(--white-07);position:relative}
.stp-note + .stp-row{border-top:none}
.stp-row-risk{background:var(--coral-06)}
.stp-row-risk::before{content:"";position:absolute;left:0;top:16%;height:68%;width:3px;border-radius:0 3px 3px 0;background:var(--coral)}
.stp-ic{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;background:var(--raised-2);color:var(--text-3);border:1px solid var(--white-10)}
.stp-ic svg{width:20px;height:20px}
.stp-ic-coral{background:var(--coral-16);color:var(--coral-text);border-color:var(--coral-40)}
.stp-ic-sand{background:var(--sand-16);color:var(--sand);border-color:var(--sand-35)}
.stp-ic-amber{background:var(--amber-16);color:var(--amber);border-color:var(--amber-35)}
.stp-ic-blue{background:var(--blue-16);color:var(--blue);border-color:transparent}
.stp-ic-mint{background:var(--mint-14);color:var(--mint);border-color:var(--mint-35)}
.stp-x{flex:1;min-width:0}
.stp-when{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.stp-did{margin-top:1px;font-size:16.5px;font-weight:600;line-height:1.45;color:var(--text)}
.stp-did code,.stp-fact code{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--text);background:var(--white-07);border:1px solid var(--white-10);border-radius:6px;padding:0 6px}
.stp-title{margin-top:3px;font-size:14px;font-weight:600;color:var(--coral-text)}
.stp-seen{margin-top:4px;font-size:14px;color:var(--text-2)}
.stp-act{margin-top:10px}
.stp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.stp-chip{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--text-soft);background:var(--white-07);border:1px solid var(--white-10);border-radius:6px;padding:1px 7px;text-decoration:none;overflow-wrap:anywhere}
a.stp-chip:hover{border-color:var(--white-28);color:var(--text)}
.stp-chip-coral{border-color:var(--coral-40);color:var(--coral-text)}.stp-chip-sand{border-color:var(--sand-35);color:var(--sand)}
.stp-chip-blue{color:var(--blue)}.stp-chip-mint{border-color:var(--mint-35);color:var(--mint)}.stp-chip-amber{border-color:var(--amber-35);color:var(--amber)}
.stp-more{margin-top:6px}
.stp-more-files{list-style:none;cursor:pointer;width:fit-content;font-size:13px;font-weight:600;color:var(--text-2);padding:2px 10px;border-radius:999px;border:1px solid var(--white-14)}
.stp-more-files::-webkit-details-marker{display:none}
.stp-more-files:hover{color:var(--text);border-color:var(--white-28)}
.stp-more[open] > .stp-more-files{color:var(--text)}
.stp-more .stp-chips{margin-top:8px}
.stp-not-kept{font-size:13px;color:var(--text-3);align-self:center}
.stp-pill{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;white-space:nowrap;border:1px solid transparent}
.stp-pill-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.stp-pill-coral{color:var(--coral-text);background:var(--coral-08);border-color:var(--coral-40)}
.stp-pill-sand{color:var(--sand);background:var(--sand-16)}.stp-pill-amber{color:var(--amber);background:var(--amber-12)}
.stp-pill-blue{color:var(--blue);background:var(--blue-16)}.stp-pill-mint{color:var(--mint);background:var(--mint-10)}
.stp-pill-grey{color:var(--text-3);background:var(--white-04);font-weight:500}
.stp-hand{padding:16px 22px 12px;border-top:1px solid var(--white-07)}
.stp-note + .stp-hand{border-top:none}
.stp-hand-t{margin-top:1px;font-size:17px;font-weight:650}
.stp-lead{margin:3px 0 0;font-size:14px;color:var(--text-2);max-width:640px}
.stp-rows{border-top:1px solid var(--white-07)}
.stp-rows-alone{margin-top:12px;border:1px solid var(--white-10);border-radius:18px;overflow:hidden;background:var(--card)}
.stp-helper{border-top:1px solid var(--white-08)}.stp-helper:first-child{border-top:none}
.stp-row-head{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:16px 22px;position:relative}
.stp-row-head::-webkit-details-marker{display:none}
.stp-row-head:hover{background:var(--white-04)}
.stp-helper[open] > .stp-row-head{background:var(--raised)}
.stp-helper-risk > .stp-row-head::before{content:"";position:absolute;left:0;top:18%;height:64%;width:3px;border-radius:0 3px 3px 0;background:var(--coral)}
.stp-row-text{flex:1;min-width:0}
.stp-row-name{display:block;font-size:17px;font-weight:650}
.stp-row-job{display:block;margin-top:1px;font-size:14.5px;color:var(--text-2)}
.stp-chev{flex:none;width:9px;height:9px;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:rotate(-45deg);transition:transform .15s;margin-left:4px}
.stp-helper[open] > .stp-row-head .stp-chev{transform:rotate(45deg)}
.stp-row-body{padding:20px 22px 6px 26px;background:var(--panel);border-top:1px solid var(--white-07)}
.stp-row-body > .stp-lead{margin:0 0 14px}
.stp-row-body .stp-pin{border-color:var(--panel)}
.stp-words{margin:0;padding:0 0 6px}
.stp-h{margin:32px 0 4px;font-size:18px;font-weight:650}
.stp-empty,.stp-foot{font-size:14px;color:var(--text-3);margin:16px 0 0}
@media (max-width:640px){
  .stp-flow{padding-left:26px}.stp-flow::before{left:8px}.stp-pin{left:-27px;width:20px;height:20px;border-width:4px}
  .stp-note,.stp-row,.stp-hand,.stp-row-head{padding-left:14px;padding-right:14px}
  .stp-row,.stp-row-head{flex-wrap:wrap}.stp-row .stp-pill,.stp-row-head .stp-pill{margin-left:60px}
  .stp-row > .stp-x,.stp-row-head > .stp-row-text{flex-basis:calc(100% - 60px)}
  .stp-row .stp-pill{max-width:calc(100% - 60px);white-space:normal}.stp-row-head .stp-pill{max-width:calc(100% - 89px);white-space:normal}
  .stp-ic{width:36px;height:36px}.stp-note .stp-covers{display:none}.stp-q{font-size:16px}
  .stp-row-body{padding:16px 10px 4px 12px}
}
@media (prefers-reduced-motion:reduce){.stp-chev{transition:none}}

.bf-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:4px 0 16px}
.bf-bar .stp-bar{margin:0}
.bf-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--text-2)}
.bf-legend>span{display:inline-flex;align-items:center;gap:7px}
.bf-only [data-private="0"]{display:none}
/* clip, not hidden: hidden makes the frame a scroller of its own, and the panel could not stick to the window. */
.bf-ex{display:grid;grid-template-columns:1fr;border:1px solid var(--white-09);border-radius:16px;overflow:clip;background:var(--panel)}
.js .bf-ex{grid-template-columns:minmax(400px,13fr) 11fr}
.bf-tree{background:var(--card);padding:8px 0 14px;min-width:0;overflow-x:auto}
.js .bf-tree{border-right:1px solid var(--white-08)}
.bf-head{padding:6px 16px 10px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}
.bf-t{list-style:none;margin:0;padding:0}
.bf-row{list-style:none;display:flex;align-items:center;gap:8px;min-height:34px;padding:0 14px 0 calc(10px + var(--d,0) * 18px);cursor:pointer;border:1px solid transparent;user-select:none}
.bf-row::-webkit-details-marker{display:none}
.bf-row:hover{background:var(--white-04)}
.js .bf-row.bf-sel{background:var(--coral-08);border-color:var(--coral-40)}
.bf-tw{flex:none;width:8px;height:8px;margin:0 3px;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:rotate(-45deg);transition:transform .12s}
details[open] > .bf-row-dir .bf-tw{transform:rotate(45deg)}
.bf-tw-none{visibility:hidden}
.bf-ico{flex:none;color:var(--text-3)}.bf-ico-dir{color:var(--column-label)}
/* A long name wraps rather than end in an ellipsis (the maintainer, 2026-10-11): the name is what the person is looking for. */
.bf-nm{flex:1;min-width:0;font-family:var(--mono);font-size:14px;color:var(--text-soft);overflow-wrap:anywhere;line-height:1.35;padding:6px 0}
.bf-row-dir .bf-nm{color:var(--text);font-weight:600}
.bf-nm-coral{color:var(--coral-text);font-weight:600}.bf-nm-sand{color:var(--sand);font-weight:600}.bf-nm-mint{color:var(--mint);font-weight:600}
.bf-nm-blue{color:var(--blue)}.bf-nm-amber{color:var(--amber)}
.bf-mode{flex:none;font-family:var(--sans);font-size:11.5px;font-weight:650;padding:2px 8px;border-radius:999px;white-space:nowrap;border:1px solid transparent}
.bf-mode-mint{color:var(--mint);background:var(--mint-10)}.bf-mode-sand{color:var(--sand);background:var(--sand-16)}
.bf-mode-coral{color:var(--coral-text);border-color:var(--coral-40)}.bf-mode-grey{color:var(--text-3);background:var(--white-04)}
.bf-tag{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bf-deco{flex:none;display:flex;align-items:center;gap:6px}
.bf-avs{display:flex}.bf-avs .av{width:22px;height:22px;font-size:8.5px;margin-left:-5px;border:2px solid var(--card)}.bf-avs .av:first-child{margin-left:0}
.bf-bub{flex:none;width:8px;height:8px;border-radius:50%}
.bf-bub-coral{background:var(--coral)}.bf-bub-sand{background:var(--sand)}.bf-bub-amber{background:var(--amber)}.bf-bub-blue{background:var(--blue)}.bf-bub-mint{background:var(--mint)}
.bf-names{padding:6px 14px 6px calc(40px + var(--d,0) * 18px);font-size:13.5px;color:var(--text-3)}
.bf-names summary{list-style:none;cursor:pointer;width:fit-content;font-weight:600;color:var(--text-2)}
.bf-names summary::-webkit-details-marker{display:none}
.bf-names summary:hover{color:var(--text)}
.bf-names-list{display:flex;flex-direction:column;gap:2px;margin-top:6px;font-family:var(--mono);font-size:13.5px;color:var(--blue)}
.bf-panel{padding:14px 16px 18px 24px;border-top:1px solid var(--white-06);background:var(--panel)}
.js .bf-panel{display:none}
/* The panel stays in view while the tree scrolls past it (the maintainer, 2026-10-11): a file low in the tree opens beside it. */
.bf-pane{display:none;padding:24px 26px 26px;min-width:0;position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow-y:auto}
.js .bf-pane.js-only{display:block}
.bf-crumb{font-family:var(--mono);font-size:13px;color:var(--text-3);overflow-wrap:anywhere}
.bf-title{display:flex;align-items:center;gap:14px;margin-top:12px}
.bf-ttl{font-size:21px;font-weight:650;line-height:1.2}
.bf-name{font-family:var(--mono);font-size:14px;color:var(--text-2);margin-top:2px}
.bf-tag{margin-top:12px}
.bf-sec{margin-top:22px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}
.bf-visits{display:grid;gap:10px;margin-top:10px}
.bf-visit{display:flex;gap:12px;padding:14px 16px;border-radius:12px;background:var(--card);border:1px solid var(--white-10)}
.bf-visit-risk{border-color:var(--coral-40)}
.bf-visit-text{min-width:0;flex:1}
.bf-visit .stp-words{margin:0;padding:0 0 6px}
.bf-visit .stp-q{font-size:16px}
.bf-more{margin:10px 0 0;font-size:14px;color:var(--text-3)}
.bf-act{margin-top:18px}
@media (max-width:820px){.bf-pane{position:static;max-height:none}.js .bf-ex{grid-template-columns:1fr}.js .bf-tree{border-right:none;border-bottom:1px solid var(--white-08)}.bf-pane{padding:20px 16px}}
@media (prefers-reduced-motion:reduce){.bf-tw{transition:none}}

.i18n[lang="en"]{display:inline}
:host{display:block;pointer-events:none}
.dt{pointer-events:auto}.dt *{pointer-events:none}
.rui-body{background:none}