@charset "UTF-8";
:root{color-scheme:light;--canvas:#f8f9f5;--sidebar:#eff2ea;--card:#fff;--ink:#243a30;--muted:#748074;--green:#426952;--soft:#e6eee1;--line:#e4e8df;--orange:#ad7141;--red:#a6483f;--shadow:0 18px 65px #243a3012;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:wait}button,a{touch-action:manipulation}button{border:0;background:none}a{color:var(--green);text-underline-offset:4px}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--canvas);color:var(--ink);padding:12px 14px;font-size:16px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #42695213}textarea{min-height:94px;resize:vertical;line-height:1.65}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1px;font-weight:650}h2{font-size:19px;font-weight:650}h3{font-size:16px;font-weight:600}small,.muted{color:var(--muted)}small{font-size:12px}p{line-height:1.75}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.primary,.secondary,.danger,.quiet{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:12px;font-weight:550}.primary{background:var(--green);color:#fff}.primary:hover{filter:brightness(.95)}.secondary{background:var(--soft);color:var(--green)}.quiet{border:1px solid var(--line);background:var(--card)}.danger{color:var(--red);background:#a6483f0b}.icon-button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}.icon-button:hover{background:var(--soft)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:grid;gap:18px}.gap-small{gap:8px}.full{width:100%}.hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:650}.pill{display:inline-flex;gap:5px;align-items:center;border-radius:6px;padding:4px 7px;font-size:11px;line-height:1.3;background:var(--soft);color:var(--green)}.pill.blue{background:#edf1f6;color:#5a7b91}.pill.orange{background:#f7eee5;color:var(--orange)}.pill.purple{background:#f2edf6;color:#8972a0}.pill.due{background:#faf0eb;color:#a06445}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;flex-shrink:0}.dot.blue{background:#5a7b91}.dot.orange{background:var(--orange)}.dot.purple{background:#8972a0}.divider{border:0;border-top:1px solid var(--line);margin:7px 0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--green);border-radius:13px;color:#fff;font-size:23px;font-family:"Songti SC",serif}.brand-name{font-size:23px;letter-spacing:3px;font-weight:650}.brand small{display:block;margin-top:3px;font-size:10px;letter-spacing:1.8px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--sidebar);border-right:1px solid var(--line);padding:34px 22px 24px;display:flex;flex-direction:column;gap:32px;z-index:10}.nav-group{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;min-height:47px;padding:10px 14px;border-radius:11px;text-align:left;color:var(--muted);width:100%}.nav-item.active{background:#dfe8d8;color:var(--ink);font-weight:600}.nav-item:hover{background:#42695208}.nav-item small{margin-left:auto}.sidebar-projects{overflow-y:auto;flex:1}.sidebar-projects .eyebrow{padding:0 14px;margin-bottom:14px}.sidebar-projects .nav-item{font-size:13px;min-height:42px}.sidebar-footer{display:grid;gap:14px}.sync-dot{width:6px;height:6px;border-radius:50%;background:#749575;display:inline-block}.sync-dot.warn{background:var(--orange)}.account-line{padding:14px 4px 0;border-top:1px solid #dce2d6;font-size:12px}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#dce5d5;font-size:12px;font-weight:600}.workspace{margin-left:238px;min-height:100svh;padding:0 42px 48px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.breadcrumb{font-size:12px;display:flex;gap:10px;align-items:center;white-space:nowrap}.breadcrumb span{color:var(--muted)}.searchbox{display:flex;align-items:center;gap:9px;color:var(--muted);max-width:250px}.searchbox input{border:0;box-shadow:none;padding:8px 0;background:transparent;font-size:13px}.searchbox svg{width:17px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:33px 0 27px}.page-head p{font-size:13px;color:var(--muted);margin-top:9px}.date-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:11px;font-size:12px;color:var(--muted)}.mobile-nav{display:none}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;max-width:1360px;margin:auto}.main-column,.rail{display:grid;gap:24px;min-width:0}.hero{background:#eaf0e4;border:1px solid #dce5d5;border-radius:19px;padding:25px 28px;position:relative;overflow:hidden;min-height:147px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h2{font-size:23px;line-height:1.6;font-weight:550;letter-spacing:.3px}.hero p{font-size:12px;margin-top:7px;color:#76876b}.hero-art{width:94px;height:94px;flex-shrink:0;border:1px solid #becdb2;border-radius:50%;position:relative;display:grid;place-items:center;color:#849878}.hero-art:before{content:"";position:absolute;width:68px;height:68px;border:1px solid #cdd9c4;border-radius:50%}.hero-art svg{width:38px;height:38px;stroke-width:1}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.section-head h2{display:flex;gap:10px;align-items:center}.section-head .count{font-size:12px;color:var(--muted);font-weight:400}.text-button{color:var(--green);font-size:12px;min-height:36px;display:inline-flex;align-items:center;gap:5px}.text-button svg{width:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:21px}.focus-list{display:grid;gap:11px}.focus-card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 3px 8px #243a3002}.check{width:23px;height:23px;border:1.5px solid #c7d2c3;border-radius:50%;flex-shrink:0;display:grid;place-items:center;padding:0;position:relative;margin:10px}.check:before{content:"";position:absolute;inset:-11px}.check:hover{border-color:var(--green);background:var(--soft)}.check.done{background:var(--green);border-color:var(--green);color:white}.check svg{width:15px;height:15px;stroke-width:2}.task-open{text-align:left;flex:1;min-width:0;padding:4px 0}.task-title{font-weight:500;font-size:14px;line-height:1.65;overflow-wrap:anywhere;display:block}.task-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.task-meta small{font-size:11px}.focus-order{font-family:Georgia,serif;color:#c3cdbb;font-size:24px;padding:0 1px 0 7px}.task-list{background:var(--card);border:1px solid var(--line);border-radius:17px;overflow:hidden}.task-row{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #eef0eb}.task-row:last-child{border:0}.task-row.completed .task-title{text-decoration:line-through;color:var(--muted)}.star{color:#bac5b5}.star.selected{color:var(--orange)}.star.selected svg{fill:#ad714118}.quick-add{display:flex;align-items:center;gap:8px;border:1px dashed #c9d4c1;border-radius:13px;padding:6px 10px;background:#ffffff70}.quick-add input{border:0;background:transparent;padding:10px 4px;box-shadow:none;font-size:14px}.quick-add .icon-button{color:var(--green)}.stat-line{display:flex;gap:25px;padding:5px 0 4px}.stat-value{font-family:Georgia,serif;font-size:30px;color:var(--green);line-height:1}.stat-label{margin-top:10px;font-size:11px;color:var(--muted)}.stat-separator{border-left:1px solid var(--line);margin-left:auto;padding-left:25px}.schedule{display:grid;gap:16px;margin-top:18px}.schedule-item{display:flex;gap:12px;align-items:flex-start}.schedule-time{font-size:11px;color:var(--muted);width:38px;flex-shrink:0;line-height:1.8}.schedule-task{border-left:2px solid #a2b294;padding:2px 0 2px 12px;min-width:0;flex:1}.schedule-task button{display:block;text-align:left;font-size:13px;line-height:1.6;padding:0}.schedule-task small{display:block;margin-top:4px;font-size:10px}.checkpoint-card{background:#f1f3ec}.checkpoint-card .quote{border-left:2px solid #b8c5aa;padding-left:13px;margin:17px 0;color:#586b53;font-size:13px;line-height:1.85;overflow-wrap:anywhere}.checkpoint-card .task-title{font-size:13px;margin-top:14px}.install-card{padding:19px;border:1px dashed #ced7c6;border-radius:16px;font-size:12px;color:var(--muted)}.install-card strong{color:var(--green);display:block;margin-bottom:7px;font-size:13px}.install-card .row{align-items:flex-start}.empty{padding:30px 16px;text-align:center;color:var(--muted)}.empty svg{width:27px;height:27px;margin:0 0 12px;stroke-width:1.3}.empty h3{font-weight:500;color:var(--ink);margin-bottom:8px}.empty p{font-size:12px;margin-bottom:12px}.filterbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.chip{border:1px solid var(--line);border-radius:8px;min-height:37px;padding:7px 13px;font-size:12px;color:var(--muted)}.chip.active{background:var(--soft);border-color:var(--soft);color:var(--green)}.notice{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #e5dac7;background:#faf5ea;border-radius:12px;font-size:12px;line-height:1.7;margin-bottom:22px;color:#866541}.notice p{flex:1}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.project-card{text-align:left;display:block;width:100%;padding:23px;transition:transform .15s}.project-card:hover{transform:translateY(-2px)}.project-card h2{margin:17px 0 10px;font-size:19px;overflow-wrap:anywhere}.project-card p{font-size:12px;color:var(--muted);min-height:42px;overflow-wrap:anywhere}.project-card progress{width:100%;height:5px;margin:23px 0 12px;appearance:none;border:0;border-radius:5px;background:var(--soft)}progress::-webkit-progress-bar{background:var(--soft);border-radius:5px}progress::-webkit-progress-value{background:#93a984;border-radius:5px}progress::-moz-progress-bar{background:#93a984;border-radius:5px}.project-next{padding:16px;background:var(--soft);border-radius:12px;font-size:13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.settings-grid .card{display:grid;gap:18px;align-content:start}.settings-grid p{font-size:13px;color:var(--muted)}.settings-grid ul{padding-left:20px;font-size:13px;color:var(--muted);line-height:2}.setting-row{padding-bottom:15px;border-bottom:1px solid var(--line);font-size:13px}.setting-row:last-child{border:0;padding-bottom:0}.backup-item{font-size:12px}.boot{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:20px;color:var(--muted)}
dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid var(--line);border-radius:22px;padding:0;background:var(--card);color:var(--ink);box-shadow:0 25px 90px #10291930;overflow:auto}dialog::backdrop{background:#122d224a;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:1}.modal-body{padding:24px;display:grid;gap:21px}.modal-footer{position:sticky;bottom:0;background:var(--card);display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;padding:15px 24px;border-top:1px solid var(--line);z-index:1}.field{display:grid;gap:8px}.field>span{font-size:12px;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.title-input{font-size:20px;font-weight:550}.editor-section{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:12px}.editor-section h3{font-size:14px}.subtask-edit{display:flex;align-items:center;gap:8px}.subtask-edit input[type=checkbox]{width:21px;height:21px;accent-color:var(--green);flex-shrink:0}.subtask-edit input[type=text]{font-size:14px}.checkpoint-entry{padding:14px;border-radius:12px;background:var(--canvas);font-size:12px;overflow-wrap:anywhere}.checkpoint-entry p{margin-top:7px}.checkpoint-entry strong{font-weight:500;color:var(--green)}.resource-row{display:flex;align-items:center;gap:10px;font-size:12px;overflow-wrap:anywhere}.resource-row a,.resource-row span{min-width:0;flex:1}.checkbox-field{display:flex;align-items:center;gap:9px;font-size:13px}.checkbox-field input{width:18px;height:18px;accent-color:var(--green)}.error{color:var(--red);font-size:13px;line-height:1.7}.login-brand{display:grid;justify-items:center;gap:13px;padding:7px 0 13px}.login-brand p{font-size:13px;color:var(--muted)}.confirm-copy{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.conflict-path{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.file-input{font-size:13px}.readable{white-space:pre-wrap;overflow-wrap:anywhere}#toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,10px);border:1px solid var(--line);border-radius:12px;background:var(--ink);color:var(--card);padding:13px 19px;box-shadow:var(--shadow);font-size:13px;max-width:calc(100% - 30px);width:max-content;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}#toast.visible{opacity:1;transform:translate(-50%,0)}.update-button{color:var(--green);font-size:12px}.mobile-brand{display:none}.footer-note{font-size:11px;color:#95a08e;text-align:center;padding-top:25px;letter-spacing:1px}
.task-list+.stack{margin-top:13px}
.card,.settings-grid>*,.page-head>div{min-width:0}
.settings-grid .row>div{min-width:0;flex:1}
.settings-grid h3,.page-head h1,.page-head p,.account-line .grow>div{overflow-wrap:anywhere}
.avatar,.page-head>.primary{flex-shrink:0}
dialog[open]{display:flex;flex-direction:column;overflow:hidden}
dialog .modal-header,dialog .modal-footer{position:relative;top:auto;bottom:auto;flex-shrink:0}
dialog .modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:0 1 auto}
@media(min-width:1600px){.workspace{padding-left:65px;padding-right:65px}.layout{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1180px){.sidebar{width:205px;padding:28px 16px}.workspace{margin-left:205px;padding:0 26px 40px}.layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.card{padding:18px}.stat-line{gap:16px}.hero{padding:22px}.hero h2{font-size:21px}.focus-card{padding:12px}}
@media(max-width:950px){.layout{grid-template-columns:1fr}.rail{grid-template-columns:1fr 1fr}.rail .install-card{grid-column:1/-1}.hero-art{width:80px;height:80px}.settings-grid{grid-template-columns:1fr}.topbar .breadcrumb{display:none}.topbar{justify-content:flex-end}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0;padding:0 20px calc(106px + env(safe-area-inset-bottom));}.topbar{height:calc(72px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);justify-content:space-between}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand .brand-mark{width:30px;height:30px;font-size:17px;border-radius:9px}.mobile-brand b{font-size:18px;letter-spacing:2px}.searchbox{max-width:165px}.searchbox input{font-size:14px}.topbar .quiet{padding:9px;font-size:12px}.page-head{padding:26px 0 23px;align-items:center;gap:10px}.page-head h1{font-size:29px}.page-head p{font-size:12px;line-height:1.7}.page-head>.primary{font-size:12px;padding:10px 12px}.page-head>.primary svg{width:17px}.date-label{font-size:11px;margin-bottom:10px}.hero{padding:22px;min-height:138px;gap:10px;border-radius:17px}.hero h2{font-size:21px}.hero p{font-size:11px}.hero-art{width:72px;height:72px}.hero-art:before{width:52px;height:52px}.hero-art svg{width:29px;height:29px}.main-column,.rail{gap:23px}.layout{gap:24px}.rail{grid-template-columns:1fr}.section-head{margin-bottom:13px}.section-head h2{font-size:17px}.focus-card{gap:8px;padding:12px 11px}.focus-order{font-size:22px;padding-right:0}.task-title{font-size:14px}.task-row{padding:11px 8px;gap:5px}.task-row>.icon-button{min-width:40px}.focus-card .icon-button{min-width:34px}.card{padding:20px}.stat-line{gap:28px}.quick-add input{font-size:16px}.mobile-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#f8f9f5f5;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:15}.mobile-nav button{display:grid;place-items:center;gap:5px;color:var(--muted);font-size:10px;min-width:65px;padding:7px 9px;border-radius:12px}.mobile-nav button.active{color:var(--green);background:#e6eee17a}.mobile-nav svg{width:21px;height:21px}.project-grid{grid-template-columns:1fr}.project-card p{min-height:0}.project-card progress{margin-top:20px}.settings-grid{gap:18px}.notice{padding:12px;align-items:flex-start;font-size:11px;gap:7px}.notice .secondary,.notice .quiet{padding:8px 10px;font-size:11px;min-height:37px;white-space:nowrap}.notice p{line-height:1.7}.filterbar{gap:6px}.chip{padding:7px 12px}dialog{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:22px 22px 0 0;border-bottom:0;overscroll-behavior:contain}.modal-header{padding:15px 20px}.modal-body{padding:21px 20px}.modal-footer{padding:14px 20px calc(14px + env(safe-area-inset-bottom));gap:8px}.modal-footer button{font-size:13px}.fields{gap:12px}#toast{bottom:calc(88px + env(safe-area-inset-bottom));font-size:12px}.project-card{padding:22px}.footer-note{font-size:10px}.modal-body .title-input{font-size:19px}}
@media(max-width:365px){.workspace{padding-left:15px;padding-right:15px}.page-head h1{font-size:25px}.hero{padding:17px}.hero-art{width:58px;height:58px}.hero h2{font-size:19px}.searchbox{max-width:140px}.fields{grid-template-columns:1fr}.focus-order{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--canvas:#171e19;--sidebar:#1d261e;--card:#222d24;--ink:#e3ecdf;--muted:#9aa994;--green:#a5c494;--soft:#32422f;--line:#364132;--orange:#d7ad79;--red:#efa89d}.primary{color:#172217;background:#a5c494}.brand-mark{color:#192719}.sidebar .nav-item.active{background:#32412e}.hero{background:#2b3927;border-color:#3c4b35}.hero p{color:#a5b59b}.hero-art{color:#a0b68b;border-color:#5a6d4a}.hero-art:before{border-color:#465a3a}.task-row{border-color:var(--line)}.checkpoint-card{background:#283225}.quick-add{background:#222d2470;border-color:#47573e}.avatar{background:#37472f}.account-line{border-color:var(--line)}.notice{background:#3c3525;border-color:#584c35;color:#d9bf8e}.pill.blue{background:#2b3842;color:#a0bed4}.pill.orange,.pill.due{background:#3d3427;color:#d7ad79}.pill.purple{background:#393041;color:#c5afd9}.check{border-color:#596b50}.check.done{color:#172217}.checkpoint-card .quote{color:#b1c1a4}.mobile-nav{background:#171e19f5}.focus-order{color:#647559}.star{color:#6f8063}.hero p{color:#a3b098}.install-card{border-color:#47573e}.project-card progress{background:var(--soft)}.stat-value{color:var(--green)}}

/* Pomodoro: the clock updates independently of forms and navigation. */
.timer-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;max-width:1280px;margin:auto}
.timer-stage{padding:28px 32px;min-width:0}.timer-status{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted)}
.timer-face{text-align:center;padding:42px 0 28px}.timer-face h2{margin:18px auto 8px;max-width:520px;line-height:1.65;overflow-wrap:anywhere;font-size:21px}.timer-face p{font-size:12px;color:var(--muted)}
.timer-digits{font-variant-numeric:tabular-nums;letter-spacing:-3px;font-size:clamp(42px,7vw,86px);font-weight:350;line-height:1.5;color:var(--green);white-space:nowrap}
#timer-progress{width:100%;height:6px;border:0;appearance:none;border-radius:6px;display:block;background:var(--soft)}
.timer-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:28px 0 20px}.timer-controls .text-button{width:100%;justify-content:center}
.timer-note{border-radius:14px;background:var(--canvas);padding:20px;margin-top:24px}.timer-note p{font-size:14px;margin-top:9px}.timer-footnote{font-size:11px;color:var(--muted);margin-top:25px;text-align:center}
.timer-side{display:grid;gap:20px;min-width:0}.timer-side p{font-size:13px}.timer-history{grid-column:1/-1;min-width:0}.timer-history .section-head{flex-wrap:wrap}
.timer-history-row{display:flex;align-items:center;gap:12px;padding:20px 0;border-top:1px solid var(--line)}.timer-history-row h3{overflow-wrap:anywhere;font-weight:550}.timer-history-row small{display:block;margin-top:7px;line-height:1.8}.timer-history-row p{font-size:13px;color:var(--muted);margin-top:10px}.timer-duration{font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;color:var(--green)}
.timer-mini{display:flex;align-items:center;gap:12px;width:100%;padding:13px 18px;margin-bottom:20px;border:1px solid var(--line);border-radius:13px;background:var(--soft);font-size:13px;text-align:left}.timer-mini span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-mini b{font-variant-numeric:tabular-nums;font-size:17px}.timer-mini small{flex-shrink:0}
.timer-presets{margin:12px 0}#timer-duration-fields[hidden]{display:none}
@media(max-width:1050px){.timer-layout{grid-template-columns:minmax(0,1fr)}.timer-side{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mobile-nav button{min-width:0;flex:1;padding:7px 5px}.timer-layout{gap:20px}.timer-stage{padding:20px}.timer-face{padding:32px 0 24px}.timer-face h2{font-size:18px}.timer-digits{font-size:clamp(40px,15vw,70px);letter-spacing:-2px}.timer-side{grid-template-columns:1fr}.timer-history-row{flex-wrap:wrap;gap:8px}.timer-history-row>.grow{flex-basis:100%}.timer-duration{margin-right:auto}.timer-mini{gap:8px;padding:12px}.timer-mini small{display:none}.timer-stage .eyebrow{letter-spacing:1.3px}.timer-history .section-head{gap:8px}}

/* Quick notes */
.notes-workspace{max-width:1280px;margin:auto}.notes-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center}.notes-toolbar small{display:block;margin-top:8px}.notes-sync{margin:12px 0 24px}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.note-card{min-width:0;display:flex;flex-direction:column;padding:18px 20px 12px;box-shadow:0 4px 15px #243a3003}.note-open{display:block;text-align:left;width:100%;padding:10px 0 22px;flex:1;min-height:190px}.note-open h2{font-size:18px;line-height:1.65;overflow-wrap:anywhere;margin-bottom:12px}.note-open p{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.note-card-footer{border-top:1px solid var(--line);padding-top:7px}.note-pin{color:var(--muted)}.note-pin.selected{color:var(--orange)}.note-pin.selected svg{fill:#ad714118}.notes-empty{text-align:center;padding:70px 24px}.notes-empty>svg{width:36px;height:36px;margin-bottom:22px;color:var(--green)}.notes-empty h2{font-size:22px;line-height:1.7}.notes-empty p{color:var(--muted);font-size:13px;margin:15px 0 24px}.note-editor textarea{min-height:300px;line-height:1.9;resize:vertical}.note-editor .title-input{font-size:21px}.note-editor .row{flex-wrap:wrap}.note-editor small{font-size:11px}
@media(max-width:1180px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.notes-grid{grid-template-columns:1fr;gap:16px}.notes-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.notes-toolbar .row{gap:16px}.notes-sync{margin-top:5px}.note-open{min-height:140px;padding-bottom:20px}.notes-empty{padding:45px 20px}.notes-empty h2{font-size:19px}.note-editor textarea{min-height:260px}.note-editor .title-input{font-size:19px}.mobile-nav button{padding-left:2px;padding-right:2px}}
.notes-drafts{flex-direction:column;align-items:stretch}.notes-drafts .secondary{white-space:normal;overflow-wrap:anywhere;max-width:100%;text-align:left}
.day-switch{display:flex;gap:7px;padding:5px;background:var(--soft);border-radius:13px;width:max-content;max-width:100%;margin:0 0 24px}.day-switch .nav-item{margin:0;padding:10px 18px;white-space:nowrap;gap:8px}.day-switch .nav-item.active{background:var(--card);box-shadow:0 2px 8px #10291908}.planning-help{font-size:12px;color:var(--muted);line-height:1.9}.stat-line+.planning-help{margin-top:20px}.plan-task{border-bottom:1px solid var(--line)}.plan-task:last-child{border-bottom:0}.plan-task .task-row{border:0}.plan-task-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:0 20px 12px 66px}.plan-task-actions small{font-size:11px;margin-right:auto}.plan-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;font-size:14px}.plan-option input{width:20px;height:20px;flex-shrink:0;accent-color:var(--green)}.plan-option span{min-width:0;overflow-wrap:anywhere}.plan-option small{display:block;margin-top:7px}.tomorrow-layout .schedule-task button{overflow-wrap:anywhere}
@media(max-width:700px){.day-switch{width:100%}.day-switch .nav-item{flex:1;justify-content:center;font-size:13px}.plan-task-actions{padding-left:22px;gap:12px}.tomorrow-layout .section-head{align-items:center}}
.habits-workspace{max-width:1280px;margin:auto}.habit-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--soft);margin-bottom:23px}.habit-summary h2{font-size:23px;margin:13px 0;line-height:1.6}.habit-summary p{font-size:13px;color:var(--muted)}.habit-summary strong{color:var(--green);font-variant-numeric:tabular-nums}.habit-summary-icon{width:68px;height:68px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--green);flex-shrink:0}.habit-summary-icon svg{width:30px;height:30px}.habit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.habit-toolbar .filterbar{margin:0}.habit-sync{margin:15px 0 22px}.habit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.habit-card{min-width:0;display:flex;flex-direction:column;gap:16px}.habit-card h2{font-size:20px;line-height:1.65;overflow-wrap:anywhere}.habit-card .pill{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.habit-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:var(--muted)}.habit-progress{display:grid;gap:9px}.habit-progress progress{height:5px;width:100%;appearance:none;border:0;border-radius:5px;background:var(--soft)}.habit-checklist{display:grid;gap:4px;flex:1}.habit-check{display:flex;align-items:center;gap:12px;padding:11px 0;min-height:44px;cursor:pointer;font-size:14px;line-height:1.75}.habit-check input{width:21px;height:21px;flex-shrink:0;accent-color:var(--green)}.habit-check span{overflow-wrap:anywhere;min-width:0}.habit-check.done span{color:var(--muted);text-decoration:line-through}.habit-check:has(input:disabled){opacity:.55;cursor:default}.habit-card-footer{border-top:1px solid var(--line);padding-top:9px;margin-top:auto}.habit-complete{border-color:var(--green)}.habit-template-hint{line-height:1.8}.habit-weekdays{display:flex;gap:8px;flex-wrap:wrap}.habit-weekdays[hidden]{display:none}.habit-weekdays label{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:12px;min-height:44px}.habit-weekdays input{width:17px;height:17px;accent-color:var(--green)}.habit-history{display:grid;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.habit-history h3{font-size:14px;overflow-wrap:anywhere}.habit-history-item{display:flex;gap:10px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:700px){.habit-grid{grid-template-columns:1fr;gap:16px}.habit-summary{padding:20px;gap:12px}.habit-summary h2{font-size:19px}.habit-summary-icon{width:48px;height:48px}.habit-summary-icon svg{width:24px;height:24px}.habit-card h2{font-size:18px}.habit-toolbar>.row{gap:16px}}
@media(max-width:365px){.mobile-nav{padding-left:4px;padding-right:4px}}
