:root{color:#263a33;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#354f46;--muted:#82897e;--border:#e6e7df;background:#f5f3ed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #adbc86}input:focus-visible{outline:none}svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}button{touch-action:manipulation}.shell{max-width:980px;margin:0 auto;padding:0 40px}.masthead{border-bottom:1px solid #dedfd4;justify-content:space-between;align-items:center;height:105px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:11px;font-size:15px;font-weight:600;display:flex}.brand-mark{background:var(--green);color:#f5f3ed;border-radius:9px;place-items:center;width:31px;height:31px;font-size:19px;font-weight:400;display:grid}.edition{color:#899080;font-size:12px}main{max-width:760px;margin:0 auto}.intro{justify-content:space-between;align-items:center;padding:62px 0 36px;display:flex}.date{color:var(--muted);margin:0 0 17px;font-size:12px}.intro h1{letter-spacing:-1.5px;margin:0 0 13px;font-size:43px;font-weight:650;line-height:1.3}.intro h1 span{color:#a5ad79}.subtitle{color:#818776;margin:0;font-size:15px}.cloud-illustration{color:#c5cbaa;width:155px;margin-top:14px}.cloud-illustration svg{fill:#e6e9da;stroke-width:1.2px;width:100%}.cloud-illustration .cloud-line{stroke:#829267;stroke-width:3px;fill:none}.cloud-illustration .rain-line{stroke:#b8c19f;stroke-width:2px}.notebook{background:#fffefb;border:1px solid #e0e2d8;border-radius:15px;overflow:hidden;box-shadow:0 8px 30px #263a3305}.notebook-heading{justify-content:space-between;align-items:center;padding:25px 28px 20px;display:flex}.notebook-heading h2{margin:0;font-size:16px;font-weight:600}.connection{color:#7d8675;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0 6px 8px;font-size:11px;display:flex}.connection svg{width:14px;height:14px;margin-left:3px}.status-dot{background:#b0ad9c;border-radius:50%;width:6px;height:6px}.status-dot[data-state=ok]{background:#77975f}.status-dot[data-state=error]{background:#bf795d}.status-dot[data-state=pending]{background:#baac71}.add-form{background:#fafbf5;border:1px solid #dfe3d4;border-radius:9px;gap:10px;margin:0 28px 24px;padding:5px 5px 5px 15px;transition:border-color .15s;display:flex}.add-form:focus-within{border-color:#829868;box-shadow:0 0 0 3px #dfe6d356}.add-form input{color:#263a33;background:0 0;border:0;width:100%;min-width:0;padding:10px 0;font-size:14px}.add-form input::placeholder{color:#9ba08f}.add-form button{background:var(--green);color:#fffefb;border:0;border-radius:6px;flex-shrink:0;padding:10px 19px;font-size:13px}.add-form button:hover:enabled{background:#284136}.add-form button span{margin-right:4px;font-size:18px;font-weight:300}.list-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 28px;display:flex}.tabs{gap:23px;display:flex}.tabs button{color:#8d9285;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 0 14px;font-size:12px}.tabs button span{color:#9fa593;min-width:16px;margin-left:3px;font-size:10px;display:inline-block}.tabs button.selected{color:#354f46;border-color:#6d835d;font-weight:600}.tabs button.selected span{color:#6c805a}.capacity{color:#a2a692;font-variant-numeric:tabular-nums;font-size:10px}.task-list{min-height:0;margin:0 28px;padding:0;list-style:none}.task-row{border-bottom:1px solid #eff0e9;align-items:center;gap:14px;min-height:70px;display:flex}.task-row:last-child{border-bottom:0}.task-content{cursor:pointer;flex:1;align-items:center;gap:13px;min-width:0;padding:20px 0;display:flex}.task-content input{appearance:none;cursor:pointer;border:1.5px solid #cbd1be;border-radius:5px;flex-shrink:0;width:18px;height:18px;margin:0;position:relative}.task-content input:focus-visible{outline-offset:3px;outline:3px solid #c7d1af}.task-content input:checked{background:#728762;border-color:#728762}.task-content input:checked:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.task-title{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.completed .task-title{color:#9fa58f;-webkit-text-decoration:line-through #cbd0bf;text-decoration:line-through #cbd0bf}.task-row time{color:#a6ac9c;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px}.delete{color:#a3aa98;background:0 0;border:0;border-radius:5px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.delete svg{width:17px;height:17px}.delete:hover{color:#a56148;background:#f7ece6}.notebook-footer{border-top:1px solid var(--border);color:#9da48f;background:#fcfcf7;justify-content:space-between;margin-top:4px;padding:15px 28px;font-size:10px;display:flex}.empty{text-align:center;color:#a5ad93;padding:38px 16px 44px}.empty svg{color:#b9c2a4;width:40px;height:40px;margin-bottom:8px}.empty h3{color:#7e8970;margin:0 0 9px;font-size:14px;font-weight:500}.empty p{color:#a4ac96;margin:0;font-size:12px}.loading{text-align:center;color:#929c86;padding:54px 16px 62px;font-size:13px}.message{color:#6b7e5c;background:#eff3e8;border-radius:6px;margin:15px 28px 0;padding:10px 12px;font-size:12px;line-height:1.6}.message.error{color:#a1694d;background:#faf0e9}.note{color:#9ba28d;align-items:flex-start;gap:9px;padding:20px 4px 0;display:flex}.note svg{flex-shrink:0;width:15px;height:15px;margin-top:2px}.note p{margin:0;font-size:11px;line-height:1.9}.site-footer{color:#a0a68f;border-top:1px solid #dedfd4;justify-content:space-between;margin-top:72px;padding:24px 0;font-size:10px;display:flex}.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}[hidden]{display:none!important}@media (width<=640px){.shell{padding:0 20px}.masthead{height:78px}.edition{font-size:10px}.brand{font-size:13px}.intro{padding:39px 3px 28px}.intro h1{font-size:35px}.date{margin-bottom:14px;font-size:11px}.subtitle{font-size:13px}.cloud-illustration{width:105px;margin-right:-4px}.notebook-heading{padding:21px 18px 18px}.add-form{gap:5px;margin:0 18px 18px;padding-left:12px}.add-form input{font-size:13px}.add-form button{padding:9px 12px}.list-toolbar{padding:0 18px}.tabs{gap:19px}.task-list{margin:0 18px}.task-row{flex-wrap:wrap;gap:4px;padding:3px 0;position:relative}.task-content{gap:10px;padding:16px 0}.task-title{font-size:13px}.task-row time{display:none}.notebook-footer{padding:15px 18px;font-size:9px}.message{margin:13px 18px 0}.note{padding-top:17px}.site-footer{margin-top:45px;padding:21px 0}.empty{padding:34px 12px 40px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}