/* VAULT · the app (7 Nov 2026, board 2; DevTeam6: "polish the overall design — partly squashed, not high end enough" → "Yes,
   build it"). AXIOM BRAIN's approved language, from its app.css tokens and its Vault (boards 56 and 70, 19 Oct "more compact,
   finer"): glass only on what floats (the header pills, the dock, the sheets), content flat on fine lines, light large titles,
   quiet grey, mono only for the few kickers. The content always ends above the dock and Kostas's circle. */
:root{--text:#F5F5F7;--muted:rgba(245,245,247,.72);--dim:rgba(245,245,247,.5);--faint:rgba(245,245,247,.22);--line:rgba(255,255,255,.07);
 --line2:rgba(255,255,255,.11);--glass:rgba(20,20,24,.46);--sheen:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03));
 --acc:#4da3ff;--good:#30d158;--warn:#ffd60a;--bad:#ff453a;--cos:#d6c4ff;--ease:cubic-bezier(.16,1,.3,1);
 --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Inter,Helvetica,Arial,sans-serif;
 --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace;--railw:212px;--side:36px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:#000}
body{margin:0;min-height:100vh;color:var(--text);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased;
 background:radial-gradient(1400px 680px at 50% -12%,#0c0f16 0%,#000 64%) fixed}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,textarea,select{font:inherit;color:var(--text)}
.k{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--dim);text-transform:uppercase;white-space:nowrap}
.mute{color:var(--muted)}

/* ---- the header: glass pills, as in AXIOM ---- */
.hdr{position:fixed;left:var(--side);right:var(--side);top:24px;display:flex;align-items:center;gap:12px;z-index:40;pointer-events:none}
.hdr>*{pointer-events:auto}
.pill{height:46px;padding:0 18px;border-radius:999px;background:var(--sheen),var(--glass);border:1px solid var(--line2);display:inline-flex;
 align-items:center;gap:10px;font-size:15px;color:var(--text);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);
 white-space:nowrap;transition:background .2s}
button.pill:hover,a.pill:hover{background:var(--sheen),rgba(40,40,48,.62)}
.pill.logo{padding:0 22px}.pill.logo img{height:21px;display:block}
.pill.st{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.pill.st i{width:8px;height:8px;border-radius:50%;background:var(--good);flex:none}
.pill svg{width:17px;height:17px;opacity:.85}
.pill.me{width:46px;padding:0;justify-content:center;font-weight:600;font-size:13.5px;color:#000;border-color:transparent}
.sp{flex:1}

/* ---- the rail ---- */
.rail{position:fixed;left:var(--side);top:108px;width:var(--railw);z-index:20}
.rail .ri{position:relative;z-index:1}.rail .ri.on{background:transparent}
.ri-ind{position:absolute;left:0;right:0;top:0;height:44px;border-radius:12px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:transform .55s var(--ease),opacity .3s;pointer-events:none}
.ri{display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border-radius:12px;font-size:15px;color:var(--muted);transition:background .2s,color .2s}
.ri:hover{color:var(--text);background:rgba(255,255,255,.035)}
.ri svg{width:18px;height:18px;opacity:.75;flex:none}.ri em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--dim)}
.ri.on{background:rgba(255,255,255,.07);color:var(--text)}.ri.on svg{opacity:1}
.ri em.r{color:var(--bad)}
.rail hr{border:0;border-top:1px solid var(--line);margin:14px 4px}
.rail .foot{font-size:12.5px;color:var(--dim);line-height:1.5;padding:0 14px}

/* ---- the page ---- */
main{margin-left:calc(var(--side) + var(--railw) + 42px);margin-right:calc(var(--side) + 8px);padding:104px 0 150px;max-width:1240px;
 view-transition-name:main}
@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.crumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.t1{font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:12px 0 10px}
.t1 small{font-weight:300;color:var(--muted);letter-spacing:-.02em}
.t1.big{font-size:64px;font-weight:300;letter-spacing:-.04em;margin:14px 0 6px}.t1.big small{font-size:30px}
.lead{font-size:17px;color:var(--muted);line-height:1.55;max-width:900px;margin:0}
.lead.r{color:#ff8a80;margin-top:12px}
.nums{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0 34px}
.nums>div{padding:20px 0 20px 22px;border-left:1px solid var(--line)}.nums>div:first-child{border-left:0;padding-left:0}
.nums b{display:block;font-size:44px;font-weight:300;letter-spacing:-.03em;line-height:1}.nums span{display:block;font-size:13.5px;color:var(--muted);margin-top:9px}
.nums b.r{color:var(--bad)}.nums b.y{color:var(--warn)}.nums b.g{color:var(--good)}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.cols.wide{grid-template-columns:minmax(0,1fr) 380px}
.sec{display:flex;align-items:center;gap:12px;margin:0 0 4px}.sec:after{content:"";flex:1;height:1px;background:var(--line)}
.sec.sp2{margin-top:30px}
.row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line);
 cursor:pointer;transition:background .2s}
