:root{--ink:#14201c;--paper:#f6f8f7;--card:#fff;--line:#d3dcd8;--mut:#5d6b66;--acc:#1b6b4a;--acc2:#e5f1ec;--bad:#a8381f;font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}*{box-sizing:border-box}body{margin:0}h1,h2{margin:0;letter-spacing:-.01em}h1{font-size:1.6rem}h2{font-size:1.05rem}.muted{color:var(--mut)}.small{font-size:.85rem}.err{color:var(--bad);margin:.25rem 0}code{background:var(--acc2);padding:0 .3em;border-radius:4px}.shell{min-height:100vh}.wrap{max-width:960px;margin:0 auto;padding:1rem 1rem 4rem;display:grid;gap:1rem}.bar{position:sticky;top:0;z-index:5;display:flex;gap:.75rem;align-items:center;padding:.6rem 1rem;background:var(--card);border-bottom:1px solid var(--line)}.bar .who{margin-left:auto;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grow{flex:1}.panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem;display:grid;gap:.75rem}.row-h{display:flex;gap:.75rem;align-items:end;justify-content:space-between;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem}.f{display:grid;gap:.2rem;font-size:.82rem;color:var(--mut)}input,select{font:inherit;color:var(--ink);padding:.5rem .6rem;border:1px solid var(--line);border-radius:6px;background:#fff;min-width:0;width:100%}input:focus-visible,select:focus-visible,.btn:focus-visible,.doc:focus-visible{outline:2px solid var(--acc);outline-offset:1px}.btn{font:inherit;font-size:.9rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{background:var(--acc2)}.btn.primary{background:var(--acc);border-color:var(--acc);color:#fff}.btn.primary:hover{background:#155a3d}.btn.danger{color:var(--bad)}.btn:disabled{opacity:.6;cursor:wait}.stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stats div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem}.stats b{display:block;font-size:2rem;line-height:1.1;font-weight:600}.stats span{color:var(--mut);font-size:.85rem}.doc{text-align:left;font:inherit;padding:1rem;border:1.5px solid var(--acc);border-radius:8px;background:var(--acc2);cursor:pointer;display:grid;gap:.2rem;color:var(--ink)}.doc span{color:var(--mut);font-size:.88rem}.list{list-style:none;margin:0;padding:0;display:grid}.list li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.65rem 0;border-top:1px solid var(--line)}.list li div:first-child{display:grid}.acts{display:flex;gap:.4rem}.login{min-height:100vh;display:grid;place-items:center;padding:1rem}.login form,.card{width:min(380px,100%);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.5rem;display:grid;gap:.9rem}.previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}figure{margin:0;display:grid;gap:.4rem}figure img{width:100%;border:1px solid var(--line);border-radius:6px}figcaption{font-size:.82rem;color:var(--mut);display:flex;justify-content:space-between;align-items:center;gap:.5rem}.out input[type=range]{padding:0}@media (max-width:520px){.stats{grid-template-columns:1fr}.list li{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.f.wide{grid-column:1/-1}.prevrow{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.thumb{max-height:64px;max-width:200px;border:1px solid var(--line);border-radius:6px;background:#fff;display:block;margin-bottom:.3rem}