*{box-sizing:border-box}body{color:#f8fafc;background:radial-gradient(circle at 0 0,#7c3aed47,#0000 35%),radial-gradient(circle at 100% 0,#0ea5e940,#0000 35%),linear-gradient(135deg,#020617 0%,#0f172a 45%,#111827 100%);min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100%;min-height:100vh;padding:40px 18px}section,main,.app,.container,.todo-container,.todos-container{max-width:920px;margin:0 auto}h1,h2{text-align:center;letter-spacing:-.04em}h1{background:linear-gradient(90deg,#f8fafc,#c4b5fd,#38bdf8);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(2.4rem,6vw,4.5rem)}h2{color:#cbd5e1;font-weight:500}form,.todo-list,ul,.card,.todos,.todo-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #94a3b838;border-radius:28px;box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff14}form{gap:12px;margin:24px auto;padding:18px;display:flex}input,select,textarea{color:#f8fafc;background:#0f172ae6;border:1px solid #94a3b859;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-size:1rem;transition:all .2s}input::placeholder{color:#94a3b8}input:focus,select:focus,textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf82e}button,a{transition:all .2s}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#2563eb);border:0;border-radius:16px;padding:12px 18px;font-weight:700;box-shadow:0 12px 30px #2563eb59}button:hover{transform:translateY(-2px);box-shadow:0 18px 40px #2563eb73}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}nav{flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0;display:flex}nav a,a{color:#e0f2fe;border-radius:999px;padding:10px 14px;text-decoration:none}nav a:hover,a:hover{background:#38bdf824}ul{padding:18px;list-style:none}li{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid #94a3b82e;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:16px;display:flex}li:hover{border-color:#38bdf873;transform:translateY(-1px)}label{color:#cbd5e1;font-weight:600}p{color:#cbd5e1}.error,[role=alert]{color:#fecaca;background:#7f1d1d59;border:1px solid #f8717159;border-radius:16px;max-width:920px;margin:12px auto;padding:12px 16px}@media (width<=640px){#root{padding:24px 12px}form,li{flex-direction:column;align-items:stretch}button{width:100%}ul{padding:12px}}