:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f1e8;--bg-accent:#dbe8ff;--panel:#fffcf7db;--panel-strong:#fffaf2;--line:#412f1c24;--text:#20160c;--muted:#6d5b49;--accent:#0d9488;--accent-deep:#0f766e;--danger:#b93825;--shadow:0 24px 70px #20160c1c;--radius-lg:28px;--radius-md:18px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #dbe8ffe6, transparent 34%), radial-gradient(circle at top right, #0d94881f, transparent 25%), linear-gradient(180deg, #fbf7ef 0%, var(--bg) 100%);color:var(--text);font-family:Avenir Next,Segoe UI,Trebuchet MS,sans-serif}button,input{font:inherit}.page-shell{width:min(960px,100% - 32px);margin:0 auto;padding:48px 0 72px}.hero{gap:12px;margin-bottom:24px;display:grid}.hero h1{letter-spacing:-.06em;max-width:12ch;margin:0;font-size:clamp(2.4rem,6vw,4.3rem);line-height:.96}.hero-copy,.support-text{max-width:62ch;color:var(--muted);margin:0;line-height:1.6}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent-deep);margin:0;font-size:.84rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.todo-grid{gap:20px;display:grid}.todo-panel{padding:24px}.setup-banner{background:linear-gradient(135deg,#0d948814,#dbe8ff80)}.setup-banner h2,.todo-panel h2{margin:0 0 12px;font-size:1.1rem}.env-list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.env-list code{background:#20160c0f;border-radius:999px;padding:6px 10px;display:inline-block}.form-row{grid-template-columns:1fr auto;gap:12px;margin-bottom:18px;display:grid}.input{width:100%;color:var(--text);background:#ffffffb8;border:1px solid #20160c1a;border-radius:16px;outline:none;padding:16px 18px}.input:focus{border-color:#0d948899;box-shadow:0 0 0 4px #0d94881f}.btn,.btn-ghost,.icon-btn{cursor:pointer;border:0;transition:transform .12s,opacity .12s,background .12s}.btn:disabled,.btn-ghost:disabled,.icon-btn:disabled,.input:disabled{cursor:not-allowed;opacity:.62}.btn:hover:not(:disabled),.btn-ghost:hover:not(:disabled),.icon-btn:hover:not(:disabled){transform:translateY(-1px)}.btn{background:var(--accent);color:#fff;border-radius:16px;padding:14px 18px;font-weight:700}.btn-ghost{color:var(--text);background:#20160c0f;border-radius:14px;padding:12px 16px}.stack-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{color:var(--muted);background:#20160c0f;border-radius:999px;padding:8px 12px;font-size:.95rem}.error-banner{color:var(--danger);background:#b9382514;border-radius:16px;margin-top:18px;margin-bottom:18px;padding:14px 16px}.todo-list{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.todo-item{background:var(--panel-strong);border:1px solid #20160c14;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 16px;display:grid}.todo-checkbox{width:20px;height:20px;accent-color:var(--accent)}.todo-title{margin:0;font-size:1rem}.todo-title.completed{color:var(--muted);text-decoration:line-through}.todo-meta{color:var(--muted);margin:4px 0 0;font-size:.84rem}.icon-btn{color:var(--danger);background:#b9382514;border-radius:12px;padding:10px 12px}.empty-state{text-align:center;color:var(--muted);background:#fff6;border:1px dashed #20160c24;border-radius:20px;margin-top:18px;padding:28px}@media (max-width:720px){.page-shell{padding-top:32px}.form-row{grid-template-columns:1fr}.todo-item{grid-template-columns:auto 1fr}.todo-actions{grid-column:1/-1;justify-content:flex-end;display:flex}}