@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url('/static/figma/Inter-400.ttf')}@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url('/static/figma/Inter-500.ttf')}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url('/static/figma/Inter-600.ttf')}@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url('/static/figma/Inter-700.ttf')}
:root{--blue:#0878db;--ink:#10283f;--muted:#627688;--canvas:#f6f8fb;--sidebar:#f3f7fa;--line:#dfe7ee;--tint:#e4f1fd;--green:#168457;--yellow:#a56b00;--red:#c14444}*{box-sizing:border-box}body{margin:0;background:var(--canvas);font:13px/1.45 Inter,system-ui,sans-serif;color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:7px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s}button:hover{background:var(--sidebar);border-color:#b9c9d6}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button img{flex:none}a{color:var(--blue);text-decoration:none}img{flex:none}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:600;letter-spacing:-.8px;line-height:1.3}h2{font-size:19px;line-height:1.4;letter-spacing:-.3px}h3{font-size:14px;font-weight:600}.muted,small{color:var(--muted)}small{font-size:11px}.primary{background:var(--blue);border-color:var(--blue);color:white;font-weight:600}.primary:hover{background:#006bcc;border-color:#006bcc}.primary img{filter:brightness(0) invert(1)}.text-button{background:none;border:0;padding:0;color:var(--blue);font-size:12px;justify-content:flex-start}.text-button:hover{background:transparent;text-decoration:underline}.icon-button{padding:5px;min-width:28px;min-height:28px;border:0;background:transparent;border-radius:5px}.icon-button:hover{background:var(--tint)}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--sidebar);border-right:1px solid var(--line);padding:30px 16px 20px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;z-index:20}.signature{display:flex;gap:9px;align-items:center;padding:0 12px;color:var(--blue);font-size:33px;font-weight:600;line-height:1.1;letter-spacing:-1px;margin-bottom:26px}.workspace-switch{width:100%;padding:12px;gap:9px;font-size:12px;text-align:left;justify-content:flex-start}.workspace-switch>span:nth-child(2){flex:1}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:var(--tint);color:var(--blue);height:25px;min-width:25px;font-size:12px;font-weight:600}.round{border-radius:50%;height:32px;min-width:32px;font-size:11px}.navigation{display:grid;gap:3px;margin-top:26px}.navigation button{height:42px;border:0;background:transparent;justify-content:flex-start;gap:11px;padding:0 12px;font-size:13px;color:var(--muted);width:100%}.navigation button.active{background:var(--tint);color:var(--blue);font-weight:600}.navigation button:hover{background:#eaf0f5}.navigation span{flex:1;text-align:left}.nav-count{font-size:11px;background:white;padding:1px 7px;border-radius:5px;min-width:22px;text-align:center}.root-shortcuts{margin:30px 12px 20px}.caption{font-size:10px;font-weight:600;letter-spacing:.35px;color:var(--muted)}.shortcut{border:0;background:transparent;display:flex;align-items:flex-start;text-align:left;padding:0;gap:8px;margin-top:17px;width:100%;font-size:12px}.shortcut>img{margin-top:2px}.shortcut span{min-width:0}.shortcut strong{font-weight:500;display:block}.shortcut small{display:block;margin-top:6px}.root-shortcuts .text-button{margin-top:16px;font-size:11px}.sync{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;padding:12px;margin-top:15px}.account{border:0;border-top:1px solid var(--line);border-radius:0;background:none;width:100%;padding:18px 9px 0;gap:10px;text-align:left;justify-content:flex-start}.account>span:nth-child(2){flex:1;min-width:0}.account strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.account small{display:block;font-size:10px}.workspace{margin-left:224px;min-height:100vh}.topbar{height:68px;background:white;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:15px}.location{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.location strong{color:var(--ink);font-weight:500}.topbar-actions{display:flex;gap:22px;align-items:center}.global-search{display:flex;align-items:center;gap:8px;margin:0!important}.global-search input{background:transparent;border:0;padding:0;width:130px;font-size:12px;color:var(--muted)}kbd{font:11px Inter;background:var(--sidebar);padding:3px 8px;border-radius:5px;color:var(--muted)}main{padding:32px;max-width:1680px;margin:auto;outline:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading p{margin-top:6px;font-size:14px;color:var(--muted)}.heading-actions{display:flex;gap:12px;align-items:center}.view-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.view-controls-right{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.view-tabs{background:#d9e4ed;padding:4px;border-radius:8px;display:flex;gap:4px}.view-tabs button{border:0;background:transparent;padding:6px 12px;font-size:12px;color:var(--muted);border-radius:5px}.view-tabs button.active{background:white;color:var(--ink);font-weight:600}.view-controls button{font-size:12px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.stack{display:grid;gap:20px;min-width:0}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.tree-panel{padding:18px}.panel-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-heading h3{display:flex;gap:10px;align-items:center}.panel-heading small{font-size:11px;font-weight:400}.overview-card{display:grid;gap:18px}.overview-card h2{font-size:20px}.overview-card p{color:var(--muted);font-size:13px;white-space:pre-line;overflow-wrap:anywhere}.overview-card>button{justify-content:flex-start;justify-self:start}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:10px}.progress-label strong{color:var(--ink);font-weight:600}.progress-track{background:#d9e4ed;border-radius:5px;height:5px;margin-top:10px;overflow:hidden}.progress-track i{display:block;background:var(--blue);height:100%;border-radius:5px}.rule{height:1px;background:var(--line)}.meta-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.meta-row strong{font-weight:500;color:var(--ink);text-align:right}.focus-card{background:var(--tint);display:grid;gap:18px}.focus-label{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;font-weight:600}.focus-card h2{font-size:18px;font-weight:500}.focus-card p{font-size:12px;color:var(--muted)}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:0 4px}.legend span{display:flex;align-items:center;gap:6px}.status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:3px 8px;border-radius:5px;white-space:nowrap;background:var(--sidebar);color:var(--muted);max-width:max-content}.status .dot,.legend .dot{height:6px;width:6px;border-radius:50%;display:inline-block;flex:none;background:currentColor}.status.completed{color:var(--green);background:#e8f5ee}.status.active,.status.in_progress{color:var(--yellow);background:#fff4d6}.status.overdue{color:var(--red);background:#fcecec}.status.paused{color:#7e63af;background:#f0ecf8}.goal-row{display:flex;align-items:center;gap:10px;border-radius:7px;padding:13px 10px;margin-bottom:7px;min-width:0}.goal-row.selected{background:var(--tint)}.goal-row:hover{background:#f2f7fb}.goal-row.root-row{padding:0 0 16px;gap:12px}.goal-symbol{display:inline-flex;justify-content:center;align-items:center;flex:none;border-radius:7px;background:var(--sidebar);width:28px;height:28px}.root-row .goal-symbol{background:var(--tint);width:40px;height:40px;border-radius:10px}.goal-content{border:0;background:transparent;flex:1;min-width:0;display:block;text-align:left;padding:0;border-radius:2px}.goal-content:hover{background:transparent}.goal-content strong{display:block;font-size:14px;line-height:1.45;font-weight:500;overflow-wrap:anywhere}.root-row .goal-content strong{font-size:19px;font-weight:600;line-height:1.35}.goal-content small{display:block;font-size:11px;margin-top:3px;overflow-wrap:anywhere}.row-actions{display:flex;align-items:center;gap:3px;flex:none}.tree-branches{border-left:1px solid #d9e4ed;padding-left:18px;margin:0 0 7px 0}.tree-branches .tree-branches{margin-left:19px}.tree-node{min-width:0}.collapsed-summary{padding:0 0 14px 50px;color:var(--muted);font-size:11px}.tree-add{display:flex;gap:20px;padding:9px 12px 17px;font-size:11px}.tree-add button{font-size:11px}.hidden-control{background:var(--sidebar);border:1px solid #d9e4ed;border-radius:7px;padding:14px;display:flex;gap:12px;align-items:flex-start;margin:12px 0 4px}.hidden-control strong{display:block;font-size:13px}.hidden-control small{display:block;margin-top:3px}.hidden-control>span{flex:1;min-width:0}.hidden-control .text-button{font-size:12px;white-space:nowrap}.task-row{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 4px;border-bottom:1px solid #e3edf5}.tree-branches .task-row{border:0;min-height:35px;padding:8px 12px;font-size:12px}.check-button{height:18px;min-width:18px;width:18px;border:1px solid #b9c9d6;padding:0;border-radius:4px;flex:none}.check-button.checked{background:var(--blue);border-color:var(--blue);color:white}.check-button.checked img{filter:brightness(0) invert(1)}.task-title{border:0;padding:0;background:transparent;display:block;flex:1;min-width:0;text-align:left}.task-title:hover{background:none;color:var(--blue)}.task-title strong{font-size:13px;font-weight:400;display:block;overflow-wrap:anywhere}.task-title small{display:block;font-size:11px;margin-top:4px}.task-row.done .task-title strong{text-decoration:line-through;color:var(--muted)}.task-date{font-size:11px;color:var(--muted);white-space:nowrap}.task-date.overdue{color:var(--red)}.empty{padding:28px 12px;text-align:center;color:var(--muted);display:grid;justify-items:center;gap:10px}.empty h3{color:var(--ink)}.empty p{max-width:380px}.empty button{margin-top:5px}.breadcrumbs{display:flex;gap:10px;align-items:center;margin-bottom:26px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.breadcrumbs button{font-size:12px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.breadcrumbs .current{color:var(--blue)}.detail-heading{display:flex;align-items:center;gap:18px}.detail-heading .goal-symbol{background:var(--tint);width:54px;height:54px;border-radius:12px}.detail-heading h1{font-size:30px;overflow-wrap:anywhere}.detail-heading .status{margin-top:9px}.detail-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin:-2px 0 26px}.detail-tabs button{padding:0 0 12px;border:0;background:none;border-radius:0;font-size:13px;color:var(--muted)}.detail-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.detail-text{color:var(--muted);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.metric{font-size:34px;font-weight:500;line-height:1.3}.metric small{font-size:12px;font-weight:400;margin-left:8px}.placement{display:grid;gap:12px;font-size:12px;overflow-wrap:anywhere}.placement>button{border:0;background:transparent;padding:7px 10px;justify-content:flex-start;text-align:left;display:block}.placement .active{background:var(--tint);color:var(--blue)}.notice-banner{display:flex;align-items:flex-start;gap:14px;padding:20px;background:var(--tint);border-radius:12px;margin-bottom:26px}.notice-banner p{font-size:12px;color:var(--muted);margin-top:4px}.notice-banner>span{flex:1}.notice-banner .goal-symbol{background:white;width:38px;height:38px}.hidden-row{padding:22px 0;border-bottom:1px solid #e3edf5;display:flex;align-items:center;gap:16px}.hidden-row:last-child{border:0}.hidden-row>div{flex:1;min-width:0}.hidden-row strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.hidden-row small{display:block;margin-top:5px}.hidden-row button{font-size:12px}.summary-strip{background:white;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);padding:22px;margin-bottom:26px;gap:20px}.summary-stat{display:flex;align-items:center;gap:12px}.summary-stat strong{font-size:20px;font-weight:600}.summary-stat small{display:block}.today-focus{background:var(--blue);color:white;border-color:var(--blue)}.today-focus .focus-label,.today-focus p{color:white}.today-focus .focus-label img{filter:brightness(0) invert(1)}.today-focus h2{font-size:24px;font-weight:600}.today-focus button{justify-self:start}.inline-add{background:var(--sidebar);padding:12px;border-radius:5px;margin-top:18px;width:100%;border:0;color:var(--muted);justify-content:flex-start;font-size:12px}.filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding:16px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:24px}.filters label{margin:0;flex:1;min-width:120px}.filters select{padding:7px;font-size:12px}.sort-select{border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:white;font-size:12px;width:auto}.planner-grid{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.calendar-day{border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:116px;padding:10px;background:white;min-width:0}.calendar-day.outside{background:var(--sidebar);color:#a2b1bf}.calendar-day.today .day-number{background:var(--blue);color:white;border-radius:50%;padding:4px}.calendar-day>button{border:0;background:var(--tint);padding:4px 6px;font-size:10px;display:block;width:100%;text-align:left;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-heading{text-align:center;padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.note-card{padding:20px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.note-card .detail-text{margin:12px 0}.note-card .panel-heading{margin-bottom:0}.toast{position:fixed;bottom:24px;left:calc(50% + 112px);transform:translateX(-50%);background:var(--ink);color:white;box-shadow:0 8px 30px #10283f20;border-radius:8px;padding:12px 18px;z-index:100;max-width:min(550px,90vw)}.toast.error{background:#963a3a}.action-menu{position:fixed;padding:6px;background:white;border:1px solid var(--line);box-shadow:0 12px 40px #10283f20;border-radius:10px;z-index:80;min-width:205px;max-height:80vh;overflow:auto}.action-menu button{display:flex;width:100%;justify-content:flex-start;border:0;padding:9px 12px;font-size:12px}.action-menu .danger{color:var(--red)}.action-menu .caption{padding:8px 12px}.drag-handle{cursor:grab;font-size:13px;color:var(--muted);padding:2px}.dragging{opacity:.4}.drop-target{box-shadow:inset 0 2px var(--blue)}.suggestion{position:relative;padding-right:35px;font-size:12px;color:var(--muted);background:var(--sidebar);border-radius:7px;padding:14px 35px 14px 14px;margin-top:16px}.suggestion button:last-child{position:absolute;right:5px;top:5px}.sort-tools{display:flex;align-items:center;gap:8px}.move-buttons{display:flex;gap:0}.move-buttons button{padding:3px;font-size:11px;min-width:20px}.loading-state{padding:80px 20px;color:var(--muted);text-align:center}.editor-dialog{max-width:1100px;width:calc(100% - 60px);padding:0;background:var(--canvas)}dialog{border:1px solid var(--line);border-radius:14px;padding:28px;max-width:600px;width:calc(100% - 40px);max-height:90vh;overflow:auto;color:var(--ink);box-shadow:0 20px 90px #10283f26}dialog::backdrop{background:#10283f55;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.editor-top{padding:24px 28px 0;display:flex;align-items:start;justify-content:space-between}.editor-top p{color:var(--muted);margin-top:6px}.editor-body{padding:24px 28px 28px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.editor-body .panel{padding:24px}.editor-type{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.editor-type .view-tabs{background:var(--sidebar)}form label{display:block;font-size:12px;font-weight:500;margin-bottom:18px}input,textarea,select{border:1px solid var(--line);border-radius:6px;padding:11px 12px;width:100%;background:white;font-size:13px}label input,label textarea,label select{margin-top:7px}textarea{resize:vertical;min-height:90px}form .two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}form small{display:block;font-weight:400;margin-top:7px;font-size:11px}.visibility-switch{background:var(--tint);border-radius:7px;padding:16px;display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;font-size:13px}.visibility-switch>span{flex:1}.visibility-switch small{display:block;margin-top:5px}.visibility-switch input{width:18px;height:18px;margin:2px 0;accent-color:var(--blue)}.form-footer{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.form-footer>span{font-size:11px;color:var(--muted)}.form-footer>div{display:flex;gap:10px}.form-error{color:var(--red);margin-bottom:12px;font-size:12px}.editor-preview{display:grid;gap:18px}.editor-preview .panel{padding:22px}.editor-preview h3{margin-bottom:20px}.new-preview{padding:14px;background:var(--tint);border-radius:7px;margin-top:12px;overflow-wrap:anywhere}.new-preview strong{display:block;margin:8px 0}.auth-options,.settings-actions{display:flex;gap:10px;flex-wrap:wrap}.settings-actions{margin-top:20px}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.auth-options{margin:15px 0}.history-row{border-bottom:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.history-row p{font-size:12px;color:var(--muted);margin-top:5px}.category-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.category-row button{font-size:11px}.page-enter{animation:enter .2s ease both}@keyframes enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:1600px){.columns{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:1180px){.columns{grid-template-columns:minmax(0,1fr) 270px;gap:18px}main{padding:26px}.topbar{padding:0 26px}.row-actions{gap:0}.goal-row{gap:7px}.goal-row .status{font-size:10px;padding:3px 5px}.tree-branches{padding-left:12px}.tree-branches .tree-branches{margin-left:12px}}@media(max-width:1000px){.columns{grid-template-columns:1fr}.context-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.context-column .legend{grid-column:1/-1}.goal-row .status{font-size:11px}.editor-body{grid-template-columns:1fr}.editor-preview{display:none}.detail-heading h1{font-size:26px}}@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:224px;box-shadow:10px 0 35px #10283f22}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.topbar{padding:0 16px;height:60px;gap:8px}.location{gap:7px}.location>span,.location>img{display:none}.topbar-actions{gap:6px}.global-search input{width:120px}kbd{display:none}main{padding:22px 16px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.heading-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}.heading-actions>button{font-size:11px;padding:8px 10px}.view-controls{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.view-controls-right{gap:8px;width:100%;justify-content:space-between}.view-tabs button{font-size:11px;padding:6px 9px}.tree-panel{padding:12px}.goal-row{padding:12px 2px;gap:6px;flex-wrap:wrap}.root-row .goal-content strong{font-size:16px}.root-row .goal-symbol{width:32px;height:32px}.goal-row .goal-content strong{font-size:13px}.goal-row>.status{margin-left:30px;order:5}.goal-row>.row-actions{order:4}.goal-row>.goal-content{min-width:140px}.tree-branches{padding-left:9px}.tree-branches .tree-branches{margin-left:4px}.tree-branches .task-row{padding:8px 0}.task-date{font-size:10px}.hidden-control{gap:8px;flex-wrap:wrap;padding:12px}.hidden-control>span{min-width:160px}.hidden-control .text-button{margin-left:26px}.context-column{display:grid;grid-template-columns:1fr}.panel{padding:18px}.detail-heading{gap:12px}.detail-heading h1{font-size:24px}.detail-heading .goal-symbol{width:40px;height:40px}.detail-page-heading{flex-wrap:wrap}.detail-page-heading>.heading-actions{width:100%;justify-content:flex-start}.detail-tabs{gap:20px}.summary-strip{padding:16px;gap:12px;grid-template-columns:1fr 1fr}.summary-strip>div:last-child{grid-column:1/-1}.summary-stat strong{font-size:18px}.hidden-row{gap:10px;flex-wrap:wrap}.hidden-row>div{min-width:160px}.hidden-row>button{margin-left:38px}.calendar-day{padding:5px;min-height:95px}.calendar-day>button{font-size:9px;padding:3px 2px}.planner-grid{min-width:550px}.calendar-wrap{overflow:auto}.editor-dialog{width:calc(100% - 20px)}.editor-top{padding:20px 18px 0}.editor-top h1{font-size:24px}.editor-body{padding:20px 12px}.editor-body .panel{padding:16px}.editor-type .status{display:none}form .two-fields{gap:12px}.form-footer{flex-wrap:wrap}.form-footer>div{width:100%;justify-content:flex-end}.toast{left:50%;bottom:15px;font-size:12px}.breadcrumbs{gap:7px}.breadcrumbs button{max-width:180px}.global-search{gap:5px}.legend{font-size:10px}.drag-handle{display:none}.move-buttons{display:none}.notice-banner{padding:16px}.note-card{padding:16px}}

/* Long user titles and keyboard ordering remain readable at smaller widths. */
.move-buttons{display:none}.editor-preview{align-content:start}.root-shortcuts .shortcut strong{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.signature span{letter-spacing:-1px}
@media(max-width:1180px){.columns{grid-template-columns:1fr}.context-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.context-column .legend{grid-column:1/-1}}
@media(max-width:720px){.context-column{grid-template-columns:1fr}.topbar-actions{gap:4px}.global-search input{width:105px}.location{gap:4px}.tree-branches .goal-row>.goal-content{min-width:100px}.goal-row>.status{margin-left:34px}}

@media(min-width:721px){.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-collapsed .workspace{margin-left:0}.sidebar-collapsed .toast{left:50%}}
.notice-banner>.goal-symbol{flex:0 0 38px}.panel-heading .sort-select{max-width:260px}.overview-card .detail-text{line-height:1.65}@media(max-width:720px){.panel-heading .sort-select{max-width:160px}.hidden-row>.icon-button{margin-left:0}}
.today-focus button{color:var(--ink)}.overview-card>p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.overview-card>p.detail-text{-webkit-line-clamp:unset}
.page-heading>div:first-child{min-width:0;flex:1}.page-heading>.heading-actions{flex:none}.heading-actions>.primary{white-space:nowrap}.tree-branches .tree-branches .tree-branches .tree-branches .tree-branches .tree-branches{margin-left:0;padding-left:8px}@media(max-width:720px){.tree-branches .tree-branches .tree-branches{margin-left:0;padding-left:0;border-left:0}}

.sidebar-close{display:none}@media(max-width:720px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}.sidebar-close{display:inline-flex;position:absolute;right:10px;top:30px}}
.calendar-cell-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.calendar-cell-heading button{border:0;background:transparent;padding:2px 5px;font-size:12px}.calendar-add{color:var(--muted);opacity:.35}.calendar-day:hover .calendar-add,.calendar-add:focus-visible{opacity:1}.calendar-day button.calendar-event{background:#f0ebfa;color:#654393;border-left:3px solid #8d6cbd;text-overflow:ellipsis}.calendar-legend{margin-top:18px}.event-all-day{display:flex;align-items:center;gap:9px}.event-all-day input{width:17px;height:17px;margin:0;accent-color:var(--blue)}#event-form .two-fields{gap:14px}#event-form .form-footer .text-button{color:var(--red)}@media(max-width:720px){.calendar-add{opacity:1}.calendar-cell-heading button{font-size:11px}}
.thought-groups{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.thought-groups button{font-size:12px}.thought-groups button.active{background:var(--tint);color:var(--blue);border-color:#c5dff5}.thought-groups small{padding:1px 6px;border-radius:4px;background:var(--sidebar);font-size:10px}.thought-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px;font-size:12px}.thought-toolbar>div{display:flex;gap:12px;align-items:center}.thought-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.thought-card{background:white;border:1px solid var(--line);padding:22px;border-radius:12px;min-width:0;display:flex;flex-direction:column;gap:16px}.thought-card .panel-heading{margin:0;align-items:flex-start;gap:10px}.thought-card-title{display:flex;align-items:flex-start;gap:10px;min-width:0}.thought-card-title .text-button{color:var(--ink);font-size:16px;line-height:1.5;text-align:left;overflow-wrap:anywhere}.thought-select{height:16px;width:16px;min-width:16px;margin:4px 0 0;accent-color:var(--blue)}.thought-body{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;text-align:left;white-space:pre-wrap;color:var(--muted);line-height:1.7;padding:0;border:0;background:transparent;border-radius:0;overflow-wrap:anywhere}.thought-body:hover{background:none;color:var(--ink)}.thought-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.thought-group-chip{font-size:11px;background:var(--sidebar);color:var(--muted);border-radius:5px;padding:3px 8px;overflow-wrap:anywhere}.thought-unattached{font-size:11px;color:var(--muted)}.thought-link{font-size:11px!important;text-align:left;overflow:hidden;display:flex;justify-content:flex-start;overflow-wrap:anywhere}.thought-card.compact{padding:16px;margin-top:12px;gap:12px}.thought-card.compact .thought-body{-webkit-line-clamp:3}.linked-thoughts{margin:0}.linked-thoughts .panel-heading h3{gap:7px}#thought-form textarea{min-height:190px;line-height:1.65}#thought-form .form-footer{align-items:flex-start}#thought-save-status{max-width:290px}#thought-form button[data-action=delete-thought]{color:var(--red);font-size:11px}.accomplishments-summary strong{color:var(--green)}.accomplishment-mark{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;flex:none;background:var(--green);color:white}.accomplishment-mark img{filter:brightness(0) invert(1)}.accomplishment-row{display:flex;align-items:flex-start;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.accomplishment-row:last-child{border:0}.accomplishment-row>div{flex:1;min-width:0}.accomplishment-title{padding:0;display:block;text-align:left;font-size:16px;font-weight:500;border:0;background:none;border-radius:0;overflow-wrap:anywhere}.accomplishment-title:hover{background:none;color:var(--blue)}.accomplishment-row small{display:block;margin-top:5px;overflow-wrap:anywhere}.accomplishments-caption{margin-top:22px;color:var(--muted);font-size:12px;text-align:center}@media(max-width:1000px){.thought-grid{grid-template-columns:1fr}}@media(max-width:720px){.thought-toolbar{flex-wrap:wrap;gap:12px}.thought-card{padding:18px}.accomplishment-row{gap:12px;flex-wrap:wrap}.accomplishment-row>.status{margin-left:44px}.accomplishment-title{font-size:14px}#thought-form .form-footer{flex-wrap:wrap}#thought-form .form-footer>div{justify-content:space-between}.thought-card-footer{gap:8px}}
@media(max-width:720px){.accomplishment-row>div{flex:1 1 calc(100% - 44px)}}
/* Keep every root shortcut on the same left edge, regardless of title length. */
.root-shortcuts .shortcut{justify-content:flex-start;padding:8px 0;margin-top:8px}.root-shortcuts .shortcut>span{flex:1}.root-shortcuts .shortcut+.shortcut{border-top:1px solid var(--line);padding-top:14px}
