:root{--font-ui:"Inter Tight","Helvetica Neue",Arial,sans-serif;--fs-0:12px;--fs-1:14px;--fs-2:16px;--fs-3:20px;--bg:#f5f6f7;--surface:#ffffff;--line:#d9dde2;--ink:#1d2228;--ink-soft:#5a6470;--accent:#2c5d7c;--ok:#2e7d4f;--warn:#a86b00;--err:#b3261e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--fs-1)/1.5 var(--font-ui)}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--line)}.topbar h1{font-size:var(--fs-2);margin:0}.topbar nav{display:flex;gap:var(--space-4)}.topbar nav a{color:var(--ink-soft);text-decoration:none;padding-bottom:2px}.topbar nav a[aria-current=page]{color:var(--ink);border-bottom:2px solid var(--accent)}.topbar .who{margin-left:auto;align-items:center;color:var(--ink-soft)}.filters,.topbar .who{display:flex;gap:var(--space-3)}.filters{flex-wrap:wrap;padding:var(--space-3) var(--space-5);align-items:end}.filters label{display:grid;grid-gap:var(--space-1);gap:var(--space-1);font-size:var(--fs-0);color:var(--ink-soft)}.page{height:calc(100vh - 110px);padding:0 var(--space-5) var(--space-4)}.cell-saving{background:color-mix(in srgb,var(--warn) 10%,transparent)}.cell-saved{background:color-mix(in srgb,var(--ok) 10%,transparent)}.cell-error{background:color-mix(in srgb,var(--err) 12%,transparent)}.notice{margin:0 var(--space-5) var(--space-2);padding:var(--space-2) var(--space-3);border-left:3px solid var(--warn);background:var(--surface);display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.notice p{margin:0}.notice button{padding:0 var(--space-2);margin-left:var(--space-2)}.thumbs{display:flex;gap:var(--space-1);height:100%;align-items:center}.thumbs img{height:56px;width:56px;object-fit:cover;border-radius:2px;background:var(--line)}.thumbs .fname{font-size:var(--fs-0);color:var(--ink-soft);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side{z-index:20;position:fixed;top:0;right:0;width:min(520px,100%);height:100%;background:var(--surface);border-left:1px solid var(--line);overflow:auto;padding:var(--space-5);display:grid;grid-gap:var(--space-4);gap:var(--space-4);align-content:start}.side img{width:100%}.login{max-width:360px;margin:15vh auto;display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.login form{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.login input{padding:var(--space-2);border:1px solid var(--line);font:inherit}.filters button,.login button,main.empty>button{padding:var(--space-2) var(--space-3);background:var(--accent);color:#fff;border:0}.error{color:var(--err)}.empty{padding:var(--space-6);text-align:center;color:var(--ink-soft)}.unsaved{margin:0 var(--space-5) var(--space-2);padding:var(--space-2) var(--space-3);border-left:3px solid var(--err);background:var(--surface);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.unsaved h2{font-size:var(--fs-1);margin:0}.unsaved ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.unsaved li{display:flex;gap:var(--space-2);align-items:baseline}.unsaved li>div{flex:1 1}.unsaved button,.unsaved q.kept{padding:var(--space-1) var(--space-2)}.unsaved q.kept{display:block;max-height:9em;overflow:auto;white-space:pre-wrap;margin:var(--space-1) 0;border:1px solid var(--line)}.why-editor textarea{display:block;font:inherit;color:inherit;background:var(--surface);border:0;padding:var(--space-3);max-width:90vw}.filters button:disabled{opacity:.4;cursor:default}.why-editor-note{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--fs-0);color:var(--ink-soft);background:var(--bg);max-width:90vw}.why-editor-note,.wk-nav{border-bottom:1px solid var(--line)}.wk-nav{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-2) var(--space-5);background:var(--surface)}.wk-nav a{color:var(--ink-soft);text-decoration:none;padding-bottom:2px}.wk-nav a[aria-current=page]{color:var(--ink);border-bottom:2px solid var(--accent)}.wk-nav-note{margin:0 0 0 auto;font-size:var(--fs-0);color:var(--ink-soft)}.workshop{max-width:1100px;margin:0 auto;padding:var(--space-5);display:grid;grid-gap:var(--space-5);gap:var(--space-5);align-content:start}.workshop .filters,.workshop .unsaved{margin:0;padding-left:0;padding-right:0}.workshop .unsaved{padding:var(--space-2) var(--space-3)}.workshop h2{font-size:var(--fs-2);margin:0}.workshop h3{font-size:var(--fs-1);margin:0 0 var(--space-2)}.workshop button{padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--ink);border:1px solid var(--line)}.wk-stopped button,.workshop .empty button,.workshop button[aria-pressed=true],.workshop button[type=submit]{background:var(--accent);color:#fff;border-color:var(--accent)}.workshop button:disabled{opacity:.4;cursor:default}.workshop button.wk-quiet{background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;justify-self:start}.workshop input,.workshop select,.workshop textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);padding:var(--space-2);width:100%}.workshop select{width:auto}.wk-label,.wk-none,.wk-state{font-size:var(--fs-0);color:var(--ink-soft)}.wk-state{margin:0;min-height:1.5em}.wk-wait{margin:0;padding:var(--space-3);border-left:3px solid var(--accent)}.wk-ask,.wk-wait{background:var(--surface)}.wk-ask{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line)}.wk-presets{display:flex;flex-wrap:wrap;gap:var(--space-2);border:0;padding:0;margin:0}.wk-presets legend{font-size:var(--fs-0);color:var(--ink-soft);padding:0;margin-bottom:var(--space-1)}.wk-adapted{margin:0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--warn);background:var(--bg)}.wk-start{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.wk-start-toggle{display:flex;gap:var(--space-2);align-items:center;justify-self:start}.wk-start-toggle input{width:auto}.wk-start>p{margin:0}.wk-start-current{display:flex;gap:var(--space-3);align-items:center}.wk-start-current p{margin:0}.wk-picker{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1);max-height:320px;overflow:auto}.wk-picker button{padding:2px;width:84px;height:84px;overflow:hidden;font-size:var(--fs-0)}.wk-picker img{width:100%;height:100%;object-fit:cover}.wk-behalf{display:grid;grid-gap:var(--space-1);gap:var(--space-1);font-size:var(--fs-0);color:var(--ink-soft);justify-items:start}.wk-actions{display:flex;gap:var(--space-3);align-items:center}.wk-answer{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.wk-answer blockquote{margin:0;padding:var(--space-3) var(--space-4);background:var(--surface);border-left:3px solid var(--accent);font-size:var(--fs-2);white-space:pre-wrap}.wk-run{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--line)}.reading dl,.wk-translation dl{display:grid;grid-template-columns:max-content 1fr;grid-gap:var(--space-1) var(--space-4);gap:var(--space-1) var(--space-4);margin:0}.reading dt,.wk-translation dt{font-size:var(--fs-0);color:var(--ink-soft)}.reading dd,.wk-translation dd{margin:0}.wk-corrected{font-size:var(--fs-0);font-weight:400;color:var(--warn)}.wk-readings,.wk-results{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.wk-readings>li,.wk-results>li{display:grid;grid-template-columns:200px 1fr;grid-gap:var(--space-4);gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.wk-readings>li{padding:var(--space-4);background:var(--surface);border:1px solid var(--line)}.wk-readings>li.wk-review{border-left:3px solid var(--accent)}.wk-badge{font-size:var(--fs-0);padding:0 var(--space-2);border:1px solid var(--accent);color:var(--accent)}.wk-result-body{display:grid;grid-gap:var(--space-2);gap:var(--space-2);align-content:start;min-width:0}.wk-result-title{margin:0;font-weight:600;overflow-wrap:anywhere}.wk-reasons{margin:0}.workshop button.wk-thumb{padding:0;border:0}.wk-thumb img,.workshop button.wk-thumb{background:var(--line);display:block;width:200px}.wk-thumb img{height:150px;object-fit:cover}.wk-noimage{margin:0;font-size:var(--fs-0);color:var(--ink-soft);overflow-wrap:anywhere}.wk-lightbox{max-width:94vw;max-height:94vh;padding:var(--space-3);border:1px solid var(--line)}.wk-lightbox img{display:block;max-width:90vw;max-height:80vh;margin:var(--space-2) 0}.wk-lightbox p{margin:0;font-size:var(--fs-0);color:var(--ink-soft)}.wk-verdict{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.wk-verdict button[aria-disabled=true]{cursor:progress}.wk-comment{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.wk-comment-read{margin:0;white-space:pre-wrap}.wk-computed,.wk-count{margin:0;font-size:var(--fs-0);color:var(--ink-soft)}.wk-correction{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3);background:var(--bg);border:1px solid var(--line)}.wk-correction label{display:grid;grid-gap:var(--space-1);gap:var(--space-1);font-size:var(--fs-0);color:var(--ink-soft)}.wk-correction p{margin:0}.wk-table{width:100%;border-collapse:collapse;background:var(--surface)}.wk-table td,.wk-table th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);vertical-align:top}.wk-table th{font-size:var(--fs-0);color:var(--ink-soft);font-weight:400;background:var(--bg)}.wk-list{margin:0;padding-left:var(--space-4);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.wk-quote{display:block;white-space:pre-wrap}.wk-proof{margin:0;padding:var(--space-3);background:var(--surface);border-left:3px solid var(--accent)}.wk-stopped{display:grid;grid-gap:var(--space-2);gap:var(--space-2);justify-items:start}.wk-stopped p{margin:0}.reading{display:grid;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg);border-left:3px solid var(--line)}.reading h3{font-size:var(--fs-0);margin:0;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.reading-note{text-transform:none;letter-spacing:0;font-weight:400}.reading ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3)}.reading-strong{font-weight:600}.reading-kind,.reading-none{font-size:var(--fs-0);font-weight:400;color:var(--ink-soft)}.side .reading{margin-top:var(--space-2)}