:root{font-family:system-ui,sans-serif;background:#f5f2ec;color:#111}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}header{height:70px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1050px)/2))}header i{color:#ffd529}header div{display:flex;gap:15px;align-items:center}header button{border:0;background:none;color:#aaa}.app{max-width:1050px;margin:auto;padding:55px 22px}.hero{display:flex;align-items:end;justify-content:space-between}.hero small{font-weight:800;letter-spacing:.18em;color:#777}.hero h1{font-size:clamp(32px,5vw,52px);margin:8px 0 0;letter-spacing:-.05em}.primary{border:0;background:#ffd529;padding:14px 20px;border-radius:13px;font-weight:800;box-shadow:0 8px 20px #d4a90038}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ddd7cd;margin:38px 0 30px}.stats div{padding:20px;display:flex;gap:9px;align-items:baseline}.stats div+div{border-left:1px solid #ddd7cd}.stats strong{font-size:30px}.stats span{color:#777}nav{display:flex;gap:22px;margin-bottom:16px}.tab{border:0;background:none;padding:8px 0;color:#888}.tab.active{color:#111;border-bottom:2px solid}.card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;background:#fff;border:1px solid #e4ded4;border-radius:18px;padding:22px;margin:13px 0;box-shadow:0 9px 28px #4b402e0d}.card.done{opacity:.6}.card.done h2{text-decoration:line-through}.card h2{margin:1px 0}.check{width:26px;height:26px;border:2px solid #aaa;border-radius:50%;background:#fff}.done .check{background:#ffd529}.card-actions button{border:0;background:none;border-radius:9px;font-size:20px;padding:8px;color:#777}.card-actions button:hover{background:#f2eee8}aside{margin-top:17px;background:#f7f1df;border-radius:13px;padding:15px 17px}aside b{font-size:11px;letter-spacing:.05em}aside p{margin:7px 0 0;line-height:1.6}dialog{width:min(500px,calc(100% - 28px));border:0;border-radius:22px;padding:0;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}#task-form{padding:30px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}label{display:grid;gap:8px;font-size:12px;font-weight:800}input{padding:15px;border:1px solid #d4cec4;border-radius:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);opacity:0;background:#111;color:#fff;padding:12px 18px;border-radius:12px}#toast.show{opacity:1}.login-card{width:min(520px,calc(100% - 30px));margin:12vh auto;padding:55px;background:#111;color:#fff;border-radius:24px}.logo{display:grid;place-items:center;width:48px;height:48px;background:#ffd529;color:#111;border-radius:14px;font-size:28px;font-weight:900}.login-card h1{font-size:55px;letter-spacing:-.06em}.google{display:block;background:#fff;color:#111;text-align:center;padding:14px;border-radius:12px;text-decoration:none;font-weight:800}@media(max-width:650px){.app{padding:35px 15px}.hero{align-items:stretch;flex-direction:column;gap:25px}.card{grid-template-columns:auto 1fr}.card-actions{grid-column:2}}