*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:#203b35;font:15px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:10px}header{max-width:1240px;padding:26px 40px;display:flex;justify-content:space-between;align-items:center;margin:auto;border-bottom:1px solid #dddeda}.brand{color:inherit;text-decoration:none;font-size:21px;font-weight:600;display:flex;align-items:center;gap:12px}.brand b{font-size:32px;color:#407560}.brand span{font-size:10px;letter-spacing:2px;color:#839188;border-left:1px solid #ccc;padding-left:14px}.pill{font-size:12px;color:#6d8175}main{max-width:1140px;margin:auto;padding:44px 28px}.intro small{letter-spacing:3px;font-size:11px;color:#738776}.intro h1{font-size:43px;line-height:1.3;font-weight:500;margin:17px 0}.intro em{font-style:normal;color:#5d8066}.intro p{color:#77857d;margin-bottom:36px}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.card{background:#fffefa;border:1px solid #e4e6dd;border-radius:20px;padding:28px}.timer{text-align:center}.tabs{display:flex;background:#f0f1ea;padding:5px;border-radius:12px;gap:4px}.tabs button{flex:1;background:transparent;padding:10px 5px;color:#718274;font-size:13px}.tabs .active{background:#fff;box-shadow:0 2px 6px #233d3210;color:#285143}.clock{width:260px;height:260px;display:grid;place-items:center;border:8px solid #e9eee3;border-top-color:#709477;border-right-color:#709477;border-radius:100%;margin:28px auto 25px}.clock span{font-size:64px;letter-spacing:-3px;font-weight:300;font-variant-numeric:tabular-nums}.clock p{font-size:12px;color:#819183}.task-label{display:block;font-size:12px;margin-bottom:9px;color:#7a897f}input{border:1px solid #e3e6df;background:#f7f8f2;color:#385447;border-radius:10px;padding:12px;width:100%;text-align:center;outline-color:#62896e}.actions{display:flex;gap:10px;margin-top:18px}.primary{flex:1;background:#355e4d;color:white;padding:14px}.secondary{background:#edf0e7;color:#5a7660;padding:14px 24px}details{margin-top:17px;color:#819181;font-size:12px}details label{display:inline-block;margin:10px;width:150px}details input{width:80px;padding:6px}details button{padding:7px 15px;background:#e6ebdf}aside{display:flex;flex-direction:column;gap:18px}.stats small{font-size:12px;color:#879384}.card h2{font-size:18px;font-weight:500;margin:12px 0 20px}.numbers{display:flex;gap:65px;margin:25px 0}.numbers div{display:flex;flex-direction:column;gap:7px}.numbers strong{font-size:38px;font-weight:400}.numbers span,.note{font-size:12px;color:#859081}.note{border-top:1px solid #eaebe2;padding-top:15px;line-height:1.6}.row{display:flex;align-items:center;justify-content:space-between}.row button{font-size:11px;color:#6b826d;background:transparent}.history h2{margin:0}.empty{font-size:13px;color:#8a9689;line-height:1.9;padding:20px 0;margin:10px 0}.record{display:flex;justify-content:space-between;border-top:1px solid #eeeee5;padding:13px 0;font-size:12px}.record span{max-width:70%;overflow-wrap:anywhere}.record small{color:#8c978c}blockquote{margin:0;padding:12px 25px;color:#81917e;line-height:1.9;font-size:15px}blockquote footer{font-size:11px;margin-top:10px}.tips{display:flex;justify-content:space-between;color:#97a18f;font-size:12px;padding:30px 2px}.foot{max-width:1140px;border-top:1px solid #dddeda;margin:12px auto 0;padding:25px 28px;color:#9aa08f;font-size:11px}@media(max-width:760px){.grid{grid-template-columns:1fr}header{padding:20px}.pill,.brand span{display:none}.intro h1{font-size:32px}main{padding:28px 20px}.clock{width:230px;height:230px}.tips{font-size:10px;gap:10px}}