:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#344238;background:#f7f8f4;font-synthesis:none;--ink:#2d4033;--muted:#8a9587;--line:#e4e9df;--orange:#d5724f;--orange-dark:#bf603e;--forest:#416b4f;--sidebar:198px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:0;background:none;color:inherit;padding:0;transition:color .16s,background .16s,border-color .16s,box-shadow .16s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #849f73;outline-offset:3px}input,select,textarea{color:#4e6150;accent-color:#648558}input::placeholder,textarea::placeholder{color:#a2ac98}textarea{resize:vertical}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}kbd{font:10px inherit}a{color:inherit}::selection{background:#dae7cf}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;z-index:25;background:#f0f2eb;border-right:1px solid #e2e7da;display:flex;flex-direction:column;padding:30px 16px 0}.brand{gap:10px;justify-content:flex-start;margin:2px 9px 30px;text-align:left;align-self:flex-start}.brand>svg{color:var(--orange)}.brand>span{font-size:21px;line-height:1.01;font-weight:730;letter-spacing:-.85px;color:#354234}.brand>span>span{display:block}.brand-period{color:var(--orange)}.search-trigger{display:flex;gap:7px;font-size:10px;justify-content:flex-start;background:#fafbf7;border:1px solid #e0e5d9;border-radius:7px;padding:10px 8px;color:#85917c;width:100%}.search-trigger>kbd{font-size:8px;margin-left:auto;padding:2px 4px;border:1px solid #e5e9e0;border-radius:3px;color:#9fa796;white-space:nowrap}.search-trigger:hover{background:white;border-color:#c6d2bb}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin:25px 0 31px}.sidebar nav>button{justify-content:flex-start;gap:11px;font-size:12px;color:#7d8975;border-radius:7px;padding:11px 12px;text-align:left}.sidebar nav>button:hover{background:#e7ecdf}.sidebar nav>button.active{background:#e3ead9;color:#4d633c;font-weight:600}.sidebar nav>button>i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#75915b}.sidebar-label{font-size:8px;letter-spacing:1.35px;text-transform:uppercase;font-weight:650;color:#a0aa95;padding:0 12px;margin-bottom:12px}.project-navigation{display:flex;flex-direction:column;gap:3px;overflow:auto}.project-navigation>button{justify-content:flex-start;gap:10px;padding:9px 12px;color:#7d8b71;font-size:11px;border-radius:6px;white-space:nowrap}.project-navigation>button>span{width:6px;height:6px;border-radius:50%;flex-shrink:0}.project-navigation>button:hover{background:#e7ecdf;color:#4e6840}.sidebar-bottom{margin-top:auto;padding-top:35px}.prototype-about{display:flex;align-items:center;text-align:left;gap:9px;background:#e8eddf;border:1px solid #e0e6d5;padding:13px 10px;border-radius:8px;width:100%}.about-icon{align-self:flex-start;color:#8a9e73}.prototype-about strong{font-size:9px;font-weight:560;color:#6f855a;display:block;margin:1px 0 6px}.prototype-about small{font-size:8px;display:flex;align-items:center;gap:7px;color:#93a283}.save-status{display:flex;align-items:center;gap:5px;font-size:8px;color:#98a58a;padding:20px 2px 18px;white-space:nowrap}.save-status>i{width:4px;height:4px;background:#94ac76;border-radius:50%;flex-shrink:0}.save-status>i.temporary{background:#c8a66b}.save-status button{margin-left:auto;color:#9aab85}.workspace-person{border-top:1px solid #dfe6d5;margin:0 -16px;padding:18px 20px;display:flex;align-items:center;gap:9px}.workspace-person>span,.top-avatar{background:#e8e1d4;color:#8d8169;display:grid;place-items:center;border-radius:50%;width:30px;height:30px;font-size:9px;flex-shrink:0}.workspace-person strong{font-size:10px;font-weight:570;display:block;margin-bottom:4px;color:#75886a}.workspace-person small{font-size:8px;color:#a1af90}.workspace{margin-left:var(--sidebar)}.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fbfcf8}.topbar>div{display:flex;align-items:center;gap:11px;color:#9ca792;font-size:10px}.topbar strong{font-weight:500;color:#77896a}.topbar .slash{color:#bec9b3;font-size:12px;padding:0 2px}.topbar>div:last-child{gap:16px}.prototype-label{gap:6px;font-size:9px;color:#a3a17f}.prototype-label i{width:4px;height:4px;border-radius:50%;background:#c6b07c}.top-avatar{height:24px;width:24px;font-size:8px;border:2px solid white}.icon-button{height:28px;width:28px;border-radius:5px;color:#9aa78e;flex-shrink:0}.icon-button:hover{background:#eef3e7;color:#5f7b4b}.mobile-menu{display:none}.workspace main{padding:31px 30px 0;max-width:1960px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading h1{font-size:31px;letter-spacing:-1.1px;line-height:1.25;font-weight:570;color:#2d4133}.capture-button{background:var(--orange);border:1px solid var(--orange);color:white;border-radius:7px;font-size:11px;font-weight:520;gap:8px;padding:10px 12px;min-height:37px}.capture-button:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.capture-button>kbd{font-size:8px;border:1px solid #e9a087;padding:2px 4px;border-radius:3px;color:#f3c8b5;margin-left:7px}.overview-two-layout{display:grid;grid-template-columns:minmax(0,1fr) 254px;align-items:start;gap:26px}.plates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.plate-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e0e7da;border-radius:11px;background:#fff;box-shadow:0 3px 5px #2a432801,0 4px 18px #2a432803;overflow:hidden;transition:border-color .18s,box-shadow .18s}.plate-card:hover{border-color:#cbd9bf;box-shadow:0 4px 18px #2a432809}.plate-card[draggable=true]{cursor:grab}.plate-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:20px 19px 0}.plate-project{gap:9px;justify-content:flex-start;min-width:0;text-align:left}.plate-project h2{font-size:13px;font-weight:610;letter-spacing:-.13px;line-height:1.5;color:#3c5140;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-badge{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--tint);color:var(--accent);font-weight:600;font-size:10px;letter-spacing:-.1px;flex-shrink:0}.project-badge.small{width:24px;height:24px;border-radius:6px;font-size:8px}.open-project{height:22px;width:22px;color:#afbaa5;opacity:.6}.plate-card:hover .open-project{opacity:1}.your-move{padding:23px 20px 17px;flex:1;display:flex;flex-direction:column;align-items:flex-start;min-height:165px}.eyebrow{font-size:8px;font-weight:630;letter-spacing:1.22px;text-transform:uppercase;color:#8d9d81;margin-bottom:11px;line-height:1.2}.move-title{display:block;text-align:left;font-size:18px;font-weight:530;letter-spacing:-.38px;line-height:1.4;color:#374f3b;padding:0;min-height:51px;animation:next-in .25s ease both;overflow-wrap:anywhere;width:100%}.move-title:hover{color:#5e7d45}.move-action{margin-top:14px;display:flex;align-items:center;min-height:25px}.complete-move{gap:7px;font-size:10px;color:#839b6a;padding:2px 0}.complete-move>span{width:17px;height:17px;display:grid;place-items:center;border:1px solid #d4e0c7;border-radius:50%;color:#9bb880;background:#f8fbf3}.complete-move>svg{color:#9caf86;margin-left:5px}.complete-move:hover{color:#477735}.complete-move:hover>span{border-color:#699449;background:#699449;color:white}.held-action{display:flex;gap:6px;color:#a28d65;font-size:10px;padding:3px 0}.held-action>svg:last-child{margin-left:3px;opacity:.6}.held-action.blocked{color:#b18d75}.get-spinning{margin:0 19px 14px;border:1px solid #ecece0;background:#f8f9f2;border-radius:7px;padding:11px 12px 12px}.spin-eyebrow{display:flex;align-items:center;gap:5px;font-size:7px;font-weight:640;letter-spacing:1.1px;text-transform:uppercase;color:#9b9e76;margin-bottom:7px}.spin-eyebrow svg{width:11px;height:11px;color:#a9af87}.spin-content{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.spin-title{display:block;text-align:left;font-size:12px;line-height:1.5;font-weight:430;color:#738261;width:100%;letter-spacing:-.05px}.spin-title:hover{color:#4d693d}.delegate-trigger{font-size:9px;line-height:1.3;color:#929b73;gap:5px;padding:0}.delegate-trigger:hover{color:#557242}.plate-footer{margin-top:auto;padding:12px 19px;border-top:1px solid #eef2e9;background:#fdfefa;min-height:42px;display:flex;align-items:center;justify-content:space-between}.change-focus{font-size:10px;color:#879978;gap:6px;white-space:nowrap}.change-focus:hover{color:#4c7440}.empty-move{font-size:17px;font-weight:450;line-height:1.5;letter-spacing:-.25px;color:#a2af94;margin:0 0 15px;max-width:220px}.choose-move{display:flex;gap:6px;color:#849d6b;font-size:10px;text-align:left;margin-top:auto;padding:4px 0}.choose-move:hover{color:#446c38}.finished-move{display:flex;align-items:flex-start;gap:8px;margin:0 0 18px}.finished-move>span{color:#85a65f;background:#edf6e0;border:1px solid #d9e9c9;border-radius:50%;display:grid;place-items:center;width:26px;height:26px;flex-shrink:0}.finished-move h3{font-size:17px;font-weight:510;letter-spacing:-.25px;line-height:1.5;color:#749053}.make-time{position:sticky;top:22px;border:1px solid #e3e9dc;background:#fdfefa;border-radius:10px;padding:20px 17px 17px}.agenda-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.agenda-heading h2{font-size:14px;font-weight:560;letter-spacing:-.15px;color:#526b46}.agenda-heading>svg{color:#9aaf82}.agenda-date{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eee0;padding-bottom:11px}.agenda-date>span{font-size:10px;color:#90a378}.agenda-date>div{display:flex;gap:4px}.agenda-date .icon-button{width:20px;height:20px;color:#a5b792}.previous svg{transform:rotate(180deg)}.agenda-events{padding:10px 0 13px}.agenda-event{display:flex;align-items:flex-start;justify-content:flex-start;gap:9px;width:100%;padding:11px 0;text-align:left;min-height:63px}.event-time{font-size:9px;font-variant-numeric:tabular-nums;color:#a0b489;flex-shrink:0;margin-top:3px;width:28px}.agenda-event>i{width:2px;height:33px;background:#e2d8bd;flex-shrink:0;margin-top:2px;border-radius:3px}.agenda-event.linked>i{background:#a1b6d4}.event-content{display:flex;flex-direction:column;min-width:0}.event-content>strong{font-size:11px;line-height:1.45;font-weight:480;color:#7c9465}.event-content>small{font-size:8px;color:#afc19a;line-height:1.5;margin-top:4px}.event-content>small>span{margin:0 5px}.agenda-event:hover .event-content>strong{color:#50753b}.calendar-drop{width:100%;border:1px dashed #d8e4c9;background:#f8fbf2;border-radius:8px;min-height:150px;padding:20px 8px 16px;display:flex;flex-direction:column;gap:9px;color:#96b07c}.calendar-drop:hover,.calendar-drop.drag-over{background:#edf6e1;border-color:#98ba7c;color:#678d48}.drop-clock{position:relative;margin-bottom:1px;color:#a0b986}.drop-clock>span{position:absolute;background:#f8fbf2;border:1px solid #c3d7ae;border-radius:50%;right:-4px;bottom:-1px;width:11px;height:11px;display:grid;place-items:center}.calendar-drop>strong{font-size:11px;font-weight:510;color:#8aa371}.calendar-drop>span:not(.drop-clock){font-size:9px;line-height:1.6;color:#a3b88c}.calendar-drop>span.plan-task{display:flex;align-items:center;gap:5px;font-size:10px;color:#819e67;margin-top:3px}.calendar-open{font-size:10px;color:#a2b68b;gap:6px;width:100%;padding:15px 0 0}.calendar-open:hover{color:#5e8344}.calendar-demo{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#bac6a5;margin-top:21px}.calendar-demo>span{width:4px;height:4px;border-radius:50%;background:#cbb17b}.empty-agenda{font-size:11px;line-height:1.7;padding:24px 6px;color:#a2b48a}.page-footer{display:flex;align-items:center;justify-content:space-between;padding:25px 0 23px;font-size:8px;color:#b2bfa2;gap:15px}.page-footer>span{font-style:italic}.page-footer>button{font-size:8px;color:#b4c0a5}.text-button{display:inline-flex;align-items:center;gap:5px;color:#829e6c;font-size:10px}.text-button:hover{color:#466d3b}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;min-height:36px;background:var(--orange);border:1px solid var(--orange);border-radius:6px;color:white;font-size:11px;font-weight:500}.primary-button:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.primary-button.forest{background:var(--forest);border-color:var(--forest)}.primary-button.forest:hover{background:#2f563d}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;min-height:33px;border:1px solid #dbe6cf;background:#fff;border-radius:6px;font-size:11px;color:#769264}.secondary-button:hover{border-color:#adc697;background:#f4f9ed}.muted{color:#9bb18a;font-size:12px;line-height:1.7}.overview-one-layout{display:grid;grid-template-columns:minmax(0,1fr) 254px;align-items:start;gap:26px}.project-lanes{display:flex;flex-direction:column;gap:16px}.project-lane{border:1px solid #e0e8d7;border-radius:9px;background:white;overflow:hidden}.project-lane>header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #edf2e6;gap:12px}.project-lane>header>button{gap:9px}.project-lane h2{font-size:13px;font-weight:550;color:#5c764b}.project-lane>header>span{font-size:10px;color:#a6b891}.lane-body{padding:15px;display:grid;grid-template-columns:1.05fr 1fr;gap:22px}.lane-focus{padding:15px;background:#f6faf0;border:1px solid #dde9d0;border-radius:7px}.lane-task-title{display:block;width:100%;text-align:left;font-size:15px;font-weight:520;line-height:1.45;color:#547441;margin:0 0 17px}.lane-focus-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.lane-focus .primary-button{min-height:30px;font-size:10px;padding:7px 9px}.progress-track{height:3px;border-radius:5px;background:#e0ebd4;margin-top:15px;overflow:hidden}.progress-track>span{height:100%;background:#a0bd80;display:block}.lane-focus>h3{font-size:15px;font-weight:500;margin:9px 0 20px;color:#829f68}.lane-up-next{padding:9px 5px}.lane-up-next>button{justify-content:flex-start;align-items:flex-start;gap:8px;display:flex;text-align:left;font-size:12px;color:#86a16d;line-height:1.5;margin-bottom:11px;padding-top:3px}.lane-up-next>button>svg{margin-top:3px;color:#b1c599}.lane-up-next small{display:block;font-size:9px;color:#a9be92;margin-top:5px}.lane-up-next>p{font-size:11px;color:#b0c19c;line-height:1.8}.list-controls{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:3px 0 20px}.list-chips{display:flex;gap:6px}.list-chips>button{font-size:11px;padding:7px 11px;color:#8ea579;border-radius:6px}.list-chips>button.chosen{background:#e7f0dc;color:#668752;font-weight:550}.show-done{display:flex;align-items:center;gap:6px;font-size:10px;color:#a3b68e}.show-done input{margin:0;height:13px;width:13px}.table-tools{display:flex;align-items:center;gap:17px;padding:20px 0;font-size:10px;color:#9bae84;flex-wrap:wrap}.table-tools label{display:flex;align-items:center;gap:7px}.table-tools select,.table-tools input{padding:7px 8px;border:1px solid #dfe9d1;border-radius:5px;background:#fff;font-size:10px;color:#819e69}.task-search{margin-left:auto;max-width:200px}.task-table{border:1px solid #e1e9d7;border-radius:8px;background:white;overflow:auto}.task-group>h2{padding:16px 20px;background:#fafdf5;border-bottom:1px solid #edf3e4;border-top:1px solid #e7eedc;font-size:12px;font-weight:550;color:#7a9861}.task-group:first-child>h2{border-top:0}.task-row{display:grid;grid-template-columns:15px minmax(200px,1fr) 135px 70px 70px 26px;align-items:center;gap:13px;padding:13px 20px;border-bottom:1px solid #f0f5e8;min-width:700px;min-height:57px}.task-checkbox{display:grid;place-items:center;border:1px solid #d1dfc3;border-radius:50%;height:15px;width:15px;flex-shrink:0;background:white}.task-checkbox>svg{color:transparent}.task-checkbox:hover{background:#eef6e3;border-color:#9dba7f}.task-checkbox:hover>svg{color:#85a269}.task-checkbox.checked{background:#8bab6e;border-color:#8bab6e}.task-checkbox.checked>svg{color:white}.row-title{display:block;text-align:left;font-size:12px;color:#708e57;font-weight:450;line-height:1.5}.row-title:hover{color:#425e33}.task-done .row-title{text-decoration:line-through;color:#b1c69c}.task-status{width:fit-content;padding:5px 7px;border-radius:4px;font-size:8px;background:#eff5e6;color:#99b17f;white-space:nowrap}.task-status.waiting{background:#f8f2e3;color:#c0ab75}.task-status.blocked{background:#faf0e7;color:#c4a182}.task-status.delegatable{background:#f4eff8;color:#b39cc6}.task-status.progress{background:#eff3fa;color:#95adce}.row-duration,.row-date{font-size:10px;color:#a0b68a}.empty-results{display:flex;align-items:center;flex-direction:column;gap:13px;padding:35px 20px;color:#adc897;text-align:center}.empty-results h3{font-size:15px;font-weight:500;color:#91ad77}.empty-results p{font-size:11px;line-height:1.8;color:#a9bc95}.notes-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 0 20px;border-bottom:1px solid var(--line);font-size:11px;color:#a6bc90}.notes-breadcrumb>button{font-size:11px}.notes-breadcrumb>button:hover{color:#4c7539}.note-page{max-width:800px;margin:38px auto 50px;padding:0 18px}.note-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.note-heading h2{font-size:28px;font-weight:540;letter-spacing:-.7px;color:#597645}.note-heading>div{display:flex;align-items:center;gap:16px;padding-top:8px;white-space:nowrap}.markdown{font-size:13px;line-height:1.85;color:#839d6b}.markdown h3{font-size:18px;font-weight:530;letter-spacing:-.2px;color:#729553;margin:16px 0 12px}.markdown p{margin-bottom:7px}.markdown strong{font-weight:600;color:#6e914f}.markdown code{background:#eef5e5;border-radius:3px;padding:2px 4px;font-size:11px}.text-gap{height:8px}.outline-tree{margin-top:30px;padding-top:24px;border-top:1px solid #e3edD7}.outline-node{margin:4px 0}.outline-line{display:flex;align-items:center;gap:10px;padding:8px 0;min-height:34px}.outline-node-title{font-size:13px;line-height:1.5;text-align:left;flex:1;justify-content:flex-start;color:#7a9c5b}.outline-node-title.done-title{text-decoration:line-through;color:#b1c999}.outline-dot{height:6px;width:6px;border-radius:50%;background:#b1c795;outline:5px solid transparent;margin-left:4px;margin-right:5px;flex-shrink:0}.outline-dot:hover{outline-color:#e3efd5;background:#8da96a}.outline-children{border-left:1px solid #e2edd6;margin-left:7px;padding-left:24px}.outline-kind{font-size:8px;color:#b4c99e;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.outline-add{color:#a3be89;font-size:11px;gap:8px;margin-top:20px}.note-editor{width:100%;border:1px solid #d6e7c5;border-radius:7px;padding:15px;font-size:13px;color:#7c9b60;line-height:1.8}.calendar-layout{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid #deebd1;border-radius:9px;background:white;overflow:hidden}.calendar-backlog{padding:20px 16px;border-right:1px solid #e3eed7;background:#fbfef7;max-height:780px;overflow-y:auto}.calendar-backlog h2{font-size:14px;color:#7a9b5c;font-weight:550;margin-bottom:10px}.calendar-backlog>p{font-size:10px;line-height:1.6;color:#a8c18e;margin-bottom:20px}.backlog-task{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:white;border:1px solid #deebd1;border-radius:6px;padding:12px;width:100%;margin-bottom:9px;cursor:grab}.backlog-task small{font-size:9px;color:#a1b989;margin-bottom:7px}.backlog-task strong{font-size:12px;line-height:1.5;font-weight:480;color:#729555}.backlog-task>span{display:flex;align-items:center;gap:4px;font-size:9px;color:#acc997;margin-top:10px}.backlog-task:hover{border-color:#abc78e;background:#f5faed}.day-plan>header{height:66px;border-bottom:1px solid #e2ecd6;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.day-plan h2{font-size:16px;color:#7a9c5d;font-weight:520}.day-plan>header>div{display:flex;gap:8px}.calendar-hours{position:relative}.hour-slot{width:100%;height:64px;border-bottom:1px solid #edf4e3;justify-content:flex-start;align-items:flex-start;padding:8px 15px;color:#b5cea0;font-size:9px;background:white}.hour-slot:hover{background:#f7fced}.calendar-block{position:absolute;left:68px;right:22px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px 12px;border:1px solid #e3ddcd;border-left:3px solid #c6b997;border-radius:4px;background:#f5f1e7;color:#ad9a76;overflow:hidden;text-align:left}.calendar-block.linked{background:#f0f4fb;border-color:#dce6f4;border-left-color:#9db7d9;color:#85a7cc}.calendar-block strong{font-size:11px;font-weight:500;line-height:1.4}.calendar-block>span{font-size:8px}.calendar-boundary{font-size:10px;color:#b5c79d;margin:16px 0}.drawer-overlay{position:fixed;inset:0;z-index:55;display:flex;justify-content:flex-end}.drawer-scrim{position:absolute;inset:0;background:#2334212b;backdrop-filter:blur(1px)}.task-drawer{position:relative;width:505px;max-width:100%;height:100dvh;background:#fefefb;display:flex;flex-direction:column;box-shadow:-8px 0 45px #27432116;animation:drawer-in .2s ease}.task-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 24px;border-bottom:1px solid #e3ebd8;flex-shrink:0}.task-drawer>header>span{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:550;letter-spacing:1.1px;color:#a7ba92}.drawer-scroll{padding:24px 27px 30px;flex:1;overflow:auto}.task-path{display:flex;align-items:center;gap:8px;color:#b3c79e;font-size:10px;margin-bottom:23px;flex-wrap:wrap}.task-path>button{gap:7px;color:#8fad73}.task-title-input{border:0;padding:0;background:transparent;color:#506c3f;font-size:24px;font-weight:550;line-height:1.4;letter-spacing:-.5px;width:100%;height:78px;min-height:70px;resize:vertical;outline:none}.drawer-context-actions{display:flex;justify-content:space-between;gap:12px;margin:7px 0 22px}.drawer-context-actions>.text-button{font-size:10px}.task-properties{border-top:1px solid #e9f0de;border-bottom:1px solid #e9f0de;padding:10px 0}.task-properties>label{display:grid;grid-template-columns:118px 1fr;gap:12px;align-items:center;min-height:39px;margin:2px 0}.task-properties>label>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#95b17b}.task-properties input,.task-properties select{border:1px solid transparent;padding:8px;background:transparent;font-size:12px;color:#789760;border-radius:5px;width:100%}.task-properties input:hover,.task-properties select:hover{background:#f3f9ea;border-color:#deead1}.input-unit{display:flex;align-items:center;gap:5px}.input-unit>input{max-width:65px}.input-unit>small{font-size:10px;color:#adc793}.delegate-callout{width:100%;gap:10px;padding:14px 13px;border:1px solid #e7e8cf;border-radius:7px;background:#f8f9ee;color:#a9ae7c;margin-top:21px;justify-content:flex-start;text-align:left}.delegate-callout>span{flex:1}.delegate-callout strong{font-size:12px;font-weight:550;display:block;color:#949b67}.delegate-callout small{display:block;font-size:10px;color:#b1b78c;margin-top:5px}.waiting-detail,.blocker-detail{margin-top:22px;padding:17px;background:#faf6e9;border:1px solid #efe5cc;border-radius:8px}.waiting-detail h3{font-size:12px;font-weight:550;display:flex;gap:7px;align-items:center;color:#b6a16c;margin-bottom:17px}.waiting-detail label,.blocker-detail label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#b6a373;margin-bottom:13px}.waiting-detail input,.blocker-detail textarea{border:1px solid #e9dcc0;background:white;border-radius:5px;padding:9px;font-size:12px;color:#a69167;width:100%}.waiting-detail .secondary-button{font-size:10px;color:#b09e75;border-color:#e7d9bb}.blocker-detail{background:#fcf3eb;border-color:#efdfce}.blocker-detail label{color:#bf9e7c}.blocker-detail textarea{color:#b29678;border-color:#edddcc;line-height:1.6}.blocker-detail .text-button{color:#b99674}.drawer-tabs{display:flex;gap:25px;border-bottom:1px solid #e2ecd5;margin-top:25px}.drawer-tabs>button{padding:13px 0;font-size:11px;color:#9fb988;border-bottom:2px solid transparent;margin-bottom:-1px}.drawer-tabs>button.chosen{color:#708f56;border-color:#8dab71;font-weight:550}.notes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#b4cca0;margin-top:18px;margin-bottom:10px}.task-notes-preview{padding:4px 0;min-height:150px;font-size:13px;color:#869f70}.task-notes{width:100%;font-size:13px;line-height:1.8;padding:10px;border:1px solid #e1ebd5;border-radius:6px;background:white;color:#819e68}.comments{padding:20px 0}.comment{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.comment-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#eee8d9;color:#aa9872;font-size:8px;flex-shrink:0}.comment>div{flex:1;min-width:0}.comment strong{font-size:11px;font-weight:550;color:#8faa71;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.comment small{font-size:9px;font-weight:400;color:#b3c99f}.comment p{font-size:12px;line-height:1.8;color:#99b47f;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.comments form{display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-top:20px}.comments textarea{width:100%;border:1px solid #deeacf;border-radius:6px;padding:12px;font-size:12px;line-height:1.8;color:#83a368}.comments .secondary-button{font-size:10px}.time-blocks{padding:24px 0}.time-block{display:flex;gap:9px;align-items:center;padding:13px;border:1px solid #e1ebd5;border-radius:6px;margin-bottom:14px;background:#f9fcf5;color:#a6c18e;flex-wrap:wrap}.time-block>div{flex:1;min-width:125px}.time-block strong{font-size:11px;font-weight:500;display:block;color:#8cab6e}.time-block small{font-size:9px;color:#b1c99d;display:block;margin-top:5px}.time-block .text-button{font-size:9px}.time-blocks>.secondary-button{margin-top:10px}.task-drawer>footer{border-top:1px solid #e4edD9;background:#fafdf6;padding:18px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}.task-drawer>footer>span{display:flex;gap:5px;align-items:center;color:#a3bd8c;font-size:9px}.task-drawer>footer>span>i{width:4px;height:4px;border-radius:50%;background:#9ab77b}.task-drawer>footer .primary-button{font-size:11px}.modal{border:1px solid #e0ebd4;border-radius:12px;box-shadow:0 14px 70px #1c371e30;background:#fefefb;padding:24px 28px 26px;width:440px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 34px);color:var(--ink);overflow:auto}.modal::backdrop{background:#23352250;backdrop-filter:blur(3px)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.modal-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:#c39670;background:#f9eee1}.modal h2{font-size:25px;line-height:1.35;letter-spacing:-.6px;font-weight:530;color:#536f3d;margin-bottom:10px}.modal>p{font-size:12px;line-height:1.75;color:#92aa7c;margin-bottom:23px}.modal form>label,.form-columns>label,.event-project-label{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:18px;font-size:11px;color:#94ad7e;line-height:1.4}.modal form input,.modal form select,.modal form textarea,.event-project-label select{font-size:12px;width:100%;padding:10px 11px;border:1px solid #d9e7c9;background:white;border-radius:6px;color:#7f9e64;min-width:0}.modal form textarea{line-height:1.7}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-project{display:flex;align-items:center;gap:7px;font-size:11px;color:#9ab384;margin-bottom:13px}.delegate-task-title{background:#f7faef;border:1px solid #e4edD7;padding:12px;border-radius:6px;color:#7e9e62!important;font-weight:500}.optional{font-size:9px;color:#b6cda1;font-weight:400}.form-note{display:flex;align-items:flex-start;gap:8px;background:#f6faee;border:1px solid #e8efdF;border-radius:6px;padding:12px;margin-bottom:18px;color:#aec993}.form-note>svg{margin-top:2px}.form-note p{font-size:10px;line-height:1.8;color:#9ab480}.modal-submit{width:100%;margin-top:4px;min-height:40px}.form-disclaimer{font-size:9px;color:#b0c597;text-align:center;margin-top:12px;line-height:1.6}.capture-types{display:flex;gap:4px;padding:3px;border-radius:7px;background:#f2f7e9;margin-bottom:20px}.capture-types>button{flex:1;font-size:11px;color:#a1b98b;padding:8px;border-radius:5px}.capture-types>button.active{background:white;color:#7c9b64;box-shadow:0 1px 4px #455a270c}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;margin-top:6px}.modal-footer>div{display:flex;gap:8px}.modal-footer .text-button{font-size:10px}.modal-footer .secondary-button,.modal-footer .primary-button{font-size:11px;min-height:34px}.focus-modal{width:650px;display:none;overflow:hidden}.focus-modal[open]{display:flex;flex-direction:column}.focus-modal .modal-top{margin-bottom:3px;flex-shrink:0}.focus-modal .modal-icon{display:none}.focus-modal .modal-top .icon-button{margin-left:auto}.focus-modal .modal-project{margin-top:-16px;margin-right:40px;flex-shrink:0}.focus-modal>h2,.focus-modal>p{flex-shrink:0}.focus-modal>p{margin-bottom:16px}.focus-controls{display:flex;align-items:center;gap:12px;padding-bottom:15px;flex-shrink:0}.focus-controls>label{display:flex;align-items:center;gap:7px;flex:1;border:1px solid #dfe9d2;border-radius:6px;padding:9px 10px;background:#fbfdf7;color:#a7be91;min-width:0}.focus-controls input{border:0;background:transparent;outline:0;font-size:11px;color:#84a468;width:100%;min-width:0}.focus-controls>label:focus-within{outline:2px solid #9db883;outline-offset:1px}.focus-controls>div{display:flex;gap:3px;background:#f3f8ec;padding:3px;border-radius:6px}.focus-controls>div>button{font-size:9px;padding:7px 8px;color:#a3ba8e;border-radius:4px}.focus-controls>div>button.active{background:white;color:#80a064;box-shadow:0 1px 3px #6c87521a}.focus-options{overflow-y:auto;min-height:80px;max-height:42dvh;flex:1;padding:2px 3px 15px 1px}.focus-options>section{margin-bottom:17px}.focus-options>section:last-child{margin-bottom:0}.focus-path{display:flex;align-items:center;gap:5px;font-size:9px;color:#b0c29c;margin-bottom:8px}.focus-chunk-option,.focus-task-option{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;width:100%;padding:11px 10px;border:1px solid #e3ecd7;border-radius:6px;background:#fcfef9}.focus-chunk-option>span:not(.option-radio),.focus-task-option>span:not(.option-radio){flex:1;min-width:0}.focus-chunk-option strong,.focus-task-option strong{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:500;line-height:1.45;color:#7c9c63}.focus-chunk-option strong svg{color:#aec799}.focus-chunk-option small,.focus-task-option small{display:block;font-size:9px;line-height:1.5;color:#adc399;margin-top:5px}.focus-chunk-option em,.focus-task-option em{font-style:normal;letter-spacing:.8px;font-size:7px;color:#b2c7a0;flex-shrink:0}.option-radio{width:15px;height:15px;border:1px solid #d2e3bf;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.option-radio>i{width:7px;height:7px;background:#88ac66;border-radius:50%}.option-selected{background:#f0f7e7!important;border-color:#a5c386!important;box-shadow:0 0 0 1px #adc89018}.focus-chunk-option:hover,.focus-task-option:hover{background:#f6faef;border-color:#b6ce9a}.focus-children{border-left:1px solid #e1ecd4;padding:5px 0 0 18px;margin-left:16px}.focus-task-option{background:white;border-color:transparent;padding:9px}.focus-task-option strong{font-size:11px;font-weight:450;color:#91ad79}.focus-task-option small{font-size:9px}.focus-section-label{font-size:11px;color:#94ae7b;font-weight:520;margin:5px 0}.focus-explainer{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#f6faef;border:1px solid #e5eed9;border-radius:6px;flex-shrink:0;color:#a4c088}.focus-explainer p{font-size:10px;line-height:1.75;color:#95b079}.focus-explainer>svg{margin-top:2px}.search-modal{width:570px}.search-input{width:100%;border:1px solid #d8e7c9;background:white;padding:12px;border-radius:6px;font-size:13px;color:#8bab70;margin:8px 0 15px}.search-results{max-height:55dvh;overflow:auto}.search-results>button{display:flex;align-items:center;gap:12px;justify-content:flex-start;width:100%;text-align:left;padding:12px 9px;border-radius:6px;color:#b0ca99}.search-results>button>span{flex:1;min-width:0}.search-results strong{display:block;font-size:12px;font-weight:470;line-height:1.5;color:#83a467}.search-results small{display:block;margin-top:5px;font-size:9px;color:#b2c89d}.search-results>button:hover{background:#f4f9ec}.about-copy p{font-size:12px;line-height:1.85;color:#94ad7f;margin-bottom:16px}.about-copy strong{font-weight:580;color:#83a169}.toast{position:fixed;z-index:100;bottom:24px;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 36px);min-width:280px;padding:13px 15px;background:#3b5533;border:1px solid #4e7042;border-radius:8px;box-shadow:0 5px 25px #23361a30;color:#e4efd8;font-size:11px;animation:next-in .2s ease}.toast>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#5d7f4e;color:#e0f1d3;flex-shrink:0}.toast p{line-height:1.6}.toast>button:not(.toast-close){font-size:10px;color:#ebd2aa;margin-left:8px;border-bottom:1px solid #baa77d;white-space:nowrap}.toast-close{color:#a3bc8c;margin-left:8px}.mobile-scrim{display:none}@keyframes next-in{from{opacity:.25;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes drawer-in{from{opacity:.6;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}
/* Neutral, readable foregrounds. Colour supports the actions rather than replacing contrast. */
.sidebar nav>button{color:#75816f}.sidebar nav>button.active{color:#4c653b}.project-navigation>button{color:#76846d}.topbar>div{color:#99a38f}.page-heading h1{color:#2e4435}.plate-project h2{color:#3c5140}.eyebrow{color:#839577}.move-title{color:#37503d}.spin-title{color:#6b7c5a}.delegate-trigger{color:#8b9670}.complete-move{color:#759163}.change-focus{color:#7b916a}.get-spinning{background:#f8f9f2}.event-content>strong{color:#718962}.event-content>small{color:#99af85}.event-time{color:#8ba17a}.calendar-drop>strong{color:#7f9b68}.calendar-drop>span:not(.drop-clock){color:#98ad83}.calendar-open{color:#91a87d}.empty-move{color:#96a58a}.task-title-input{color:#4b663d}.task-properties>label>span{color:#88a271}.task-properties input,.task-properties select{color:#698c53}.markdown{color:#738e60}.task-notes-preview{color:#789161}.comment p{color:#84a26c}.modal>p{color:#839e6d}.modal h2{color:#496638}.modal form>label,.form-columns>label{color:#819d6b}.modal form input,.modal form select,.modal form textarea{color:#6f8e56}.focus-chunk-option strong{color:#698c52}.focus-task-option strong{color:#7b9a63}.focus-path{color:#9ab286}.focus-chunk-option small,.focus-task-option small{color:#96b07f}.focus-explainer p{color:#819f67}.form-note p{color:#87a16f}.about-copy p{color:#829f6c}.backlog-task strong{color:#66864f}.row-title{color:#637f4e}.task-status{color:#8ba775}.row-duration,.row-date{color:#8fa779}
@media(min-width:1700px){:root{--sidebar:210px}.workspace main{padding:37px 37px 0}.topbar{padding:0 37px}.page-heading{margin-bottom:31px}.page-heading h1{font-size:35px}.overview-two-layout{grid-template-columns:minmax(0,1fr) 280px;gap:30px}.plates-grid{gap:22px}.plate-heading{padding:22px 22px 0}.your-move{padding:27px 23px 20px;min-height:178px}.move-title{font-size:20px}.plate-project h2{font-size:14px}.get-spinning{margin:0 22px 17px;padding:14px}.spin-title{font-size:13px}.spin-content{flex-direction:row;align-items:flex-start;gap:14px}.delegate-trigger{padding-top:3px;white-space:nowrap;font-size:10px}.spin-eyebrow{font-size:8px}.plate-footer{padding:14px 22px}.change-focus{font-size:11px}.eyebrow{font-size:9px}.complete-move{font-size:11px}.held-action{font-size:11px}.make-time{padding:22px 19px}.agenda-heading h2{font-size:15px}.event-content>strong{font-size:12px}.calendar-drop{min-height:164px}.calendar-drop>strong{font-size:12px}.calendar-drop>span:not(.drop-clock){font-size:10px}.calendar-demo{font-size:9px}.page-footer{font-size:9px}.page-footer>button{font-size:9px}}
@media(max-width:1440px){:root{--sidebar:186px}.workspace main{padding:27px 25px 0}.topbar{padding:0 25px}.overview-two-layout{grid-template-columns:minmax(0,1fr) 235px;gap:21px}.plates-grid{gap:15px}.plate-heading{padding:18px 16px 0}.your-move{padding:22px 17px 16px;min-height:164px}.move-title{font-size:17px}.get-spinning{margin:0 16px 13px;padding:10px}.plate-project h2{font-size:12px}.project-badge{width:27px;height:27px;font-size:9px}.spin-title{font-size:11px}.plate-footer{padding:12px 16px}.eyebrow{font-size:7px;letter-spacing:1.1px}.plate-project{gap:7px}.agenda-heading h2{font-size:13px}.make-time{padding:18px 14px}.calendar-drop>strong{font-size:10px}.calendar-drop>span:not(.drop-clock){font-size:8px}.calendar-open{font-size:9px}.sidebar{padding-left:13px;padding-right:13px}.workspace-person{margin:0 -13px;padding-left:18px}.sidebar nav>button{font-size:11px}.brand{margin-left:5px}.brand>span{font-size:20px}}
@media(max-width:1270px){.plates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-two-layout{grid-template-columns:minmax(0,1fr) 235px;gap:23px}.move-title{font-size:18px}.plate-project h2{font-size:13px}.eyebrow{font-size:8px}.spin-content{flex-direction:row;align-items:flex-start;gap:10px}.spin-title{font-size:11px}.delegate-trigger{white-space:nowrap;padding-top:3px;font-size:8px}.your-move{min-height:167px}.overview-one-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.lane-focus-actions{flex-wrap:wrap}.page-heading h1{font-size:29px}.lane-body{gap:16px}.search-trigger{font-size:9px}.search-trigger kbd{font-size:7px}.prototype-about{padding:12px 8px;gap:7px}.prototype-about strong{font-size:8px}.prototype-about small{font-size:7px}}
@media(max-width:1040px){:root{--sidebar:175px}.sidebar nav>button{padding:10px;font-size:11px}.workspace main{padding-left:21px;padding-right:21px}.topbar{padding:0 21px}.overview-two-layout{grid-template-columns:minmax(0,1fr) 215px;gap:18px}.plates-grid{gap:13px}.plate-heading{padding:16px 14px 0}.your-move{padding:20px 15px 15px}.move-title{font-size:16px}.get-spinning{margin:0 14px 12px}.spin-content{flex-direction:column;gap:8px}.delegate-trigger{font-size:9px;padding:0}.plate-footer{padding:12px 14px}.plate-project{gap:6px}.plate-project h2{font-size:11px}.open-project{width:17px}.project-badge{width:25px;height:25px;font-size:8px}.make-time{padding:17px 12px}.agenda-event{gap:7px}.event-time{width:27px;font-size:8px}.event-content>strong{font-size:10px}.calendar-drop>strong{font-size:10px}.calendar-drop>span:not(.drop-clock){font-size:8px}.brand>span{font-size:18px}.brand>svg{width:27px}.brand{gap:8px}.project-navigation>button{font-size:10px;padding:8px 11px}.sidebar-label{font-size:7px}.prototype-about{display:none}.save-status{font-size:7px}.workspace-person strong{font-size:9px}.workspace-person small{font-size:7px}.overview-one-layout{display:block}.overview-one-layout>.make-time{position:static;margin-top:22px}.overview-one-layout .agenda-events{display:flex;gap:20px}.overview-one-layout .agenda-event{min-width:0}.overview-one-layout .calendar-drop{min-height:80px;padding:13px}.overview-one-layout .drop-clock{display:none}.page-heading h1{font-size:27px}.notes-toolbar{font-size:8px}.calendar-layout{grid-template-columns:195px minmax(0,1fr)}}
@media(max-width:860px){.overview-two-layout{grid-template-columns:minmax(0,1fr)}.make-time{position:static;margin-top:5px;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:19px}.agenda-heading{grid-column:1/-1;margin-bottom:13px}.agenda-date{grid-column:1}.agenda-events{grid-column:1;grid-row:3/5;padding-bottom:0}.calendar-drop{grid-column:2;grid-row:2/4;min-height:135px;align-self:center}.calendar-open{grid-column:2;grid-row:4}.calendar-demo{grid-column:1/-1;margin-top:17px}.event-content>strong{font-size:11px}.agenda-event{gap:9px}.calendar-drop>strong{font-size:11px}.calendar-drop>span:not(.drop-clock){font-size:9px}.plate-heading{padding:19px 18px 0}.plate-project h2{font-size:13px}.project-badge{width:28px;height:28px;font-size:9px}.your-move{padding:23px 19px 17px}.move-title{font-size:18px}.get-spinning{margin:0 18px 14px;padding:12px}.plate-footer{padding:13px 18px}.spin-title{font-size:12px}.eyebrow{font-size:8px}.spin-content{flex-direction:row;gap:12px}.overview-one-layout>.make-time{display:block}.task-search{margin-left:0}.list-controls{align-items:flex-start;gap:18px;flex-direction:column}.note-heading{flex-direction:column;gap:5px}.note-page{padding:0 5px}.calendar-layout{grid-template-columns:175px minmax(0,1fr)}.calendar-backlog{padding:17px 12px}.calendar-backlog h2{font-size:12px}.backlog-task{padding:10px}.backlog-task strong{font-size:11px}}
@media(max-width:700px){:root{--sidebar:0px}.sidebar{width:210px;transform:translateX(-100%);z-index:75;transition:transform .2s;padding:27px 16px 0}.sidebar.mobile-open{transform:translateX(0)}.mobile-scrim{display:block;position:fixed;inset:0;background:#22351d50;z-index:70}.sidebar nav>button{font-size:12px;padding:11px}.project-navigation>button{font-size:11px}.brand>span{font-size:21px}.brand>svg{width:30px}.brand{gap:9px;margin-left:8px}.search-trigger{font-size:10px}.search-trigger kbd{font-size:8px}.prototype-about{display:flex;padding:13px 10px}.prototype-about strong{font-size:9px}.prototype-about small{font-size:8px}.workspace-person{margin:0 -16px;padding-left:20px}.workspace-person strong{font-size:10px}.workspace-person small{font-size:8px}.save-status{font-size:8px}.workspace{margin-left:0}.mobile-menu{display:flex}.topbar{height:54px;padding:0 16px}.topbar>div{gap:8px;font-size:9px}.topbar>div>svg{display:none}.topbar>div:last-child{gap:9px}.prototype-label{font-size:8px}.topbar>div:last-child>.icon-button{display:none}.top-avatar{width:22px;height:22px;font-size:7px}.workspace main{padding:24px 18px 0}.page-heading{margin-bottom:23px;gap:12px;align-items:center}.page-heading h1{font-size:26px;letter-spacing:-.85px}.capture-button{padding:9px 10px;min-height:35px;font-size:10px;gap:5px}.capture-button kbd{display:none}.plates-grid{gap:14px}.plate-heading{padding:17px 15px 0}.your-move{padding:22px 16px 16px}.move-title{font-size:17px;min-height:47px}.plate-project h2{font-size:12px}.project-badge{width:26px;height:26px;font-size:8px}.spin-title{font-size:11px}.get-spinning{margin:0 15px 13px;padding:11px}.spin-content{flex-direction:column;gap:8px}.delegate-trigger{font-size:9px}.plate-footer{padding:12px 15px}.make-time{margin-top:7px}.page-footer{font-size:7px;align-items:flex-start}.page-footer>button{font-size:7px;text-align:right;max-width:180px;line-height:1.6}.drawer-scroll{padding:22px 21px}.task-drawer>header{padding:14px 19px}.task-drawer>footer{padding:15px 20px}.task-title-input{font-size:23px}.drawer-context-actions{flex-wrap:wrap;gap:12px}.modal{padding:21px 22px 24px;max-height:calc(100dvh - 24px)}.focus-modal{padding:21px 18px 20px}.focus-modal h2{font-size:24px}.focus-controls{flex-wrap:wrap;gap:9px}.focus-controls>label{flex-basis:100%;padding:10px}.focus-controls>div{width:100%}.focus-controls>div>button{flex:1;font-size:10px}.focus-options{max-height:32dvh}.focus-children{padding-left:8px;margin-left:12px}.focus-chunk-option,.focus-task-option{padding:9px 7px;gap:8px}.focus-chunk-option strong{font-size:11px}.focus-task-option strong{font-size:11px}.focus-path{font-size:8px}.focus-explainer{padding:10px}.focus-explainer p{font-size:9px}.modal-footer{gap:10px}.modal-footer>.text-button{font-size:9px}.modal-footer .primary-button,.modal-footer .secondary-button{font-size:10px;padding:8px 9px}.modal h2{font-size:24px}.modal>p{font-size:11px}.toast{left:50%;bottom:16px;font-size:10px;padding:12px;min-width:280px;width:max-content;max-width:calc(100vw - 28px)}.toast p{max-width:270px}.task-title-input{font-size:23px}.task-properties>label{grid-template-columns:102px 1fr;gap:10px}.task-properties>label>span{font-size:10px}.task-properties input,.task-properties select{font-size:11px}.drawer-tabs{gap:22px}.notes-breadcrumb{font-size:10px}.notes-breadcrumb>button{font-size:10px}.note-heading h2{font-size:26px}.outline-children{padding-left:16px}.outline-node-title{font-size:12px}.outline-kind{font-size:7px}.lane-body{grid-template-columns:minmax(0,1fr)}.lane-up-next{padding:2px}.project-lane>header>span{font-size:8px}.lane-up-next{display:none}.calendar-layout{grid-template-columns:minmax(0,1fr)}.calendar-backlog{display:flex;flex-wrap:nowrap;gap:9px;position:relative;padding-top:53px;max-height:190px;overflow:auto;border-right:0;border-bottom:1px solid #e4efda}.calendar-backlog h2{position:absolute;top:17px;left:17px}.calendar-backlog>p{display:none}.backlog-task{min-width:180px;max-width:180px;margin-bottom:0}.day-plan>header{height:57px;padding:0 18px}.day-plan h2{font-size:14px}.task-search{max-width:160px}.table-tools{gap:10px}.table-tools select{font-size:9px}.table-tools label{gap:5px}.list-chips>button{font-size:10px;padding:7px 9px}}
@media(max-width:450px){.page-heading h1{font-size:25px;line-height:1.2;max-width:210px}.page-heading .capture-button{padding:9px;gap:5px}.page-heading .capture-button>span{font-size:10px}.workspace main{padding:23px 16px 0}.plates-grid{grid-template-columns:minmax(0,1fr);gap:16px}.plate-heading{padding:20px 21px 0}.plate-project h2{font-size:14px}.project-badge{width:30px;height:30px;font-size:10px}.plate-project{gap:9px}.your-move{padding:24px 22px 20px;min-height:150px}.eyebrow{font-size:8px;letter-spacing:1.2px}.move-title{font-size:20px;min-height:0;line-height:1.45;max-width:100%;font-weight:500}.move-action{margin-top:15px}.complete-move{font-size:11px;gap:8px;min-height:26px}.complete-move>span{height:19px;width:19px}.held-action{font-size:11px}.get-spinning{margin:0 21px 16px;padding:13px}.spin-eyebrow{font-size:8px;margin-bottom:8px}.spin-content{flex-direction:row;gap:15px}.spin-title{font-size:12px;line-height:1.5}.delegate-trigger{padding-top:3px;white-space:nowrap;font-size:9px}.plate-footer{padding:13px 21px;min-height:44px}.change-focus{font-size:11px}.empty-move{font-size:19px;max-width:260px}.choose-move{font-size:11px;min-height:25px}.finished-move h3{font-size:19px}.make-time{display:block;padding:21px;margin-top:4px}.agenda-heading h2{font-size:15px}.agenda-date>span{font-size:11px}.agenda-event{min-height:64px}.event-time{font-size:10px;width:32px}.event-content>strong{font-size:12px}.event-content>small{font-size:9px}.agenda-events{padding:12px 0}.calendar-drop{min-height:147px;padding:19px 12px}.calendar-drop>strong{font-size:12px}.calendar-drop>span:not(.drop-clock){font-size:10px}.calendar-open{font-size:11px;padding-top:17px}.calendar-demo{font-size:9px}.focus-chunk-option em,.focus-task-option em{display:none}.focus-options{min-height:100px}.modal-footer>div{gap:6px}.form-columns{gap:11px}.task-drawer>footer>span{font-size:8px}.task-drawer>footer .primary-button{font-size:10px}.comment strong{font-size:10px}.comment small{font-size:8px}.comment p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.change-focus{color:#647c55}.delegate-trigger{color:#747f53}.complete-move{color:#698453}.event-content>strong{color:#667f57}.agenda-date>span{color:#7d966a}.calendar-open{color:#7f996a}.form-disclaimer{color:#97ab7f}.get-spinning .spin-eyebrow{color:#89925e}.focus-task-option strong{color:#748f60}.focus-chunk-option strong{color:#65804e}
@media(min-width:1441px){.eyebrow{font-size:8.5px}.spin-eyebrow{font-size:7.5px}.change-focus{font-size:10.5px}.complete-move{font-size:10.5px}}

/* ForJugglers: tasks and actions share a row. Card height follows its content.
   Keep task typography at least as large as the previous Overview 2. */
.brand.fj-brand {
  gap: 9px; align-items: center; margin: 0 0 29px 6px; min-width: 0;
}
.brand.fj-brand > svg { width: 27px; height: 34px; color: #cf724f; flex-shrink: 0; }
.brand.fj-brand .brand-text { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.brand.fj-brand .brand-word { display: block; font-size: 20px; line-height: 1; letter-spacing: -.85px; font-weight: 680; color: #344537; white-space: nowrap; }
.brand.fj-brand .brand-word em { font-style: normal; font-weight: 450; }
.brand.fj-brand .brand-domain { display: block; font-size: 9px; font-weight: 450; line-height: 1.2; letter-spacing: .15px; color: #82917c; }

.overview-two .page-heading { margin-bottom: 23px; }
.overview-two-layout { gap: 23px; grid-template-columns: minmax(0,1fr) 250px; }
.plates-grid { align-items: start; gap: 15px; }
.plate-card.compact-plate {
  display: flex; flex-direction: column; align-self: start; min-height: 0;
  border-color: #dfe6d9; border-radius: 10px;
  box-shadow: 0 2px 7px #30422703;
}
.compact-plate .plate-top {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 14px 15px 0; min-width: 0;
}
.compact-plate .plate-project { min-width: 0; gap: 8px; }
.compact-plate .plate-project h2 { font-size: 13px; font-weight: 600; white-space: normal; line-height: 1.35; }
.compact-plate .project-badge { width: 28px; height: 28px; font-size: 9px; border-radius: 7px; flex-shrink: 0; }
.compact-plate .change-focus {
  font-size: 11px; font-weight: 450; gap: 5px; line-height: 1.3;
  padding: 7px 0 7px 5px; color: #798b6e; flex-shrink: 0;
}
.compact-plate .change-focus:hover { color: #2f643d; }
.compact-plate .change-focus svg { width: 12px; height: 12px; }
.compact-move {
  display: grid; grid-template-columns: minmax(0,1fr) 57px; gap: 12px;
  align-items: center; margin: 12px 15px 16px;
}
.move-copy { min-width: 0; }
.compact-plate .move-copy > .eyebrow {
  margin: 0 0 7px; font-size: 8px; letter-spacing: 1.2px;
  font-weight: 620; color: #819477; line-height: 1.2;
}
.compact-plate .move-title {
  min-height: 0; height: auto; font-size: 18px; line-height: 1.42;
  font-weight: 510; letter-spacing: -.3px; color: #354e3b;
  max-width: none; overflow-wrap: anywhere;
}
.compact-plate .move-title:hover { color: #52753b; }
.compact-plate .inline-move-action {
  display: flex; justify-content: center; align-items: center; align-self: center;
  padding-top: 0; min-width: 0;
}
.compact-plate .complete-move, .compact-plate .held-action, .compact-plate .choose-move {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 6px; margin: 0; padding: 5px 0; width: 57px; min-height: 48px;
  line-height: 1.2; font-size: 11px; font-weight: 500; border: 0; text-align: center;
  white-space: normal; color: #617c50; border-radius: 6px;
}
.compact-plate .complete-move > span, .compact-plate .move-action-icon {
  display: grid; place-items: center; width: 29px; height: 29px;
  background: #f3f7ed; border: 1px solid #cdddbc; border-radius: 50%;
  color: #739358; flex-shrink: 0; transition: background .15s, border-color .15s;
}
.compact-plate .complete-move:hover:not(:disabled) > span {
  background: #426a4a; border-color: #426a4a; color: #fff;
}
.compact-plate .complete-move:hover:not(:disabled) { color: #315839; }
.compact-plate .complete-move:disabled { opacity: .45; }
.compact-plate .held-action { font-size: 11px; color: #a18453; }
.compact-plate .held-action .move-action-icon { background: #fbf8f0; border-color: #e9dfc9; color: #ac9469; }
.compact-plate .held-action.blocked { color: #b18569; }
.compact-plate .held-action.blocked .move-action-icon { background: #fcf5ef; border-color: #eddbcc; color: #b99171; }
.compact-plate .move-context { margin-top: 6px; color: #9c845c; font-size: 11px; line-height: 1.5; }
.compact-plate .get-spinning {
  display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 13px;
  align-items: center; margin: 0; padding: 12px 15px 13px;
  border: 0; border-top: 1px solid #e9eddf; border-radius: 0;
  background: #f8faf4;
}
.parallel-copy { min-width: 0; }
.compact-plate .spin-eyebrow {
  margin: 0 0 5px; gap: 5px; font-size: 8px; font-weight: 620;
  letter-spacing: 1px; line-height: 1.3; color: #859369;
}
.compact-plate .spin-title {
  font-size: 12px; line-height: 1.45; font-weight: 450; color: #6a7c57;
  overflow-wrap: anywhere;
}
.compact-plate .delegate-trigger {
  display: inline-flex; align-items: center; gap: 4px; padding: 9px 0 9px 4px;
  font-size: 11px; line-height: 1.3; font-weight: 500; color: #718157; white-space: nowrap;
}
.compact-plate .delegate-trigger:hover { color: #345c38; }
.compact-plate .spin-title:hover { color: #345c38; }
.compact-plate .empty-move {
  font-size: 18px; line-height: 1.42; font-weight: 460; letter-spacing: -.2px;
  margin: 0; padding: 0; min-height: 0; color: #8e9e82;
}
.compact-plate .finished-move { display: block; margin: 0; padding: 0; }
.compact-plate .finished-move h3 {
  font-size: 18px; font-weight: 510; line-height: 1.42; letter-spacing: -.25px;
  color: #597b43; margin: 0;
}
.compact-plate .choose-move { font-size: 11px; color: #7e946a; }
.compact-plate .choose-move:hover { color: #436632; }

/* The calendar remains a narrow right-hand rail, without a large empty drop zone. */
.overview-two .make-time { padding: 18px 17px 16px; }
.overview-two .agenda-heading { margin-bottom: 12px; }
.overview-two .agenda-date { margin-bottom: 8px; padding-bottom: 11px; }
.overview-two .agenda-events { padding: 3px 0 12px; }
.overview-two .agenda-event { min-height: 0; padding: 9px 0; }
.overview-two .calendar-drop {
  display: grid; grid-template-columns: 25px minmax(0,1fr); gap: 6px 9px;
  min-height: 0; padding: 14px 12px; align-items: center; text-align: left;
}
.overview-two .calendar-drop .drop-clock { grid-row: 1 / 3; margin: 0; width: 23px; align-self: start; padding-top: 1px; }
.overview-two .calendar-drop > strong { font-size: 11px; line-height: 1.45; }
.overview-two .calendar-drop > span:not(.drop-clock):not(.plan-task) { font-size: 10px; line-height: 1.5; }
.overview-two .calendar-drop .plan-task { grid-column: 2; font-size: 11px; margin: 3px 0 0; justify-content: flex-start; }
.overview-two .calendar-open { margin-top: 13px; }
.overview-two .calendar-demo { margin-top: 15px; }
.page-footer .footer-brand { font-style: normal; letter-spacing: .1px; color: #94a089; }

@media (min-width:1700px) {
  .overview-two-layout { grid-template-columns: minmax(0,1fr) 270px; gap: 26px; }
  .plates-grid { gap: 18px; }
  .compact-plate .plate-top { padding: 16px 18px 0; }
  .compact-plate .plate-project h2 { font-size: 14px; }
  .compact-plate .project-badge { width: 30px; height: 30px; font-size: 10px; }
  .compact-move { margin: 16px 18px 19px; gap: 14px; }
  .compact-plate .move-title, .compact-plate .empty-move, .compact-plate .finished-move h3 { font-size: 20px; }
  .compact-plate .get-spinning { padding: 13px 18px 14px; }
  .compact-plate .spin-title { font-size: 13px; }
  .compact-plate .move-copy > .eyebrow { font-size: 9px; }
}
@media (max-width:1440px) {
  .overview-two-layout { grid-template-columns: minmax(0,1fr) 230px; gap: 20px; }
  .plates-grid { gap: 14px; }
  .brand.fj-brand { gap: 7px; margin-left: 2px; }
  .brand.fj-brand > svg { width: 25px; }
  .brand.fj-brand .brand-word { font-size: 19px; }
  .compact-plate .plate-top { padding-left: 13px; padding-right: 13px; gap: 6px; }
  .compact-plate .plate-project { gap: 7px; }
  .compact-plate .change-focus { gap: 4px; }
  .compact-move { margin-left: 13px; margin-right: 13px; gap: 10px; }
  .compact-plate .get-spinning { padding-left: 13px; padding-right: 13px; gap: 10px; }
}
@media (max-width:1360px) { .plates-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:1040px) {
  .brand.fj-brand { gap: 6px; margin-left: 0; }
  .brand.fj-brand > svg { width: 22px; }
  .brand.fj-brand .brand-word { font-size: 18px; }
  .overview-two-layout { grid-template-columns: minmax(0,1fr) 210px; gap: 17px; }
  .compact-plate .plate-top { flex-wrap: wrap; row-gap: 1px; }
  .compact-plate .change-focus { margin-left: auto; }
}
@media (max-width:860px) {
  .overview-two-layout { grid-template-columns: minmax(0,1fr); }
  .overview-two .make-time { display: block; }
  .overview-two .calendar-drop { max-width: none; }
  .compact-plate .plate-top { flex-wrap: nowrap; }
}
@media (max-width:700px) {
  .brand.fj-brand { margin-left: 5px; gap: 9px; }
  .brand.fj-brand > svg { width: 27px; }
  .brand.fj-brand .brand-word { font-size: 20px; }
  .overview-two .page-heading { margin-bottom: 20px; }
  .plates-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
  .compact-plate .plate-top { flex-wrap: wrap; row-gap: 0; }
  .compact-plate .change-focus { margin-left: auto; }
  .compact-plate .get-spinning { gap: 9px; }
}
@media (max-width:560px) {
  .plates-grid { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .compact-plate .plate-top { flex-wrap: nowrap; padding: 14px 16px 0; }
  .compact-plate .plate-project h2 { font-size: 14px; }
  .compact-plate .project-badge { width: 30px; height: 30px; font-size: 10px; }
  .compact-move { margin: 14px 16px 17px; gap: 14px; grid-template-columns: minmax(0,1fr) 58px; }
  .compact-plate .move-title, .compact-plate .empty-move, .compact-plate .finished-move h3 { font-size: 20px; line-height: 1.42; }
  .compact-plate .move-copy > .eyebrow { font-size: 8.5px; }
  .compact-plate .get-spinning { padding: 12px 16px 13px; gap: 12px; }
  .compact-plate .complete-move, .compact-plate .held-action, .compact-plate .choose-move { min-height: 50px; font-size: 11px; }
  .compact-plate .move-title { animation-duration: .2s; }
}
@media (prefers-reduced-motion:reduce) {
  .compact-plate .move-title, .compact-plate .complete-move > span { animation: none; transition: none; }
}

/* Secondary task groups keep their primary project/status/list heading. */
.task-subgroup>h3 { display:flex; align-items:center; padding:12px 20px 9px; margin:0; font-size:11px; font-weight:550; color:#899a79; border-bottom:1px solid #edf1e6; overflow-wrap:anywhere; }
.task-properties input.delegatable-toggle { width:16px; height:16px; padding:0; margin-left:8px; cursor:pointer; }

.settings-trigger {display:flex;align-items:center;gap:9px;color:#7c8a70;font-size:12px;padding:12px 8px;width:100%;justify-content:flex-start;margin-bottom:8px;border-radius:6px;}
.settings-trigger:hover,.settings-trigger.active {background:#e8eedf;color:#526d40;}
.scheduled-allocation {display:block;margin-top:4px;font-size:9px;color:#789365;line-height:1.4;white-space:normal;}
.schedule-policy {font-size:11px;color:#8a9b79;line-height:1.6;}
/* Saving, recovery and import */
.save-alert{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;margin:0 0 22px;padding:14px 18px;border:1px solid #ecd9c8;background:#fdf6ef;border-radius:10px;color:#7d5b3f;font-size:13px;line-height:1.5}
.save-alert p{margin:0;flex:1 1 280px}.save-alert>div{display:flex;gap:8px;flex-wrap:wrap}
.save-status[data-save-state=conflict],.save-status[data-save-state=invalid],.save-status[data-save-state=retrying]{color:#9a653f}
.welcome-empty{background:#fff;border:1px solid #e0e7d7;border-radius:12px;padding:28px;align-self:start}
.welcome-empty h2,.import-settings h2{font-size:20px;font-weight:550;margin:0 0 10px}
.welcome-empty p,.import-settings p{font-size:14px;line-height:1.7;color:#7b8b70;margin:0 0 18px}
.welcome-empty>div{display:flex;gap:10px;flex-wrap:wrap}
.import-file{position:relative;cursor:pointer}.import-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.import-settings{max-width:720px;background:#fff;border:1px solid #e0e7d7;border-radius:10px;padding:28px;margin-top:20px}
.import-projects{display:flex;flex-direction:column;gap:9px;margin:18px 0}.import-projects label{display:flex;align-items:center;gap:10px;font-size:14px}
.import-error{color:#9a653f;font-size:13px}
.topbar-tools form{margin:0}.sign-out{font-size:12px}
.users-link{font-size:12px;text-decoration:none;color:inherit}

/* Overview 3 is an additive comparison. Existing overview selectors stay intact. */
.overview-three-intro { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:-9px 0 25px; }
.document-eyebrow { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:650; letter-spacing:1.4px; color:#7d8d73; line-height:1.5; }
.document-eyebrow>span { width:7px; height:7px; border-radius:50%; }
.overview-three-intro p { margin:5px 0 0; color:#788670; font-size:14px; }
.overview-three .card-document-step { display:flex; align-items:flex-start; justify-content:flex-start; gap:7px; margin-top:11px; padding:0; text-align:left; font-size:12px; line-height:1.5; color:#7a886d; width:100%; }
.card-document-step svg { flex-shrink:0; margin-top:2px; }
.card-document-step span { min-width:0; overflow-wrap:anywhere; }
.card-document-step:hover { color:#355b3f; }
.task-document { max-width:1320px; margin:0 auto; padding-bottom:20px; }
.document-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:#9aa490; font-size:12px; margin-bottom:29px; }
.document-breadcrumb button { color:#5c7651; display:flex; gap:9px; align-items:center; padding:0; }
.document-breadcrumb>span:last-child { color:#6c7b63; }
.document-heading { display:flex; gap:24px; justify-content:space-between; align-items:center; margin-bottom:28px; }
.document-heading>div:first-child { min-width:0; max-width:790px; }
.document-heading h1 { font-size:32px; letter-spacing:-1px; line-height:1.22; margin:10px 0 10px; overflow-wrap:anywhere; font-weight:600; }
.document-heading p { color:#85917c; font-size:14px; line-height:1.6; margin:0; }
.document-actions { display:flex; flex-wrap:wrap; gap:8px; flex-shrink:0; }
.document-actions button { white-space:nowrap; }
.document-complete { color:#608252; display:flex; align-items:center; gap:6px; font-size:13px; }
.document-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:28px; align-items:start; }
.scratch-paper { background:#fff; border:1px solid #e0e6d8; border-radius:12px; overflow:hidden; min-width:0; box-shadow:0 3px 9px #29392203; }
.resume-strip { padding:23px 28px; display:flex; align-items:flex-start; gap:13px; background:#f1f5eb; border-bottom:1px solid #e3eadb; }
.resume-strip>svg { margin-top:3px; color:#82996b; flex-shrink:0; }
.resume-strip p { color:#48613e; font-size:14px; line-height:1.65; margin:7px 0 8px; white-space:pre-wrap; overflow-wrap:anywhere; }
.resume-strip small { color:#8a9780; font-size:11px; line-height:1.6; }
.scratch-heading { display:flex; justify-content:space-between; align-items:center; padding:25px 28px 19px; gap:12px; }
.scratch-heading h2 { font-size:20px; font-weight:600; margin:0; letter-spacing:-.4px; }
.scratch-heading p { font-size:12px; color:#9aa58f; margin:6px 0 0; }
.document-save { display:flex; gap:5px; align-items:center; font-size:10px; color:#91a182; white-space:nowrap; }
.document-save i { width:5px; height:5px; border-radius:50%; background:#8fa873; }
.document-save.unsaved { color:#b27049; }.document-save.unsaved i { background:#b27049; }
.scratch-toolbar { display:flex; justify-content:space-between; gap:10px; padding:10px 23px; border-top:1px solid #f0f2ed; border-bottom:1px solid #eef1e9; background:#fcfdfb; }
.scratch-toolbar>div { display:flex; gap:3px; align-items:center; }
.scratch-toolbar button { font-size:12px; padding:7px 8px; display:flex; gap:7px; align-items:center; color:#6b7e5b; border-radius:5px; }
.scratch-toolbar button:hover:not(:disabled) { background:#edf2e6; }
.task-document button:disabled { opacity:.4; cursor:default; }
.scratch-lines { padding:20px 18px 6px 14px; }
.scratch-line { margin-left:calc(var(--depth) * 20px); border-radius:5px; }
.line-edit { display:flex; gap:8px; align-items:flex-start; padding:4px 0; min-width:0; }
.line-fold,.line-fold-space { width:15px; height:30px; flex-shrink:0; display:flex; align-items:center; padding:0; color:#9ba88f; }
.line-marker { width:17px; height:17px; border:1px solid #c7d1bb; border-radius:4px; flex-shrink:0; padding:0; display:flex; align-items:center; justify-content:center; margin-top:7px; color:#6d8658; }
.line-marker.is-bullet { border:0; font-size:22px; color:#8ea37c; }
.line-marker.checked { background:#edf3e7; border:1px solid #cbdabb; }
.line-edit textarea { flex:1; min-width:0; width:100%; padding:3px 2px; background:transparent; border:0; border-radius:3px; resize:none; overflow:hidden; font-size:16px; line-height:1.6; color:#3f5137; outline:none; box-shadow:none; }
.line-edit textarea:focus { background:#f9fbf6; outline:none; box-shadow:0 1px #b8c6a7; }
.line-edit textarea::placeholder { color:#b0b9a7; }
.line-done>.line-edit>textarea { color:#a0ab96; text-decoration:line-through; }
.line-note-button { flex-shrink:0; color:#a4b098; width:24px; height:30px; display:flex; align-items:center; justify-content:center; padding:0; }
.line-note-button:hover { color:#587148; }
.line-reflection { display:flex; gap:6px; text-align:left; margin:0 28px 9px 48px; color:#879579; font-size:12px; line-height:1.55; padding:0; max-width:calc(100% - 76px); }
.line-reflection svg { flex-shrink:0; margin-top:3px; }.line-reflection span { white-space:pre-wrap; overflow-wrap:anywhere; }
.completion-context { background:#f5f8f0; border:1px solid #dce6cf; border-radius:8px; margin:7px 5px 14px 45px; padding:16px; }
.completion-context-heading { display:flex; gap:8px; align-items:center; font-size:13px; color:#567746; margin-bottom:10px; }
.completion-context textarea { width:100%; border:0; background:#fff9; border-radius:5px; padding:10px; color:#44593b; resize:vertical; font-size:14px; line-height:1.6; min-height:85px; }
.completion-context>div:last-child { display:flex; gap:12px; align-items:center; justify-content:space-between; margin-top:10px; }
.completion-context small { color:#99a58e; font-size:10px; }
.scratch-add { color:#8c9b7d; display:flex; gap:9px; align-items:center; padding:15px 0; margin:0 28px 18px 45px; font-size:13px; text-align:left; }
.scratch-shortcuts { display:flex; flex-wrap:wrap; gap:10px 15px; padding:17px 28px; background:#fcfdfb; border-top:1px solid #eef1e9; font-size:10px; color:#99a58c; }
.task-document kbd { font-family:inherit; font-size:10px; color:#78876b; border:1px solid #e2e8dc; border-radius:3px; background:#fff; padding:2px 4px; white-space:nowrap; }
.context-rail { display:grid; gap:23px; min-width:0; }
.context-rail h2 { font-size:17px; font-weight:550; letter-spacing:-.3px; margin:10px 0; }
.return-note { border:1px solid #e2e6d9; border-radius:10px; background:#f4f3e9; padding:20px; }
.return-note .document-eyebrow { color:#9c9573; font-size:8px; letter-spacing:1.1px; }
.return-note h2 { color:#6e7052; }
.return-note p { font-size:12px; line-height:1.65; color:#9b9c81; margin:8px 0 15px; }
.return-note textarea { display:block; width:100%; resize:none; overflow:hidden; border:0; background:#fff7; padding:10px 12px; border-radius:6px; font-size:14px; line-height:1.7; color:#707356; min-height:66px; }
.return-note textarea::placeholder { color:#aaa98f; }
.return-note-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:10px; }
.return-note-actions small { color:#929379; font-size:10px; line-height:1.5; }
.return-note-actions button { font-size:12px; }
.self-notes { list-style:none; margin:20px 0 0; padding:0; border-top:1px solid #dedfce; }
.self-notes li { padding:15px 0; border-bottom:1px solid #e5e5d9; }
.self-notes li:last-child { padding-bottom:0; border-bottom:0; }
.self-notes time { display:block; color:#91927c; font-size:10px; line-height:1.5; }
.self-notes p { margin:6px 0 0; color:#616b52; font-size:13px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.scratch-empty { padding:35px 25px 18px; text-align:center; color:#a1af92; }.scratch-empty>svg { margin:auto; }.scratch-empty h3 { font-size:21px; font-weight:500; margin:15px 0 10px; color:#6f865d; }.scratch-empty p { font-size:14px; line-height:1.8; margin:0 0 20px; }.scratch-empty .secondary-button { margin:auto; }
.document-held { display:flex; align-items:center; gap:9px; color:#a47c51; background:#f7f1e6; padding:14px 18px; border-radius:8px; font-size:13px; margin:0 0 20px; }
.finish-task-panel { border:1px solid #d6e2c9; background:#f0f5e9; padding:25px; border-radius:10px; margin-bottom:25px; }
.finish-task-panel h2 { margin:0 0 8px; font-size:20px; font-weight:550; }.finish-task-panel p { font-size:13px; color:#819471; line-height:1.7; }.finish-task-panel label { display:block; font-size:12px; margin:18px 0; }.finish-task-panel textarea { display:block; margin-top:10px; width:100%; padding:12px; background:#fff; border:1px solid #dce5d2; border-radius:6px; font-size:14px; line-height:1.6; resize:vertical; }.finish-task-panel>div { display:flex; justify-content:flex-end; gap:10px; }
.document-announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.task-document button:focus-visible,.task-document summary:focus-visible { outline:2px solid #9bb48a; outline-offset:3px; }
.scratch-toolbar select { max-width:155px; min-width:0; padding:6px 8px; border:1px solid #e0e7d9; border-radius:5px; background:#fff; color:#526947; font:inherit; font-size:12px; }
.scratch-lines { position:relative; min-height:110px; }
.scratch-lines.is-empty { min-height:165px; }
.scratch-lines .scratch-empty { position:absolute; top:27px; left:39px; padding:0; margin:0; pointer-events:none; z-index:1; text-align:left; color:#a0ac95; font-size:16px; line-height:1.6; }
.line-edit textarea[hidden] { display:none; }
.line-edit .block-preview { flex:1; min-width:0; padding:3px 2px; font-size:16px; line-height:1.6; color:#3f5137; cursor:text; overflow-wrap:anywhere; white-space:pre-wrap; border-radius:3px; }
.block-preview p,.block-preview h1,.block-preview h2,.block-preview h3,.block-preview h4,.block-preview blockquote,.block-preview pre { margin:0; font:inherit; }
.block-preview strong { font-weight:700; }.block-preview em { font-style:italic; }
.block-preview code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9em; background:#eff3e9; padding:1px 3px; border-radius:3px; }
.scratch-line[data-kind="h1"]>.line-edit :is(textarea,.block-preview) { font-size:29px; font-weight:650; letter-spacing:-.7px; line-height:1.35; }
.scratch-line[data-kind="h2"]>.line-edit :is(textarea,.block-preview) { font-size:24px; font-weight:600; letter-spacing:-.5px; line-height:1.4; }
.scratch-line[data-kind="h3"]>.line-edit :is(textarea,.block-preview) { font-size:20px; font-weight:600; line-height:1.45; }
.scratch-line[data-kind="h4"]>.line-edit :is(textarea,.block-preview) { font-size:17px; font-weight:650; line-height:1.5; }
.scratch-line[data-kind^="h"] { margin-top:14px; margin-bottom:5px; }
.scratch-line[data-kind="quote"]>.line-edit :is(textarea,.block-preview) { border-left:3px solid #c1cdb3; border-radius:0; padding-left:14px; color:#7a866f; }
.scratch-line[data-kind="code"]>.line-edit :is(textarea,.block-preview) { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:14px; padding:13px 14px; background:#f1f4ed; border:1px solid #e2e8da; border-radius:6px; line-height:1.65; tab-size:2; white-space:pre-wrap; overflow-wrap:anywhere; }
.block-preview pre { white-space:pre-wrap; overflow-wrap:anywhere; }.block-preview pre code { background:none; padding:0; font:inherit; }
.line-done>.line-edit :is(textarea,.block-preview) { color:#98a48f; text-decoration:line-through; }
.block-preview:focus-visible { outline:2px solid #9bb48a; outline-offset:2px; }
.subtask-parent { display:block; margin-top:4px; font-size:11px; line-height:1.5; font-weight:400; color:#8b9981; }
.scratch-line { position:relative; }
.scratch-paper.menu-open { overflow:visible; }
.slash-menu { position:absolute; top:100%; left:23px; z-index:20; width:330px; max-width:calc(100% - 23px); border:1px solid #dce5d3; border-radius:9px; background:#fff; box-shadow:0 8px 28px #30452621; overflow:hidden; }
.slash-menu.slash-above { top:auto; bottom:100%; }
.slash-menu-heading { display:flex; justify-content:space-between; gap:10px; padding:13px 14px; border-bottom:1px solid #edf1e8; color:#637654; }
.slash-menu-heading strong { font-size:12px; font-weight:600; }.slash-menu-heading>span { font-size:10px; color:#91a083; }
.slash-options { padding:5px; max-height:var(--menu-height); overflow-y:auto; overscroll-behavior:contain; }
.slash-options>button { display:flex; align-items:center; justify-content:flex-start; gap:11px; width:100%; padding:9px; border-radius:5px; text-align:left; color:#526648; }
.slash-options>button:hover,.slash-options>button[aria-selected="true"] { background:#eef4e7; }
.style-symbol { width:33px; height:30px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:#f7f9f3; border:1px solid #e1e8d8; border-radius:4px; font-size:13px; letter-spacing:-.6px; }
.slash-options strong { display:block; font-size:13px; font-weight:550; }.slash-options small { display:block; margin-top:3px; color:#93a085; font-size:11px; line-height:1.5; }.style-enter { margin-left:auto; color:#8b9e7b; }.slash-no-results { margin:12px; font-size:12px; color:#7c8d6d; line-height:1.7; }
.stash-panel { flex:1; min-width:0; background:#f7f7f0; border:1px solid #e4e7d9; border-left:3px solid #b6bea0; border-radius:5px; padding:12px 14px 7px; margin:5px 0; }
.stash-label { display:flex; align-items:center; gap:6px; font-size:11px; font-weight:600; color:#7a8867; margin-bottom:8px; }.stash-label small { margin-left:auto; font-size:10px; font-weight:400; color:#a0a88d; }
.line-edit .stash-preview { padding:2px 0; color:#687759; cursor:text; }.stash-preview blockquote { font:inherit; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.stash-collapsed .stash-preview { max-height:4.8em; overflow:hidden; }
.stash-collapsed .stash-preview blockquote { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.stash-panel textarea { display:block; min-height:90px; padding:2px 0; background:transparent; color:#687759; }
.stash-panel textarea:focus { background:transparent; box-shadow:none; }
.stash-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:5px; }
.stash-toggle { display:flex; align-items:center; gap:7px; padding:4px 0; color:#879374; font-size:11px; }.stash-toggle>span { font-size:21px; line-height:1; letter-spacing:2px; }.stash-controls .text-button { font-size:11px; color:#81916f; }
@media(max-width:600px) { .slash-menu { left:17px; max-width:calc(100% - 17px); }.slash-menu-heading { padding:11px; }.stash-panel { padding:10px 10px 6px; }.stash-label small { font-size:9px; } }
@media(max-width:1200px) { .document-layout { grid-template-columns:minmax(0,1fr) 250px; gap:20px; }.document-heading { align-items:flex-start; }.document-actions { flex-direction:column; }.document-heading h1 { font-size:28px; }.return-note { padding:18px; } }
@media(max-width:1000px) { .document-layout { grid-template-columns:minmax(0,1fr); }.context-rail { grid-template-columns:minmax(0,1fr); }.document-heading { gap:18px; }.document-heading h1 { font-size:27px; } }
@media(max-width:600px) { .overview-three-intro { align-items:flex-start; flex-direction:column; gap:11px; }.overview-three-intro p { font-size:13px; }.document-breadcrumb { margin-bottom:22px; font-size:11px; }.document-heading { flex-direction:column; }.document-actions { flex-direction:row; }.document-heading h1 { font-size:27px; }.document-heading p { font-size:13px; }.document-layout { gap:22px; }.context-rail { grid-template-columns:minmax(0,1fr); }.resume-strip { padding:19px 17px; }.scratch-heading { padding:22px 17px 18px; }.scratch-toolbar { padding:8px 9px; gap:4px; }.scratch-toolbar button { padding:7px 6px; font-size:11px; }.scratch-lines { padding:16px 9px 5px 3px; }.scratch-line { margin-left:calc(var(--depth) * 11px); }.line-edit { gap:5px; }.line-edit textarea { font-size:16px; }.line-note-button { width:19px; }.line-fold,.line-fold-space { width:12px; }.line-reflection { margin-left:38px; max-width:calc(100% - 48px); margin-right:10px; }.completion-context { margin-left:28px; padding:12px; }.completion-context>div:last-child { align-items:flex-start; flex-direction:column; }.scratch-shortcuts { padding:15px 17px; gap:10px; }.scratch-add { margin-left:34px; font-size:12px; }.task-document textarea { font-size:16px; }.finish-task-panel { padding:18px; } }
@media(max-width:600px) { .scratch-toolbar { flex-wrap:wrap; }.scratch-toolbar>div { flex-wrap:wrap; }.scratch-toolbar select { max-width:145px; }.scratch-lines .scratch-empty { left:22px; top:23px; }.scratch-line[data-kind="code"]>.line-edit textarea { font-size:16px; } }

.scratch-line[data-kind=check] .line-edit { flex-wrap:wrap; }
.scratch-line[data-kind=check] .line-edit > textarea, .scratch-line[data-kind=check] .line-edit > .block-preview { min-width:min(150px,65%); }
@media(max-width:700px) { .scratch-line .task-properties-inline { margin-left:40px; padding-top:0; } }
.task-notes-line { padding-left:calc(var(--depth) * 18px); }
.task-notes-line.line-done p { color:#98a28e; text-decoration:line-through; text-decoration-color:#c3ccb9; }
.task-notes-marker { display:inline-block; width:18px; color:#8ea07c; }

/* Two navigation panels share one rail. The main navigation slides out to the left. */
.sidebar { padding: 0; overflow: hidden; transition: width .24s ease, transform .24s ease; }
.sidebar-main, .sidebar-notes { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 30px 16px 0; transition: transform .24s ease, visibility 0s linear .24s; overflow-y: auto; }
.sidebar-main { transform: translateX(0); transition: transform .24s ease; }
.sidebar-notes { transform: translateX(100%); visibility: hidden; }
.notes-navigation-open .sidebar-main { transform: translateX(-100%); visibility: hidden; transition: transform .24s ease, visibility 0s linear .24s; }
.notes-navigation-open .sidebar-notes { transform: translateX(0); visibility: visible; transition: transform .24s ease; }
.workspace { transition: margin-left .24s ease; }
.notes-navigation-open .sidebar { width: 280px; }
.notes-navigation-open .workspace { margin-left: 280px; }
.notes-nav-back { justify-content: flex-start; gap: 9px; align-self: flex-start; color: #75816f; font-size: 12px; padding: 4px 3px; margin-bottom: 30px; }
.notes-nav-back > span { font-size: 18px; }
.notes-nav-back:hover { color: #344e38; }
.notes-nav-heading { display: flex; justify-content: space-between; align-items: center; padding: 0 5px; color: #82917c; margin-bottom: 21px; }
.notes-nav-heading span { font-size: 9px; font-weight: 600; letter-spacing: 1.4px; }
.notes-nav-heading h2 { font-size: 27px; font-weight: 600; letter-spacing: -.7px; color: #344537; margin: 7px 0 0; }
.notes-create-links { display:flex; align-items:center; justify-content:center; gap:8px; padding:0 5px; margin:0 0 15px; color:#9ca792; font-size:12px; }
.notes-create-links button { font:inherit; color:#73846a; padding:5px 0; }
.notes-create-links button:hover { color:#48623a; text-decoration:underline; text-underline-offset:3px; }
.notes-nav-intro { color: #87937e; font-size: 11px; line-height: 1.6; margin: 11px 5px 23px; max-width: 210px; }
.sidebar .notes-navigation { margin: 0 -6px; display: block; flex: 1; min-height: 100px; overflow: auto; padding: 2px; }
.notes-navigation ul { list-style: none; margin: 0; padding: 0; }
.notes-navigation ul ul { margin-left: 14px; padding-left: 3px; border-left: 1px solid #e0e6d8; }
.notes-roots > li { margin-bottom: 5px; }
.note-tree-row { display: flex; align-items: center; min-height: 36px; border-radius: 6px; margin-bottom: 2px; padding-right: 2px; }
.note-tree-row:hover { background: #e9edE3; }
.note-tree-row.current { background: #e2e9d8; }
.note-tree-link { flex: 1; min-width: 0; justify-content: flex-start; gap: 8px; text-align: left; padding: 8px 0; color: #6e7c65; font-size: 12px; line-height: 1.45; }
.note-tree-link > span { overflow-wrap: anywhere; }
.note-tree-link > svg { flex-shrink: 0; color: #8c9b80; }
.note-tree-link > i { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; margin: 0 4px; }
.current .note-tree-link { color: #48623a; font-weight: 600; }
.note-tree-disclosure, .note-tree-spacer { width: 23px; flex-shrink: 0; }
.note-tree-disclosure, .note-tree-add { min-height: 28px; border-radius: 4px; color: #8a997d; }
.note-tree-add { width: 25px; flex-shrink: 0; opacity: 0; }
.note-tree-row:hover .note-tree-add, .note-tree-row:focus-within .note-tree-add, .note-tree-row.current .note-tree-add { opacity: 1; }
.note-tree-disclosure:hover, .note-tree-add:hover { background: #dce4d2; color: #4e673d; }
.notes-nav-bottom { flex-shrink: 0; margin-top: 20px; border-top: 1px solid #e0e6d8; padding: 4px 5px 5px; }
.notes-nav-bottom > p { font-size: 11px; line-height: 1.7; color: #96a28d; margin: 14px 0 9px; }
.notes-nav-bottom > p > span { color: #6e865c; }
.notes-nav-bottom .save-status { padding: 12px 0; }
.note-heading > div { flex-wrap: wrap; }
@media (max-width: 1270px) { .sidebar-main { padding-left: 13px; padding-right: 13px; } }
@media (max-width: 700px) {
  .sidebar-main { padding: 27px 16px 0; }
  .workspace { transition: none; }
  .notes-navigation-open .workspace { margin-left: 0; }
  .notes-navigation-open .sidebar { width: min(310px, calc(100vw - 48px)); }
  .note-tree-add { opacity: 1; }
  .note-tree-row { min-height: 42px; }
  .note-tree-link { font-size: 13px; }
  .note-tree-disclosure, .note-tree-add { min-height: 36px; }
}
@media (hover: none) { .note-tree-add { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .sidebar, .sidebar-main, .sidebar-notes, .workspace { transition: none; }
}

/* Project-scoped views share the same original notes, chunks and tasks. */
.sidebar .project-navigation-panel { margin:0; padding:0; }
.project-base-heading { padding:5px 5px 17px; border-radius:6px; }
.project-base-heading>span { font-size:9px; letter-spacing:1.4px; color:#89967f; font-weight:650; }
.project-base-link { width:100%; margin-top:8px; }
.project-base-link h2 { font-size:25px; font-weight:600; letter-spacing:-.6px; color:#344537; line-height:1.2; margin:0; overflow-wrap:anywhere; }
.project-view-filters { display:flex; gap:4px; margin-bottom:17px; padding:4px; background:#e9ede2; border-radius:8px; }
.project-view-filters button { flex:1; min-width:0; flex-direction:column; gap:5px; padding:9px 4px; border-radius:5px; font-size:11px; color:#728267; }
.project-view-filters button.active { background:#fafcf6; color:#45613a; box-shadow:0 1px 3px #34453712; }
.project-navigation-panel .note-tree-link small { display:block; font-size:10px; font-weight:400; color:#92a087; margin-top:3px; }
.project-nav-group { margin:18px 0; }
.project-nav-group h3 { margin:0 5px 7px; font-size:11px; color:#8b967f; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.project-nav-group .note-tree-row { padding-left:12px; }
.project-nav-empty { color:#8b967f; font-size:12px; line-height:1.7; padding:9px 5px; }
.note-drop-before { box-shadow:0 -2px #829968; }
.note-drop-after { box-shadow:0 2px #829968; }
.project-task-link { width:100%; text-align:left; justify-content:flex-start; align-items:flex-start; gap:7px; color:#637a54; font-size:12px; line-height:1.5; padding:8px 4px 8px calc(7px + var(--task-depth)*12px); }
.project-task-link svg { flex-shrink:0; margin-top:3px; }
.project-task-link span { min-width:0; overflow-wrap:anywhere; }
.project-task-link.done span,.project-task-copy>button.done { text-decoration:line-through; color:#98a889; }
.workspace main.project-task-page { width:100%; min-width:0; margin:0; padding-bottom:24px; }
.project-task-page .page-heading { flex-wrap:wrap; gap:18px; }
.project-task-page .page-heading h1 { min-width:0; overflow-wrap:anywhere; }
.project-task-controls { display:flex; align-items:end; flex-wrap:wrap; gap:15px; margin:0 0 30px; }
.project-task-controls>label { display:flex; flex-direction:column; gap:7px; font-size:12px; color:#7d8c71; }
.project-task-controls select { min-width:150px; padding:9px 12px; border:1px solid #dfe6d5; border-radius:6px; background:#fff; color:#5e7450; font:inherit; }
.project-task-controls>button { min-height:36px; }
.project-task-controls .project-show-done { flex-direction:row; align-items:center; align-self:center; margin-left:auto; }
.project-task-controls input { width:auto; }
.project-task-group { margin:0 0 30px; }
.project-task-group h2 { font-size:18px; font-weight:600; color:#5a754a; margin:0 0 14px; }
.project-task-row { display:grid; grid-template-columns:20px minmax(0,1fr) auto 32px; gap:13px; align-items:center; padding:16px 0 16px min(calc(var(--task-depth)*20px),25%); border-bottom:1px solid #e3e9dc; }
.project-task-copy { min-width:0; }
.project-task-copy>button:first-child { font-size:16px; line-height:1.5; text-align:left; justify-content:flex-start; padding:0; color:#425d3d; overflow-wrap:anywhere; }
.project-task-source { gap:5px; display:flex; flex-wrap:wrap; justify-content:flex-start; font-size:11px; color:#87967a; padding:5px 0 0; text-align:left; }
.project-task-source svg { flex-shrink:0; }
.project-task-held { display:block; margin-top:5px; color:#a18d61; line-height:1.6; }
.project-task-meta { display:flex; align-items:center; flex-wrap:wrap; gap:14px; }
.project-task-meta .task-status { font-size:10px; white-space:normal; text-align:left; }
.project-task-duration,.project-task-date { color:#8b987f; font-size:11px; }
.project-task-row .task-checkbox:disabled { opacity:.5; cursor:default; }
@media(max-width:1040px) {
 .project-task-row { grid-template-columns:20px minmax(0,1fr) 32px; gap:10px; }
 .project-task-meta { grid-column:2/-1; }
 .project-task-row>.icon-button { grid-column:3; grid-row:1; }
}
@media(max-width:560px) {
 .project-task-controls { gap:12px; }.project-task-controls>label { flex:1; }.project-task-controls select { min-width:0; width:100%; }
 .project-task-controls .project-show-done { flex-basis:100%; margin-left:0; }
 .project-task-copy>button:first-child { font-size:17px; }
}
.project-base-heading { position:relative; padding-right:23px; }
.project-base-add { position:absolute; right:0; top:33px; width:24px; height:28px; color:#80966d; }
.topbar.note-topbar { height:auto; min-height:62px; gap:18px; padding-top:14px; padding-bottom:14px; }
.note-topbar .topbar-location { flex:1; min-width:0; }
.note-topbar .topbar-tools { flex-shrink:0; align-self:flex-start; }
@media(max-width:700px) {
 .topbar.note-topbar { min-height:54px; gap:10px; }
 .note-topbar .topbar-tools .prototype-label { display:none; }
}

.notes-workspace { display: flex; flex-direction: column; min-height: 100dvh; }
.notes-workspace > .topbar { flex-shrink: 0; }
.workspace main.notes-view { display: flex; flex-direction: column; flex: 1; width: 100%; max-width: none; margin: 0; padding-bottom: 24px; }
.notes-view .page-heading { flex-wrap: wrap; margin-bottom: 22px; }
.notes-view .page-heading h1 { flex: 1 1 280px; min-width: 0; max-width: none; overflow-wrap: anywhere; }
.note-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.note-actions button { min-height: 32px; }
.notes-view .story-page { display: flex; flex-direction: column; flex: 1; max-width: none; margin: 0; padding: 0; }
.notes-view .note-story { display: flex; flex-direction: column; flex: 1; }
.notes-view .story-paper { flex: 1; }
.note-story { border: 1px solid #e0e6da; border-radius: 12px; background: #fff; min-width: 0; }
.story-toolbar { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 12px 16px; border-bottom: 1px solid #e9ede3; background: #fafbf7; border-radius: 12px 12px 0 0; }
.story-toolbar > div { display: flex; align-items: center; gap: 12px; }
.story-toolbar button { gap: 5px; font-size: 11px; color: #6a805c; min-height: 28px; }
.story-toolbar select { max-width: 160px; font-size: 12px; border: 1px solid #dce5d3; border-radius: 5px; padding: 6px; background: white; color: #506447; }
.story-guide { padding: 12px 22px; background: #f3f6ed; border-bottom: 1px solid #e0e8d8; font-size: 12px; color: #718463; line-height: 1.8; }
.story-guide p { margin: 6px 0; }
.note-story kbd { font-family: inherit; color: #536e44; font-size: 11px; background: #f4f7ef; padding: 1px 4px; border-radius: 3px; }
.story-paper { position: relative; padding: 26px 26px 34px; min-height: 240px; cursor: text; }
.story-placeholder { position: absolute; left: 26px; top: 34px; color: #9ba592; pointer-events: none; font-size: 16px; }
.story-line { position: relative; display: flex; align-items: flex-start; gap: 9px; margin: 3px 0; margin-inline-start: calc(var(--story-depth, 0) * 22px); min-width: 0; }
.story-zoom-in { position:absolute; left:-21px; top:calc(6px + 16px * 1.65 / 2); transform:translateY(-50%); width:14px; height:14px; border:1px solid #b7c7a6; border-radius:50%; color:#6a8555; background:#fff; opacity:0; }
.story-zoom-in::after { content:""; position:absolute; inset:-5px; }
.story-line:hover > .story-zoom-in, .story-line:focus-within > .story-zoom-in, .story-zoom-in:focus-visible { opacity:1; }
.story-zoom-in:hover { background:#edf3e5; border-color:#819b6b; }
/* Centre on the first text line, including each chunk's chosen heading level. */
.story-line:has(textarea.h1) > .story-zoom-in { top:calc(14px + 28px * 1.35 / 2); }
.story-line:has(textarea.h2) > .story-zoom-in { top:calc(12px + 23px * 1.4 / 2); }
.story-line:has(textarea.h3) > .story-zoom-in { top:calc(10px + 20px * 1.65 / 2); }
.story-line:has(textarea.h4) > .story-zoom-in { top:calc(8px + 17px * 1.65 / 2); }
.story-line.story-selected { background: #deead2; box-shadow: 0 0 0 3px #deead2; border-radius: 3px; }
.story-selection-hint { padding: 9px 20px; background: #edf3e5; color: #526d42; font-size: 11px; line-height: 1.6; border-bottom: 1px solid #dce6d2; }
.story-block-content { position: relative; min-width: 0; flex: 1; }
.story-block-content.has-link-menu { z-index: 20; }
.story-line textarea { display: block; width: 100%; padding: 6px 0; background: transparent; color: #4e6446; border: none; outline: none; box-shadow: none; resize: none; overflow: hidden; min-height: 38px; line-height: 1.65; font-size: 16px; border-radius: 0; }
.story-line textarea[hidden] { display: none; }
.story-line textarea:focus-visible { outline: none; box-shadow: none; }
.story-line textarea::placeholder { color: #9aa68f; }
.story-preview { padding: 6px 0; min-height: 38px; font-size: 16px; line-height: 1.65; color: #4e6446; white-space: pre-wrap; overflow-wrap: anywhere; }
.story-preview p, .story-preview h1, .story-preview h2, .story-preview h3, .story-preview h4 { margin: 0; color: inherit; line-height: inherit; font-weight: inherit; font-size: inherit; letter-spacing: inherit; }
.story-preview:has(h1), .story-line textarea.h1 { font-size: 28px; line-height: 1.35; font-weight: 650; color: #344d39; padding: 14px 0 8px; letter-spacing: -.7px; }
.story-preview:has(h2), .story-line textarea.h2 { font-size: 23px; line-height: 1.4; font-weight: 600; color: #3d553b; padding: 12px 0 6px; letter-spacing: -.4px; }
.story-preview:has(h3), .story-line textarea.h3 { font-size: 20px; font-weight: 600; padding-top: 10px; }
.story-preview:has(h4), .story-line textarea.h4 { font-size: 17px; font-weight: 650; padding-top: 8px; }
.story-text { display: inline; font: inherit; text-align: left; white-space: pre-wrap; overflow-wrap: anywhere; color: inherit; }
.story-text:hover { color: #314e35; }
.story-note-link { display: inline; font: inherit; color: #526d44; background: transparent; border: 0; border-radius: 2px; padding: 0; text-align: left; overflow-wrap: anywhere; }
.story-note-link span { text-decoration: underline; text-decoration-color: #bfccb5; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.story-note-link svg { display: inline; width: .75em; height: .75em; vertical-align: -.04em; margin-right: .3em; color: #8b9b7e; }
.story-note-link:hover { color: #36522f; }
.story-note-link:hover span, .story-note-link:focus-visible span { text-decoration-color: currentColor; }
.story-marker { width: 17px; height: 17px; border: 1px solid #aabd98; border-radius: 4px; color: #64824e; flex-shrink: 0; margin-top: 12px; }
.story-marker.story-bullet { border: none; font-size: 22px; }
.story-done .story-preview, .story-done textarea { text-decoration: line-through; color: #92a287; }
.story-chunk { margin: 19px -8px; padding: 15px 18px 0 28px; border: 1px solid #d4dfc6; border-left: 3px solid #91a576; border-radius: 9px; background: #fbfcf8; min-width: 0; }
.story-chunk-label { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; color: #7c9067; font-size: 9px; font-weight: 650; letter-spacing: 1.25px; }
.story-chunk-label > span { margin-left: auto; font-size: 10px; font-weight: 400; letter-spacing: 0; color: #99a58c; }
.story-chunk-body { min-height: 40px; }
.story-chunk .story-chunk { margin-left: 0; margin-right: 0; }
.story-chunk-end { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 10px 0; margin-top: 14px; border-top: 1px solid #e7ecdf; font-size: 10px; color: #9eaa93; }
.story-chunk-end button { gap: 7px; color: #7c9167; font-size: 11px; }
.story-footnote { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 13px 20px; border-top: 1px solid #eef1e8; color: #97a08d; font-size: 11px; }
.story-footnote button { color: #64814e; gap: 6px; text-align: left; overflow-wrap: anywhere; }
.story-link-menu { position: absolute; top: 100%; left: 0; width: min(390px, 100%); background: white; border: 1px solid #d5e0c9; box-shadow: 0 10px 25px #32462820; border-radius: 9px; overflow: hidden; z-index: 25; }
.story-link-menu.above { top: auto; bottom: 100%; }
.story-link-menu-heading { padding: 12px; background: #f5f8ef; font-size: 12px; font-weight: 600; color: #5c754a; }
.story-link-menu-heading span { display: block; font-size: 10px; color: #98a58d; font-weight: 400; margin-top: 4px; }
.story-link-menu [role=listbox] { max-height: 230px; overflow: auto; padding: 5px; }
.story-link-menu [role=option] { display: flex; width: 100%; padding: 9px; gap: 9px; border-radius: 5px; justify-content: flex-start; color: #6b8259; text-align: left; }
.story-link-menu [role=option][aria-selected=true] { background: #e8efdd; }
.story-link-menu [role=option] > svg { flex-shrink: 0; }
.story-link-menu [role=option] > span { min-width: 0; }
.story-link-menu strong { display: block; font-size: 13px; font-weight: 550; overflow-wrap: anywhere; }
.story-link-menu small { display: block; color: #93a085; font-size: 10px; margin-top: 3px; overflow-wrap: anywhere; }
.story-link-menu p { padding: 10px; font-size: 12px; color: #8c9c7d; }
.story-line textarea.code, .story-code { background: #f3f5ef; font-family: ui-monospace, monospace; font-size: 13px; padding: 10px; border-radius: 5px; }
.story-code { display: block; width: 100%; }
.story-code pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.story-preview blockquote, .story-line textarea.quote, .story-line textarea.stash { border-left: 3px solid #bfccac; padding-left: 14px; margin: 0; }
.story-announcement { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
.note-tree-row[draggable=true] { cursor: grab; }
.note-tree-row.note-drop-target { background: #dce8cf; box-shadow: inset 0 0 0 2px #95af7b; }
@media(max-width: 700px) {
 .story-line { margin-inline-start: calc(var(--story-depth, 0) * 12px); }
 .story-paper { padding: 16px 14px 24px 28px; }
 .story-placeholder { left: 28px; top: 25px; }
 .story-toolbar { padding: 10px; }
 .story-toolbar > div { gap: 9px; }
 .story-help-label { display: none; }
 .story-chunk { margin: 15px -3px; padding: 12px 10px 0 24px; }
 .story-chunk-label > span { margin-left: 0; }
 .story-footnote { padding: 12px; line-height: 1.7; }
 .story-line textarea.h1, .story-preview:has(h1) { font-size: 26px; }
 .story-line:has(textarea.h1) > .story-zoom-in { top:calc(14px + 26px * 1.35 / 2); }
 .story-link-menu [role=listbox] { max-height: 200px; }
}
@media(hover:none) { .story-zoom-in { opacity:1; } }
.story-held { display: flex; align-items: center; gap: 5px; font-size: 11px; color: #a18d61; padding: 0 0 6px; }

.story-clipboard-notice { padding: 12px 20px; background: #fbf5e9; color: #826c42; font-size: 12px; line-height: 1.6; }

.story-style-menu { left:0; max-width:100%; white-space:normal; }

.story-block-content:has(> .task-properties-inline) { display:flex; flex-wrap:wrap; align-items:flex-start; gap:0 10px; }
.story-block-content:has(> .task-properties-inline) > textarea, .story-block-content:has(> .task-properties-inline) > .story-preview { flex:1; width:auto; min-width:min(180px,100%); }
.story-block-content:has(> .task-properties-inline) > .story-held { flex-basis:100%; }