.row:hover{background:linear-gradient(90deg,rgba(255,255,255,.025),transparent)}
.row:last-child{border-bottom:0}
.d{width:9px;height:9px;border-radius:50%;margin-top:7px;background:var(--faint)}.d.r{background:var(--bad);box-shadow:0 0 0 4px rgba(255,69,58,.14)}
.d.y{background:var(--warn)}.d.g{background:var(--good)}.d.b{background:var(--acc)}
.row b{font-size:16.5px;font-weight:600;letter-spacing:-.01em}.row p{margin:4px 0 0;font-size:14.5px;color:var(--muted);line-height:1.45}
.row .w{text-align:right;font-size:13.5px;color:var(--muted);line-height:1.45;white-space:nowrap}.row .w b{display:block;font-size:15px;color:var(--text);font-weight:500}
.side .blk{padding:16px 0 18px;border-bottom:1px solid var(--line)}.side .blk:first-child{padding-top:2px}.side .blk:last-child{border:0}
.side .v{font-size:30px;font-weight:300;letter-spacing:-.02em;margin:8px 0 4px}.side p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}
.dl{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;padding:6px 0;color:#d1d1d6}
.dl i{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.06em;white-space:nowrap}.dl i.y{color:var(--warn)}
.btn{height:44px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:15px;
 border:1px solid var(--line2);color:var(--text);white-space:nowrap;transition:background .2s,transform .12s}
.btn:hover{background:rgba(255,255,255,.05)}.btn:active{transform:scale(.97)}
.btn.w{background:var(--text);color:#000;border-color:var(--text);font-weight:600}.btn.w:hover{background:#fff}
.btn.r{color:#ff8a80;border-color:rgba(255,69,58,.45)}.btn.r:hover{background:rgba(255,69,58,.07)}
.btn[disabled]{opacity:.4;pointer-events:none}.btn.sm{height:36px;padding:0 15px;font-size:14px}
.btn svg{width:17px;height:17px}
.btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.say{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--dim);margin-top:12px}.say b{color:var(--muted);font-weight:500}
.chk{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.45}
.chk:last-child{border-bottom:0}
.chk .m{font-weight:700;font-size:14px;color:var(--good);padding-top:1px}.chk .m.wait{color:var(--warn)}.chk .m.fail{color:var(--bad)}
.chk .m.off,.chk .m.covered{color:var(--dim)}
.chk.off,.chk.covered{opacity:.5}
.chk span{display:block;font-size:12.5px;color:var(--dim);margin-top:4px}
.chk a.src,.lnk{color:var(--acc)}.chk a.src:hover,.lnk:hover{text-decoration:underline}
.chk.fail{border-left:2px solid var(--bad);padding-left:14px;margin-left:-16px;background:linear-gradient(90deg,rgba(255,69,58,.07),transparent 70%)}
.cos{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 12px 0 10px;border-radius:999px;border:1px solid rgba(214,196,255,.32);
 font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--cos);white-space:nowrap}
.cos i{width:6px;height:6px;border-radius:50%}.cos i:nth-child(1){background:var(--acc)}.cos i:nth-child(2){background:var(--cos)}.cos i:nth-child(3){background:var(--good);margin-right:2px}
.who{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:#0b0b0f}.av.o{background:transparent;border:1px dashed rgba(255,255,255,.25);color:var(--dim)}
.who b{font-size:15px;font-weight:600;display:block}.who span{font-size:13px;color:var(--dim)}
.note{font-size:13px;color:var(--dim);line-height:1.5;margin:10px 0 0}
.quote{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.55;color:#e5e5ea;border-left:2px solid rgba(255,255,255,.18);padding-left:16px;margin:12px 0 8px}
.qt{font-family:Georgia,"Times New Roman",serif;font-size:15px;line-height:1.5;color:#d1d1d6;border-left:2px solid rgba(255,255,255,.15);padding-left:12px;margin-top:8px}
.qt a{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--acc);margin-left:6px}
.way{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}
.way .st{padding-top:14px;position:relative}.way .st:before{content:"";position:absolute;left:0;right:8px;top:0;height:2px;background:rgba(255,255,255,.12)}
.way .st.done:before{background:var(--good)}.way .st.on:before{background:var(--warn)}
.way .st b{display:block;font-size:15px;font-weight:600}.way .st span{font-size:12.5px;color:var(--dim)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{height:34px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;
 color:var(--muted);transition:background .2s,color .2s}
.chip:hover{color:var(--text)}.chip em{font-style:normal;color:var(--dim)}.chip.on{background:rgba(255,255,255,.08);color:var(--text)}
.sev{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;white-space:nowrap}
.sev i{width:7px;height:7px;border-radius:50%}
.sev.serious{color:var(--bad)}.sev.serious i{background:var(--bad)}.sev.look{color:var(--warn)}.sev.look i{background:var(--warn)}
.sev.note{color:var(--acc)}.sev.note i{background:var(--acc)}.sev.closed{color:var(--good)}.sev.closed i{background:var(--good)}

/* ---- paper: documents as pages, as in AXIOM's Vault ---- */
.paper{position:relative;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line);overflow:hidden;transition:border-color .2s}
.paper .pg{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:62%;bottom:-6px;background:#f2f2f4;border-radius:3px 3px 0 0;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.paper .pg:before{content:"";position:absolute;left:14%;right:30%;top:16px;height:5px;border-radius:3px;background:#55555c}
.paper .pg:after{content:"";position:absolute;left:14%;right:14%;top:32px;height:3px;background:#c9c9cf;box-shadow:0 9px 0 #d5d5da,0 18px 0 #d5d5da,0 27px 0 #d5d5da,0 36px 0 #d5d5da,0 45px 0 #d5d5da,0 54px 0 #d5d5da}
.paper .pg.blue:before{background:#2f6fed}
.paper .pg.tab:after{left:12%;right:12%;height:9px;background:#d9d9de;box-shadow:0 13px 0 #e2e2e6,0 26px 0 #d9d9de,0 39px 0 #e2e2e6,0 52px 0 #d9d9de}
.paper .pg.none{background:#26262a;box-shadow:none}.paper .pg.none:before,.paper .pg.none:after{opacity:.18}
.paper .tag{position:absolute;left:10px;top:10px;height:22px;padding:0 9px;border-radius:999px;background:#111114;border:1px solid rgba(255,255,255,.08);
 font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;display:flex;align-items:center;z-index:3;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden}
.paper .hl{position:absolute;left:23%;right:23%;height:5px;background:rgba(255,214,10,.85);border-radius:2px;z-index:2}
.doccard{display:block;cursor:pointer}.doccard:hover .paper{border-color:rgba(255,255,255,.2)}
.doccard .ttl{font-size:15px;font-weight:600;margin:12px 0 4px;letter-spacing:-.01em;line-height:1.3}.doccard p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}
.doccard .stt{margin-top:8px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--dim);display:flex;align-items:center;gap:7px;text-transform:uppercase}
.doccard .stt i{width:6px;height:6px;border-radius:50%;background:var(--good);flex:none}.doccard .stt i.b{background:var(--acc)}.doccard .stt i.k{background:var(--faint)}
.doccard.sel .paper{border-color:rgba(77,163,255,.7);box-shadow:0 0 0 1px rgba(77,163,255,.5)}
.doccard.locked{opacity:.5}
.ev{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:26px 0 8px}
.ev .paper{height:126px}.ev .doccard p b{color:var(--text);font-weight:600}
.ev .doccard.x .paper{border-color:rgba(255,69,58,.4)}
.papers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.papers .paper{height:76px}
.papers .doccard .ttl{font-size:12.5px;margin-top:6px;font-weight:500;color:var(--muted)}

/* ---- the rulebook and the draft ---- */
.ly{display:flex;align-items:baseline;gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer;color:var(--muted);transition:background .2s}
.ly:hover{background:rgba(255,255,255,.035)}.ly.on{background:rgba(255,255,255,.07);color:var(--text)}
.ly b{font-size:15px;font-weight:500;color:inherit}.ly span{font-size:12.5px;color:var(--dim);display:block;margin-top:2px}.ly em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--dim)}
.rl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.rl p{margin:0;font-size:16px;line-height:1.45}.rl .tag{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--dim);display:block;margin-bottom:5px}
.rl .a{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--dim);white-space:nowrap;padding-top:2px}
.rl .m{display:flex;gap:14px;flex-wrap:wrap;margin-top:9px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--dim)}
.rl .m .y{color:var(--good)}.rl .m .x{color:#ff8a80}
.win{border-left:2px solid var(--acc);padding-left:16px;margin:8px 0 6px}
.win p{font-size:15.5px;color:#d1d1d6;line-height:1.5;margin:6px 0 0}
.unc{border-left:2px solid var(--warn);padding:2px 0 2px 16px;margin:4px 0 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
.unc p{margin:6px 0 0;font-size:16px;line-height:1.45}
.apb{margin-top:28px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.apw{display:flex;align-items:center;gap:10px;font-size:14.5px}.apw span{color:var(--dim);font-size:12.5px;display:block}
.ck{width:28px;height:28px;border-radius:50%;background:rgba(48,209,88,.15);color:var(--good);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.ck.wait{background:rgba(255,214,10,.12);color:var(--warn)}
details.fold{border-bottom:1px solid var(--line)}details.fold summary{list-style:none;cursor:pointer;padding:14px 0;font-size:14.5px;color:var(--muted)}
details.fold summary::-webkit-details-marker{display:none}details.fold summary b{color:var(--text);font-weight:500}
details.fold[open] summary{color:var(--text)}
.banner{border-left:2px solid var(--warn);padding:2px 0 2px 16px;margin:6px 0 22px;font-size:15px;line-height:1.5;color:#d1d1d6}
.banner .k{color:var(--warn);display:block;margin-bottom:4px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px;margin-top:8px}
.form label{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--dim)}
.form label.w{grid-column:1/-1}
.form input,.form select,textarea{height:48px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line2);padding:0 14px;font-size:16px;font-family:var(--sans);letter-spacing:0}
textarea{width:100%;height:90px;padding:12px 14px;resize:vertical;font-size:15px}
.form input:focus,.form select:focus,textarea:focus{outline:none;border-color:rgba(77,163,255,.6)}
.lg2{display:grid;grid-template-columns:56px 140px 190px minmax(0,1fr) 150px;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;align-items:center}
.lg2 span,.lg2 code{font-family:var(--mono);font-size:11px;color:var(--dim)}
.docrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}
.docrow .paper{height:52px;border-radius:8px}.docrow .paper .pg{top:8px;width:66%}.docrow .paper .pg:before{top:7px;height:3px}.docrow .paper .pg:after{top:15px;height:2px;box-shadow:0 5px 0 #d5d5da,0 10px 0 #d5d5da}
.docrow span{display:block;font-size:13px;color:var(--dim);margin-top:2px}
.drop{margin-top:16px;height:68px;border-radius:16px;border:1px dashed rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:15px;cursor:pointer;transition:border-color .2s,color .2s}
.drop:hover{border-color:var(--acc);color:var(--text)}.drop svg{width:18px;height:18px}

/* ---- the dock and Kostas's circle ---- */
.dock{position:fixed;left:50%;bottom:26px;width:min(700px,calc(100vw - 300px));transform:translateX(-50%);height:60px;border-radius:30px;
 background:var(--sheen),rgba(14,14,18,.66);border:1px solid var(--line2);display:flex;align-items:center;gap:14px;padding:0 8px;
 backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);z-index:45;box-shadow:0 20px 60px rgba(0,0,0,.55)}
.dock .mic{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.07);display:grid;place-items:center;color:var(--muted);flex:none}
.dock .mic svg{width:19px;height:19px}.dock .mic.live{background:rgba(255,69,58,.18);color:var(--bad);animation:pulse 1.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,69,58,.45)}70%{box-shadow:0 0 0 12px rgba(255,69,58,0)}100%{box-shadow:0 0 0 0 rgba(255,69,58,0)}}
.dock .md{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--dim);padding-right:12px;border-right:1px solid var(--line2)}
.dock input{flex:1;min-width:0;height:44px;background:none;border:0;outline:0;font-size:16px}.dock input::placeholder{color:var(--dim)}
.dock .go{width:44px;height:44px;border-radius:50%;background:var(--text);display:grid;place-items:center;color:#000;font-weight:700;font-size:18px;flex:none}
.face{position:fixed;right:34px;bottom:22px;width:104px;height:104px;border-radius:50%;overflow:hidden;z-index:45;
 box-shadow:0 0 0 2px #000,0 0 0 4px rgba(77,163,255,.85),0 0 40px rgba(77,163,255,.35);transition:transform .3s var(--ease)}
.face:hover{transform:scale(1.04)}.face img{width:100%;height:100%;object-fit:cover;display:block}

/* ---- the Vault: a sheet that rises from the bottom over the whole window (AXIOM's, boards 56 and 70) ---- */
.vsheet{position:fixed;left:0;right:0;top:96px;bottom:0;z-index:35;background:linear-gradient(180deg,#0c0c10,#08080b 40%,#07070a);
 border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -30px 90px rgba(0,0,0,.7);transform:translateY(100%);transition:transform .8s var(--ease);
 overflow-y:auto;padding:30px 40px 150px}
.vsheet.on{transform:none}
body.vopen main,body.vopen .rail{filter:brightness(.4) saturate(.7);transition:filter .8s var(--ease)}
.vsheet .grab{position:absolute;left:50%;top:9px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:rgba(255,255,255,.16)}
.vtop{display:flex;align-items:center;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.vword{font-size:54px;font-weight:300;letter-spacing:-.005em;line-height:1}
.vl2{font-size:13.5px;color:var(--muted);line-height:1.5;max-width:340px}
.search{height:46px;width:430px;max-width:100%;border-radius:23px;background:var(--sheen),rgba(12,12,16,.38);border:1px solid rgba(255,255,255,.09);
 display:flex;align-items:center;gap:10px;padding:0 18px;color:var(--dim)}
.search svg{width:16px;height:16px;flex:none}.search input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:14.5px}
.vgrid{display:grid;grid-template-columns:212px minmax(0,1fr);gap:36px;margin-top:20px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px;margin-top:14px}
.cards .paper{height:124px}
.more{margin-top:22px}
.doc{display:grid;grid-template-columns:minmax(0,470px) minmax(0,1fr);gap:44px;align-items:start}
.pdfbox{position:relative;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line);padding:22px;min-height:300px}
.pdfbox .tag{position:absolute;left:12px;top:12px;height:22px;padding:0 9px;border-radius:999px;background:#111114;border:1px solid rgba(255,255,255,.08);
 font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;display:flex;align-items:center;z-index:3}
.pdfpage{position:relative;margin:14px auto 0;box-shadow:0 18px 50px rgba(0,0,0,.5);border-radius:2px;overflow:hidden;background:#fff}
.pdfpage canvas{display:block;width:100%;height:auto}
.pdfpage .mark{position:absolute;background:rgba(255,214,10,.42);mix-blend-mode:multiply;border-radius:2px;animation:mark .9s var(--ease) both}
@keyframes mark{from{opacity:0;transform:scaleX(.2);transform-origin:left}to{opacity:1;transform:none}}
.pdfnav{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px}
.record{border-left:2px solid var(--line2);padding:4px 0 4px 18px;font-size:15px;color:var(--muted);line-height:1.5}
.kv{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.45}
.kv>span:first-child{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--dim);padding-top:3px}
.vr{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.45;
 align-items:baseline;cursor:pointer;transition:background .2s}
.vr:hover{background:linear-gradient(90deg,rgba(255,255,255,.03),transparent)}
.vr .c{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.vr .a{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--dim)}
.vr.on{background:linear-gradient(90deg,rgba(255,214,10,.08),transparent 80%);border-left:2px solid var(--warn);padding-left:12px;margin-left:-14px}

/* ---- Kostas ---- */
.athena{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.74);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:grid;place-items:center;
 padding:40px;animation:fade .35s ease both}
@keyframes fade{from{opacity:0}to{opacity:1}}
.a-in{position:relative;width:min(1200px,100%);display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:center}
.who2{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--dim);margin-bottom:8px}
.you-said{display:inline-block;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:22px 22px 22px 6px;padding:14px 20px;
 font-size:20px;line-height:1.4;margin-bottom:26px}
