:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-top:#fff4d8;--bg-bottom:#f5efe3;--paper:#fffcf6e0;--paper-strong:#fff9ef;--ink:#1e1a14;--muted:#64594c;--line:#1e1a141f;--accent:#d96f32;--accent-strong:#bf5422;--success:#215e4c;--danger:#9e3f30;background:radial-gradient(circle at top left, #ffc96066, transparent 28%), radial-gradient(circle at top right, #d47a452e, transparent 24%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);color:var(--ink);font-family:Space Grotesk,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}code{font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.92em}#root{min-height:100vh}.app-shell{gap:1.5rem;width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:2rem;display:grid}.hero-card,.panel{border:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;box-shadow:0 26px 70px #59401f1f}.hero-card{grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:1.5rem;padding:2.1rem;display:grid}.hero-copy{gap:.9rem;display:grid}.surface-badge-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.surface-badge,.dependency-service{min-height:2rem;color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;background:#d96f321f;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.surface-note,.dependency-copy,.dependency-meta{color:var(--muted)}.eyebrow,.panel-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-strong);margin:0;font-size:.78rem}h1,h2,h3,p{margin:0}h1{letter-spacing:-.05em;font-size:clamp(2.8rem,7vw,5rem);line-height:.92}.body-copy{max-width:50rem;color:var(--muted);font-size:1.05rem;line-height:1.65}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.8rem;display:grid}.stat-chip{background:linear-gradient(#fff8edf2,#f8ead3e6);border:1px solid #d96f322e;border-radius:20px;gap:.35rem;padding:1rem;display:grid}.stat-chip strong{font-size:clamp(1.7rem,4vw,2.2rem)}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.workspace-grid{grid-template-columns:minmax(320px,390px) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.panel{gap:1.25rem;padding:1.5rem;display:grid}.panel-accent{background:linear-gradient(180deg, #fffbf4f0, #fff6e7eb), var(--paper)}.panel-header,.todo-section-header,.status-strip{justify-content:space-between;align-items:start;gap:1rem;display:flex}.panel-header h2{font-size:1.55rem;line-height:1}.section-hint,.status-strip,.todo-section-header p,.section-empty,.todo-meta,.empty-state p,.loading-state p,.alert-banner p,.field-label{color:var(--muted)}.create-form{gap:.75rem;display:grid}.dependency-card{background:#ffffff85;border:1px solid #1e1a1414;border-radius:22px;gap:.85rem;padding:1rem;display:grid}.dependency-header,.dependency-meta{justify-content:space-between;align-items:start;gap:1rem;display:flex}.field-label{font-size:.88rem}.field-row{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;display:grid}.title-input{background:#ffffffd1;border:1px solid #1e1a1424;border-radius:18px;width:100%;min-height:3.25rem;padding:.95rem 1rem;transition:border-color .16s,transform .16s,box-shadow .16s}.title-input:focus{border-color:#d96f3299;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #d96f321f}.primary-button,.ghost-button,.danger-button{border:none;border-radius:999px;padding:.82rem 1.15rem;font-weight:600;transition:transform .16s,opacity .16s,background-color .16s}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.title-input:disabled,.todo-toggle:disabled{cursor:not-allowed;opacity:.65}.primary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.danger-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff}.ghost-button{color:var(--ink);background:#ffffffb8;border:1px solid #1e1a141a}.danger-button{color:var(--danger);background:#9e3f301f}.form-error{color:var(--danger);font-weight:500}.status-strip{border-top:1px solid #1e1a1414;padding-top:1rem;font-size:.88rem}.alert-banner{background:#9e3f3014;border:1px solid #9e3f302e;border-radius:22px;justify-content:space-between;align-items:start;gap:1rem;padding:1rem;display:flex}.alert-banner-warning{background:#d96f3214;border-color:#d96f322e}.alert-banner strong{margin-bottom:.35rem;display:block}.loading-state,.empty-state{text-align:center;background:#ffffff8c;border:1px dashed #1e1a141f;border-radius:24px;align-content:center;place-items:center;gap:.8rem;min-height:280px;display:grid}.spinner{border:4px solid #d96f3224;border-top-color:var(--accent);border-radius:999px;width:2.2rem;height:2.2rem;animation:1s linear infinite spin}.todo-sections{gap:1.25rem;display:grid}.todo-section{background:#ffffff85;border:1px solid #1e1a1414;border-radius:24px;gap:.95rem;padding:1rem;display:grid}.todo-section-header h3{font-size:1.2rem}.section-count{min-width:2.3rem;min-height:2.3rem;color:var(--accent-strong);background:#d96f321c;border-radius:999px;place-items:center;font-weight:700;display:inline-grid}.todo-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.todo-card{background:var(--paper-strong);border:1px solid #1e1a1414;border-radius:22px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.todo-card-complete{background:#eef7f0e6;border-color:#215e4c24}.todo-main{flex:1;align-items:center;gap:.9rem;min-width:0;display:flex}.todo-toggle{width:1.15rem;height:1.15rem;accent-color:var(--success);flex:none}.todo-title{word-break:break-word;font-size:1rem;line-height:1.4}.todo-card-complete .todo-title{color:var(--muted);text-decoration:line-through}.todo-meta{margin-top:.28rem;font-size:.82rem}.todo-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:.65rem;display:flex}.todo-status{color:var(--muted);font-size:.82rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=920px){.hero-card,.workspace-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding:1rem}.hero-card,.panel{border-radius:24px;padding:1.15rem}.hero-stats,.field-row{grid-template-columns:1fr}.panel-header,.todo-section-header,.status-strip,.todo-card,.alert-banner,.dependency-header,.dependency-meta,.surface-badge-row{flex-direction:column}.todo-actions{justify-content:space-between;width:100%}}