*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#f8fafc;font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{padding:24px 18px 12px;display:flex;justify-content:space-between;align-items:center;max-width:760px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2px;color:#94a3b8;margin:0 0 5px}h1{margin:0;font-size:30px}.date{color:#94a3b8}.streak{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:10px 14px;text-align:center}.streak b{display:block;font-size:24px}.streak span{font-size:11px;color:#94a3b8}main{max-width:760px;margin:auto;padding:8px 18px 35px}.card{background:#111827;border:1px solid #263247;border-radius:20px;padding:18px;margin:12px 0;box-shadow:0 8px 25px #0002}.hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#172554,#111827)}.small{font-size:11px;color:#93c5fd;letter-spacing:1px}.big{font-size:42px;font-weight:800}.ring{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;border:8px solid #334155;font-weight:800}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.stat{margin:6px 0;padding:14px}.stat span{display:block;color:#94a3b8;font-size:13px}.stat b{font-size:20px}h2{font-size:18px;margin:0 0 14px}.task{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #263247}.task:last-child{border:0}.task input{width:22px;height:22px;accent-color:#60a5fa}.task label{flex:1}.task small{display:block;color:#94a3b8;margin-top:3px}.timer{text-align:center;font-size:52px;font-weight:800;letter-spacing:2px;margin:8px}.timerBtns{display:flex;gap:8px}.timerBtns button,.full,button{border:0;border-radius:12px;padding:12px 15px;background:#2563eb;color:white;font-weight:700;cursor:pointer}.timerBtns button{flex:1}.full{width:100%;margin-top:8px}input{width:100%;padding:13px;border-radius:12px;border:1px solid #334155;background:#0f172a;color:white;font-size:16px}.progressbar{height:13px;background:#1e293b;border-radius:20px;overflow:hidden}.progressbar i{display:block;height:100%;width:0;background:#60a5fa;transition:.3s}.muted{color:#94a3b8;font-size:13px}.reset{width:100%;background:#1e293b;color:#cbd5e1;border:1px solid #334155;margin-top:8px}button:active{transform:scale(.98)}@media(max-width:420px){h1{font-size:25px}.big{font-size:36px}}