.ui-btn{font-family:var(--font);font-weight:var(--fw-bold);font-size:var(--fs-sm);border-radius:var(--radius-pill);padding:var(--sp-2) var(--sp-4);align-items:center;gap:var(--sp-2);cursor:pointer;transition:transform var(--transition), background var(--transition), box-shadow var(--transition);color:var(--text-inverse);background:var(--accent);box-shadow:var(--shadow-sm);border:none;display:inline-flex}.ui-btn:hover{background:var(--accent-hover)}.ui-btn:active{transform:scale(.96)}.ui-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--ghost{color:var(--text);box-shadow:none;background:0 0}.ui-btn--ghost:hover{background:var(--bg-sunken)}.ui-btn--soft{background:var(--accent-soft);color:var(--accent-hover);box-shadow:none}.ui-btn--soft:hover{background:var(--border)}.ui-btn--icon{padding:var(--sp-2);border-radius:var(--radius-pill)}.ui-btn--danger{background:var(--c-terracotta);color:#fff}.ui-btn--danger:hover{background:#a84d3d}.ui-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--sp-4)}.ui-chip{align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:3px var(--sp-3);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-hover);white-space:nowrap;display:inline-flex}.ui-input{font-family:var(--font);font-size:var(--fs-md);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);width:100%;transition:border var(--transition), box-shadow var(--transition)}.ui-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.ui-input::placeholder{color:var(--text-soft)}.ui-check{border-radius:var(--radius-sm);border:2px solid var(--border-strong);background:var(--surface);cursor:pointer;width:24px;height:24px;transition:background var(--transition), border var(--transition);color:var(--text-inverse);flex:none;place-items:center;padding:0;display:grid}.ui-check[data-checked]{background:var(--status-done);border-color:var(--status-done)}.ui-check:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.ui-check-indicator{place-items:center;display:grid}.ui-select-trigger{font-family:var(--font);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);align-items:center;gap:var(--sp-2);cursor:pointer;min-width:0;display:inline-flex}.ui-select-trigger:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px}.ui-positioner{z-index:1000}.ui-select-popup{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--sp-1);max-height:60vh;overflow:auto}.ui-select-item{font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--sp-2);outline:none;display:flex}.ui-select-item[data-highlighted]{background:var(--accent-soft);color:var(--accent-hover)}.ui-select-item--accent{color:var(--accent-hover);font-weight:var(--fw-bold);border-top:1px solid var(--border);margin-top:var(--sp-1);padding-top:var(--sp-2)}.ui-select-val{align-items:center;gap:var(--sp-2);min-width:0;display:inline-flex}.ui-select-group:not(:first-child){border-top:1px solid var(--border);margin-top:var(--sp-1);padding-top:var(--sp-1)}.ui-select-grouplabel{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;padding:var(--sp-2) var(--sp-3) var(--sp-1)}.ui-select-trigger--full{justify-content:space-between;width:100%;display:flex}.ui-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;transition:opacity var(--transition);background:#6b564852;position:fixed;inset:0}.ui-backdrop[data-starting-style],.ui-backdrop[data-ending-style]{opacity:0}.ui-dialog{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:min(560px,100%);max-height:92vh;box-shadow:var(--shadow-lg);padding:var(--sp-5);z-index:101;transition:transform var(--transition), opacity var(--transition);position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%)}.ui-dialog[data-starting-style],.ui-dialog[data-ending-style]{opacity:0;transform:translate(-50%)translateY(16px)}@media (width>=640px){.ui-dialog{border-radius:var(--radius-lg);top:50%;bottom:auto;transform:translate(-50%,-50%)}.ui-dialog[data-starting-style],.ui-dialog[data-ending-style]{transform:translate(-50%,-46%)}}.ui-drawer{background:var(--bg-raised);border-left:1px solid var(--border);width:min(320px,85%);box-shadow:var(--shadow-lg);padding:var(--sp-5) var(--sp-4);z-index:101;transition:transform var(--transition), opacity var(--transition);position:fixed;top:0;bottom:0;right:0}.ui-drawer[data-starting-style],.ui-drawer[data-ending-style]{opacity:.4;transform:translate(100%)}.drawer-title{margin:0 0 var(--sp-4);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.ui-spinner{color:var(--accent);animation:.8s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-dot{border-radius:999px;flex:none;width:9px;height:9px;display:inline-block}.ui-select-ph{color:var(--text-soft)}.ui-select-trigger .ui-dot{margin-right:2px}.ui-checkfield{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-soft);transition:all var(--transition);-webkit-user-select:none;user-select:none;display:flex}.ui-checkfield--on{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.boot{place-items:center;min-height:100dvh;font-size:48px;display:grid}.login-wrap{min-height:100dvh;padding:var(--sp-4);place-items:center;display:grid}.login-card{text-align:center;width:min(360px,100%)}.login-emoji{font-size:56px}.login-title{margin:var(--sp-2) 0 0;font-size:var(--fs-xl);font-weight:var(--fw-bold)}.login-sub{margin:var(--sp-1) 0 var(--sp-5);color:var(--text-soft)}.login-form{gap:var(--sp-3);display:grid}.login-error{color:var(--c-terracotta);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.app{max-width:640px;min-height:100dvh;margin:0 auto}.app-header{z-index:10;padding:var(--sp-4) var(--sp-4) var(--sp-3);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-brand{font-size:var(--fs-lg);font-weight:var(--fw-bold);align-items:center;gap:var(--sp-2);margin:0;display:flex}.sync{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-soft);transition:color var(--transition);display:inline-flex}.sync--on{color:var(--accent-hover)}.app-header-right{align-items:center;gap:var(--sp-3);display:flex}.icon-btn{width:38px;height:38px;color:var(--text);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-sunken)}.app-main{padding:0 var(--sp-4) var(--sp-7)}.error-note{color:var(--c-terracotta);font-size:var(--fs-sm);text-align:center}.segmented{gap:var(--sp-1);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-pill);margin-bottom:var(--sp-5);padding:3px;display:flex}.seg{min-width:0;padding:var(--sp-2) var(--sp-2);color:var(--text-soft);font-family:var(--font);font-weight:var(--fw-bold);font-size:var(--fs-sm);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.seg svg{flex:none}.seg--on{background:var(--bg-raised);color:var(--accent-hover);box-shadow:var(--shadow-sm)}.quickadd{align-items:center;display:flex;position:relative}.quickadd-icon{left:var(--sp-3);color:var(--text-soft);pointer-events:none;position:absolute}.quickadd .ui-input{background:var(--bg-raised);padding-left:40px}.confetti-piece{pointer-events:none;z-index:200;will-change:transform, opacity;border-radius:2px;width:9px;height:9px;position:fixed}.list{gap:var(--sp-5);display:grid}.cat{gap:var(--sp-2);display:grid}.cat-title{font-size:var(--fs-md);font-weight:var(--fw-bold);align-items:center;gap:var(--sp-2);margin:0;display:flex}.cat-count{font-size:var(--fs-xs);color:var(--text-soft);background:var(--bg-sunken);padding:1px var(--sp-2);border-radius:var(--radius-pill);margin-left:auto}.cat-tasks{gap:var(--sp-2);display:grid}.task-card{align-items:center;gap:var(--sp-3);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);display:flex}.task-card:hover{box-shadow:var(--shadow)}.task-card--overdue{border-left:3px solid #c1443a}.task-card--done{opacity:.6}.task-card--done.task-card--overdue{border-left-color:var(--border)}.task-card--done .task-title{text-decoration:line-through}.task-main{gap:var(--sp-2);text-align:left;cursor:pointer;min-width:0;font-family:var(--font);color:var(--text);background:0 0;border:none;flex:1;padding:0;display:grid}.task-title{font-size:var(--fs-md);font-weight:var(--fw-medium)}.task-cat{align-self:center;align-items:center;gap:var(--sp-1);border-radius:var(--radius-pill);background:var(--bg-sunken);max-width:38%;color:var(--text-soft);font-size:var(--fs-xs);font-weight:var(--fw-bold);flex:none;padding:4px 10px;display:inline-flex}.task-cat>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-meta{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.task-avatar{object-fit:cover;border-radius:50%;width:22px;height:22px}.task-avatar--fallback{background:var(--accent-soft);color:var(--accent-hover);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;place-items:center;display:grid}.empty{text-align:center;color:var(--text-soft);padding:var(--sp-7) 0}.empty-emoji{font-size:48px}.fab{right:max(var(--sp-4), calc(50vw - 320px + var(--sp-4)));bottom:var(--sp-5);width:56px;height:56px;box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;padding:0;font-size:28px;position:fixed}.editor-title{margin:0 0 var(--sp-4);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.editor-fields{gap:var(--sp-4);display:grid}.editor-row{gap:var(--sp-2);display:grid}.editor-row--split{gap:var(--sp-3);grid-template-columns:1fr 1fr}.editor-row--split>div{gap:var(--sp-2);display:grid}.editor-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;display:block}.editor-note{resize:vertical;font-family:var(--font)}.editor-checks{gap:var(--sp-2);display:grid}.editor-actions{justify-content:flex-end;align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);display:flex}.editor-del{margin-right:auto}.confirm-text{color:var(--text-soft);font-size:var(--fs-sm);margin:0;line-height:1.5}.share-link{gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.share-link .ui-input{font-size:var(--fs-sm);font-family:ui-monospace,monospace}.share-warn{align-items:flex-start;gap:var(--sp-2);margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--text-soft);line-height:1.5;display:flex}.drawer-list{gap:var(--sp-1);display:grid}.drawer-item{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3);color:var(--text);font-family:var(--font);font-size:var(--fs-md);font-weight:var(--fw-medium);border-radius:var(--radius);cursor:pointer;text-align:left;transition:background var(--transition);background:0 0;border:none;display:flex}.drawer-item:hover{background:var(--bg-sunken)}.drawer-item--danger{color:var(--c-terracotta)}.saving{left:max(var(--sp-4), calc(50vw - 320px + var(--sp-4)));bottom:var(--sp-5);align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--c-clay);color:var(--c-cream);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);box-shadow:var(--shadow-lg);z-index:90;opacity:0;pointer-events:none;transition:opacity var(--transition), transform var(--transition);display:inline-flex;position:fixed;transform:translateY(8px)scale(.9)}.saving--on{opacity:1;transform:translateY(0)scale(1)}.saving .ui-spinner{color:var(--c-peach)}.undo-bar{left:50%;bottom:calc(var(--sp-5) + 64px);align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);background:var(--c-clay);color:var(--c-cream);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);z-index:120;font-size:var(--fs-sm);font-weight:var(--fw-bold);max-width:calc(100vw - 2 * var(--sp-4));display:flex;position:fixed;transform:translate(-50%)}.undo-btn{align-items:center;gap:var(--sp-1);color:var(--c-cream);border-radius:var(--radius-pill);padding:var(--sp-2) var(--sp-3);font-family:var(--font);font-weight:var(--fw-bold);font-size:var(--fs-sm);cursor:pointer;transition:background var(--transition);background:#ffffff26;border:none;display:inline-flex}.undo-btn:hover{background:#ffffff47}:root{--c-cream:#fdf6f0;--c-cream-deep:#f7ebe1;--c-peach:#e8b4a0;--c-peach-deep:#d99a83;--c-terracotta:#c17767;--c-sage:#a3b18a;--c-sage-deep:#7f9469;--c-honey:#e6b980;--c-clay:#6b5648;--c-clay-soft:#9c8577;--bg:var(--c-cream);--bg-raised:#fffdfb;--bg-sunken:var(--c-cream-deep);--surface:#fff;--border:#ecdcd0;--border-strong:#e0c9ba;--text:var(--c-clay);--text-soft:var(--c-clay-soft);--text-inverse:#fffaf5;--accent:var(--c-peach-deep);--accent-hover:var(--c-terracotta);--accent-soft:#f6e3da;--focus-ring:color-mix(in srgb, var(--c-peach-deep) 55%, transparent);--status-todo:var(--c-clay-soft);--status-progress:var(--c-honey);--status-done:var(--c-sage-deep);--radius-sm:8px;--radius:14px;--radius-lg:22px;--radius-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--shadow-sm:0 1px 2px #6b56480f;--shadow:0 4px 16px #6b564814;--shadow-lg:0 12px 40px #6b564824;--font:"Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:28px;--fw-normal:400;--fw-medium:600;--fw-bold:800;--transition:.16s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--bg:#2a231f;--bg-raised:#322a25;--bg-sunken:#241e1a;--surface:#362e28;--border:#43382f;--border-strong:#52453a;--text:#f3e6da;--text-soft:#c3b0a1;--text-inverse:#2a231f;--accent:var(--c-peach);--accent-hover:var(--c-peach-deep);--accent-soft:#45362e;--shadow-sm:0 1px 2px #00000040;--shadow:0 4px 16px #0000004d;--shadow-lg:0 12px 40px #00000073}}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);font-size:var(--fs-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}