*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f0f0f;--color-surface:#1a1a1a;--color-border:#2a2a2a;--color-text:#ececec;--color-text-muted:#888;--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-danger:#ef4444;--radius:8px;--font:"Inter", system-ui, -apple-system, sans-serif}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}.container{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;padding:2rem 1rem;display:flex}.auth-card{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin:auto;padding:3rem 2rem}.auth-card h1{margin-bottom:.5rem;font-size:2rem;font-weight:700}.auth-card p{color:var(--color-text-muted);margin-bottom:1.5rem}.auth-actions{justify-content:center;gap:.75rem;display:flex}.app-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.app-header h1{font-size:1.5rem;font-weight:700}.user-info{color:var(--color-text-muted);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.app-nav{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:.25rem;margin-bottom:1.5rem;padding:.25rem;display:inline-flex}.nav-link{color:var(--color-text-muted);border-radius:999px;padding:.4rem .9rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,transform .1s;position:relative}.nav-link:hover{color:var(--color-text);background:#ffffff08}.nav-link.active{background:var(--color-primary);color:#fff}.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{border-radius:var(--radius);cursor:pointer;border:none;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:background .15s,opacity .15s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-ghost{color:var(--color-text-muted);background:0 0;padding:.25rem .5rem}.btn-ghost:hover{color:var(--color-text)}.task-form{gap:.5rem;margin-bottom:1.5rem;display:flex}.task-form input[type=text]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);outline:none;flex:1;padding:.625rem .875rem;font-size:.875rem;transition:border-color .15s}.task-form input[type=text]:focus{border-color:var(--color-primary)}.task-form input[type=text]::placeholder{color:var(--color-text-muted)}.tasks{flex-direction:column;gap:.25rem;list-style:none;display:flex}.tasks li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.75rem;transition:opacity .15s;display:flex}.tasks li.completed{opacity:.5}.tasks li.completed span{text-decoration:line-through}.tasks li label{cursor:pointer;flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.tasks li label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tasks li input[type=checkbox]{accent-color:var(--color-primary);flex-shrink:0;width:1rem;height:1rem}.btn-delete{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.25rem;line-height:1;transition:color .15s}.btn-delete:hover{color:var(--color-danger)}.loading{text-align:center;color:var(--color-text-muted);margin:auto;padding:2rem}.empty-state{text-align:center;color:var(--color-text-muted);padding:2rem}.login-redirect{min-height:100dvh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}