:root{--color-bg:#f2f2f7;--color-bg-elevated:#fff;--color-text:#1c1c1e;--color-text-secondary:#6e6e73;--color-border:#3c3c434a;--color-accent:#fde100;--color-accent-text:#000;--color-danger:#ff3b30;--color-success:#34c759;--tabbar-bg:#ffffffd1;--header-bg:#f2f2f7d1;--color-chip-bg:#3c3c431a;--color-chip-text:var(--color-text-secondary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#000;--color-bg-elevated:#1c1c1e;--color-text:#fff;--color-text-secondary:#98989d;--color-border:#545458a6;--color-accent:#fde100;--color-accent-text:#000;--color-danger:#ff453a;--color-success:#30d158;--tabbar-bg:#1c1c1ed1;--header-bg:#000000d1;--color-chip-bg:#ffffff24;--color-chip-text:var(--color-text-secondary)}}:root[data-theme=dark]{--color-bg:#000;--color-bg-elevated:#1c1c1e;--color-text:#fff;--color-text-secondary:#98989d;--color-border:#545458a6;--color-accent:#fde100;--color-accent-text:#000;--color-danger:#ff453a;--color-success:#30d158;--tabbar-bg:#1c1c1ed1;--header-bg:#000000d1;--color-chip-bg:#ffffff24;--color-chip-text:var(--color-text-secondary)}*{box-sizing:border-box}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{height:100%}button,input,textarea,select{font-family:inherit;font-size:16px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-shell--centered{padding:24px 20px calc(24px + env(safe-area-inset-bottom));padding-top:calc(24px + env(safe-area-inset-top));justify-content:center;align-items:center}.app-header{z-index:10;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.app-header h1{text-align:center;margin:0;font-size:20px;font-weight:700}.app-content{padding:16px 16px calc(96px + env(safe-area-inset-bottom));flex:1;width:100%;max-width:640px;margin:0 auto;overflow-y:auto}.tab-bar{z-index:10;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--tabbar-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar button{color:var(--color-text-secondary);background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 8px;display:flex}.tab-bar button.active{color:var(--color-accent)}.tab-bar .tab-icon{width:24px;height:24px}.tab-bar .tab-label{font-size:11px;font-weight:500}.card{background:var(--color-bg-elevated);border-radius:14px;margin-bottom:16px;padding:16px;box-shadow:0 1px 2px #0000000a}.card h2{margin:0 0 12px;font-size:17px;font-weight:600}.field{margin-bottom:12px;display:block}.field-label{color:var(--color-text-secondary);margin-bottom:4px;font-size:13px;display:block}input[type=text],input[type=email],input[type=password],input[type=datetime-local],textarea{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:10px;padding:10px 12px}textarea{resize:vertical;min-height:72px}.checkbox-row{align-items:center;gap:6px;margin:0 12px 8px 0;font-size:15px;display:inline-flex}.checkbox-row input{accent-color:var(--color-accent);width:18px;height:18px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-accent-text)}.btn-secondary{background:var(--color-border);color:var(--color-text)}.btn-danger{color:var(--color-danger);background:0 0}.btn-block{width:100%}.btn-sm{border-radius:10px;padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5}.task-list{margin:0;padding:0;list-style:none}.task-item-wrapper{border-radius:14px;margin-bottom:12px;position:relative;overflow:hidden}.task-item-delete-action{width:88px;display:flex;position:absolute;top:0;bottom:0;right:0}.task-item-delete-action button{background:var(--color-danger);color:#fff;border:none;flex:1;font-size:13px;font-weight:700}.task-item{background:var(--color-bg-elevated);touch-action:pan-y;padding:14px 16px;transition:transform .15s;position:relative;box-shadow:0 1px 2px #0000000a}.task-title{font-size:16px;font-weight:600}.task-meta{color:var(--color-text-secondary);margin:4px 0;font-size:13px}.task-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.task-toolbar{gap:12px;display:flex}.task-toolbar .field{flex:1;margin-bottom:0}.toolbar-select{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:10px;padding:8px 10px;font-size:13px}.group-heading{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;margin:16px 4px 8px;font-size:13px;font-weight:700}.checklist{margin:8px 0;padding:0;list-style:none}.checklist li{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.checklist-done{color:var(--color-text-secondary);text-decoration:line-through}.checklist-add{gap:8px;margin-top:6px;display:flex}.checklist-add input{flex:1}.status-select{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:10px;padding:6px 10px}.alert{color:var(--color-danger);background:#ff3b301f;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.info{color:var(--color-success);background:#34c7591f;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.muted{color:var(--color-text-secondary);font-size:14px}.chip{background:var(--color-chip-bg);min-width:76px;color:var(--color-chip-text);border:none;border-radius:999px;justify-content:center;align-items:center;margin:0 6px 6px 0;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.chip-active{background:var(--color-accent);color:var(--color-accent-text);font-weight:700}.date-chip{background:var(--color-chip-bg);color:var(--color-chip-text);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:3px 9px;font-size:12px;display:inline-flex}.status-badge-select{appearance:none;border:none;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.task-summary{cursor:pointer;text-align:left;width:100%;color:var(--color-text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.task-summary-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.task-summary-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.create-task-toggle{background:var(--color-accent);color:var(--color-accent-text);border-radius:12px;padding:12px 14px}.create-task-toggle .chevron{color:inherit}.task-item--needs-attention{border-left:4px solid var(--color-danger);padding-left:12px}.chevron{width:18px;height:18px;color:var(--color-text-secondary);flex-shrink:0;transition:transform .15s}.chevron-expanded{transform:rotate(90deg)}.task-details{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.section-toggle{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:600;display:flex}.theme-toggle{gap:6px;display:flex}.theme-toggle button{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:10px;flex:1;padding:8px;font-size:13px;font-weight:600}.theme-toggle button.active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}