:root{--ink:#26302d;--muted:#78817e;--green:#2f6f5e;--dark:#24584b;--line:#e8e2d8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 14% 14%,#f4cfb180,transparent 24rem),radial-gradient(circle at 88% 82%,#afd1c18c,transparent 26rem),#f4eee5;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}.page-shell{display:grid;min-height:100vh;place-items:center;padding:40px 20px}.auth-card,.todo-card,.loading-card{width:min(100%,680px);padding:42px;border:1px solid #ffffffc7;border-radius:30px;background:#fffdf9ed;box-shadow:0 28px 80px #463d3124,0 4px 14px #463d310f;backdrop-filter:blur(18px)}.auth-card{width:min(100%,500px)}.loading-card{width:auto;color:var(--green);font-weight:700}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:42px;color:var(--green);font-weight:800}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:10px;color:white;background:var(--green)}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#db9369;box-shadow:0 0 0 5px #db936929}h1{margin:0;font:500 clamp(2.5rem,8vw,4rem)/.98 Georgia,serif;letter-spacing:-.055em}.lead{margin:14px 0 0;color:var(--muted);line-height:1.55}.auth-form{display:grid;gap:9px;margin-top:28px}.auth-form label,.password-label{font-size:.78rem;font-weight:750}.password-label{display:flex;justify-content:space-between;margin-top:8px}.password-label span{color:#a2a4a0;font-size:.7rem;font-weight:500}.auth-form input{padding:14px 15px;border:1px solid var(--line);border-radius:13px;outline:0}.auth-form input:focus{border-color:#2f6f5e8c;box-shadow:0 0 0 4px #2f6f5e14}.primary,.task-form button{border:0;border-radius:13px;color:#fff;background:var(--green);cursor:pointer;font-weight:750}.primary{min-height:50px;margin-top:12px}.primary:hover,.task-form button:hover{background:var(--dark)}.primary:disabled{opacity:.6}.error{min-height:1em;margin:4px 0;color:#a74e42;font-size:.78rem}.switch,.privacy,.hint{text-align:center}.switch{margin:24px 0 0;color:var(--muted);font-size:.85rem}.switch button,.account button{padding:0;border:0;color:var(--green);background:none;cursor:pointer;font-weight:750}.privacy{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--line);color:#9a9e99;font-size:.7rem}.account-row,.heading{display:flex;justify-content:space-between;gap:20px}.account-row{align-items:center;margin-bottom:18px}.account-row .eyebrow{margin:0}.account{display:flex;gap:10px;color:#969a96;font-size:.72rem}.counter{display:grid;flex:0 0 64px;height:64px;place-content:center;border-radius:50%;color:white;background:var(--green);text-align:center}.counter strong{font-size:1.3rem;line-height:1}.counter span{font-size:.66rem;opacity:.76}.task-form{display:flex;gap:10px;margin:32px 0 10px;padding:7px;border:1px solid var(--line);border-radius:17px;background:white}.task-form input{min-width:0;flex:1;padding:12px 13px;border:0;outline:0}.task-form button{padding:0 20px}.list-header{display:flex;justify-content:space-between;padding:14px 4px 10px;color:#929692;font-size:.72rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.task-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.task-list li{border:1px solid #ede8df;border-radius:15px;background:#ffffffc7}.task-list li.done{border-color:transparent;background:#f2f4ef}.task-list button{display:flex;width:100%;align-items:center;gap:14px;padding:15px 17px;border:0;color:inherit;background:none;cursor:pointer;text-align:left}.check{display:grid;width:24px;height:24px;place-items:center;border:1.5px solid #c8ccc6;border-radius:8px;color:white}.done .check{border-color:var(--green);background:var(--green)}.done button>span:last-child{color:#919994;text-decoration:line-through}.empty{display:grid;place-items:center;padding:34px;border:1px dashed #dcd5ca;border-radius:16px;color:var(--muted);text-align:center}.empty b{display:grid;width:36px;height:36px;margin-bottom:10px;place-items:center;border-radius:12px;color:var(--green);background:#eaf1ed}.empty strong{color:var(--ink);font-size:.9rem}.empty span{margin-top:5px;font-size:.78rem}.hint{margin:22px 0 0;color:#aaa9a4;font-size:.76rem}@media(max-width:600px){.page-shell{align-items:start;padding:18px 12px}.auth-card,.todo-card{padding:28px 20px;border-radius:24px}.task-form{flex-direction:column}.task-form button{min-height:48px}.account{align-items:flex-end;flex-direction:column;gap:3px}}