:root{--background:#0f172a;--foreground:#f8fafc;--card:#1e293b;--muted-foreground:#94a3b8;--primary:#7dd3fc;--primary-foreground:#0f172a;--destructive:#f87171;--border:#334155;--radius:.75rem;--font-sans:"Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Sora", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--background);color:var(--foreground);margin:0}h1{font-family:var(--font-display)}button{font:inherit}.page{min-height:100vh;padding:2rem 1rem}.shell{width:100%;max-width:28rem;margin:0 auto}.title{letter-spacing:-.02em;margin:0;font-size:1.875rem;font-weight:600}.form{align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.input{min-width:0;height:3rem;font:inherit;color:var(--foreground);background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);outline:none;flex:1;padding:0 1rem;font-size:1rem}.input::placeholder{color:var(--muted-foreground)}.input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 40%, transparent)}.add{width:3rem;height:3rem;color:var(--primary-foreground);background-color:var(--primary);border-radius:var(--radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.add:disabled{opacity:.5;cursor:default}.list{flex-direction:column;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.empty{text-align:center;color:var(--muted-foreground);padding:2.5rem 0;font-size:.875rem}.error{color:var(--destructive);background-color:color-mix(in srgb, var(--destructive) 12%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 35%, transparent);border-radius:var(--radius);align-items:center;gap:.5rem;margin:1rem 0 0;padding:.75rem 1rem;font-size:.875rem;display:flex}.error-close{width:1.5rem;height:1.5rem;color:var(--destructive);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.error-close:hover{background-color:color-mix(in srgb, var(--destructive) 15%, transparent)}.item{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.75rem;display:flex}.check{width:1.25rem;height:1.25rem;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.label{cursor:pointer;overflow-wrap:anywhere;flex:1;min-width:0;font-size:.9375rem;line-height:1.6}.label.done{color:var(--muted-foreground);text-decoration:line-through}.delete{width:2.25rem;height:2.25rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.delete:hover{color:var(--destructive);background-color:color-mix(in srgb, var(--destructive) 12%, transparent)}@media (width>=640px){.page{padding:3rem 1rem}.title{font-size:2.25rem}.item{gap:1rem;padding:1rem}.label{font-size:1rem}}