:root{--bg:#f8f9f5;--paper:#fff;--ink:#273f38;--muted:#64716a;--line:#e0e6dc;--green:#28594b;--soft:#eef2e8;--yellow:#f5ecd2;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b98535;outline-offset:4px}button:disabled{cursor:default;opacity:.55}a{color:inherit}.shell{display:grid;grid-template-columns:246px 1fr;min-height:100vh}.sidebar{background:#edf1e7;border-right:1px solid var(--line);padding:39px 23px 25px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:650;letter-spacing:-1px;text-decoration:none}.brand-icon{width:36px;height:38px;border-radius:11px;color:#fff;background:var(--green);font-size:32px;line-height:34px;text-align:center;position:relative}.brand-icon span{font-size:20px;position:absolute;right:2px;top:-6px;color:#d9e6bd}.space-label{font-size:10px;letter-spacing:1.8px;color:#687466;margin:54px 10px 17px}.nav{display:flex;width:100%;align-items:center;gap:13px;padding:14px 15px;border:0;background:none;border-radius:10px;color:#536258;text-align:left;margin-bottom:7px;font-size:14px}.nav span{font-size:20px;width:22px}.nav.active{background:#dce6d5;color:#214d3b;font-weight:650}.nav:hover{background:#e0e8d9}.sidebar-note{margin:auto 0;padding:30px 15px}.sidebar-note svg{width:105px;height:90px}.sidebar-note p{font:27px/1.3 Georgia,serif;margin:9px 0 13px}.sidebar-note>span{font-size:12px;color:var(--muted)}.settings{margin-top:20px;font-size:12px}.local-note{font-size:10px;color:#687466;padding:9px 10px}.dot{display:inline-block;width:6px;height:6px;background:#799672;border-radius:100%;margin-right:5px}main{padding:0 48px;min-width:0;max-width:1550px;width:100%;margin:auto}.topbar{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.topbar>div{display:flex;align-items:center;gap:20px}.free-badge{font-size:9px;letter-spacing:1.5px;color:#65715e}.quiet-toggle{background:transparent;border:1px solid #d7ded2;border-radius:8px;padding:9px 12px;color:var(--ink);font-size:12px}.intro{display:flex;align-items:center;justify-content:space-between;padding:37px 0 31px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#687660}h1{font:43px/1.2 Georgia,serif;letter-spacing:-1.2px;margin:13px 0}p{line-height:1.7}.intro p{color:var(--muted);font-size:14px;margin:0}.primary,.secondary,.text-btn,.danger{border-radius:9px;padding:13px 18px;font-weight:550;font-size:13px}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{background:#1e483c}.primary span{margin-left:14px}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.text-btn{background:none;border:0;color:var(--green);padding:8px}.danger{background:#8c3f35;border:0;color:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(245px,1fr);gap:25px}.focus-card{border:1px solid #dbe4d7;background:var(--paper);border-radius:var(--radius);overflow:hidden}.focus-heading{padding:23px 26px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.focus-heading h2{margin:8px 0 0;font-size:19px;font-weight:550}.focus-heading .eyebrow{color:#63755a}.icon-btn{background:none;border:0;color:#69796c;font-size:23px;min-width:40px;min-height:40px}.focus-body{padding:24px 26px}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:11px}.track{height:5px;background:#edf0e9;border-radius:5px}.track>span{display:block;background:#92a67d;height:100%;border-radius:5px}.step-current{margin-top:28px;background:#f1f4eb;border-radius:13px;padding:22px}.step-current .eyebrow{font-size:9px;color:#557047}.step-current h3{font:25px/1.4 Georgia,serif;margin:13px 0}.step-current p{color:var(--muted);font-size:12px;margin:0}.step-current .primary{margin-top:19px;width:100%;display:flex;justify-content:space-between}.task-actions{display:flex;justify-content:space-between;margin-top:17px;align-items:center}.task-actions button{font-size:12px}.coming-next{font-size:12px;border-top:1px solid var(--line);margin-top:18px;padding-top:19px;color:var(--muted);display:flex;gap:12px;align-items:flex-start;line-height:1.6}.coming-next span:first-child{border:1px solid #bdc8b6;border-radius:100%;width:19px;height:19px;flex-shrink:0}.right-col{display:flex;flex-direction:column;gap:20px}.breathing-card{border-radius:var(--radius);background:var(--yellow);padding:24px 25px;position:relative;overflow:hidden}.breathing-card h3{font:25px/1.3 Georgia,serif;margin:15px 0 8px}.breathing-card p{font-size:12px;color:#706a52;max-width:210px;margin:0}.sun{width:54px;height:54px;background:#e6cd86;border-radius:50%;position:absolute;right:25px;top:27px;opacity:.6}.breathing-card .eyebrow{position:relative;color:#726748}.breathing-card button{margin-top:20px;font-size:12px;border:1px solid #cfc5a1;background:transparent;padding:9px 12px;border-radius:8px;color:#5f573d}.timer-card{border:1px solid var(--line);border-radius:var(--radius);padding:23px 25px;background:#f4f5ef}.timer-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.timer-num{font:43px Georgia,serif;letter-spacing:2px;margin:16px 0}.timer-controls{display:flex;gap:8px;align-items:center}.timer-controls button{padding:8px 11px;font-size:11px}.timer-card small{display:block;font-size:10px;color:var(--muted);margin-top:14px;line-height:1.5}.section-title{display:flex;justify-content:space-between;align-items:center;margin:31px 0 15px}.section-title h2{font-size:17px;font-weight:550;margin:0}.section-title span{font-size:11px;color:var(--muted)}.task-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.task-item{border:1px solid var(--line);padding:18px 20px;background:#fff;border-radius:12px;text-align:left;display:flex;gap:13px;align-items:center;color:var(--ink);width:100%}.task-item:hover{border-color:#9eaf92}.task-symbol{width:36px;height:36px;border-radius:10px;background:#edf2e5;display:grid;place-items:center;font-size:19px;flex-shrink:0}.task-item strong{font-size:13px;font-weight:550;display:block;line-height:1.4;overflow-wrap:anywhere}.task-item small{display:block;font-size:11px;margin-top:6px;color:var(--muted)}.task-item .arrow{margin-left:auto;color:#73836c}.starter-banner{border:1px dashed #cbd5c3;border-radius:12px;margin-top:22px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);margin:33px 0 0;padding:21px 0 25px;font-size:10px;color:#74806e;display:flex;justify-content:space-between}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px}.template .task-symbol{width:46px;height:46px}.template h2{font-size:17px;margin:20px 0 10px}.template p{font-size:12px;color:var(--muted);min-height:42px}.template .secondary{margin-top:10px;width:100%}.empty{padding:40px;text-align:center;background:#edf2e8;border-radius:15px;line-height:1.7}.empty h2{font:28px Georgia,serif}.panel{max-width:780px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;margin-bottom:20px}.panel h2{font-size:18px}.panel p,.panel li{font-size:13px;color:var(--muted);line-height:1.8}.panel .controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.inline-setting{display:flex;justify-content:space-between;align-items:center;gap:20px}.inline-setting input{width:22px;height:22px;accent-color:var(--green)}dialog{border:1px solid var(--line);border-radius:20px;padding:30px;width:min(540px,calc(100% - 30px));max-height:90vh;color:var(--ink)}dialog::backdrop{background:#1a302b66}dialog h2{font:29px/1.25 Georgia,serif;margin:16px 0 24px}.dialog-top{display:flex;align-items:center;justify-content:space-between}label{display:block;font-size:13px;font-weight:600;margin:19px 0 9px}label span{font-size:11px;font-weight:400;color:var(--muted);float:right}input,textarea{width:100%;background:#fbfcf9;border:1px solid #cbd5c4;border-radius:9px;padding:12px;color:var(--ink)}textarea{resize:vertical;line-height:1.7}.helper{font-size:11px;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#254c41;color:#fff;padding:13px 20px;border-radius:10px;font-size:13px;max-width:90vw;display:none;z-index:10}.skip{position:absolute;top:-60px;background:#fff;padding:12px;z-index:20}.skip:focus{top:0}.focus-mode .right-col,.focus-mode .sidebar-note,.focus-mode .starter-banner,.focus-mode .task-list,.focus-mode .section-title{display:none}.focus-mode .workspace{grid-template-columns:1fr;max-width:720px;margin:auto}.focus-mode .quiet-toggle{background:#dce6d5}.large-text{font-size:18px}.large-text .step-current h3{font-size:32px}.large-text p,.large-text .task-item strong{font-size:16px}.finished-mark{font-size:50px;color:#779365}.delete-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:18px}.delete-row button{font-size:11px}.storage-warning{background:#f9e6d4;padding:12px;border-radius:8px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){main{padding:0 70px}}@media(max-width:1050px){.shell{grid-template-columns:200px 1fr}.sidebar{padding:30px 15px}.brand{font-size:20px}main{padding:0 27px}.workspace{grid-template-columns:1fr}.right-col{display:grid;grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.intro h1{font-size:37px}.free-badge{display:none}}@media(max-width:650px){.shell{display:block}.sidebar{position:relative;height:auto;padding:19px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:22px}.sidebar nav{display:flex;gap:5px;margin-top:20px}.nav{font-size:11px;justify-content:center;padding:10px 6px;margin:0}.nav span{font-size:17px;width:auto}.sidebar .settings{position:absolute;right:15px;top:20px;width:auto;font-size:0;padding:7px}.settings span{font-size:20px}.space-label,.sidebar-note,.local-note{display:none}main{padding:0 20px}.topbar{height:64px}.intro{padding:26px 0;align-items:flex-start;gap:15px}.intro h1{font-size:32px}.intro p{font-size:12px}.intro>.primary{font-size:0;padding:11px;margin-top:20px}.intro>.primary span{font-size:23px;margin:0}.right-col{grid-template-columns:1fr}.breathing-card{display:none}.focus-heading,.focus-body{padding:21px}.task-list,.template-grid{grid-template-columns:1fr}.starter-banner{gap:12px}.starter-banner button{flex-shrink:0}footer{display:block;line-height:1.8}footer span{display:block}.topbar>div{gap:5px}.quiet-toggle{font-size:11px}.timer-card{padding:18px 22px}.timer-num{font-size:32px;margin:12px 0}.template p{min-height:0}dialog{padding:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}