.her p{margin:0 0 8px;font-size:clamp(20px,2vw,25px);line-height:1.45;letter-spacing:-.01em;opacity:0;transform:translateY(6px);transition:all .6s var(--ease)}
.her p.in{opacity:1;transform:none}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);margin-top:22px}
.tile{padding:16px 0 0 18px;border-left:1px solid var(--line);opacity:0;transition:all .6s var(--ease)}.tile:first-child{border-left:0;padding-left:0}
.tile.in{opacity:1}.tile b{display:block;font-size:36px;font-weight:300;letter-spacing:-.02em}.tile>span{font-size:13px;color:var(--muted)}
.tile.s b{color:var(--bad)}.tile.l b{color:var(--warn)}.tile.g b{color:var(--good)}
.a-foot{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px}.a-foot .k{font-size:9.5px}
.a-face{position:relative;height:min(540px,68vh);border-radius:34px;overflow:hidden;box-shadow:0 0 0 2px #000,0 0 0 4px #4da3ff,0 0 120px rgba(77,163,255,.35);
 animation:rise .7s var(--ease) both}
@keyframes rise{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}
.a-face img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.a-face .nm{position:absolute;left:22px;bottom:72px;font-size:16px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.a-face .mk{position:absolute;right:20px;top:20px;height:16px;width:auto;opacity:.75}
.voice{position:absolute;left:18px;right:18px;bottom:16px;height:44px;border-radius:999px;background:rgba(14,26,18,.85);border:1px solid rgba(48,209,88,.45);
 display:flex;align-items:center;justify-content:center;gap:5px}
.voice i{display:block;width:5px;border-radius:3px;background:var(--good);height:6px;transition:height .12s}
.a-x{position:absolute;right:-6px;top:-44px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);font-size:22px;color:var(--muted)}

