:root{--surface-2:#fff;--surface-1:#F7F6F2;--surface-0:#F1EFE8;--border:rgba(0,0,0,.12);--border-strong:rgba(0,0,0,.2);--bg-accent:#E6F1FB;--text-accent:#0C447C;--bg-warning:#FAEEDA;--text-warning:#854F0B;--bg-success:#EAF3DE;--text-success:#3B6D11;--bg-danger:#FCEBEB;--text-danger:#A32D2D;--text-primary:#22201d;--text-secondary:#5F5E5A;--text-muted:#888780;--fill-accent:#185FA5;--on-accent:#fff;--radius:10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--surface-2:#26262b;--surface-1:#1e1e22;--surface-0:#161619;--border:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.22);--bg-accent:#0C447C;--text-accent:#B5D4F4;--bg-warning:#633806;--text-warning:#FAC775;--bg-success:#27500A;--text-success:#C0DD97;--bg-danger:#791F1F;--text-danger:#F7C1C1;--text-primary:#ECEBE7;--text-secondary:#B4B2A9;--text-muted:#888780;--fill-accent:#378ADD;--on-accent:#04244a}}*{box-sizing:border-box}body{margin:0;padding:24px 14px;background:var(--surface-0);color:var(--text-primary);font-family:inherit;line-height:1.5}button,input,select,textarea{font:inherit;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);padding:7px 10px}button{cursor:pointer}button:hover{filter:brightness(.96)}textarea{min-height:48px;resize:vertical}.wrap{max-width:860px;margin:0 auto;background:var(--surface-1);border:1px solid var(--border);border-radius:16px;padding:14px;min-height:80vh}.login{min-height:88vh;display:grid;place-items:center}.panel,.composer,.card,.pin{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px}.brand{display:flex;gap:10px;align-items:center}.brand h1{font-size:18px;margin:0}.brand p,.muted{margin:0;color:var(--text-muted);font-size:12px}.logo{width:34px;height:34px;border-radius:10px;background:var(--bg-accent);color:var(--text-accent);display:grid;place-items:center;font-weight:700}header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:4px 6px 12px;flex-wrap:wrap}.user{display:flex;gap:8px;align-items:center;color:var(--text-muted);font-size:13px}nav,.tagbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}nav button,.tagbar button{border-color:var(--border);color:var(--text-secondary);background:transparent}.active,nav button.active,.tagbar button.active{background:var(--text-primary);color:var(--surface-2);border-color:var(--text-primary)}.personal span{font-size:13px;color:var(--text-muted);align-self:center}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:8px}.composer textarea{width:100%;margin-bottom:8px}.primary{background:var(--fill-accent);color:var(--on-accent);border:0}.card.done{opacity:.72}.cardHead{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;flex-wrap:wrap}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:11px;border-radius:999px;padding:3px 9px;border:1px solid var(--border);color:var(--text-secondary)}.badge.accent{background:var(--bg-accent);color:var(--text-accent);border:0}.badge.warn{background:var(--bg-warning);color:var(--text-warning);border:0}.badge.success{background:var(--bg-success);color:var(--text-success);border:0}.meta{font-size:12px;color:var(--text-muted)}.text{font-size:15px;white-space:pre-wrap}.comment{background:var(--surface-1);border-left:3px solid var(--fill-accent);padding:8px 10px;color:var(--text-secondary);font-size:13px;margin:8px 0}.reads,.taskTools,.commentForm{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--border);padding-top:10px;margin-top:10px}.reads span{font-size:12px;color:var(--text-secondary)}.reads button{font-size:12px;border-radius:999px;border-color:var(--border);color:var(--text-muted)}.reads button.read{background:var(--bg-success);color:var(--text-success);border:0}.commentForm input{flex:1;min-width:220px}.empty{text-align:center;color:var(--text-muted);padding:30px}.pin{max-width:320px;margin:16px auto;text-align:center}.pin input{text-align:center;font-size:24px;letter-spacing:8px;width:140px}.adminGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.adminRow{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid var(--border);padding:8px 0;font-size:13px}.err{color:var(--text-danger)}.ok{color:var(--text-success)}.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumb{width:60px;height:60px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;color:var(--text-muted);font-size:12px}.check{font-size:13px;color:var(--text-secondary)}@media (max-width:640px){body{padding:8px}.wrap{border-radius:10px;padding:10px}.row>*,.taskTools>*{flex:1 1 100%}button,input,select,textarea{width:100%}.tagbar button,nav button,.reads button{width:auto}.user button{width:auto}}.countBadge{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--bg-danger);color:var(--text-danger);font-weight:800;font-size:12px}.rowActions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.adminEdit{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;align-items:center;width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1)}.adminEdit button{width:auto}.adminRow>span{min-width:0}.adminRow{align-items:flex-start}@media (max-width:640px){.rowActions{justify-content:flex-start}.adminEdit{grid-template-columns:1fr}}