:root{--accent: #c2410c;--accent-strong: #9a3412;--accent-soft: #ffedd5;--accent-border: #fed7aa;--accent-text: #7c2d12;--page-start: #fff7ed;--page-mid: #fffaf5;color:#1f2933;background:var(--page-start);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-width:320px;background:linear-gradient(180deg,var(--page-start) 0%,var(--page-mid) 42%,#f7f7f5 100%);min-height:100vh;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-header{align-items:center;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--accent-border);display:flex;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) clamp(16px,5vw,48px) 16px;position:sticky;top:0;z-index:10}.brand{align-items:center;display:inline-flex;text-decoration:none}.brand img{display:block;height:42px;object-fit:contain;width:auto}.header-actions{align-items:center;display:flex;gap:10px}.icon-link,.icon-button,.small-button,.drag-handle{align-items:center;background:transparent;border:1px solid #d8d8d2;border-radius:8px;color:#374151;display:inline-flex;gap:6px;min-height:36px;padding:7px 10px;text-decoration:none}.icon-button,.drag-handle{aspect-ratio:1;justify-content:center;padding:0;width:36px}.page-shell{margin:0 auto;max-width:820px;padding:28px max(16px,env(safe-area-inset-right)) calc(64px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.page-shell.narrow{max-width:560px}h1{font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:0;margin:28px 0 18px}h2{color:#52606d;font-size:.95rem;letter-spacing:0;margin:22px 0 8px}label{color:#3e4c59;display:grid;font-size:.9rem;font-weight:600;gap:7px}input,select,textarea{background:#fff;border:1px solid #cfcfca;border-radius:8px;color:#1f2933;font-size:16px;padding:10px 12px;width:100%}textarea{resize:vertical}.sr-only{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.auth-page,.centered-page{display:grid;min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));place-items:center}.auth-panel,.settings-form,.task-form{background:#fff;border:1px solid #deded8;border-radius:8px;display:grid;gap:16px;padding:22px;width:min(100%,440px)}.auth-logo{display:block;height:auto;justify-self:center;max-width:260px;width:min(72vw,260px)}.settings-form,.task-form{width:100%}.accent-settings{margin-bottom:16px}.accent-settings h2{margin:0}.accent-grid{display:flex;flex-wrap:wrap;gap:10px}.accent-option{align-items:center;background:#fff;border:1px solid #d8d8d2;border-radius:8px;color:#29343d;display:flex;font-weight:650;height:42px;justify-content:center;padding:0;width:42px}.accent-option[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-text)}.accent-swatch{border:1px solid;border-radius:999px;height:24px;width:24px}.create-toggle,.primary-button,.secondary-button,.danger-button{border-radius:8px;min-height:42px;padding:10px 14px}.create-toggle,.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff}.create-toggle{width:100%}.secondary-button{background:#fff;border:1px solid #cfcfca;color:#29343d}.danger-button{background:#b91c1c;border:1px solid #b91c1c;color:#fff}.button-row{display:flex;flex-wrap:wrap;gap:10px}.danger-zone{border-color:#fecaca;gap:12px;margin-top:18px}.danger-toggle{align-items:center;background:transparent;border:0;color:#991b1b;display:flex;font-weight:750;justify-content:space-between;min-height:34px;padding:0;text-align:left;width:100%}.danger-toggle span:last-child{color:#6b7280;font-size:.86rem;font-weight:650}.delete-account-form{display:grid;gap:14px}.auth-links,.legal-links{display:flex;flex-wrap:wrap;gap:14px;margin:0}.legal-page{min-height:100vh;padding:calc(28px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(64px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.legal-panel{background:#fff;border:1px solid #deded8;border-radius:8px;display:grid;gap:14px;line-height:1.55;margin:0 auto;max-width:760px;padding:24px}.legal-brand{justify-self:start}.legal-panel h1{margin-bottom:0}.legal-panel h2{margin:10px 0 0}.legal-panel p{margin:0}.category-select{position:relative}.category-select-trigger{align-items:center;background:#fff;border:1px solid #cfcfca;border-radius:8px;color:#1f2933;display:flex;justify-content:space-between;min-height:44px;padding:10px 12px;width:100%}.category-select-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.category-select-trigger span,.category-select-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-select-menu{background:#fff;border:1px solid var(--accent-border);border-radius:8px;box-shadow:0 18px 45px #1f293324;display:grid;gap:4px;left:0;max-height:240px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.category-select-option{align-items:center;background:transparent;border:0;border-radius:6px;color:#29343d;display:flex;gap:10px;justify-content:space-between;min-height:38px;padding:8px 10px;text-align:left}.category-select-option:hover,.category-select-option[aria-selected=true]{background:var(--accent-soft);color:var(--accent-text)}.category-select-new{border-top:1px solid #eeeeea;border-radius:0 0 6px 6px;margin-top:4px}.recurrence-fields{border:1px solid #eeeeea;border-radius:8px;display:grid;gap:12px;margin:0;padding:12px}.checkbox-label,.radio-card{align-items:center;display:flex;gap:10px}.checkbox-label{color:#29343d;font-weight:700}.checkbox-label input,.radio-card input{accent-color:var(--accent);width:auto}.recurrence-options{display:grid;gap:12px}.recurrence-choice-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.radio-card{background:#fff;border:1px solid #d8d8d2;border-radius:8px;color:#3e4c59;font-size:.88rem;min-height:40px;padding:8px 10px}.radio-card:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.weekday-picker{display:grid;gap:6px;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday-button{background:#fff;border:1px solid #d8d8d2;border-radius:8px;color:#29343d;font-weight:750;min-height:38px;padding:0}.weekday-button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.recurrence-summary{color:var(--accent-text);font-size:.88rem;font-weight:700}.category-bubbles{display:flex;gap:10px;margin:22px 0 18px;overflow-x:auto;padding:2px 0 8px}.category-bubble{background:#fff;border:1px solid var(--accent-border);border-radius:999px;color:var(--accent-text);flex:0 0 auto;font-weight:650;max-width:210px;min-height:38px;overflow:hidden;padding:8px 14px;touch-action:none;text-overflow:ellipsis;white-space:nowrap}.category-bubble[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.category-bubble-top{background:var(--accent);border-color:var(--accent);color:#fff}.category-bubble-top[aria-pressed=true]{background:var(--accent-strong);border-color:var(--accent-strong)}.category-bubble-plus{align-items:center;display:inline-flex;font-size:1.25rem;justify-content:center;min-width:42px;padding:8px 12px}.category-create-inline{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px}.category-create-inline input{min-height:38px;width:min(56vw,220px)}.task-view-panel{background:#ffffffd1;border:1px solid var(--accent-border);border-radius:8px;box-shadow:0 18px 45px color-mix(in srgb,var(--accent) 8%,transparent);margin-top:18px;padding:18px}.task-view-header{border-bottom:1px solid var(--accent-soft);margin-bottom:16px;padding-bottom:10px}.task-view-header h1{margin:0}.category-title-row,.category-title-edit{align-items:center;display:flex;gap:10px}.category-title-row h1{overflow-wrap:anywhere}.category-title-edit{flex-wrap:wrap}.category-title-edit input{flex:1 1 240px;min-width:0}.category-management-row{display:grid;gap:8px;margin-top:12px}.category-management-row .muted{font-size:.88rem;margin:0}.priority-list,.task-list{display:grid;gap:12px}.priority-group h2{margin:8px 0 6px}.priority-group:first-child h2{margin-top:0}.task-card{background:#fff;border:1px solid #f1e3d5;border-radius:8px;padding:14px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.task-card-completing{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e2e;transform:scale(.99)}.task-card-top{align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto}.task-title-button{background:transparent;border:0;color:#1f2933;font-weight:650;overflow-wrap:anywhere;padding:6px 0;text-align:left}.task-actions{align-items:center;display:flex;gap:8px}.task-icon-action{align-items:center;background:#fff;border:1px solid #d8d8d2;border-radius:8px;color:#52606d;display:inline-flex;height:36px;justify-content:center;padding:0;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;width:36px}.complete-action:hover,.complete-action-done{background:#dcfce7;border-color:#22c55e;color:#15803d}.complete-action-done{animation:complete-pop .42s ease}.delete-action:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.delete-confirm{align-items:center;display:inline-flex;gap:6px}.confirm-delete-button,.cancel-delete-button{border-radius:8px;font-size:.82rem;font-weight:700;min-height:36px;padding:0 10px}.confirm-delete-button{background:#b91c1c;border:1px solid #b91c1c;color:#fff}.cancel-delete-button{background:#fff;border:1px solid #d8d8d2;color:#52606d}@keyframes complete-pop{0%{transform:scale(1)}45%{transform:scale(1.16)}to{transform:scale(1)}}.task-details,.edit-form{border-top:1px solid #eeeeea;display:grid;gap:12px;margin-top:12px;padding-top:12px}.task-details p{color:#52606d;line-height:1.5;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.completed-section{border-top:1px solid #deded8;margin-top:30px;padding-top:18px}.completed-toggle{background:transparent;border:0;color:#52606d;font-weight:650;padding:8px 0}.completed-list{margin-top:10px}.completed-card{opacity:.8}.empty-state,.muted{color:#6b7280}.error{color:#b42318;margin:0}.success{color:#287a3e;margin:0}.back-link{color:#52606d;text-decoration:none}.drag-placeholder{color:#a3a39d}@media(max-width:560px){.app-header{padding:calc(12px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left))}.brand img{height:36px}.header-actions{gap:8px}.icon-link,.icon-button,.small-button,.drag-handle,.task-icon-action{min-height:44px;width:44px}.icon-link span{display:none}.page-shell{max-width:none;padding:14px max(12px,env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.page-shell.narrow{max-width:none}h1{font-size:1.45rem}.auth-page{align-content:stretch;place-items:stretch}.auth-panel,.settings-form,.task-form,.legal-panel{padding:18px}.auth-logo{max-width:220px}.create-toggle{min-height:48px}.category-bubbles{margin:16px -12px 14px;padding:3px 12px 9px;scroll-padding-inline:12px}.category-bubble{max-width:185px;min-height:42px}.task-view-panel{border-radius:8px;box-shadow:none;margin-left:-4px;margin-right:-4px;margin-top:12px;padding:14px}.task-view-header{margin-bottom:12px}.category-title-row{align-items:flex-start}.category-title-row h1{flex:1;line-height:1.2;padding-top:7px}.category-title-edit{display:grid;grid-template-columns:1fr auto auto}.category-title-edit input{flex:none}.button-row{display:grid;grid-template-columns:1fr 1fr}.task-card-top{grid-template-columns:1fr}.task-actions{justify-content:flex-end}.task-title-button{min-height:44px}.delete-confirm{flex:1}.confirm-delete-button,.cancel-delete-button{flex:1;min-height:44px}}