*{box-sizing:border-box}body{background:var(--page);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.72rem 1rem;font-weight:700;display:inline-flex}button.ghost,.task-actions button{color:var(--text);background:#e2e8f0}label{color:var(--muted);gap:.35rem;font-size:.86rem;font-weight:700;display:grid}input,select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;min-width:0;padding:.75rem}.app{--page:#f8fafc;--panel:#fff;--text:#0f172a;--muted:#64748b;--accent:#2563eb;--primary:#2563eb;min-height:100vh;padding:clamp(1rem,3vw,2.5rem)}.hero{grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:stretch;gap:1rem;display:grid}.hero>div,.composer,.toolbar,.task-group,.kanban-column,.theme-card,.auth-panel{background:var(--panel);border:1px solid color-mix(in srgb,var(--accent),transparent 75%);border-radius:28px;padding:1.25rem;box-shadow:0 18px 45px #0f172a14}.hero h1{margin:.2rem 0;font-size:clamp(2.5rem,8vw,5.5rem);line-height:.9}.hero p{max-width:68ch;color:var(--muted);font-size:1.05rem}.eyebrow,.status-row,.task-meta,.task-actions,.segmented,.toolbar,.auth-actions,.signed-in-pill{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-weight:900}.status-row span{background:color-mix(in srgb,var(--accent),transparent 88%);color:var(--text);border-radius:999px;align-items:center;gap:.3rem;padding:.45rem .65rem;font-weight:800;display:inline-flex}.theme-card{text-align:center;place-items:center;display:grid}.theme-icon{font-size:4rem}.auth-panel{background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--accent),transparent 94%));justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;display:flex}.auth-panel h2{margin:.1rem 0}.auth-panel p{color:var(--muted);margin:.25rem 0}.auth-actions{justify-content:flex-end}.auth-actions span,.signed-in-pill{color:var(--text);background:#e2e8f0;border-radius:999px;padding:.45rem .65rem;font-weight:800}.composer{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:end;gap:.8rem;margin:1rem 0;display:grid}.toolbar{justify-content:space-between;margin-bottom:1rem}.segmented{background:#e2e8f0;border-radius:999px;padding:.25rem}.segmented button{color:var(--muted);background:0 0}.segmented button.active{background:var(--primary);color:#fff}.list-view{gap:1rem;display:grid}.task-group h2,.kanban-column h2{margin-top:0}.task-card{border-left:6px solid var(--accent);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent),transparent 94%));border-radius:22px;gap:.75rem;margin:.75rem 0;padding:1rem;display:grid}.task-card.overdue{border-left-color:#dc2626}.task-card h3{margin:0}.task-card p{color:var(--muted);margin:.25rem 0 0}.category-pill,.priority{border:1px solid #cbd5e1;border-radius:999px;padding:.25rem .5rem;font-weight:800}.priority-high{color:#b91c1c}.priority-low{color:#047857}.task-actions{justify-content:space-between}.task-actions label{grid-auto-flow:column;align-items:center}.board-view{grid-template-columns:repeat(5,minmax(180px,1fr));gap:.75rem;padding-bottom:1rem;display:grid;overflow-x:auto}.board-note{background:color-mix(in srgb,var(--accent),transparent 88%);color:var(--text);border-radius:18px;grid-column:1/-1;padding:.7rem .9rem;font-weight:800}.kanban-column{border-radius:22px;min-width:180px;padding:.85rem}.compact-board .kanban-column h2{margin-bottom:.4rem;font-size:1rem}.compact-board .task-card{border-radius:16px;gap:.45rem;margin:.5rem 0;padding:.7rem}.compact-board .task-card h3{font-size:.95rem}.compact-board .task-card p{display:none}.compact-board .task-meta{gap:.35rem;font-size:.78rem}.compact-board .task-actions{grid-template-columns:1fr;gap:.35rem;display:grid}.compact-board .task-actions button{justify-content:center;padding:.5rem}.compact-board .task-actions label{grid-auto-flow:row}.compact-board .task-actions select{border-radius:10px;padding:.5rem}.empty{color:var(--muted);align-items:center;gap:.4rem;font-weight:700;display:flex}.theme-cat .task-card{background:linear-gradient(135deg,#fffaf0,#ffe4e6)}.theme-cat .hero h1:after{content:" 🐈";font-size:.5em}@media (width<=850px){.hero,.composer,.auth-panel{grid-template-columns:1fr;display:grid}.toolbar{align-items:stretch}.board-view{grid-template-columns:1fr;overflow:visible}.task-actions{align-items:stretch}.task-actions label,.task-actions select,.toolbar label,.toolbar select{width:100%}.auth-actions{justify-content:flex-start}}