/* ---- sheets, sign-in, toast ---- */
.sheet{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}
.sh-in{width:min(600px,100%);max-height:86vh;overflow-y:auto;background:linear-gradient(180deg,#121216,#0b0b0e);border:1px solid var(--line2);border-radius:26px;padding:26px 28px}
.ppl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.ppl.wide{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid var(--line);text-align:left;transition:border-color .2s,background .2s}
.pp:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.025)}.pp.on{border-color:rgba(77,163,255,.55);background:rgba(77,163,255,.06)}
.pp i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:12px;color:#0b0b0f}
.pp b{font-size:14.5px;font-weight:600;display:block}.pp span{font-size:12.5px;color:var(--dim)}
.signin{max-width:900px;padding-top:6vh}.signin .sl{height:36px;display:block;margin-bottom:30px}
body.out .rail,body.out .dock,body.out .face,body.out #you,body.out #vault-btn{display:none!important}
body.out main{margin-left:auto;margin-right:auto;padding-left:var(--side);padding-right:var(--side)}
.toast{position:fixed;left:50%;bottom:104px;transform:translateX(-50%);z-index:80;max-width:min(720px,90vw);background:rgba(28,28,32,.92);
 backdrop-filter:blur(20px);border:1px solid var(--line2);border-radius:18px;padding:13px 18px;font-size:15px;line-height:1.45;box-shadow:0 20px 50px rgba(0,0,0,.6);
 animation:in .3s var(--ease) both}
