:root{--ink:#14171a;--ink-soft:#4a5058;--line:#c9cfd6;--line-strong:#8b939c;--paper:#fff;--shell:#eef1f4;--accent:#0b5cd5;--accent-ink:#fff;--ok:#10662f;--ok-bg:#e4f5e9;--warn:#8a5a00;--warn-bg:#fdf2dc;--bad:#a3121f;--bad-bg:#fdeaec;--tap:48px;--radius:10px;color:var(--ink);background:var(--shell);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--shell)}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.25rem}h2{font-size:1.05rem}h3{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.95rem}p{margin:.4rem 0;line-height:1.45}a{color:var(--accent)}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;min-height:56px;padding:.5rem .75rem;padding-top:max(.5rem, env(safe-area-inset-top));background:var(--ink);color:#fff;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1rem;overflow:hidden}.topbar a,.topbar button{color:#fff}.back{min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius);color:#fff;background:#ffffff24;border:0;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;display:inline-flex}.main{padding:.75rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom));flex:1}.navpanel{z-index:19;background:var(--paper);border-bottom:1px solid var(--line-strong);flex-direction:column;display:flex;position:sticky;top:56px;box-shadow:0 6px 16px #0000002e}.navwho{background:var(--shell);border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding:.6rem .9rem;display:flex}.navrow{min-height:var(--tap);border:0;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:left;border-radius:0;align-items:center;width:100%;padding:.6rem .9rem;font-weight:600;text-decoration:none;display:flex}.navrow-out{color:var(--bad)}.syncpill{min-height:var(--tap);white-space:nowrap;border:1.5px solid;border-radius:999px;flex:0 auto;align-items:center;gap:.35rem;min-width:0;padding:0 .55rem;font-size:.8rem;font-weight:700;display:inline-flex;overflow:hidden}.syncword{text-overflow:ellipsis;overflow:hidden}.syncdot{background:currentColor;border-radius:50%;flex:none;width:.6rem;height:.6rem}.syncnew{flex:none;font-size:1.2rem;line-height:.6}.topbar .syncpill.sync-ok{color:#b7f2cd;background:#6fd8942e;border-color:#6fd894}.topbar .syncpill.sync-warn{color:#ffd97a;background:#f0b42933;border-color:#f0b429}.topbar .syncpill.sync-bad{color:#ffc2c7;background:#ff8a9433;border-color:#ff8a94}.topbar .syncpill.sync-neutral{color:#fff;background:#ffffff24;border-color:#ffffff73}.syncpanel{z-index:19;background:var(--paper);border-bottom:1px solid var(--line-strong);flex-direction:column;gap:.5rem;max-height:70vh;padding:.75rem;display:flex;position:sticky;top:56px;overflow-y:auto;box-shadow:0 6px 16px #0000002e}.syncitem{border-left:5px solid var(--warn)}.syncitem.is-failed{border-left-color:var(--bad);background:var(--bad-bg)}.stack{flex-direction:column;gap:.75rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row.nowrap{flex-wrap:nowrap}.grow{flex:1;min-width:0}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem}.tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;color:inherit;text-align:left;min-height:var(--tap);padding:.85rem;text-decoration:none;display:block}.tile:active{background:#f3f6fa}.tile strong{font-size:1rem;line-height:1.3;display:block}.tiles{grid-template-columns:1fr;gap:.6rem;display:grid}@media (width>=720px){.tiles{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.main{width:100%;max-width:1400px;margin:0 auto;padding:1rem}}.editor-layout{grid-template-columns:1fr;gap:.75rem;display:grid}.editor-layout>*{min-width:0}@media (width>=1000px){.editor-layout{grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);align-items:start}}label{margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}input[type=text],input[type=search],input[type=password],select,textarea{width:100%;min-height:var(--tap);color:var(--ink);background:var(--paper);border:1.5px solid var(--line-strong);border-radius:var(--radius);padding:.6rem .7rem;font-family:inherit;font-size:1rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.checkline{min-height:var(--tap);align-items:center;gap:.6rem;margin-bottom:0;font-weight:600;display:flex}.checkline input{width:26px;height:26px;accent-color:var(--accent)}.field{margin-bottom:.7rem}button,.btn{min-height:var(--tap);min-width:var(--tap);color:var(--ink);background:var(--paper);border:1.5px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-danger{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.btn-wide{width:100%}.banner{border-radius:var(--radius);border:1.5px solid;padding:.7rem .8rem;font-size:.95rem}.banner-bad{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}.banner-warn{border-color:var(--warn);background:var(--warn-bg);color:var(--warn)}.banner-ok{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.banner strong{margin-bottom:.2rem;display:block}.badge{border:1px solid;border-radius:999px;padding:.15rem .45rem;font-size:.78rem;font-weight:700;display:inline-block}.badge-ok{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.badge-bad{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}.badge-warn{border-color:var(--warn);background:var(--warn-bg);color:var(--warn)}.badge-neutral{border-color:var(--line-strong);background:var(--shell);color:var(--ink-soft)}button.badge{min-width:0;min-height:32px;padding:.15rem .5rem;font-size:.78rem}.entryfield{border-left:5px solid var(--line)}.entryfield.is-saved{border-left-color:var(--ok)}.entryfield.is-saving{border-left-color:var(--accent)}.entryfield.is-queued{border-left-color:var(--warn)}.entryfield.is-failed{border-left-color:var(--bad);background:var(--bad-bg)}.confirmstrip{border:2px solid var(--warn);background:var(--warn-bg)}.confirmrow{background:var(--paper)}.value{word-break:break-word;margin:.25rem 0;font-size:1.1rem;font-weight:700}.empty{text-align:center;padding:1.2rem .75rem}.login{width:100%;max-width:420px;margin:0 auto}.draftcard{border-left:5px solid var(--accent)}.evidence{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--shell);margin:.5rem 0 .7rem;padding:.5rem .6rem}.evidence p{margin:.25rem 0}.evidence .cellref{margin-right:.3rem}.evidence-question{border-style:solid;border-color:var(--warn)}.list-row.is-question{border-color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn);background:var(--warn-bg)}.list-row.is-unreviewed{border-style:dashed}.tapline{min-height:var(--tap);align-items:center;font-weight:600;display:flex}.sheet{border:1px solid var(--line-strong);border-radius:var(--radius);touch-action:none;overscroll-behavior:contain;background:#5a6169;max-width:100%;height:52vh;min-height:260px;position:relative;overflow:auto}@media (width>=1000px){.sheet{height:70vh}}.sheet-canvas{transform-origin:0 0;position:relative}.sheet-canvas img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.sheet-box{pointer-events:none;box-sizing:border-box;position:absolute}.sheet-box-bound{border:2px solid var(--accent);background:#0b5cd529}.sheet-box-selected{background:#d1402a2e;border:3px solid #d1402a}.sheet-box-question{border:2px dashed var(--warn);background:#8a5a0033}.sheet-tools{align-items:center;gap:.4rem;padding:.4rem 0 0;display:flex}.sheet-tools .zoom{font-variant-numeric:tabular-nums;text-align:center;min-width:5ch;font-weight:700}.list{margin:0;padding:0;list-style:none}.list li+li{margin-top:.4rem}.list-row{width:100%;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);text-align:left;align-items:center;gap:.5rem;padding:.5rem .6rem;font-weight:500;display:flex}.list-row.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cellref{background:var(--shell);border:1px solid var(--line);white-space:nowrap;border-radius:6px;padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.gates{flex-wrap:wrap;gap:.35rem;display:flex}.spinner{color:var(--ink-soft);padding:1rem;font-weight:600}.preview-img{border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;width:100%;height:auto}