:root{color-scheme:dark;--bg: #0b1020;--bg-2: #111833;--panel: #151d3a;--panel-2: #1b2548;--line: #2a3561;--text: #e7ecf7;--muted: #9aa6c7;--accent: #22d3ee;--accent-ink: #062a31;--good: #34d399;--bad: #fb7185;--warn: #fbbf24;--mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Inter, sans-serif;--radius: 12px}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg: #f5f7fc;--bg-2: #ffffff;--panel: #ffffff;--panel-2: #eef2fb;--line: #d5dcee;--text: #0f172a;--muted: #556084;--accent: #0e7490;--accent-ink: #ffffff;--good: #059669;--bad: #e11d48;--warn: #b45309}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.5;-webkit-text-size-adjust:100%}a{color:var(--accent)}h1,h2,h3{line-height:1.2;margin:0 0 .5rem}h1{font-size:clamp(1.6rem,2.5vw + 1rem,2.6rem)}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:.5rem 0}code,pre,.mono{font-family:var(--mono);font-size:.85em}pre.code{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:.75rem;overflow-x:auto;white-space:pre;max-width:100%}.muted{color:var(--muted)}.small{font-size:.85rem}.good{color:var(--good)}.bad{color:var(--bad)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);background:var(--bg-2);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}.brand{font-weight:700;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:.5rem}.screen{max-width:980px;margin:0 auto;padding:1.5rem 1rem 4rem}.landing{text-align:left;padding-top:3rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--accent);font-weight:700;margin:0 0 .25rem}.lede{font-size:1.15rem;color:var(--muted);max-width:60ch}.case-card{margin:2rem 0 1rem;padding:1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);max-width:640px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem;margin:1rem 0}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:1rem 0}button,.button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:.55rem 1rem;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:progress}.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:700}.primary:hover:not(:disabled){filter:brightness(1.08)}.big{padding:.9rem 1.4rem;font-size:1.05rem;margin-top:1rem}.ghost{background:transparent}.ghost.small,button.small{padding:.25rem .6rem;font-size:.8rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.term,.browser{background:#0a0e1a;color:#d6e2ff;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}@media(prefers-color-scheme:light){.term{background:#0f172a}}.term-bar,.browser-bar{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#ffffff0f;font-size:.8rem}.dot{width:10px;height:10px;border-radius:50%;background:#475569}.term-title{margin-left:.5rem;color:#94a3b8;font-family:var(--mono)}.term-body{margin:0;padding:.75rem;overflow-x:auto;font-size:.8rem;line-height:1.45}.browser{background:var(--bg-2);color:var(--text)}.browser-url{font-family:var(--mono);color:var(--muted)}.padlock.ok{color:var(--good)}.browser-body{padding:.75rem}.mini-cert>div{padding:.5rem 0;border-bottom:1px dashed var(--line)}.mini-cert>div:last-child{border-bottom:0}.mini-cert .k{display:inline-block;min-width:9rem;color:var(--muted);font-size:.85rem}.mini-cert .v{font-weight:600}.chain-explain li{margin:.4rem 0}.board{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr) minmax(300px,1fr);gap:1rem;padding:1rem;max-width:1400px;margin:0 auto;align-items:start}.board-main,.board-side{display:flex;flex-direction:column;gap:1rem;min-width:0}.chain,.verifier,.pile,.inspector{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;min-width:0}.slots{display:flex;flex-direction:column;gap:.25rem;margin-top:.75rem}.slot-wrap{display:flex;flex-direction:column;align-items:stretch;gap:.25rem}.slot{border:2px dashed var(--line);border-radius:10px;padding:.6rem;min-height:92px;display:flex;flex-direction:column;gap:.35rem;cursor:pointer;background:var(--bg-2);transition:border-color .15s,background .15s}.slot.target{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-2))}.slot.filled{border-style:solid}.slot-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.slot-empty{color:var(--muted);font-style:italic;margin:auto}.slot-arrow{text-align:center;color:var(--muted);font-size:.8rem;padding:.1rem 0}.slot-wrap>button.ghost.small{align-self:flex-end}.cert{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:.15rem;padding:0;overflow:hidden;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;width:100%;cursor:grab}.cert:active{cursor:grabbing}.cert.selected{outline:2px solid var(--accent);outline-offset:1px}.cert-band{background:var(--band);color:#fff;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem}.cert-cn{font-weight:700;padding:.3rem .6rem 0;word-break:break-word}.cert-meta{color:var(--muted);font-size:.78rem;padding:0 .6rem}.cert-badges{display:flex;gap:.3rem;flex-wrap:wrap;padding:.3rem .6rem .5rem}.badge{font-size:.68rem;padding:.05rem .4rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge.ca{border-color:var(--warn);color:var(--warn)}.badge.leaf{border-color:var(--accent);color:var(--accent)}.badge.trusted{border-color:var(--good);color:var(--good)}.badge.untrusted{border-color:var(--bad);color:var(--bad)}.badge.fp{font-family:var(--mono)}.cert.compact .cert-meta:nth-of-type(2){display:none}.pile h3 .count{color:var(--muted);font-weight:400}.pile-cards{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.checks{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.5rem}.check{display:grid;grid-template-columns:1.6rem 1fr;gap:.5rem;padding:.5rem .6rem;border-radius:8px;background:var(--bg-2);border-left:3px solid var(--line)}.check.pass{border-left-color:var(--good)}.check.fail{border-left-color:var(--bad)}.check-icon{font-weight:700;text-align:center}.check.pass .check-icon{color:var(--good)}.check.fail .check-icon{color:var(--bad)}.check-title{font-weight:600;display:flex;gap:.5rem;flex-wrap:wrap;align-items:baseline}.check-error{color:var(--bad);font-weight:500}.verifier-actions{margin-top:.75rem}.hints{margin:.75rem 0 0;padding-left:1.2rem;color:var(--muted)}.hints li{margin:.3rem 0}.inspector-head{display:flex;justify-content:space-between;align-items:start;gap:.5rem}.tabs{display:flex;gap:.25rem;margin:.5rem 0;flex-wrap:wrap}.tab{padding:.25rem .6rem;font-size:.8rem;background:transparent}.tab.active{background:var(--panel-2);border-color:var(--accent)}.fields{display:grid;grid-template-columns:1fr;gap:.1rem 0;margin:0}.fields dt{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;margin-top:.6rem}.fields dd{margin:0;word-break:break-word}.hint-inline{color:var(--muted);font-size:.85em}.inspector pre.code{font-size:.72rem;max-height:60vh}.takeaways li{margin:.6rem 0}.ladder{display:flex;align-items:center;gap:.4rem;margin:.5rem 0}.rung{width:1.4rem;height:.6rem;border-radius:3px;background:var(--line)}.rung.lit{background:var(--accent);box-shadow:0 0 10px var(--accent)}.signup{display:flex;gap:.5rem;flex-wrap:wrap}.signup input{font:inherit;padding:.55rem .8rem;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);min-width:240px;flex:1}footer{margin-top:2rem;border-top:1px solid var(--line);padding-top:1rem}.inspect-peek{display:none}@media(max-width:1100px){.board{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);padding-bottom:5rem}.inspect-peek{position:fixed;left:.5rem;right:.5rem;bottom:calc(.5rem + env(safe-area-inset-bottom,0px));z-index:9;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--panel-2);border:1px solid var(--accent);border-radius:12px;box-shadow:0 8px 30px #00000059}.peek-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.board-inspector{position:fixed;left:0;right:0;bottom:0;max-height:65dvh;overflow:auto;transform:translateY(105%);transition:transform .2s ease;z-index:10;padding:0 .5rem calc(.5rem + env(safe-area-inset-bottom,0px))}.board-inspector.open{transform:translateY(0)}.board-inspector .inspector{box-shadow:0 -10px 40px #0006}.inspector.empty{display:none}}@media(max-width:720px){.board{grid-template-columns:1fr;padding:.75rem .75rem 5rem}.board-main,.board-side{display:contents}.chain{order:1}.pile{order:2}.verifier{order:3}.pile-cards{flex-direction:row;overflow-x:auto;padding-bottom:.25rem}.pile-cards .cert{min-width:230px;max-width:260px}.screen{padding:1rem 1rem 3rem}}