:root{--bg:#f4f1ea;--paper:#fffdf8;--ink:#242628;--muted:#74777b;--line:#c9c4b8;--reader:#dbeafb;--hidden:#f7e7df;--decision:#e5f2e3;--lore:#fff1b8;--accent:#2d5f4c;--shadow:0 8px 24px rgba(37,32,23,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.48 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 32px;background:rgba(244,241,234,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}h1{margin:0;font-size:30px}.eyebrow{margin:0 0 2px;font-weight:800;letter-spacing:.14em;color:var(--accent);font-size:12px}.subtitle{margin:5px 0 0;color:var(--muted)}main{padding:24px 32px 80px}.actions,.toolbar,.dialog-actions{display:flex;gap:10px;align-items:center}button,input,select,textarea{font:inherit}button{border:0;border-radius:9px;padding:10px 14px;background:var(--accent);color:white;font-weight:700;cursor:pointer}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.toolbar{position:sticky;top:103px;z-index:4;background:var(--bg);padding:8px 0 18px}.toolbar input,.toolbar select{border:1px solid var(--line);background:var(--paper);border-radius:9px;padding:10px 12px}.toolbar input{min-width:320px}.section-title{display:flex;align-items:center;gap:10px;margin:28px 0 12px}.section-title span{width:7px;height:28px;border-radius:4px}.section-title h2{margin:0;font-size:17px;text-transform:uppercase;letter-spacing:.04em}.section-title.reader span{background:#7ba8d7}.section-title.hidden span{background:#bb7865}.section-title.decisions span{background:#72a66d}.board{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x proximity}.card{position:relative;flex:0 0 310px;min-height:250px;border:1px solid #aeb5b7;border-radius:10px;padding:18px 18px 42px;background:var(--paper);box-shadow:var(--shadow);scroll-snap-align:start}.card.reader{background:var(--reader)}.card.hidden{background:var(--hidden)}.card.decision{background:var(--decision)}.card.lore{background:var(--lore)}.card h3{margin:0 0 12px;font-size:17px;line-height:1.25}.card p{margin:0;white-space:pre-line}.meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.chip{font-size:11px;padding:3px 7px;border-radius:20px;background:rgba(255,255,255,.58);border:1px solid rgba(0,0,0,.08)}.edit{position:absolute;right:10px;bottom:10px;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.13);color:var(--ink);padding:6px 9px;font-size:12px}dialog{width:min(720px,92vw);border:0;border-radius:14px;padding:0;background:var(--paper);box-shadow:0 20px 70px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(20,20,18,.5)}#editorForm{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.icon-btn{background:transparent;color:var(--ink);font-size:28px;padding:0 6px}label{display:block;font-weight:700;margin-top:16px}label input,label textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:10px;background:white}.dialog-actions{justify-content:flex-end;margin-top:18px}.hint{color:var(--muted);font-size:12px}.empty{color:var(--muted);padding:20px}@media(max-width:760px){.topbar{position:relative;padding:18px;align-items:flex-start;flex-direction:column}.actions{width:100%}.actions button{flex:1}.toolbar{top:0;flex-wrap:wrap}.toolbar input{min-width:0;width:100%}main{padding:16px}.card{flex-basis:86vw;min-height:220px}h1{font-size:24px}}