:root{--bg-gradient:radial-gradient(circle at 50% 30%, oklch(24% .04 255) 0%, oklch(17% .025 255) 55%, oklch(12% .02 260) 100%);--surface:oklch(22% .035 255);--input-bg:oklch(13% .025 255);--border:oklch(40% .05 250);--border-strong:oklch(50% .05 250);--text-primary:oklch(92% .015 250);--text-muted:oklch(65% .03 250);--text-dim:oklch(55% .03 250);--accent-gold:oklch(78% .15 85);--accent-gold-hover:oklch(85% .15 88);--accent-gradient:linear-gradient(180deg, oklch(85% .14 90), oklch(75% .16 82));--accent-text:oklch(18% .02 255);--danger:oklch(72% .19 20);--danger-hover:oklch(68% .19 20);--danger-bg:oklch(62% .19 20/.12);--danger-border:oklch(62% .19 20/.3);--radius-sm:6px;--radius-lg:8px}*{box-sizing:border-box}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-primary);background-attachment:fixed;margin:0;font-family:Inter,system-ui,sans-serif}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:380px;max-width:100%;padding:32px;display:flex;box-shadow:0 20px 50px -20px oklch(10% .02 260/.6)}.auth-card h1{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.field{flex-direction:column;gap:6px;display:flex}.field label{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);font-size:12px;font-weight:600}.todos-page{min-height:100vh}.todos-header{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px -16px oklch(10% .02 260/.7)}.todos-header h1{color:var(--text-primary);margin:0;font-size:17px;font-weight:600}.todos-header .subtitle{color:var(--text-dim);margin:0;font-family:JetBrains Mono,monospace;font-size:11px}.todos-header-title{align-items:baseline;gap:10px;display:flex}.todos-content{max-width:640px;margin:0 auto;padding:24px 24px 40px}.empty-state{text-align:center;color:var(--text-dim);padding:32px 0 28px;font-size:13px}form{flex-direction:column;gap:.5rem;display:flex}.todo-form{flex-direction:row;gap:8px;margin-bottom:8px}.todo-form input[type=text]{flex:1}input[type=text],input[type=email],input[type=password]{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px 12px;font-family:inherit;font-size:14px}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--accent-gold);outline:none}input[type=checkbox]{accent-color:var(--accent-gold);width:16px;height:16px}button{cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--accent-gradient);color:var(--accent-text);border-radius:var(--radius-sm);padding:11px;font-size:14px;font-weight:600}.btn-primary:hover{background:var(--accent-gold-hover)}.btn-secondary{color:oklch(80% .02 250);border-radius:var(--radius-sm);background:oklch(27% .04 250);border:1px solid oklch(44% .05 250);padding:7px 12px;font-size:12px;font-weight:600}.btn-secondary:hover{border-color:var(--border-strong)}.btn-ghost{color:var(--accent-gold);background:0 0;padding:0;font-size:13px}.btn-ghost:hover{color:var(--accent-gold-hover)}.btn-ghost-danger{color:oklch(50% .02 300);background:0 0;padding:0;font-size:12px;font-weight:600}.btn-ghost-danger:hover{color:var(--danger-hover)}[role=alert]{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-sm);margin:0;padding:8px 10px;font-size:13px}.todos-content [role=alert]{background:0 0;border:none;padding:0}ul{margin:0;padding:0;list-style:none}li{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;display:flex}li:hover{background:oklch(28% .03 300/.5)}li label{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;display:flex}li label span.done{color:var(--text-dim);text-decoration:line-through}