:root{color-scheme:light;--bg: #eef5fb;--panel: #ffffff;--ink: #0e2b4d;--muted: #5b6b7f;--accent: #1f6fe5;--accent-2: #0f4aa6;--accent-soft: #e7f1ff;--shadow: 0 20px 60px rgba(31, 31, 36, .12);--radius: 18px;font-family:Sora,Space Grotesk,IBM Plex Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#ffffff,var(--bg) 55%),radial-gradient(circle at 90% 10%,#e6f0ff,transparent 45%);color:var(--ink)}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.app-header{display:flex;align-items:center;justify-content:space-between;padding:32px 48px;gap:16px}.brand{display:flex;gap:16px;align-items:center}.logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-size:20px}.title{font-size:24px;font-weight:700}.subtitle{color:var(--muted);font-size:14px}.nav a{text-decoration:none;color:var(--accent-2);font-weight:600}.nav a.active{background:var(--accent-soft);color:var(--accent-2);border-radius:999px;padding:6px 12px}.nav-auth{display:flex;gap:12px;align-items:center}.nav-user{font-weight:600;color:var(--ink)}.nav-auth button{border:1px solid #d9e6f5;background:#fff;padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:600;color:var(--accent-2)}.app-main{padding:0 48px 64px;display:flex;justify-content:center}.panel{width:min(960px,100%);background:var(--panel);padding:32px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e3ecf7;max-height:74vh;display:grid;grid-template-rows:auto auto 1fr}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.panel-header h1{margin:0 0 6px;font-size:28px}.panel-header p{margin:0;color:var(--muted)}.filters{display:flex;gap:8px}.filters button{border:1px solid #d9e6f5;background:#fff;padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:600}.filters button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.todo-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:24px}.todo-form input{padding:12px 16px;border-radius:12px;border:1px solid #d9e6f5;font-size:16px}.todo-form button{background:linear-gradient(135deg,var(--accent),#2f86ff);color:#fff;border:none;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}.todo-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.todo-list-wrap{overflow:auto;padding-right:6px}.todo-list li{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px;border-radius:14px;border:1px solid #e2ecf7;background:#f8fbff;position:relative}.todo-list li.done{opacity:.7}.todo-status-select{min-width:140px;padding:8px 10px;border-radius:12px;border:1px solid #d9e6f5;background:#fff;font-weight:600;color:var(--ink)}.todo-content{display:grid;gap:4px}.todo-title{font-weight:600}.todo-status{font-size:12px;font-weight:600;color:var(--accent-2)}.todo-meta{font-size:12px;color:var(--muted)}.status-box{width:36px;height:36px;border-radius:10px;border:1px solid #d9e6f5;background:#fff;font-size:16px;font-weight:700;cursor:pointer;color:var(--accent-2)}.status-box.completed{background:var(--accent-soft)}.status-box.backlog{cursor:not-allowed;color:#9aa7b7}.todo-actions{display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .15s ease}.todo-actions button{border:1px solid #d9e6f5;background:#fff;border-radius:10px;width:32px;height:32px;cursor:pointer;font-weight:700;color:var(--accent-2)}.todo-list li:hover .todo-actions{opacity:1;pointer-events:auto}.empty{padding:24px;border-radius:14px;background:#f1f6fd;color:var(--muted);text-align:center;margin-bottom:12px}.empty.error{color:#b00020}.auth-panel{width:min(560px,100%)}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:8px;font-weight:600;color:var(--muted)}.auth-form input{padding:12px 16px;border-radius:12px;border:1px solid #d9e6f5;font-size:16px;color:var(--ink)}.auth-form button{background:linear-gradient(135deg,var(--accent),#2f86ff);color:#fff;border:none;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}.form-footer{margin-top:16px;color:var(--muted);font-weight:600}.form-footer a{color:var(--accent-2);text-decoration:none}.form-error{padding:10px 14px;background:#ffecec;border:1px solid #ffd4d4;border-radius:12px;color:#b00020;font-weight:600}@media (max-width: 760px){.app-header{padding:24px;flex-direction:column;align-items:flex-start;gap:16px}.app-main{padding:0 24px 48px}.nav-auth{flex-wrap:wrap}.panel-header{flex-direction:column;align-items:flex-start}.todo-form,.todo-list li{grid-template-columns:1fr}}@media (max-width: 520px){.app-header{padding:20px}.title{font-size:20px}.panel{padding:20px;border-radius:16px;max-height:none;grid-template-rows:auto auto auto}.todo-list-wrap{max-height:60vh}.panel-header h1{font-size:22px}.filters{width:100%;flex-wrap:wrap}.filters button{flex:1 1 auto}.todo-form input,.todo-form button{width:100%}.todo-list li{padding:14px}}