:root{color:#24372e;font-synthesis:none;background:#f8f9f5;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a3bd57}button{border:0}input{color:inherit}input[type=datetime-local]{background:0 0;border:1px solid #dfe5db;border-radius:5px;max-width:100%;padding:7px;font-size:12px}input[type=checkbox]{accent-color:#315d45;cursor:pointer;width:20px;height:20px}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}aside{background:#eef1e9;border-right:1px solid #dfe5d9;flex-direction:column;padding:36px 22px;display:flex}.brand{color:#294d38;align-items:center;gap:10px;margin-bottom:60px;font-size:30px;text-decoration:none;display:flex}.brand span{letter-spacing:-.5px;font-size:19px;font-weight:700}.brand small{letter-spacing:1.5px;margin-top:6px;font-size:8px;display:block}.nav-label{color:#7b8778;letter-spacing:1px;justify-content:space-between;margin:0 12px 16px;font-size:11px;display:flex}.project-link{text-align:left;color:#66745e;overflow-wrap:anywhere;background:0 0;border-radius:7px;gap:12px;width:100%;margin-bottom:5px;padding:14px 12px;font-size:13px;display:flex}.project-link.selected{color:#24452e;background:#dfe7d5;font-weight:700}.add-box{border-top:1px solid #d7dfcf;margin-top:25px;padding-top:16px}.add-box p{color:#7b8778;padding-left:12px;font-size:11px}.add-box button{color:#4b6148;background:0 0;padding:12px;font-size:12px;display:block}.local-note{color:#5b7152;margin-top:auto;padding:70px 12px 0;font-size:11px}.local-note small{color:#87917f;margin-top:8px;display:block}main{width:100%;max-width:1600px;padding:30px 5vw}header{color:#8a9684;letter-spacing:1.5px;border-bottom:1px solid #e3e7dd;justify-content:space-between;gap:15px;padding-bottom:28px;font-size:10px;display:flex}.today{letter-spacing:0}.heading{justify-content:space-between;align-items:center;gap:15px;margin:35px 0 24px;display:flex}.eyebrow{letter-spacing:1.5px;color:#7b8a6f;margin-bottom:12px;font-size:10px}.title{letter-spacing:-1.3px;background:0 0;border:0;width:100%;min-width:0;font-size:30px;font-weight:700}.heading>div{flex:1;min-width:0}.danger{color:#8b867a;white-space:nowrap;background:0 0;font-size:11px}.timer-card{color:#edf4df;background:#234632;border-radius:14px;padding:26px 32px;position:relative;overflow:hidden;box-shadow:0 12px 30px #24412d0c}.timer-top,.timer-bottom{color:#b8c9ac;justify-content:space-between;align-items:center;gap:15px;font-size:11px;display:flex}.timer-top>span:last-child{letter-spacing:2px;color:#8fa888;font-size:9px}.timer-top i{background:#c5dd8a;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.timer{font-variant-numeric:tabular-nums;justify-content:center;align-items:flex-start;gap:18px;padding:35px 0 32px;display:flex}.timer>div{text-align:center}.timer b{letter-spacing:-3px;font-size:clamp(35px,6.7vw,92px);font-weight:500;line-height:1.15}.timer small{letter-spacing:3px;color:#a5bc92;margin-top:10px;font-size:9px;display:block}.colon{color:#698466;font-size:clamp(30px,5vw,65px);line-height:1.35}.timer-bottom{border-top:1px solid #54704d;padding-top:18px;font-size:10px}.timer-bottom label{align-items:center;gap:10px;display:flex}.timer-bottom input{color:#edf4df;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-color:#5a7653}.overview{align-items:center;gap:25px;padding:28px 0 35px;display:flex}.overview>div:first-child{white-space:nowrap;align-items:center;gap:18px;display:flex}.overview span{color:#88917e;font-size:11px}.overview b{font-size:24px}.overview small{margin-left:2px;font-size:12px}.progress{background:#e6eadf;border-radius:5px;flex:1;height:5px;overflow:hidden}.progress>div{background:#91a766;height:100%;transition:width .3s}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-title h2{font-size:15px;font-weight:600}.section-title h2 span{color:#88917e;margin-left:8px;font-size:11px}.section-title>span{color:#939c89;font-size:10px}.task{border-bottom:1px solid #e5e9df;align-items:center;gap:16px;padding:18px 6px;display:flex}.task-number{color:#a3ad99;font-size:10px}.task-content{flex:1;min-width:0}.task-content>input{background:0 0;border:0;width:100%;padding:3px 0;font-size:14px}.task-content label{color:#929c87;align-items:center;gap:8px;margin-top:7px;font-size:10px;display:flex}.task-content input[type=datetime-local]{border:0;padding:2px;font-size:10px}.task.done .task-content>input{color:#99a28e;text-decoration:line-through}.status{color:#6e805f;white-space:nowrap;background:#edf0e6;border-radius:5px;padding:6px 9px;font-size:10px}.status.late{color:#ae6847;background:#f5e8df}.remove{color:#9ca58f;background:0 0;font-size:22px}.task-form{gap:10px;padding:20px 0;display:flex}.task-form>input:first-child{background:#fff;border:1px solid #dfe5d6;border-radius:6px;flex:1;min-width:0;padding:12px;font-size:12px}.task-form button{color:#36542c;white-space:nowrap;background:#dfe8cf;border-radius:6px;padding:10px 15px;font-size:11px}footer{color:#9ba58f;border-top:1px solid #e4e8de;justify-content:space-between;gap:15px;margin-top:35px;padding:20px 0;font-size:10px;display:flex}footer span{letter-spacing:1px;font-size:8px}.empty{padding:65px 0}.empty h1{letter-spacing:-2px;font-size:clamp(30px,4vw,52px);line-height:1.4}.empty p{color:#7f8d73;font-size:14px;line-height:1.9}.preset-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;display:grid}.preset-grid button{text-align:left;color:#365332;background:#edf1e5;border:1px solid #dce4d1;border-radius:12px;padding:30px}.preset-grid button:hover{background:#e3ebd6}.preset-grid b,.preset-grid span,.preset-grid strong{display:block}.preset-grid b{font-size:18px}.preset-grid span{color:#7b8b6d;margin:15px 0 30px;font-size:12px}.preset-grid strong{font-size:12px}.hint{color:#939d87;font-size:12px}.alert{background:#fff1df;margin-top:15px;padding:15px;font-size:12px;line-height:1.7}.alert button{margin-left:10px;padding:7px}.error{color:#a75035;font-size:12px}@media (width<=950px){.shell{grid-template-columns:210px 1fr}aside{padding:25px 12px}main{padding:25px}.timer-card{padding:22px}.timer{gap:10px}.timer-bottom>span,.status{display:none}.task-form{flex-wrap:wrap}.task-form>input:first-child{flex-basis:100%}.section-title>span{display:none}}@media (width<=650px){.shell{display:block}aside{border-bottom:1px solid #dde3d5;border-right:0;padding:20px;display:block}.brand{margin-bottom:20px}.nav-label,.local-note,.add-box p{display:none}nav{gap:6px;display:flex;overflow:auto}.project-link{flex-shrink:0;width:auto;max-width:220px}.add-box{margin-top:10px;padding-top:8px;display:flex}.add-box button{padding:8px}main{padding:22px 18px}.heading{margin-top:24px}.title{font-size:25px}.timer{gap:9px;padding:30px 0}.timer b{letter-spacing:-1px;font-size:42px}.timer small{letter-spacing:1px;font-size:7px}.colon{font-size:34px}.timer-top>span:last-child{display:none}.timer-card{padding:20px 15px}.overview{gap:15px}.task{gap:10px}.task-number{display:none}.preset-grid{grid-template-columns:1fr}.empty{padding:30px 0}footer span{display:none}}
