:root{--accent:#2563eb;--accent-soft:#e0e9ff;--bg:#f4f5f8;--card:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--warn:#b45309;--warn-soft:#fef3c7;--good:#047857;--danger:#b91c1c;--radius:12px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--accent:#6d9bff;--accent-soft:#1d2a4d;--bg:#0b0f17;--card:#141a24;--text:#e5e7eb;--muted:#9ca3af;--border:#273042;--warn:#fbbf24;--warn-soft:#3a2c0b;--good:#34d399;--danger:#f87171}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}a{color:var(--accent);text-decoration:none}h1{margin:0 0 4px;font-size:1.6rem}h2{margin:0 0 12px;font-size:1.05rem}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 6px;font-size:.9rem}p{margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:.85rem}.pad{padding:24px}.pre{white-space:pre-wrap}.stack{align-content:start;gap:16px;display:grid}.topbar{z-index:10;background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:24px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:6px;font-size:1.1rem;font-weight:700;display:inline-flex}.brand-mark{color:var(--accent);font-size:1.3rem}.topnav{flex:1;gap:4px;display:flex}.topnav a{color:var(--muted);border-radius:8px;padding:6px 12px;font-weight:500}.topnav a.active{background:var(--accent-soft);color:var(--accent)}.account{align-items:center;gap:8px;display:flex}.content{max-width:1100px;margin:0 auto;padding:24px 16px 96px}.page{gap:16px;display:grid}.page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.tabbar{display:none}@media (width<=760px){.topnav,.account .muted{display:none}.topbar{justify-content:space-between;padding:10px 16px}.grid-2{grid-template-columns:1fr}.tabbar{z-index:10;background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);flex:1;justify-items:center;padding:8px 0;font-size:.75rem;display:grid}.tabbar a span{font-size:1.3rem}.tabbar a.active{color:var(--accent)}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:18px}.btn{font:inherit;cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-weight:500;display:inline-flex}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{border-color:var(--border);background:var(--card)}.btn.link{color:var(--accent);padding:6px 0}.btn.danger{color:var(--danger)}.btn.small{padding:5px 10px;font-size:.85rem}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:1rem}.icon-btn.subtle{opacity:.5}.icon-btn:hover{opacity:1;background:var(--bg)}input,select,textarea{width:100%;font:inherit;color:inherit;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:9px 11px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}label{color:var(--muted);font-size:.85rem}.chip{white-space:nowrap;background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:.78rem;display:inline-flex}.chip-accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.chip-warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.chip-good{color:var(--good)}.chips{flex-wrap:wrap;gap:6px;display:flex}.avatar{color:#fff;object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.tier{vertical-align:middle;border-radius:6px;margin-left:8px;padding:1px 7px;font-size:.7rem;font-weight:700}.tier-A{color:#78350f;background:#fde68a}.tier-B{color:#312e81;background:#c7d2fe}.tier-C{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.empty{text-align:center;justify-items:center;gap:8px;padding:32px 16px;display:grid}.empty-icon{font-size:2.2rem}.empty-title{margin:0;font-weight:600}.error{color:var(--danger);margin:8px 0 0;font-size:.9rem}.list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.row{color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.row:hover{background:var(--bg)}.row-icon{font-size:1.3rem}.row-main{flex:1;min-width:0;display:grid}.plain{gap:6px;margin:0;padding:0;list-style:none;display:grid}.action{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 4px;display:flex}.action:last-child{border-bottom:0}.action.done .action-text{color:var(--muted);text-decoration:line-through}.check{border:2px solid var(--border);background:var(--card);cursor:pointer;color:#fff;border-radius:6px;flex:none;width:22px;height:22px;font-size:.8rem}.action.done .check{background:var(--good);border-color:var(--good)}.add-promise{grid-template-columns:1fr auto auto auto;gap:8px;margin-bottom:12px;display:grid}.add-promise .error{grid-column:1/-1}@media (width<=760px){.add-promise{grid-template-columns:1fr 1fr}.add-promise input:first-child{grid-column:1/-1}}.people-strip{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.person-tile{text-align:center;color:var(--text);border:1px solid var(--border);border-radius:10px;justify-items:center;gap:4px;padding:12px 8px;display:grid}.person-tile:hover{border-color:var(--accent)}.filters{grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;display:grid}@media (width<=760px){.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}}.friend-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.friend-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);gap:14px;height:100%;padding:16px;display:flex}.friend-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #0000000f}.friend-card-body{gap:3px;min-width:0;display:grid}.friend-card-body .chips{margin-top:6px}.profile-head{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.profile-title{flex:1;gap:6px;min-width:220px;display:grid}.profile-actions{justify-items:end;gap:8px;display:grid}.quick-links{flex-wrap:wrap;gap:6px;display:flex}@media (width<=760px){.profile-actions{justify-items:stretch;width:100%}}.briefing{border-left:4px solid var(--accent)}.facts{gap:8px;display:grid}.fact{align-items:baseline;gap:10px;display:flex}.fact>span:first-child{flex:none}.fact .chip{margin-left:auto}.fact.warn{color:var(--warn)}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:8px;bottom:8px;left:15px}.timeline li{gap:12px;padding-bottom:16px;display:flex;position:relative}.timeline-dot{background:var(--card);border:2px solid var(--border);z-index:1;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:.9rem;display:grid}.timeline-body{flex:1;min-width:0}.timeline-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timeline-meta .icon-btn{margin-left:auto}.timeline-body p{margin:4px 0 0}.details{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;display:grid}.details dt{color:var(--muted);font-size:.85rem}.details dd{margin:0}.form-section{border:1px solid var(--border);margin:0}.form-section legend{padding:0 6px;font-weight:600}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.field{gap:4px;display:grid}.field.wide,.list-editor.wide{grid-column:1/-1}.list-editor{gap:8px;display:grid}.list-editor-row{align-items:center;gap:8px;display:flex}.list-editor-row>*{min-width:0}.list-editor-row input[type=date]{max-width:170px}@media (width<=760px){.list-editor-row{flex-wrap:wrap}.list-editor-row input[type=date]{flex:1;max-width:none}}.form-actions{justify-content:flex-end;gap:8px;padding:12px 0;display:flex;position:sticky;bottom:72px}@media (width>=761px){.form-actions{bottom:0}}.sheet-backdrop{z-index:50;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--card);border-radius:16px;width:100%;max-width:560px;max-height:90vh;padding:20px;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet-head h2{margin:0}@media (width<=760px){.sheet-backdrop{place-items:end center;padding:0}.sheet{border-radius:16px 16px 0 0;max-height:92vh}}.type-picker{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.type-picker button{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;font:inherit;border-radius:10px;padding:10px 6px;font-size:.85rem}.type-picker button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.stars{gap:4px;display:flex}.stars button{color:var(--border);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:1.6rem}.stars button.on{color:#f59e0b}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--card);border:1px solid var(--border);border-radius:16px;gap:12px;width:100%;max-width:380px;padding:28px;display:grid}.login-card .brand{font-size:1.4rem}.login-card form{gap:10px;display:grid}input.otp{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.4rem}