*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0e12;--panel:#14171e;--panel-2:#1a1e27;--border:#262b36;--text:#e8eaf0;--muted:#8b93a5;--accent:#4f8cff;--green:#3fb96f;--amber:#d9a13f}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100dvh}.container{max-width:560px;margin:0 auto;padding:16px}h1{font-size:18px;font-weight:600;letter-spacing:.2px}.muted{color:var(--muted);font-size:13px}.capture{display:flex;gap:8px;margin:16px 0}.capture input{flex:1 1;padding:14px 16px;font-size:16px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;outline:none}.capture input:focus{border-color:var(--accent)}.capture button{padding:0 18px;font-size:15px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:10px}.card .text{font-size:15px;line-height:1.45;word-break:break-word}.card .meta{margin-top:6px}.actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.actions button{padding:8px 14px;font-size:13px;font-weight:600;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px}.actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.actions button.subtle{color:var(--muted)}.pillars{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.pillars button{padding:8px 12px;font-size:13px;color:var(--text);border:1px solid var(--border)}.badge,.pillars button{font-weight:600;background:var(--panel-2);border-radius:999px}.badge{display:inline-block;padding:2px 10px;font-size:12px;border:1px solid var(--border);color:var(--muted)}.nav{display:flex;gap:4px;max-width:560px;margin:0 auto;padding:12px 16px 0}.nav a{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none}.nav a.active{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:20px 0 8px}.section-title.red{color:#e46962}.section-title.amber{color:var(--amber)}.task-row{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:8px}.task-row.column{flex-direction:column;align-items:stretch}.task-main{flex:1 1}.task-title{font-size:15px;line-height:1.4}.task-meta{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.check{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--panel-2);color:var(--muted);border:1px solid var(--border);font-size:15px}.check:active{background:var(--green);color:#fff}.chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.chip.red{color:#e46962;border-color:#4d2b29;background:#241416}.chip.blue{color:var(--accent);border-color:#2a3c5f;background:#131b2b}.chip.amber{color:var(--amber);border-color:#4d3f1f;background:#221c0e}.banner{display:block;background:#131b2b;border:1px solid #2a3c5f;color:var(--accent);border-radius:12px;padding:12px 16px;margin:12px 0;font-size:14px;font-weight:600;text-decoration:none}.done-state{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;margin-top:16px;font-size:16px;line-height:1.8}.complete-btn{width:100%;padding:14px;font-size:15px;font-weight:700;background:var(--green);color:#fff;border:none;border-radius:12px}.complete-btn:disabled{background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}.setting{margin-top:14px}.setting .section-title{margin:0 0 8px}.radio{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px}.radio input[type=number],.radio input[type=time]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:14px}code{background:var(--panel-2);padding:1px 6px;border-radius:6px;font-size:12px}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}.login form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.login input{padding:14px 16px;font-size:16px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;outline:none}.login button{padding:14px;font-size:15px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:12px}.error{color:#e46962;font-size:13px}.header{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.empty{text-align:center;padding:48px 0;color:var(--muted);font-size:14px}