: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}.primary-button.danger{background:#b4493a;border-color:#b4493a}.primary-button.danger:hover{background:#9c3c2f;border-color:#9c3c2f}.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}.secondary-button.danger{color:#a8483a;border-color:#ecd3cb}.secondary-button.danger:hover{background:#fcf3f0;border-color:#e0b4a8}.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}.form-note .text-button{display:inline;font-size:inherit;font-weight:600;color:#4c653b;text-decoration:underline;text-underline-offset:2px}.modal p[role=alert]{margin:-4px 0 14px}.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; }
}
.sidebar-label.project-label { display: flex; align-items: center; justify-content: space-between; padding-right: 4px; }
.project-label .icon-button { width: 22px; height: 22px; color: #97a58a; }
.project-label .icon-button:hover { color: #5f7650; background: #e7eedf; }

@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,.account-settings h2{font-size:20px;font-weight:550;margin:0 0 10px}
.welcome-empty p,.import-settings p,.account-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,.account-settings{max-width:720px;background:#fff;border:1px solid #e0e7d7;border-radius:10px;padding:28px;margin-top:20px}
.account-settings .account-links{font-size:13px;color:#9aa68f;margin:22px 0 0}.account-links a{color:#5c7a48}
.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}
.save-alert.calm{border-color:#dfe8d4;background:#f4f7ef;color:#5f7650}
.save-alert.conflicts{display:block}.conflicts-intro{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.save-alert.conflicts ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.save-alert.conflicts li{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #f0e2d4}
.save-alert.conflicts li>div{display:flex;gap:8px;flex-wrap:wrap}
.app-notice{max-width:min(520px,calc(100% - 32px));margin:18vh auto 0}.app-notice p{font-size:15px;color:#5f7650;margin:0 0 16px}
.search-match{font-style:normal;color:#8a987e}

/* 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; }
/* A stash is set apart from the writing around it: red, the complement of its greens, washed faint. */
.stash-panel { flex:1; min-width:0; background:rgba(196,64,58,.07); border:1px solid rgba(196,64,58,.16); border-left:3px solid #cd7f78; 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:#9c4a44; margin-bottom:8px; }.stash-label small { margin-left:auto; font-size:10px; font-weight:400; color:#b98680; }
/* Its writing is warm too, in a note as in a scratchpad (over each editor's own ink). */
.stash-panel :is(textarea, .stash-preview) { color:#6b4f4c; }
.line-edit .stash-preview { padding:2px 0; cursor:text; }.stash-preview blockquote { font:inherit; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
/* Tucked away, it shows three whole lines, at each editor's own line height. The clamp adds an ellipsis where it
   can count lines; a note's text is one clickable box, which only the height (3lh) cuts at a line. */
.stash-collapsed .stash-preview blockquote { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:3lh; overflow:hidden; }
.stash-panel textarea { display:block; min-height:90px; padding:2px 0; background:transparent; }
.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:#a8665f; font-size:11px; }.stash-toggle>span { font-size:21px; line-height:1; letter-spacing:2px; }.stash-controls .text-button { font-size:11px; color:#a0605a; }
@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; }
/* A bullet's place, which grows for a longer number ("10.") rather than run into the text. */
.task-notes-marker { display:inline-block; box-sizing:border-box; min-width:18px; padding-right:4px; color:#8ea07c; }

/* A numbered item's marker is its number, in the bullet's place. */
.list-number { font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:0; line-height:1; }
.story-marker:has(.list-number), .line-marker:has(.list-number) { width:auto; min-width:17px; justify-content:flex-end; }

/* 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-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-menu-wrap { position:absolute; right:0; top:33px; }
.project-menu-button { color:#80966d; }
.project-menu-button:hover, .project-menu-button[aria-expanded=true] { background:#dce4d2; color:#4e673d; }
.project-menu { position:absolute; right:0; top:calc(100% + 4px); z-index:5; min-width:170px; display:flex; flex-direction:column; padding:5px; background:#fbfcf8; border:1px solid #dfe6d9; border-radius:8px; box-shadow:0 6px 18px #30422718; }
.project-menu button { justify-content:flex-start; padding:9px 10px; border-radius:5px; font-size:12px; color:#5f7650; }
.project-menu button:hover, .project-menu button:focus-visible { background:#e9eee2; color:#48623a; }
.project-name-input { width:100%; margin:4px 0; padding:6px 8px; font-size:20px; font-weight:650; color:#344537; border:1px solid #cfdcc2; border-radius:6px; background:#fff; }

/* Each list has its own + at the top right; new items are named in a row of the list. */
.project-list-head { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 2px 0 8px; margin:0 0 6px; font-size:10px; letter-spacing:.9px; text-transform:uppercase; color:#9ca792; }
.project-list-head > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.project-list-head .icon-button { color:#80966d; }
.project-list-head .icon-button:hover { background:#dce4d2; color:#4e673d; }
.note-draft { display:flex; align-items:center; gap:8px; min-height:36px; padding:0 4px 0 23px; margin-bottom:2px; color:#8c9b80; list-style:none; }
.note-draft input { flex:1; min-width:0; padding:6px 8px; font-size:12px; color:#48623a; border:1px solid #cfdcc2; border-radius:5px; background:#fff; }
.contents-suggestion .note-tree-link { color:#97a58a; font-style:italic; }
.contents-suggestion .note-tree-link small { font-style:normal; }
.contents-suggestion .note-tree-add { opacity:1; }
.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; }
/* The way back out of a zoom is always shown, with room for a fingertip around it. */
.story-zoom-back { opacity:1; }
.story-zoom-back::after { inset:-11px; }
/* 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; }
/* A line darkens under the pointer in its own colour: a stash stays red, a done line grey. */
.story-text:hover { color: color-mix(in srgb, currentColor 70%, black); }
.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%; }

/* A stash in a note is the task document's panel: its edge is the panel's. */
.story-block-content.stash-panel .story-preview blockquote, .story-line textarea.stash { border-left: 0; padding-left: 0; }

/* Phones and touchscreens. Loaded last: these adapt the layouts above to a narrow
   screen and a finger, without changing how they look with a mouse. The iPhone
   app draws edge to edge (viewport-fit=cover), under the status bar and the home
   indicator; env(safe-area-inset-*) is 0 on the website, so the insets below
   change nothing there. */

/* Shown only where they apply: phones get the save state in the top bar and the
   account links in the menu; touchscreens get hints about tapping, not dragging,
   and none about keys they don't have (typed shortcuts like //, [[ and <<< stay). */
.top-save, .menu-account, .touch-hint { display: none; }

@media (hover: none) and (pointer: coarse) {
  .pointer-hint, .search-trigger kbd, .capture-button kbd { display: none; }
  .touch-hint { display: inline; }
}

/* No grey flash on a tap: a pressed control dims, as native ones do. */
* { -webkit-tap-highlight-color: transparent; }
@media (hover: none) {
  button:not(:disabled):active, a:active, label:active { opacity: .6; }
}

/* Content never scrolls up behind the clock and the Dynamic Island. */
body::before { content: ""; position: fixed; inset: 0 0 auto; z-index: 30; height: env(safe-area-inset-top); background: #f7f8f4; pointer-events: none; }

@media (max-width: 700px) {
  /* A phone zooms the whole page into any field whose text is under 16px, and
     smaller is hard to read there anyway. Only headings, already larger, and the
     task title keep their own sizes; the rest of the writing, code included, is 16px. */
  input:not([type=checkbox]):not([type=radio]), select,
  textarea:not(.task-title-input):not(.story-line textarea:is(.h1, .h2, .h3, .h4)):not(.scratch-line:is([data-kind=h1], [data-kind=h2], [data-kind=h3], [data-kind=h4]) textarea) { font-size: 16px !important; }

  /* The top bar stays in reach below the status bar, and keeps where you are and
     whether your work is saved; the account links move into the menu. */
  .topbar { position: sticky; top: 0; z-index: 40; height: calc(54px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
  /* In a note, where you are stays on one line at the bar's own height. The save status changes
     as you type, so it keeps one width, and the breadcrumb shortens rather than wrapping: nothing
     in the bar can push the page down and back while you write. */
  .topbar.note-topbar { height: calc(54px + env(safe-area-inset-top)); min-height: 0; padding-top: env(safe-area-inset-top); padding-bottom: 0; }
  .note-topbar .topbar-tools { align-self: center; }
  /* Only the last two steps, where you are and one up: the rest are a tap away in the menu. */
  .note-topbar .note-breadcrumb ol { flex-wrap: nowrap; }
  .note-topbar .note-breadcrumb li:not(:nth-last-child(-n+2)) { display: none; }
  .note-topbar .note-breadcrumb li:nth-last-child(2) > .separator { display: none; }
  /* The two share the bar 3:7, and each takes no more than its name needs. */
  .note-topbar .note-breadcrumb { flex: 1; }
  .note-topbar .note-breadcrumb li { flex: 3 1 0; min-width: 0; max-width: max-content; }
  .note-topbar .note-breadcrumb li:last-child { flex-grow: 7; }
  .note-topbar .note-breadcrumb :is(button, .current) { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .topbar-tools > .users-link, .topbar-tools > form, .topbar-tools > .sign-out { display: none; }
  .top-save { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-shrink: 0; font-size: 11px; color: #98a58a; white-space: nowrap; }
  .note-topbar .top-save { width: 96px; } /* as wide as its longest label, so the breadcrumb never moves */
  /* The top bar shows the save status; the scratchpad's own, beside its heading, would move it as you type. */
  .document-save { display: none; }
  .top-save > i { width: 6px; height: 6px; border-radius: 50%; background: #94ac76; flex-shrink: 0; }
  .top-save > i.temporary { background: #c8a66b; }
  .menu-account { display: flex; align-items: center; gap: 18px; padding: 14px 4px 18px; font-size: 13px; }
  .menu-account form { margin: 0; }

  /* The menu scrolls as a whole, as a phone's drawer does: its projects keep their
     height rather than being squeezed out by what's below them. */
  .project-navigation { flex-shrink: 0; }

  /* The menus, the page, messages and dialogs clear the status bar and the home indicator. */
  .make-time { position: static; }
  .sidebar-main { padding-top: calc(27px + env(safe-area-inset-top)); }
  .sidebar-notes { padding-top: calc(30px + env(safe-area-inset-top)); }
  .sidebar-bottom, .notes-nav-bottom { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
  .workspace main { padding-bottom: env(safe-area-inset-bottom); }
  .toast { bottom: calc(16px + env(safe-area-inset-bottom)); }
  .modal { max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }

  /* My tasks: each task is a row that fits the screen, with its status, time and
     date beneath the title, as in a project's task list. */
  .task-table { overflow: visible; }
  .task-group > h2 { padding: 14px 16px; }
  .task-row {
    min-width: 0; padding: 12px 12px 12px 16px; row-gap: 8px; column-gap: 10px;
    grid-template-columns: 20px auto auto minmax(0, 1fr) 40px;
    grid-template-areas: "check title title title schedule" ". status duration date .";
  }
  .task-row > .task-checkbox { grid-area: check; }
  .task-row > .row-title { grid-area: title; font-size: 14px; }
  .task-row > .task-status { grid-area: status; }
  .task-row > .row-duration { grid-area: duration; }
  .task-row > .row-date { grid-area: date; }
  .task-row > .icon-button { grid-area: schedule; justify-self: end; }
  .table-tools { gap: 10px 14px; }
  .table-tools select, .table-tools .task-search { min-height: 40px; }
  .table-tools .task-search { flex: 1 1 100%; max-width: none; }
  .list-chips { flex-wrap: wrap; }
  .list-chips > button { min-height: 36px; }

  /* The install bar's buttons take a fingertip. */
  .install-bar button { min-height: 44px; min-width: 44px; justify-content: center; }
  .project-menu button { min-height: 44px; }

  /* The calendar's days share the screen width instead of scrolling sideways
     (and the app shows three at most). */
  .calendar-viewport .calendar-columns.multi-day { min-width: 0; }
  .calendar-date-controls input[type=date][aria-label] { width: 150px; } /* room for the whole date at a readable size */

  /* A note fills the screen: no card around it (and on a touch screen, no toolbar: below).
     Zoomed in, the line zoomed into leads the page, with the (−) that zooms back out, in
     place of its heading. */
  .note-story { border: 0; border-radius: 0; background: none; }
  .page-heading.zoomed { display: none; }
  .story-paper { padding: 4px 0 28px 22px; }
  /* A line's (+) or (−), 14px, sits in the middle of the 22px before it: between the page's
     edge, or a chunk's bar, and the line. */
  .story-zoom-in { left: -18px; }
  .story-placeholder { left: 22px; top: 13px; }
  .story-footnote { padding: 12px 0; }
  /* A chunk keeps its bar down the left and its eyebrow, not its card; the bar sits on the
     page's edge, and its lines line up with the rest. */
  .story-chunk { margin: 18px 0 18px -22px; padding: 2px 0 0 22px; border: 0; border-left: 3px solid #91a576; border-radius: 0; background: none; }
  /* A task's scratchpad, the same way: no card, its heading and hints on the page's edge.
     Where you left off keeps its panel. */
  .scratch-paper { border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
  .resume-strip { border: 0; border-radius: 10px; }
  .scratch-heading { padding: 24px 0 6px; }
  .scratch-shortcuts { padding: 15px 0; background: none; }
}

/* On a phone's touch screen, the keyboard bar has each of the note's and the scratchpad's
   tools (styles //, chunks <<< and >>>, subtasks, indents, undo and redo), so their toolbars
   go, with the chunk's way out and the hints about typing what's now a key. The bar shows
   only on a touch screen: a window as narrow, used with a mouse, keeps them. */
@media (max-width: 700px) and (hover: none) and (pointer: coarse) {
  .story-toolbar, .story-guide, .story-chunk-end, .scratch-toolbar { display: none; }
  .story-footnote > span, .story-footnote:not(:has(button)) { display: none; }
}

/* A fingertip needs about 44px to land on: small controls keep their look, and
   an invisible margin around them takes the tap. A tick box's margin stops short
   of the title beside it, so tapping a title never completes its task. (The
   editor's markers sit inside the text, so they keep their size.) */
@media (pointer: coarse) {
  :where(.task-checkbox, .icon-button) { position: relative; } /* no weight: a control placed absolutely stays so */
  .task-checkbox::after { content: ""; position: absolute; inset: -14px -4px -14px -14px; }
  .icon-button::after { content: ""; position: absolute; inset: -6px; }
  .show-done input { height: 18px; width: 18px; }
}

/* Opening the app: the launch screen's mark, in the same place, until the client is ready (bin/build-mobile). */
.app-launch { position: fixed; inset: 0; display: grid; place-items: center; background: #f7f8f4; }
.app-launch svg { height: 16.84vh; transform: translateY(-1.46vh); }

/* While the keyboard bar is up, the last lines can still scroll above it. */
.keyboard-bar-open .workspace main { padding-bottom: 72px; }