: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}.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 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}}.task-order{color:#718266;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.task-order select{font:inherit;color:#365332;cursor:pointer;background:#edf1e5;border:1px solid #d9e2ce;border-radius:6px;padding:8px}.order-help{color:#7b8a6f;margin:-5px 0 12px;font-size:11px;line-height:1.8}.task-move{flex-shrink:0;align-items:center;gap:3px;display:flex}.task-move button{color:#4b6740;background:#edf1e5;border-radius:5px;width:28px;height:30px;font-size:16px}.task-move button:disabled{opacity:.25;cursor:default}.drag-handle{cursor:grab;color:#829175;-webkit-user-select:none;user-select:none;padding:7px 4px}.drag-handle:active{cursor:grabbing}.task.dragging{opacity:.45;background:#e8eedf}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}select:focus-visible{outline-offset:3px;outline:3px solid #a3bd57}@media (width<=650px){.section-title{flex-wrap:wrap}.task{gap:8px}.task-move{flex-direction:column;gap:2px}.task-move button{width:30px;height:28px}.drag-handle{display:none}.task-content>input{font-size:13px}.order-help{font-size:10px}}main,.task-form input[type=datetime-local],.section-title h2{min-width:0}.pwa-panel{margin:18px 0 5px}.pwa-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pwa-state{color:#6c805d;font-size:10px}.pwa-actions{flex-wrap:wrap;gap:6px;display:flex}.pwa-panel button{color:#395833;background:#e8eddf;border-radius:5px;padding:8px 10px;font-size:11px}.pwa-actions button:first-child{background:#dce8cd}.pwa-guide{background:#eef2e8;border:1px solid #dde6d2;border-radius:10px;margin-top:14px;padding:18px}.guide-title{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.pwa-guide p,.pwa-message{color:#63765a;font-size:12px;line-height:1.8}.pwa-message button{margin-left:8px}.pwa-guide .hint{font-size:11px}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (display-mode:standalone){.pwa-panel{margin-top:16px}}@media (width<=650px){.pwa-bar{gap:10px}.pwa-actions button{padding:8px;font-size:10px}.pwa-guide{padding:14px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8ebf0;--muted:#a0a8b6;--line:#333944;--blue:#a9cbff;background:#181b20}body{background:#181b20}aside{border-color:var(--line);background:#14171b}.brand,.brand span{color:#edf1f7}.brand small{color:#8e9bac}.nav-label,.add-box p,.local-note small,header,.eyebrow,.hint,.empty p,.order-help,footer,.overview span,.section-title h2 span{color:var(--muted)}header,footer,.add-box,.task{border-color:var(--line)}.project-link{color:#a8b0bd}.project-link.selected{color:#c4dcff;background:#263142}.add-box button,.local-note{color:var(--blue)}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible{outline-color:var(--blue)}input[type=checkbox]{accent-color:var(--blue)}input[type=datetime-local]{color:#d9e1ed;background:#20242b;border-color:#444c59}.title{letter-spacing:-1px;font-weight:500}.danger{color:#d3a5a5}.timer-card{color:#f1f4f9;box-shadow:none;background:#20252d;border:1px solid #394250;border-radius:18px}.timer-top,.timer-bottom{color:#b6c1d1}.timer-top>span:last-child,.timer small{color:#9faec3}.timer-top i{background:var(--blue)}.timer b{letter-spacing:-4px;font-weight:400}.colon{color:#5c6e87}.timer-bottom{border-color:#3b4554}.timer-bottom input{color:#e5ecf8;border-color:#465367}.progress{background:#303742}.progress>div{background:var(--blue)}.task-content label,.task-number{color:#a0aabc}.task.done .task-content>input{color:#8893a4}.status{color:#bcd4f4;background:#293342}.status.late{color:#f2b7ab;background:#423132}.task-order{color:#abb9ce}.task-order select,.task-move button,.pwa-panel button{color:#c3d9fa;background:#29313d;border-color:#424d5e}.task-move button:hover:not(:disabled){background:#3a4860}.task.dragging{background:#2c3543}.task-form>input:first-child{color:#edf1f7;background:#20252d;border-color:#414a58}.task-form button,.pwa-actions button:first-child{color:#192638;background:#a9cbff}.remove{color:#aeb9c9}.preset-grid button,.pwa-guide{color:#dfeaff;background:#20252d;border-color:#394250}.preset-grid button:hover{background:#293342}.preset-grid span,.pwa-guide p,.pwa-message,.pwa-state{color:#acbcd2}.alert{color:#ffe0b9;background:#44362a}.error{color:#ffb9aa}.view-switch{border:1px solid var(--line);border-radius:10px;gap:5px;width:fit-content;margin:24px 0;padding:5px;display:flex}.view-switch button{color:#a4b1c4;background:0 0;border-radius:7px;min-height:40px;padding:10px 18px;font-size:12px}.view-switch button[aria-pressed=true]{color:#d6e7ff;background:#303c4f}.dashboard-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.dashboard-summary>div{border:1px solid var(--line);background:#1c2026;border-radius:12px;flex-direction:column;gap:10px;padding:20px 24px;display:flex}.dashboard-summary small{color:#94a6bf;letter-spacing:2px;font-size:9px}.dashboard-summary b{font-variant-numeric:tabular-nums;font-size:36px;font-weight:400}.dashboard-summary span{color:#a5afbf;font-size:11px}.dashboard-summary .next-date{align-items:center;min-height:43px;font-size:28px;display:flex}.view-focus aside,.view-mini aside{display:none}.view-focus main{max-width:1100px;margin:auto}.view-focus .tasks,.view-focus footer,.view-mini .tasks,.view-mini footer{display:none}.view-focus .timer{padding:65px 0}.view-focus .timer b{font-size:clamp(42px,9vw,120px)}.view-mini main{max-width:520px;margin:auto;padding:20px}.view-mini header,.view-mini .pwa-panel,.view-mini .danger,.view-mini .timer-top>span:last-child,.view-mini .timer-bottom>span{display:none}.view-mini .heading{margin:20px 0}.view-mini .title{font-size:23px}.view-mini .timer b{letter-spacing:-1px;font-size:clamp(28px,8vw,50px)}.view-mini .timer{gap:8px;padding:24px 0}.view-mini .colon{font-size:30px}.view-mini .timer-card{padding:20px 14px}.view-mini .overview{padding-bottom:8px}.view-mini .view-switch{margin:0}.view-mini .view-switch button{padding:8px 12px}@media (width<=650px){aside{border-color:var(--line)}.dashboard-summary{gap:8px}.dashboard-summary>div{padding:14px 10px}.dashboard-summary b{font-size:28px}.dashboard-summary small{letter-spacing:1px;font-size:8px}.dashboard-summary .next-date{min-height:34px;font-size:20px}.dashboard-summary span{font-size:10px}.timer b{letter-spacing:-1px;font-size:clamp(26px,10vw,52px)}.timer{gap:6px}.view-switch{width:100%}.view-switch button{flex:1;padding:8px}.task-form button{min-height:44px}.task-content input[type=datetime-local]{min-height:36px}.timer-bottom label{flex-wrap:wrap}.timer small{letter-spacing:1px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}aside{min-width:0}.project-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.project-swipe-hint{display:none}.shell{grid-template-columns:260px minmax(0,1fr)}.task{cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.task input,.task-name-edit{cursor:auto;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.task.dragging{opacity:.65;outline:1px solid var(--blue);cursor:grabbing;border-radius:8px}.task.drop-target{box-shadow:inset 0 3px var(--blue);background:#263142}.task-name{align-items:center;gap:6px;min-width:0;display:flex}.task-name-text{overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.6}.task.done .task-name-text{color:#8893a4;text-decoration:line-through}.edit-task{color:#a9cbff;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.edit-task:hover{background:#303c4f}.task-name-edit{flex-wrap:wrap;align-items:flex-start;gap:7px;display:flex}.task-name-edit>input{color:#edf1f7;background:#20252d;border:1px solid #7b9bc8;border-radius:6px;flex:1;width:100%;min-width:100px;padding:9px;font-size:16px}.task-name-edit>div{gap:5px;display:flex}.task-name-edit button{color:#c4dcff;background:#293342;border-radius:6px;min-height:40px;padding:8px 11px}.task-name-edit button[type=submit]{color:#192638;background:#a9cbff}.task-name-edit .error{width:100%}.task-move button{min-height:36px}.task-content label{flex-wrap:wrap}.task-content input[type=datetime-local]{min-width:0;max-width:100%}@media (width<=950px) and (width>=651px){.shell{grid-template-columns:210px minmax(0,1fr)}}.view-focus,.view-mini{grid-template-columns:minmax(0,1fr)}@media (width<=650px){.shell{width:100%;min-width:0;display:block}aside{width:100%;max-width:100%;overflow:hidden}aside nav{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#617b9e #20252d;flex-wrap:nowrap;width:100%;min-width:0;max-width:100%;padding:4px 2px 10px;display:flex;overflow:auto hidden}.project-link{white-space:nowrap;flex:none;max-width:min(220px,75vw);min-height:44px}.project-swipe-hint{color:#98abc5;margin:5px 0 0;font-size:10px;display:block}.task-name-text{font-size:14px}.task-move{gap:4px}.task-move button{width:32px;min-height:36px}.remove{min-width:32px;min-height:44px}.task-name-edit{display:block}.task-name-edit>input{min-width:0}.task-name-edit>div{margin-top:7px}.task-content label{gap:3px}.task input[type=checkbox]{flex-shrink:0}.task{gap:6px}}