.toast.r{border-color:rgba(255,69,58,.5)}
.tmk{margin-top:70px;font-family:var(--mono);font-size:10.5px;color:#48484a;letter-spacing:.04em;line-height:1.7}

/* ---- the screens' own pieces (app.js) ---- */
.row.bar{grid-template-columns:minmax(0,180px) minmax(0,1fr) 44px;align-items:center;padding:13px 0;cursor:pointer}
.row.bar b{font-weight:500;font-size:15.5px}.row.bar .bn{text-align:right;font-size:20px;font-weight:300}
.row.bar .bt{height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
.row.bar .bt i{display:block;height:100%;border-radius:3px;background:rgba(255,255,255,.26);transition:width .6s var(--ease)}.row.bar .bt i.hi{background:var(--acc)}
.row.bar.on{background:linear-gradient(90deg,rgba(77,163,255,.08),transparent 80%)}
.row.still{cursor:default}.row.still:hover{background:none}.row.still b{font-weight:500}
a.dl:hover span{color:var(--acc)}em.y{font-style:normal;color:var(--warn)}.g{color:var(--good)}
.apl{flex:1;min-width:220px;font-size:15px;color:#d1d1d6;line-height:1.5}
.banner.cos{border-color:var(--cos)}.banner.cos .k{color:var(--cos)}
.cols.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.btns.col{flex-direction:column;align-items:stretch}.btns.col .btn{justify-content:center}
.btns.tiny{gap:6px;margin-top:8px}.btns.tiny .btn{height:28px;font-size:12.5px;padding:0 12px}
.av.g{background:var(--good)}
.chk .t{font-size:14.5px;color:#d1d1d6;margin-top:3px}
.side .blk p.big{margin-top:8px;font-size:15.5px;color:var(--text);line-height:1.5}
.sh-in .pp.on{margin-top:12px}
.doccard:not([href]){cursor:default}.doccard .ttl svg{width:13px;height:13px;vertical-align:-1px;margin-right:6px;opacity:.75}
.ev .paper .hl{top:66px}
.vrail .ri{width:100%;text-align:left}
.vrail .vk{display:block;padding:18px 14px 8px;margin-top:12px;border-top:1px solid var(--line)}
.vrail .note{padding:16px 14px 0;font-size:12.5px;line-height:1.5}
.vsheet .chips{margin-top:18px}
.vcrumb{margin-bottom:24px}.vcrumb .sp{flex:1}
.refused .t1{font-size:34px}.refused{display:flex;gap:22px;align-items:flex-start;margin-top:40px;max-width:720px}.refused svg{width:40px;height:40px;color:var(--warn);flex:none;margin-top:6px}
.pdfwait{width:100%;aspect-ratio:1/1.414;background:linear-gradient(100deg,#ececef 30%,#fafafa 50%,#ececef 70%);background-size:300% 100%;animation:sheen 1.4s linear infinite}
@keyframes sheen{to{background-position:-150% 0}}
.doc-t{font-size:36px;margin:8px 0 0}
.qt.on{border-left-color:var(--warn);background:linear-gradient(90deg,rgba(255,214,10,.07),transparent 85%);padding:10px 14px;margin-top:18px}
.qt.on .k{display:block;margin-bottom:6px;color:var(--warn)}
.record b{display:block;color:var(--text);font-size:17px;font-weight:500;margin-bottom:6px}.record p{margin:0 0 10px}
.pdfbox .record{margin-top:34px}



/* ---- board 3's formatting (7 Nov 2026, DevTeam6: "the formatting looks cheap"; "AVOID GENERIC DESIGN"): ONE typeface;
   sentence case; code style only for codes and pages; content grouped in calm panels; status as soft chips with a word;
   brighter secondary text; narrower reading width; pictures first. ---- */
.k{font-family:var(--sans);font-size:13.5px;font-weight:600;letter-spacing:0;color:var(--dim);text-transform:none;white-space:normal}
.pill.st{font-family:var(--sans);font-size:14px;letter-spacing:0;color:var(--muted);text-transform:none}
.dock .md{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0}
.say{font-family:var(--sans);font-size:13px;letter-spacing:0;color:var(--dim);margin-top:10px}.say b{color:var(--muted);font-weight:500}
.sev,.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:0;white-space:nowrap;vertical-align:middle;background:rgba(255,255,255,.07);color:var(--muted)}
.sev i,.chip i{width:6px;height:6px;border-radius:50%;background:currentColor}
.sev.serious,.chip.s{background:rgba(255,69,58,.15);color:#ff8a80}.sev.serious i{background:#ff8a80}
.sev.look,.chip.w{background:rgba(255,214,10,.13);color:#ffd60a}.sev.look i{background:#ffd60a}
.sev.note,.chip.b{background:rgba(77,163,255,.14);color:#8ec5ff}.sev.note i{background:#8ec5ff}
.sev.closed,.chip.g{background:rgba(48,209,88,.13);color:#5be37f}.sev.closed i{background:#5be37f}
.code{font-family:var(--mono);font-size:11.5px;color:var(--muted);background:rgba(255,255,255,.06);border-radius:6px;padding:2px 7px;white-space:nowrap}
.eyebrow{font-size:14px;font-weight:600;color:var(--dim);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.t1{font-size:36px;letter-spacing:-.025em;margin:8px 0 8px}.t1.big{font-size:58px;letter-spacing:-.035em}.t1 small{font-size:30px;font-weight:400;color:var(--dim)}
.lead{font-size:16.5px;color:var(--muted);max-width:780px}
.card{position:relative;display:block;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.075);border-radius:20px;padding:18px 20px;min-width:0}
.card h3{font-size:15.5px;font-weight:600;margin:0;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card .sub{font-size:13px;color:var(--dim);margin-top:3px;line-height:1.45}
.card.warn{border-color:rgba(255,214,10,.28)}.card.bad{border-color:rgba(255,69,58,.3)}
a.card:hover{border-color:rgba(255,255,255,.14)}
.g2,.g3,.g5,.gk{display:grid;gap:14px;margin-top:14px}.g2{grid-template-columns:minmax(0,1.42fr) minmax(0,1fr)}.g2.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.gk{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:22px}.g2.tr{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:start}
.stack{display:grid;gap:14px;align-content:start}
.kpi .l{font-size:13px;color:var(--dim);font-weight:500}.kpi .v{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:4px 0 4px}.kpi .x{font-size:12.5px;color:var(--dim)}
.meter{height:6px;border-radius:3px;background:rgba(255,255,255,.08);margin:8px 0 6px;overflow:hidden}.meter i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#2f7fe0,#8cc8ff)}
.lg{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--dim);margin-top:8px}.lg span{display:inline-flex;align-items:center;gap:6px}
.lg i{width:9px;height:9px;border-radius:50%;display:inline-block}.lg i.sq{border-radius:3px}
.pic{display:block;width:100%;height:auto;overflow:visible}
.kpi .pic{width:auto;max-width:100%}
.mrow{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin:18px 0 8px}.mrow b{color:var(--text);font-weight:600}
.ev .doccard{min-width:0}.lg2 code{font-size:11px}.pic text{font-family:var(--sans)}
.picbox{margin-top:12px;width:100%}
.ptip .tapon,.htip .tapon{display:block;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.1);color:#9ccaff;font-weight:500}
.ptip{position:fixed;z-index:120;pointer-events:none;background:rgba(26,26,30,.97);border:1px solid var(--line2);border-radius:12px;padding:10px 12px;font-size:12.5px;
 line-height:1.5;color:var(--muted);box-shadow:0 18px 40px rgba(0,0,0,.6);max-width:360px;display:none;backdrop-filter:blur(16px)}.ptip b{color:var(--text);font-weight:600}
.ring{position:relative;flex:none}.ring>div{position:absolute;inset:0;border-radius:50%}.ring .r0{background:rgba(255,255,255,.05)}
.ring .rg{filter:blur(10px);opacity:.55}.ring .rg>div{position:absolute;inset:0;border-radius:50%}
.ring .rc{display:grid;place-items:center;text-align:center;align-content:center}.ring .rc b{font-size:26px;font-weight:600;letter-spacing:-.02em;display:block}.ring .rc span{font-size:12.5px;color:var(--dim)}
.row2{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}
.row2:first-of-type{border-top:0}.row2 b{font-size:14.5px;font-weight:600}.row2 p{margin:2px 0 0;font-size:13px;color:var(--dim)}
.row2 .w{text-align:right;font-size:13px;color:var(--dim);white-space:nowrap}.row2 .w b{display:block;font-size:14px;color:var(--text);font-weight:600}
a.row2:hover b{color:#fff}.dotc{width:9px;height:9px;border-radius:50%}
.chk2{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.chk2 .m{font-weight:700;font-size:13px}.chk2.fail{color:var(--text)}.chk2 a.code:hover{color:var(--text)}
.quote2{font-family:Georgia,"New York",serif;font-size:15px;line-height:1.5;color:#d8d8dd;border-left:2px solid rgba(255,255,255,.14);padding-left:12px;margin-top:8px}
.cards.small{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.cards.small .paper{height:84px}
.sec .k{font-size:14px;color:var(--muted)}
.ringrow{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.ringrow>div:last-child{min-width:0;flex:1 1 200px}
.doccard .stt{font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none;color:var(--dim)}
.paper .tag{font-family:var(--sans);font-size:11.5px;letter-spacing:0;font-weight:500;color:var(--muted)}
.vword{font-size:48px;font-weight:300;letter-spacing:-.01em;white-space:nowrap}
.ri em{font-family:var(--sans);font-size:13px;font-variant-numeric:tabular-nums}
@media (max-width:1240px){.gk{grid-template-columns:repeat(3,minmax(0,1fr))}.g2,.g2.tr{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.dl{flex-wrap:wrap;gap:2px 10px}.dl i{white-space:normal}.gk,.g3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.g2.even{grid-template-columns:minmax(0,1fr)}.t1.big{font-size:42px}.vword{font-size:34px}}


/* ---- the Data Chamber's holdings: alive (7 Nov 2026, DevTeam6: "too static … too many same colours") ---- */
@keyframes hdraw{to{stroke-dashoffset:0}}
@keyframes hfade{from{opacity:0}to{opacity:1}}
@keyframes hbreathe{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.75;transform:scale(1.25)}}
@keyframes hpulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.hold{position:relative}.hold svg{display:block;width:100%;height:auto}
.hold .ln{stroke-dasharray:1;stroke-dashoffset:1;animation:hdraw 1.8s var(--ease) forwards;animation-delay:var(--d,0ms)}
.hold .area{opacity:0;animation:hfade 1s ease forwards;animation-delay:calc(var(--d,0ms) + 900ms)}
.hold .bead{transform-box:fill-box;transform-origin:center;animation:vpop .45s var(--ease) both}
.hold .halo{transform-box:fill-box;transform-origin:center;animation:hbreathe 3.2s ease-in-out infinite;animation-delay:2s;opacity:.25}
.hold .nowdot{opacity:0;animation:hfade .5s ease forwards;animation-delay:calc(var(--d,0ms) + 1.6s)}
.hold .hrow{transition:opacity .25s}.hold.dim .hrow{opacity:.32}.hold.dim .hrow.on{opacity:1}
.hold .hrow.pulse .halo{animation:hpulse 1.2s var(--ease) 2}
.htip{position:absolute;z-index:5;pointer-events:none;width:206px;background:rgba(22,22,26,.96);border:1px solid var(--line2);border-radius:12px;padding:10px 12px;
 font-size:12.5px;line-height:1.7;color:var(--muted);box-shadow:0 18px 40px rgba(0,0,0,.55);backdrop-filter:blur(14px)}
.htip b{display:block;color:var(--text);font-weight:600;margin-bottom:2px}.htip div{display:flex;align-items:center;gap:7px}.htip div.on{color:var(--text)}
.htip i{width:8px;height:8px;border-radius:50%;flex:none}.htip em{margin-left:auto;font-style:normal;color:var(--text);font-variant-numeric:tabular-nums}

/* ---- motion (7 Nov 2026, DevTeam6: "too static — no transitions, no animations, no fading"). AXIOM BRAIN's own motion,
   copied (its app.css, lab.css, vault.css): one easing, rows rising one after another (vrowIn), titles out of a blur (tcIn),
   her face out of a blur (faceIn), a breathing light (breathe), a ring on what needs you (vhpulse). Off for "reduce motion". ---- */
@keyframes vrowIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes tcIn{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes faceIn{from{opacity:0;filter:blur(14px) brightness(.6)}to{opacity:1;filter:blur(0) brightness(1)}}
@keyframes breathe{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes vhpulse{0%{box-shadow:0 0 0 0 rgba(255,69,58,.5)}100%{box-shadow:0 0 0 12px rgba(255,69,58,0)}}
@keyframes vpop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@keyframes grow{from{transform:scaleX(0)}to{transform:none}}
@keyframes vtOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes toastOut{to{opacity:0;transform:translate(-50%,10px) scale(.98)}}
@keyframes fadeOut{to{opacity:0}}
@keyframes sinkOut{to{opacity:0;transform:translateY(24px) scale(.97)}}
@keyframes whereIn{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:none}}
@keyframes pageIn{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}

.rise{animation:vrowIn .7s var(--ease) both;animation-delay:var(--d,0ms)}
.t1.rise,.vword.rise,.signin .t1.rise{animation-name:tcIn;animation-duration:.85s}
.rise-wait{opacity:0}

/* between screens: the old page lifts away, the new one rises in its parts; an update of the same screen blends */
::view-transition-old(root),::view-transition-new(root){animation:none}
html[data-vt=new]::view-transition-old(main){animation:vtOut .2s ease both}
html[data-vt=new]::view-transition-new(main){animation:none}
html[data-vt=same]::view-transition-old(main),html[data-vt=same]::view-transition-new(main){animation-duration:.32s;animation-timing-function:ease}

/* live things breathe; what needs you rings */
.pill.st i{animation:breathe 3.2s ease-in-out infinite}
#where.sw{animation:whereIn .5s var(--ease) both}
.d.r{animation:vhpulse 2.2s cubic-bezier(.2,.8,.2,1) infinite}

/* things that grow: the first look's bars, the way up, the checks' marks */
.row.bar .bt i{transform-origin:left;animation:grow 1s var(--ease) both;animation-delay:calc(var(--d,0ms) + 250ms)}
.way .st:before{transform-origin:left;animation:grow .9s var(--ease) both;animation-delay:calc(var(--d,0ms) + 300ms + var(--k,0) * 140ms)}
.chk.rise .m,.rl.rise .m span{display:inline-block;animation:vpop .45s var(--ease) both;animation-delay:calc(var(--d,0ms) + 240ms)}

/* under the hand: rows lean in, papers lift, buttons give */
a.row,.vr,.ly,.docrow,.dl{transition:background .2s,transform .35s var(--ease),color .2s}
a.row:hover,.vr:hover{transform:translateX(3px)}
.doccard{transition:transform .45s var(--ease)}.doccard:hover{transform:translateY(-3px)}
.paper .pg{transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.doccard:hover .paper .pg,.docrow:hover .paper .pg{transform:translate(-50%,-5px);box-shadow:0 26px 50px rgba(0,0,0,.55)}
.doccard:hover .paper{border-color:rgba(255,255,255,.18)}
.chip,.btn,.pill,.ri,.search{transition:background .25s,border-color .25s,color .25s,transform .18s var(--ease)}
.chip:active,.ri:active,.pill:active{transform:scale(.97)}
.search:focus-within{border-color:rgba(77,163,255,.55);background:var(--sheen),rgba(20,24,34,.55)}
textarea,.form input,.form select{transition:border-color .25s,background .25s}

/* the document: the page comes out of a blur; turning a page does too */
.pdfpage canvas{animation:pageIn .7s var(--ease) both}

/* leaving: nothing just vanishes */
.toast.out{animation:toastOut .32s var(--ease) both}
.sheet.out{animation:fadeOut .28s ease both}.sheet.out .sh-in{animation:sinkOut .28s var(--ease) both}
.athena.out{animation:fadeOut .35s ease both}.athena.out .a-in{animation:sinkOut .35s var(--ease) both}
.a-face img{animation:faceIn 1.3s var(--ease) both;animation-delay:.15s}
.sheet{animation:fade .3s ease both}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;
 animation-iteration-count:1!important;transition-duration:.01ms!important}
 ::view-transition-old(main),::view-transition-new(main){animation:none!important}}

/* ---- tablet and phone ---- */
@media (max-width:1240px){:root{--railw:56px}.rail .ri{padding:0;justify-content:center}.rail .ri span,.rail .ri em,.rail .foot{display:none}
 main{margin-left:calc(var(--side) + var(--railw) + 30px)}.cols,.cols.wide{grid-template-columns:minmax(0,1fr) 300px;gap:36px}
 .ev{grid-template-columns:repeat(3,minmax(0,1fr))}.doc{grid-template-columns:minmax(0,1fr)}.a-in{grid-template-columns:minmax(0,1fr) 300px}}
@media (max-width:860px){:root{--side:16px}.rail{display:none}.ri-ind{display:none}.pill.st{display:none}.hdr{top:14px}.pill{height:42px}
 main{margin:0 16px;padding-top:84px;padding-bottom:170px}.cols,.cols.wide,.cols.even{grid-template-columns:minmax(0,1fr)}
 #lang{display:none}.k{white-space:normal}.row .w{white-space:normal}.row.bar{grid-template-columns:minmax(0,120px) minmax(0,1fr) 36px}
 .vcrumb .k{display:none}.vtop{gap:14px}.vtop #vclose{position:absolute;right:16px;top:24px}.vsheet{overflow-x:hidden}.doc{gap:24px}.vr{grid-template-columns:minmax(0,1fr)}.vr .a{display:none}.nums{grid-template-columns:repeat(2,1fr)}
 .nums>div:nth-child(odd){border-left:0;padding-left:0}.nums>div{border-top:1px solid var(--line)}
 .t1{font-size:30px}.t1.big{font-size:46px}.ev{grid-template-columns:repeat(2,minmax(0,1fr))}.way{grid-template-columns:1fr 1fr;row-gap:16px}
 .dock{width:calc(100vw - 32px);bottom:14px}.face{width:58px;height:58px;right:16px;bottom:88px}
 .vsheet{top:70px;padding:24px 16px 170px}.vgrid{grid-template-columns:1fr}.vgrid>.vrail{display:none}.cols.even{grid-template-columns:1fr}.doc-t{font-size:28px}.vword{font-size:40px}
 .a-in{grid-template-columns:1fr}.a-face{height:240px;order:-1}.tiles{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}
 .ppl,.ppl.wide{grid-template-columns:1fr}.lg2{grid-template-columns:44px minmax(0,1fr)}.lg2>:nth-child(n+3){grid-column:2}}

/* ---- Kostas's text chat (8 Nov 2026, as in the AXIOM BRAIN Lab: DevTeam6, "the user can switch to text chat without the chat being
   lost"): a column on the right, beside and above her face, never over it; every line with who said it, spoken or written; one
   thread, kept by the server. Opened with the Text pill or by saying "let's continue in writing". While it is open she writes. */
.pill.txt[aria-pressed="true"]{border-color:rgba(77,163,255,.55);color:#9ccaff}
.achat{position:fixed;right:24px;top:96px;bottom:142px;width:min(400px,calc(100vw - 32px));z-index:44;display:flex;flex-direction:column;
 border-radius:20px;background:rgba(16,16,19,.94);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
 box-shadow:0 24px 70px rgba(0,0,0,.6);overflow:hidden;opacity:0;transform:translateX(16px);pointer-events:none;transition:opacity .3s,transform .45s var(--ease)}
.achat.on{opacity:1;transform:none;pointer-events:auto}
.achat .ah{display:flex;align-items:center;gap:12px;padding:13px 14px 13px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.achat .ah img{width:30px;height:30px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px rgba(77,163,255,.8)}
.achat .ah b{font-weight:500;font-size:15px}.achat .ah span{font-size:12px;color:var(--dim)}.achat .ah .sp{flex:1}
.achat .ax{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:rgba(255,255,255,.06);font-size:15px}
.achat .al{flex:1;overflow-y:auto;padding:16px 16px 6px;display:flex;flex-direction:column;gap:12px;-webkit-user-select:text;user-select:text}
.achat .al .none{margin:auto 0 0;font-size:13.5px;line-height:1.55;color:var(--dim)}
.achat .m{max-width:88%;font-size:14px;line-height:1.5}.achat .m .w{text-transform:uppercase;letter-spacing:.14em;font:500 10.5px/1.25 var(--sans);color:rgba(245,245,247,.36);margin-bottom:5px}
.achat .m.you{align-self:flex-end;text-align:right}.achat .m.you .b{display:inline-block;text-align:left;padding:9px 13px;border-radius:16px 16px 4px 16px;background:rgba(77,163,255,.18);border:1px solid rgba(77,163,255,.25);white-space:pre-wrap}
.achat .m.her .b{padding:10px 13px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(245,245,247,.92)}
.achat .m.new{animation:vrowIn .5s var(--ease) both}
.achat .aw{display:flex;align-items:flex-end;gap:10px;margin:8px 12px 12px;padding:6px 6px 6px 14px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.achat textarea{flex:1;min-height:34px;max-height:160px;resize:none;border:0;outline:0;background:none;color:var(--text);font:14.5px/1.45 var(--sans);padding:7px 0}
.achat textarea::placeholder{color:var(--dim)}
.achat .as{width:36px;height:36px;border-radius:50%;background:var(--text);color:#000;display:grid;place-items:center;font-weight:700;flex:none}
.achat .as:disabled{opacity:.35}
.achat .ak{margin:-4px 16px 10px;font-size:11px;color:rgba(245,245,247,.3)}
body.chat-on .asay{display:none}
@media (max-width:860px){.achat{left:10px;right:10px;width:auto;top:66px;bottom:100px}}

/* ---- the donor pages (8 Nov 2026, board 6, his "Yes, build it"): funds with a purpose, as bands of the money; the flag; preview as a donor ---- */
.dn-top{display:flex;align-items:flex-end;gap:20px}.dn-top>div{flex:1}.dn-top .eyebrow svg{width:16px;height:16px;flex:none}
.dn-grid{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:16px;margin-top:18px}
.dn-funds{display:grid;gap:12px;align-content:start}.dn-side{display:grid;gap:12px;align-content:start}
.dn-fund{padding:14px 20px 13px}
.dn-hd{display:flex;align-items:baseline;gap:12px}.dn-hd h3{font-size:17px}.dn-hd .sp{flex:1}.dn-hd .m{font-size:13px;color:var(--dim)}.dn-hd .m b{color:var(--text);font-weight:600;font-size:14px}
.dn-bar{display:flex;gap:2px;height:7px;margin:11px 0 8px}.dn-bar i{display:block;height:100%;border-radius:3px;background:var(--b);box-shadow:0 0 8px color-mix(in srgb,var(--b) 45%,transparent);transform-origin:left center}
.dn-bar i.held{background:none;border:1px solid rgba(245,245,247,.38);box-shadow:none}
.dn-bar i.rev{background:linear-gradient(135deg,rgba(255,214,10,.6) 25%,rgba(255,214,10,.12) 25% 50%,rgba(255,214,10,.6) 50% 75%,rgba(255,214,10,.12) 75%) 0 0/8px 8px;box-shadow:none;animation:dnStripes 1.6s linear infinite}
@keyframes dnStripes{to{background-position:16px 0}}
.dn-leg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--dim)}.dn-leg span{display:inline-flex;align-items:center;gap:7px}
.dn-leg span i{width:12px;height:2px;border-radius:2px;background:var(--b)}.dn-leg span i.held{background:none;border-top:1px dashed rgba(245,245,247,.5);height:0}
.dn-leg span i.rev{background:#ffd60a}.dn-leg b{color:var(--text);font-weight:500}
.dn-flag{margin-top:10px;border-radius:14px;background:rgba(255,214,10,.05);border:1px solid rgba(255,214,10,.22);padding:10px 14px;font-size:13px;line-height:1.5;color:var(--muted)}
.dn-flag b{color:var(--text);font-weight:600}
.dn-notes{margin-top:10px;display:grid;gap:6px}.dn-notes div{font-size:13px;color:var(--muted);line-height:1.5;border-left:2px solid rgba(255,255,255,.14);padding-left:10px}
.k2{display:block;text-transform:uppercase;letter-spacing:.14em;font:500 10.5px/1.3 var(--sans);color:var(--dim);margin-bottom:3px}
.dn-write{margin-top:10px}.dn-write textarea{width:100%;resize:vertical;min-height:58px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.04);padding:10px 12px;font-size:14px;line-height:1.45;outline:none}
.dn-ft{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:12.5px;color:var(--dim)}.dn-ft .sp{flex:1}
.dn-ft .lnk{font-size:12.5px}
.dn-rules .r{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.45;color:var(--muted)}
.dn-rules .r:first-child{border-top:0}.dn-rules .r svg{width:15px;height:15px;margin-top:2px}.dn-rules .r b{color:var(--text);font-weight:500}
.dn-sel{position:relative;display:flex;align-items:center;height:42px;border-radius:12px;border:1px solid var(--line2);margin-top:10px}
.dn-sel select{appearance:none;-webkit-appearance:none;width:100%;height:100%;background:none;border:0;outline:none;padding:0 34px 0 12px;font-size:13.5px;cursor:pointer}
.dn-sel select option{background:#16161a}.dn-sel svg{position:absolute;right:12px;width:14px;height:14px;color:var(--dim);pointer-events:none}
.dn-flipw{position:relative;height:150px;margin-top:12px;perspective:900px}
.dn-flipw .in3{position:absolute;inset:0;transform-style:preserve-3d}
.dn-flipw .fc{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;background:#0b0c0e;border:1px solid rgba(255,255,255,.08);padding:11px 14px;overflow:hidden}
.dn-flipw .fc p{margin:6px 0 0;font-size:13px;color:var(--dim)}
.dn-flipw .fc.b{transform:rotateY(180deg);background:radial-gradient(300px 140px at 60% 70%,#10141a,#0b0c0e 72%)}
.dn-flipw .nm{font-size:19px;font-weight:300;letter-spacing:-.02em;margin-top:4px}.dn-flipw .sub2{font-size:11.5px;color:var(--dim)}
.dn-rv{position:relative;width:300px;height:58px;margin-top:2px}.lnk2{position:absolute;right:14px;bottom:9px;font-size:12px;color:var(--text);border-bottom:1px solid rgba(245,245,247,.3)}
@media (max-width:1100px){.dn-grid{grid-template-columns:1fr}}

/* ---- the way in (board 7): a gift has arrived; where gifts come from ---- */
.dn-just{padding:16px 22px;margin-bottom:16px}
.dn-jrow{display:grid;grid-template-columns:210px minmax(0,1fr) 200px;gap:26px;align-items:start;margin-top:10px}
.dn-amt{font-size:52px;font-weight:300;letter-spacing:-.04em;line-height:1}.dn-who{font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.5}.dn-who b{color:var(--text);font-weight:500}
.dn-ck .r{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--muted)}
.dn-ck .r:first-child{border-top:0}.dn-ck .r svg{width:15px;height:15px;color:#5be37f;margin-top:2px}.dn-ck .r b{color:var(--text);font-weight:500}
.dn-ck .r.wait svg{color:var(--dim)}.dn-ck .r.no svg{color:#ffd60a}
.dn-today b{display:block;font-size:30px;font-weight:300;letter-spacing:-.02em;margin-top:4px}.dn-today span{font-size:12.5px;color:var(--dim)}
.dn-src .r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted);line-height:1.45}
.dn-src .r:first-of-type{border-top:0}.dn-src .r b{display:block;color:var(--text);font-weight:500}.dn-src .note{margin-top:8px}
@media (max-width:1100px){.dn-jrow{grid-template-columns:1fr}}