:root{--bg: #f7f8fa;--card: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--brand: #2563eb;--brand-weak: #e8efff;--danger: #e11d48}:root.dark{--bg: #0b0d12;--card: #11131a;--text: #e5e7eb;--muted: #9ca3af;--border: #1f2430;--brand: #60a5fa;--brand-weak: #11223a;--danger: #fb7185}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif}.app{display:grid;grid-template-rows:auto 1fr auto;height:100%}.appbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card)}.brand{font-weight:700;display:flex;align-items:center;gap:8px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--brand);display:inline-block}.gap{flex:1}.theme-picker{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.theme-picker button{padding:6px 10px;background:transparent;color:var(--muted);border:0;cursor:pointer}.theme-picker button.active{background:var(--brand-weak);color:var(--brand)}.toggle{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.grid{display:grid;grid-template-columns:280px 1fr;gap:16px;padding:16px;max-width:1100px;margin:0 auto;width:100%}.sidebar{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px;height:fit-content}.side-header{display:flex;align-items:center;gap:8px}.side-header h2{margin:0;font-size:14px}.side-header small{color:var(--muted)}.new-list{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0 14px}.new-list input,.new-todo input,.inline-rename input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text)}.new-list button,.new-todo button,.toolbar .subtle,.todos .finish,.danger,.chip{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}.danger{color:var(--danger)}.subtle,.chip{color:var(--muted)}.chip.active{color:var(--brand);border-color:var(--brand-weak);background:var(--brand-weak)}.list-nav{list-style:none;margin:0;padding:0;display:grid;gap:8px}.list-nav li{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.list-nav li.active .list-button{background:var(--brand-weak);border-color:var(--brand-weak);color:var(--brand)}.list-button{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card)}.row-actions{display:inline-flex;gap:6px}.content{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;min-height:520px}.content-header{display:flex;align-items:baseline;gap:12px}.content-header h2{margin:0}.stats{color:var(--muted);display:inline-flex;gap:8px}.new-todo{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.toolbar{display:flex;align-items:center;gap:10px;margin:8px 0 12px}.filters{display:inline-flex;gap:6px}.todos{list-style:none;margin:0;padding:0;display:grid;gap:8px}.todos li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.todo-left{display:inline-flex;gap:10px;align-items:center}.todos li.done .todo-left{color:var(--muted);text-decoration:line-through}.todo-right{display:inline-flex;gap:8px}.todos .finish{color:var(--brand);border-color:var(--brand-weak);background:var(--brand-weak)}.empty{color:var(--muted);text-align:center;padding:18px}.empty.big{padding:48px}.footer{border-top:1px solid var(--border);background:var(--card);padding:10px 16px;display:flex;justify-content:center}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg);border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:0 6px}