.auth-container{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-form{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:1rem;width:100%;max-width:400px;padding:2.5rem;display:flex}.auth-form h1{color:var(--text-primary);letter-spacing:-.05em;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.auth-form input{background:var(--bg);border:1px solid var(--border-input);color:var(--text-primary);border-radius:4px;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s}.auth-form input::placeholder{color:var(--text-faint)}.auth-form input:focus{border-color:var(--accent)}.auth-form button[type=submit]{background:var(--accent);color:var(--accent-fg);cursor:pointer;border:none;border-radius:4px;margin-top:.25rem;padding:.9rem;font-family:inherit;font-size:1rem;font-weight:700;transition:opacity .15s,transform .1s}.auth-form button[type=submit]:hover:not(:disabled){opacity:.88}.auth-form button[type=submit]:active:not(:disabled){transform:scale(.98)}.auth-form button[type=submit]:disabled{opacity:.3;cursor:not-allowed}.auth-error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:4px;padding:.625rem .875rem;font-size:.875rem}.auth-form a{text-align:center;color:var(--text-faint);font-size:.875rem;text-decoration:none;transition:color .15s}.auth-form a:hover{color:var(--accent)}.auth-form label{color:var(--text-muted);letter-spacing:.02em;margin-bottom:-.25rem;font-size:.8125rem;font-weight:600}@media (width<=480px){.auth-form{border-left:none;border-right:none;border-radius:0;max-width:100%;padding:1.75rem 1.25rem}.auth-form h1{font-size:1.5rem}.auth-form input,.auth-form button[type=submit]{padding:1rem;font-size:1rem}}*{box-sizing:border-box}.todos-container{max-width:660px;margin:0 auto;padding:3rem 1.25rem}.todos-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.todos-header h1{letter-spacing:-.05em;color:var(--text-primary);font-size:2rem;font-weight:800}.todos-header-right{align-items:center;gap:.875rem;display:flex}.todos-user{color:var(--text-faint);font-size:.8125rem}.theme-toggle-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:.4375rem .625rem;font-size:1rem;line-height:1;transition:border-color .15s}.theme-toggle-btn:hover{border-color:var(--accent)}.logout-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:.4375rem .875rem;font-family:inherit;font-size:.8125rem;transition:border-color .15s,color .15s}.logout-btn:hover{border-color:var(--danger);color:var(--danger)}.todo-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:2rem;display:flex}.todo-tabs button{color:var(--text-faint);cursor:pointer;letter-spacing:.02em;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.625rem 1.25rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:color .15s,border-color .15s}.todo-tabs button:hover{color:var(--text-muted)}.todo-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.todo-tabs button.tab-pending{color:var(--accent);opacity:.6;border:1px solid var(--accent)}.todo-form{gap:.5rem;margin-bottom:1rem;display:flex}.todo-form input{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;outline:none;flex:1;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s}.todo-form input::placeholder{color:var(--text-ghost)}.todo-form input:focus{border-color:var(--accent)}.todo-form button{background:var(--accent);color:var(--accent-fg);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:none;border-radius:4px;padding:.875rem 1.375rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:opacity .15s,transform .1s}.todo-form button:hover{opacity:.85}.todo-form button:active{transform:scale(.97)}.todo-search{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:4px;outline:none;margin-bottom:1rem;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s}.todo-search::placeholder{color:var(--text-ghost)}.todo-search:focus{border-color:var(--accent)}.todo-filters{gap:.375rem;margin-bottom:1.25rem;display:flex}.todo-filters button{border:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;background:0 0;border-radius:4px;padding:.3125rem .875rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.todo-filters button:hover{border-color:var(--border-input);color:var(--text-muted)}.todo-filters button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.todo-list{border:1px solid var(--border-subtle);border-radius:4px;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.todo-list.pending{opacity:.4;transition:opacity .2s}.todo-item{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.875rem;padding:1rem 1.125rem;transition:background .1s;display:flex}.todo-item:last-child{border-bottom:none}.todo-item:hover{background:var(--bg-card-hover)}.todo-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.todo-item span{color:var(--text-secondary);flex:1;font-size:.9375rem;line-height:1.4;transition:color .15s}.todo-item span.completed{color:var(--text-completed);text-decoration:line-through}.todo-delete-btn{color:var(--border-input);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:1.25rem;line-height:1;transition:color .15s}.todo-delete-btn:hover{color:var(--danger)}.todos-empty{text-align:center;color:var(--text-ghost);padding:4rem 0;font-size:.9375rem}.todos-stats{color:var(--text-ghost);margin-bottom:.875rem;font-size:.8125rem}.stats{border:1px solid var(--border-subtle);border-radius:4px;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:.5rem;display:grid;overflow:hidden}.stat-card{background:var(--bg-card);flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;transition:background .1s;display:flex}.stat-card:hover{background:var(--bg-card-hover)}.stat-value{letter-spacing:-.05em;color:var(--accent);font-size:2.5rem;font-weight:800}.stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:.6875rem;font-weight:600}.skeleton-item{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.875rem;padding:1rem 1.125rem;display:flex}.skeleton-box{background:var(--skeleton);border-radius:2px;animation:1.8s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.3}}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:1.25rem;width:100%;max-width:480px;padding:2rem;display:flex}.modal h2{color:var(--text-primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.modal input{background:var(--bg);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s}.modal input:focus{border-color:var(--accent)}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.modal-cancel{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:.625rem 1.125rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,color .15s}.modal-cancel:hover{border-color:var(--danger);color:var(--danger)}.modal-save{background:var(--accent);color:var(--accent-fg);cursor:pointer;border:none;border-radius:4px;padding:.625rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:opacity .15s}.modal-save:hover{opacity:.85}.todo-item span{cursor:pointer}.confirm-message{color:var(--text-secondary);font-size:.9375rem}.modal-danger{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.625rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:opacity .15s}.modal-danger:hover{opacity:.85}@media (width<=480px){.modal{margin:1rem;padding:1.5rem 1.25rem}.modal-actions{flex-direction:column}.modal-cancel,.modal-save,.modal-danger{text-align:center;width:100%}.todos-container{padding:1.5rem 1rem}.todos-header h1{font-size:1.5rem}.todos-user{display:none}.todo-form{flex-direction:column}.todo-form button{width:100%;padding:.875rem}.todo-tabs button{padding:.5rem .875rem}.stat-value{font-size:2rem}.stat-card{padding:1.75rem .75rem}}:root{--bg:#0a0a0a;--bg-card:#111;--bg-card-hover:#161616;--border:#222;--border-subtle:#1a1a1a;--skeleton:#2a2a2a;--border-input:#2a2a2a;--text-primary:#f2f2f2;--text-secondary:#e0e0e0;--text-muted:#aaa;--text-faint:#666;--text-ghost:#444;--text-completed:#666;--accent:#00ff87;--accent-fg:#000;--danger:#ff6b6b;--danger-bg:#ff6b6b14;--danger-border:#ff6b6b33}[data-theme=light]{--bg:#f5f5f5;--bg-card:#fff;--bg-card-hover:#fafafa;--border:#e0e0e0;--border-subtle:#ebebeb;--skeleton:#e0e0e0;--border-input:#d0d0d0;--text-primary:#050505;--text-secondary:#0f0f0f;--text-muted:#333;--text-faint:#555;--text-ghost:#888;--text-completed:#999;--accent:#00c96e;--accent-fg:#fff;--danger:#e03131;--danger-bg:#e031310f;--danger-border:#e031312e}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text-primary);font-family:Inter,sans-serif}