:root{--text:#d8ded7;--text-strong:#f7fbf6;--muted:#9da89e;--bg:#090d0b;--surface:#101612;--soft-surface:#17211b;--card:#121a15;--input-bg:#0b110e;--border:#263329;--accent:#8ee3a1;--focus-ring:#8ee3a133;--danger:#ffb1a7;--danger-bg:#ff79671f;--danger-border:#ffb1a73d;--shadow:#0000006b 0 24px 70px;--sans:Inter, ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--heading:Inter, ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{min-height:100svh}body{background:linear-gradient(180deg, #152119e0, #090d0bf5), var(--bg);min-width:320px;margin:0}h1,h2,p{margin:0}h1,h2{font-family:var(--heading);color:var(--text-strong);letter-spacing:0;line-height:1.05}h1{max-width:760px;font-size:clamp(2.1rem,6vw,4.5rem);font-weight:800}h2{font-size:1.2rem;font-weight:750}a{color:inherit}::selection{background:var(--accent);color:#04110c}.app-shell{min-height:100svh;padding:40px 20px}.app-panel{width:min(1100px,100%);margin:0 auto}.auth-view,.task-view{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.auth-view{width:min(460px,100%);margin:8svh auto 0;padding:40px}.task-view{padding:32px}.task-header,.form-actions,.task-card-footer,.task-actions,.stats-row{align-items:center;display:flex}.task-header{justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:700}.lede{color:var(--muted);max-width:680px}.auth-form,.task-form,.edit-form,.field{gap:12px;display:grid}.auth-form,.task-form{margin-top:28px}.task-form{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end;margin-bottom:20px}.field span{color:var(--muted);font-size:13px;font-weight:700}input,textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);font:inherit;letter-spacing:0;border-radius:8px;outline:none;padding:13px 14px;transition:border-color .16s,box-shadow .16s,background .16s}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}button,.file-picker{cursor:pointer;font:inherit;letter-spacing:0;border:1px solid #0000;border-radius:8px;min-height:44px;padding:0 18px;font-weight:700;transition:border-color .16s,background .16s,color .16s,transform .16s}button:hover,.file-picker:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.7;transform:none}.primary-button{background:var(--accent);color:#04110c}.secondary-button,.text-button,.file-picker{background:var(--soft-surface);border-color:var(--border);color:var(--text)}.danger-button{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.text-button{width:100%;margin-top:14px}.compact{min-height:36px;padding:0 12px}.file-picker{align-items:center;max-width:260px;display:inline-flex;overflow:hidden}.file-picker input{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.file-picker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-actions{justify-content:space-between;align-self:stretch;gap:12px}.status-message,.loading-state,.empty-state{color:var(--muted)}.status-message{margin-top:14px}.loading-state,.empty-state{text-align:center;padding:24px 0}.stats-row{gap:12px;margin-bottom:22px}.stats-row div{background:var(--soft-surface);border:1px solid var(--border);border-radius:8px;min-width:132px;padding:16px}.stats-row span{color:var(--text-strong);font-size:28px;font-weight:800;display:block}.stats-row p{color:var(--muted);font-size:14px}.task-list{gap:14px;display:grid}.task-card{background:var(--card);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:18px;display:grid}.task-image{aspect-ratio:1;object-fit:cover;border-radius:8px;width:96px}.task-content,.edit-form{min-width:0}.task-content h2{margin-bottom:8px}.task-card-footer{grid-column:1/-1;justify-content:space-between;gap:12px}.task-card-footer time{color:var(--muted);font-size:13px}.task-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}@media (width<=760px){.app-shell{padding:16px}.auth-view,.task-view{padding:24px}.task-header,.task-form,.task-card{grid-template-columns:1fr;display:grid}.form-actions,.task-card-footer,.stats-row{flex-direction:column;align-items:stretch}.task-actions{justify-content:stretch}.task-actions button,.secondary-button,.primary-button{width:100%}.file-picker{justify-content:center;max-width:none}}