/* Shared concept rows: legacy mobile controls must never reserve the whole title row. */
.app .simple-task.lean-task{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;max-width:100%}
.app .simple-task.lean-task>.lean-task-main{grid-column:2;min-width:0;width:auto;max-width:100%}
.app .simple-task.lean-task .lean-task-heading{display:flex;flex-wrap:wrap;min-width:0;gap:3px 10px}
.app .simple-task.lean-task .lean-task-title-button{flex:1 1 160px;min-width:0;width:100%;max-width:100%;min-height:44px}
.app .simple-task.lean-task .lean-task-title{display:block;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:normal;max-width:100%}
.app .simple-task.lean-task>.lean-task-controls{grid-column:3;grid-row:1;display:flex;flex:none;flex-wrap:nowrap;justify-self:end;align-items:center;gap:4px;width:auto;min-width:0;max-width:100%;margin:0;opacity:1}
.app .simple-task.lean-task>.lean-task-controls .btn{flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0}
.app .simple-task.lean-task>.task-complete-action,.app .simple-task.lean-task>.task-select-box{grid-column:1;grid-row:1;width:44px;min-width:44px;min-height:44px;align-self:start}
.app .simple-task.lean-task .task-target-label{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.app .simple-task.lean-task .lean-task-meta{min-width:0;max-width:100%;display:block}
.app .simple-task.lean-task .task-folder-label{display:block;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.app .folder-task-list .simple-task .task-folder-label{display:none}
.lean-task-list,.folder-task-list,.folder-column,.folder-history{container-type:inline-size;container-name:task-rows;min-width:0}
@container task-rows (max-width:360px){
 .app .simple-task.lean-task{grid-template-columns:44px minmax(0,1fr)}
 .app .simple-task.lean-task>.lean-task-controls{grid-column:2;grid-row:2;justify-self:end}
}
.task-bulk-bar{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.task-bulk-bar .btn{min-height:44px}
.task-history-main{min-width:0}.task-history-main>b,.task-history-meta{white-space:normal;overflow-wrap:anywhere}
.task-time-window-grid{display:grid;grid-template-columns:minmax(160px,1.2fr) repeat(2,minmax(120px,.8fr));gap:10px;margin-top:8px}.task-time-window-grid>label{display:grid;gap:6px;min-width:0}.task-time-window-grid>label>span{color:var(--muted);font-size:13px}.task-time-window-grid .field{width:100%;min-width:0}.modal:has(.simple-task-form) .modal-actions{flex-wrap:wrap}
@media(max-width:620px){.task-time-window-grid{grid-template-columns:minmax(0,1fr)}.modal:has(.simple-task-form) .modal-actions .btn{flex:1 1 calc(50% - 6px)}}

/* One planning workspace hierarchy; each module keeps its original renderer and data. */
.card.planning-workspace{--planning-radius:var(--control-radius,12px);min-width:0;padding:12px;border:1px solid var(--line);border-radius:var(--radius,16px);background:var(--panel)}
.planning-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid var(--line)}
.content .planning-workspace-head h1{margin:0;font-family:var(--sp-sans,system-ui);font-size:20px;font-weight:650;line-height:1.4;letter-spacing:0;white-space:nowrap}
.planning-workspace-head .inline-actions{display:flex;flex-wrap:nowrap;gap:4px}.planning-workspace .btn.small,.planning-workspace .seg-btn{min-height:44px;min-width:44px;font-size:13px;padding:6px 9px}
.planning-workspace .filter-input{min-width:0;width:100%;height:44px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--planning-radius);background:var(--panel-2);font-size:14px;color:var(--text)}
.planning-workspace .task-view-switch,.planning-workspace .folder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin:0 0 8px;font-size:12px;color:var(--muted)}
.planning-workspace .task-view-switch .segmented,.planning-workspace .folder-toolbar .segmented{display:flex;min-width:0;gap:2px;padding:2px;border:1px solid var(--line);border-radius:var(--planning-radius);background:var(--panel-2)}
.planning-workspace .simple-task-workspace,.planning-workspace .task-history-workspace,.planning-trash .task-list-section{padding:0;margin:0;border:0;background:transparent;box-shadow:none}
.planning-workspace .task-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0;margin:0;border:0;background:none}
.planning-workspace .task-search-row{display:flex;flex:1 1 140px;min-width:0;gap:6px}.planning-workspace .task-more-filters{display:block;margin:0;min-width:0;border:0;background:transparent;overflow:visible}.planning-workspace .task-more-filters>summary{display:inline-flex;align-items:center;list-style:none;cursor:pointer}.planning-workspace .task-more-filters>summary::-webkit-details-marker{display:none}.planning-workspace .task-more-filters[open]{flex-basis:100%}.planning-workspace .task-advanced-filter-body{display:grid;gap:6px;padding:8px 0}.planning-workspace .task-scope,.planning-workspace .task-advanced-filter-body .segmented{display:flex;flex-wrap:wrap;gap:3px}.planning-workspace .task-results-bar{display:flex;align-items:center;gap:8px;min-height:30px;margin:0;padding:3px 0;font-size:12px;color:var(--muted)}
.planning-workspace .lean-task-list,.planning-workspace .folder-task-list{display:grid;gap:6px}
.planning-workspace .simple-task.lean-task,.planning-workspace .inbox-item,.planning-workspace .trash-row,.planning-workspace .task-history-row{min-width:0;margin:0;padding:6px 8px;border:1px solid var(--line);border-radius:var(--planning-radius);background:var(--panel-2);box-shadow:none}
.planning-workspace .simple-task .lean-task-start{display:inline-flex}.planning-workspace .simple-task.lean-task{gap:4px}.planning-workspace .simple-task.lean-task .lean-task-title{font-size:16px;line-height:1.5}.planning-workspace .simple-task.lean-task .task-target-label{font-size:12px;line-height:1.5}.planning-workspace .simple-task.lean-task .lean-task-title-button{padding:2px 0;flex-basis:160px}
.planning-workspace .calendar-agenda-item{padding:6px 8px;border-radius:var(--planning-radius)}.planning-workspace .calendar-agenda-item.event{background:color-mix(in srgb,var(--blue) 5%,var(--panel-2))}.planning-workspace .calendar-agenda-item.idea{background:color-mix(in srgb,#b99cf2 5%,var(--panel-2))}
/* File-style task organization, using existing task rows and folder data. */
.planning-workspace-head .task-organization-switch{padding:2px;border:1px solid var(--line);border-radius:var(--planning-radius);background:var(--panel-2)}.planning-workspace-head .task-organization-switch .seg-btn{padding:6px 8px;min-width:44px;min-height:44px;white-space:nowrap}
.task-folder-feedback{position:fixed;z-index:180;right:12px;bottom:84px;width:min(460px,calc(100vw - 24px));box-shadow:0 12px 32px color-mix(in srgb,var(--bg) 55%,transparent);display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 8px;padding:7px 9px;border:1px solid var(--line);border-radius:var(--planning-radius);background:var(--panel-2);font-size:13px}.task-folder-feedback>span{flex:1;min-width:120px;overflow-wrap:anywhere}.task-folder-feedback.has-error{border-color:var(--warn)}
.task-folder-drag-hint{margin:0 0 7px;color:var(--muted);font-size:12px;line-height:1.5}.task-folder-empty{padding:10px;color:var(--muted);font-size:13px;line-height:1.6}.task-folder-empty>span{display:block;font-size:12px}.ungrouped-tasks h2 small{font-weight:400;font-size:12px;color:var(--muted);margin-left:6px}
[data-folder-task][draggable="true"]{cursor:grab}[data-folder-task][draggable="true"] .lean-task-title-button{cursor:grab}.task-folder-dragging{opacity:.5}.task-folder-drag-active .planning-workspace .task-folder-drop-active{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 12%,var(--panel-2));box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.task-folder-picker-title{font-size:16px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 12px}.task-folder-choices{display:grid;gap:6px;margin-top:10px}.task-folder-choice{display:flex;align-items:center;gap:8px;min-height:48px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--control-radius,12px);background:var(--panel-2);color:var(--text);text-align:left}.task-folder-choice[hidden]{display:none}.task-folder-choice>b{flex:1;min-width:0;font-size:14px;font-weight:550;overflow-wrap:anywhere}.task-folder-choice>small{color:var(--muted);font-size:12px}.task-folder-choice:disabled{opacity:.65}.task-folder-choice:not(:disabled):hover{border-color:var(--accent)}
@media(min-width:761px){.task-folder-feedback{bottom:24px}}
@media(pointer:coarse){.task-folder-drag-hint,.task-folder-empty>span{display:none}}
.folder-toolbar .filter-input{flex:1 1 220px}
.folder-column{flex:0 0 360px;min-width:0;min-height:0;height:auto;align-self:flex-start;scroll-snap-align:start;border:1px solid var(--line);border-top:3px solid color-mix(in srgb,var(--folder-tone) 70%,var(--accent));border-radius:var(--planning-radius);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--folder-tone) 7%,transparent),transparent 60%),var(--panel-2);padding:8px}
.folder-head{display:flex;align-items:center;gap:6px;min-height:44px}.folder-mark{color:color-mix(in srgb,var(--folder-tone) 75%,var(--text));font-size:25px}.folder-head>button:not(.btn){padding:0;flex:1;min-width:0;min-height:44px;background:none;border:0;text-align:left;color:var(--text)}.folder-head h2{margin:0;font-size:16px;line-height:1.5;font-weight:650;white-space:normal;overflow-wrap:anywhere}.folder-head>.btn{padding:0;min-width:44px;min-height:44px;flex:none;color:var(--muted)}
.app .folder-column .simple-task.lean-task{grid-template-columns:44px minmax(0,1fr) 44px}.app .folder-column .simple-task.lean-task>.lean-task-controls{grid-column:3;grid-row:1;justify-self:end}.app .folder-column .simple-task.lean-task .lean-task-title-button{min-height:44px}
.folder-count{padding:0 0 8px;font-size:12px;color:var(--muted)}.folder-task-list .task-folder-label{display:none}.folder-task-list .lean-task-controls .lean-task-start{display:none}.folder-add{width:100%;min-height:44px;text-align:left;padding:8px;margin-top:4px;background:none;border:0;color:var(--accent);font-size:13px;border-radius:var(--planning-radius)}.folder-add:hover{background:var(--accent-wash)}
.folder-history{padding:0;margin-top:6px;border-top:1px solid var(--line);color:var(--muted)}.folder-history>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:13px}.folder-milestones>div{display:grid;gap:4px;padding:8px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.5;overflow-wrap:anywhere}.folder-milestones small{font-size:12px;color:var(--muted)}
.ungrouped-tasks{padding:10px 0 0;margin-top:4px;border-top:1px solid var(--line)}.ungrouped-tasks .panel-head{margin-bottom:6px;align-items:center}.ungrouped-tasks .panel-head h2{font-size:16px}
.planning-workspace .task-history-head,.planning-trash .panel-head{margin:0 0 8px;padding:0;display:flex;align-items:center;gap:8px}.planning-workspace .task-history-head h2,.planning-trash .panel-head h2{font-size:16px;margin:0}.planning-workspace .task-history-head p,.planning-trash .panel-head p{font-size:12px;line-height:1.5;margin:3px 0 0}.planning-workspace .task-history-tools{margin:0 0 8px;gap:6px}.planning-workspace .task-history-filters{gap:3px}.planning-workspace .task-history-filter{min-height:44px;padding:6px 8px;font-size:12px}.planning-workspace .task-history-group-head{margin:8px 0 6px}.planning-workspace .task-history-group-head h3{font-size:14px}.planning-workspace .task-history-row{gap:6px}.planning-workspace .task-history-actions{display:flex;flex-wrap:wrap;gap:3px}.planning-workspace .task-history-main>b{font-size:16px;line-height:1.5}
.planning-inbox .quick-capture-v34{margin:0 0 10px;padding:0 0 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.planning-inbox .capture-input{min-height:72px}.planning-inbox .inbox-workspace{display:grid;gap:10px}.planning-inbox .inbox-kind-section{padding:0;border:0;border-radius:0;background:none}.planning-inbox .inbox-kind-head{margin:0 0 6px;gap:6px;align-items:center}.planning-inbox .inbox-kind-head h2{font-size:16px;margin:0}.planning-inbox .inbox-kind-head p{font-size:12px;line-height:1.5;margin:2px 0 0}.planning-inbox .inbox-kind-grid{gap:10px;align-items:start}.planning-inbox .inbox-workspace-list{gap:6px}.planning-inbox .inbox-workspace .inbox-item{padding:8px;grid-template-columns:auto minmax(0,1fr);gap:5px 7px}.planning-inbox .inbox-kind{font-size:12px;line-height:1.5;padding:2px 5px}.planning-inbox .inbox-text{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.planning-inbox .inbox-meta,.planning-inbox .inbox-created-time{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.planning-inbox .inbox-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px}.planning-inbox .time-empty{padding:8px;text-align:left;font-size:13px;line-height:1.5}.planning-inbox .inbox-footer-actions{padding:4px 0 0;justify-content:flex-start;gap:4px}
.planning-announcement-history{margin-top:10px;border-top:1px solid var(--line)}.planning-announcement-history>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;font-size:13px;cursor:pointer}.planning-announcement-history>summary span{color:var(--muted);font-size:12px}.planning-announcement-history .announcement-history{margin:0;padding:10px;background:var(--panel-2)}
.planning-trash .trash-list{gap:6px}.planning-trash .trash-row b{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.planning-trash .trash-row small{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.planning-trash .trash-actions{display:flex;flex-wrap:wrap;gap:4px}
@media(max-width:760px){.folder-column{flex-basis:calc(100% - 18px)}.folder-toolbar .filter-input{flex-basis:100%}.planning-workspace .task-view-switch .segmented{flex:1}.planning-workspace .task-view-switch .seg-btn{flex:1;padding:6px}.planning-workspace .task-history-row{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.planning-workspace .task-history-main{min-width:0}.planning-workspace .task-history-actions{justify-content:flex-end}.planning-inbox .inbox-kind-grid{grid-template-columns:1fr}.planning-trash .trash-row{grid-template-columns:auto minmax(0,1fr)}.planning-trash .trash-actions{grid-column:1/-1;justify-content:flex-end}}

/* A fixed graphic inside the existing touch target; independent of line boxes. */
.app .simple-task.lean-task>.task-complete-action{height:44px;display:grid;place-items:center;padding:0;line-height:1}
.app .simple-task.lean-task>.task-complete-action:before{box-sizing:border-box;inset:auto;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;border-width:1.5px}
.app .simple-task.lean-task>.task-complete-action.is-done:before{border-color:var(--accent-2)}
.app .task-complete-mark{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;position:relative}
.app .simple-task.lean-task .lean-task-title{font-family:var(--sp-reading);font-size:16px;font-weight:500;line-height:1.6;letter-spacing:0;font-synthesis:none}
.app .simple-task.lean-task .lean-task-meta{font-family:var(--sp-sans);font-size:13px;font-weight:400;line-height:1.6;letter-spacing:0}
.home-now .home-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;border-top:1px solid var(--line);padding-top:10px;min-width:0}
.home-now .home-shortcuts .home-activity-strip{display:contents;overflow:visible}
.home-now .home-shortcuts .activity-shortcut{flex:1 1 56px;max-width:none;min-width:56px;min-height:44px;align-items:center;padding:6px;gap:4px;overflow:hidden}
.home-now .home-shortcuts .shortcut-copy{display:block;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 14px/1.5 var(--sp-sans)}
.timer-picker-tasks [hidden]{display:none!important}.timer-task-search-count{font-size:13px;color:var(--muted);margin:6px 0 12px}
/* The unified picker keeps the active session and both start paths in one compact view. */
.modal:has(.timer-picker-workspace){width:min(760px,100%)}
.timer-picker-workspace{display:grid;gap:12px;min-width:0}
.timer-picker-current{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}
.timer-picker-current>div{flex:1;min-width:0}.timer-picker-current small{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font:400 13px/1.5 var(--sp-sans)}
.timer-picker-current time{font-variant-numeric:tabular-nums;color:var(--text)}.timer-picker-current b{display:block;margin-top:3px;overflow-wrap:anywhere;font:500 16px/1.5 var(--sp-sans)}
.timer-picker-current>.btn{flex:none;min-height:44px}
.timer-picker-workspace .timer-handoff{margin:0;padding:0;border:0;background:none}.timer-picker-workspace .timer-handoff summary{min-height:36px;padding:6px 2px;font-size:13px;color:var(--muted)}.timer-picker-workspace .timer-handoff summary span{margin-left:8px}
.timer-picker-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 7px}.timer-picker-section-head h3{margin:0;font:500 15px/1.5 var(--sp-sans)}.timer-picker-section-head>span{font-size:13px;color:var(--muted)}
.timer-picker-workspace #timerTaskSearch{min-height:44px;margin-bottom:8px}
.timer-picker-workspace .timer-picker-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:2px;container-type:normal}
.timer-picker-workspace .timer-picker-task{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;min-width:0;min-height:52px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);text-align:left;align-items:center}
.timer-picker-workspace .timer-picker-task>span{min-width:0}.timer-picker-workspace .timer-picker-task>span:first-child{font-size:11px;color:var(--muted)}
.timer-picker-workspace .timer-picker-task strong{display:block;font:500 15px/1.5 var(--sp-sans);white-space:normal;overflow-wrap:anywhere}
.timer-picker-workspace .timer-picker-task small{display:block;margin-top:2px;font:400 12px/1.5 var(--sp-sans);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.timer-picker-workspace .timer-picker-activities{margin:0;padding:0;border:0}.timer-picker-workspace .quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.timer-picker-workspace .activity-sort-card{min-width:0}
@media(max-width:600px){.timer-picker-workspace .timer-picker-tasks{grid-template-columns:minmax(0,1fr);max-height:240px}.timer-picker-workspace .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-picker-current{gap:8px;padding:10px}.timer-picker-current>.btn{padding:8px}}
.modal:has(.timer-picker-workspace),.modal:has(.timer-picker-workspace) .modal-body{background:var(--panel)}
.modal:has(.timer-picker-workspace) .modal-head{padding:12px 16px;min-height:64px}
.modal:has(.timer-picker-workspace) .modal-body{padding:16px}
.modal:has(.timer-picker-workspace) .modal-actions{padding:12px 16px;gap:8px}

/* Home task rows share one compact content line and a stable four-action rail. */
.app .home-tasks .lean-task-list{gap:4px}
.app .simple-task.lean-task.home-task-row{grid-template-columns:minmax(0,1fr) 177px;gap:0 8px;margin:0;padding:6px 8px;border:1px solid var(--line);border-radius:var(--control-radius,8px);background:color-mix(in srgb,var(--panel-2) 55%,var(--panel));transform:none}
.app .simple-task.lean-task.home-task-row>.lean-task-main{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.app .simple-task.lean-task.home-task-row .lean-task-heading{display:block;flex:0 1 auto;max-width:100%}
.app .simple-task.lean-task.home-task-row .lean-task-title-button{width:auto;min-height:44px;padding:0;text-align:left}
.app .simple-task.lean-task.home-task-row .lean-task-title{line-height:1.45}
.app .simple-task.lean-task.home-task-row .lean-task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;margin:0;font-size:12px;line-height:1.5}
.app .simple-task.lean-task.home-task-row .task-target-label{font:inherit;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 9%,transparent);border-radius:4px;padding:1px 5px}
.app .simple-task.lean-task.home-task-row .task-folder-label{display:inline;max-width:100%;font:inherit}
.app .simple-task.lean-task.home-task-row>.lean-task-controls{grid-column:2;grid-row:1;gap:0;border-left:1px solid var(--line);padding:0;align-self:center}
.app .home-task-action svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app .home-task-action{display:grid;place-items:center}
.app .home-task-action:disabled{opacity:.3;cursor:default;pointer-events:auto}
.app .simple-task.lean-task.home-task-row.done{opacity:1}
.app .home-task-row:has([data-action="pause-task-timer"]:enabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
@container task-rows (max-width:359px){
 .app .simple-task.lean-task.home-task-row{grid-template-columns:minmax(0,1fr) 177px;gap:0 6px}
 .app .simple-task.lean-task.home-task-row>.lean-task-main{display:contents}
 .app .simple-task.lean-task.home-task-row .lean-task-heading{grid-column:1/-1;grid-row:1}
 .app .simple-task.lean-task.home-task-row .lean-task-meta{grid-column:1;grid-row:2;align-self:center;padding:2px 0}
 .app .simple-task.lean-task.home-task-row>.lean-task-controls{grid-column:2;grid-row:2;border-left:0}
}
/* Long activity names stay on one line; the complete clock keeps its own line. */
body[data-style] .app .topbar .top-actions #globalTimerBtn{grid-template-columns:minmax(0,1fr);min-width:108px;max-width:240px;overflow:hidden}
body[data-style] .app .topbar .top-actions #globalTimerBtn .global-timer-name{display:block;width:100%;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
body[data-style] .app .topbar .top-actions #globalTimerBtn .global-timer-clock{white-space:nowrap;min-width:max-content;overflow:visible}
@media(max-width:760px){.topbar .top-actions{min-width:0}.app .topbar{flex-wrap:wrap}body[data-style] .app .topbar .top-actions #globalTimerBtn{min-width:108px;max-width:none}.topbar .appearance-control select{width:6em;padding-left:6px;padding-right:6px}}
.home-now .home-shortcuts>.activity-more{flex:0 0 auto;min-width:44px;margin-left:auto}

/* The home itinerary has two real columns; retain time precision and planning labels. */
.app .home-events .today-event-line{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:12px;padding:12px 0;min-height:54px}
.app .home-events .today-event-line:before,.app .home-events .today-event-line:after{display:none}
.app .home-events .today-event-time{min-width:0;padding:0;text-align:left;white-space:nowrap;font:400 13px/1.7 var(--sp-mono);font-variant-numeric:tabular-nums}
.app .home-events .today-event-time>span{display:block;white-space:nowrap}
.app .home-events .today-event-time small{display:block;white-space:normal;font:400 12px/1.6 var(--sp-sans);color:var(--muted)}
.app .home-events .today-event-main{min-width:0;padding:0}
.app .home-events .today-event-main b{display:block;overflow-wrap:anywhere;font:400 15px/1.6 var(--sp-reading)}
.app .home-events .today-event-main small{display:block;font:400 12px/1.6 var(--sp-sans);color:var(--muted)}

/* Direct timers and event controls stay usable without a task. */
:is(.app,.modal) .direct-timer-entry{display:grid;gap:8px;min-width:0;margin:16px 0}
:is(.app,.modal) .direct-timer-entry>label{font:500 16px/1.5 var(--sp-sans)}
:is(.app,.modal) .direct-timer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;min-width:0}
:is(.app,.modal) .direct-timer-row>.field{width:100%;min-width:0;min-height:48px;margin:0;font-size:16px}
:is(.app,.modal) .direct-timer-row>.btn{min-height:48px;white-space:nowrap;margin:0}
:is(.app,.modal) .direct-timer-entry>small{font:400 13px/1.5 var(--sp-sans);color:var(--muted)}
.app .home-event-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--line);min-width:0}
.app .home-event-row:last-child{border-bottom:0}
.app .home-event-row>.today-event-line{width:100%;min-width:0;margin:0;border:0;text-align:left}
.app .home-event-row>.btn{min-height:44px;white-space:nowrap}
:is(.app,.modal) .timer-picker-event-list{display:grid;gap:8px;max-height:240px;overflow:auto}
:is(.app,.modal) .timer-picker-event{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
:is(.app,.modal) .timer-picker-event>span{min-width:0;overflow-wrap:anywhere}
:is(.app,.modal) .timer-picker-event>.btn{flex:none;min-height:44px}
@media(max-width:520px){:is(.app,.modal) .direct-timer-row{grid-template-columns:minmax(0,1fr)}:is(.app,.modal) .direct-timer-row>.btn{width:100%}.app .home-event-row{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:8px}.app .home-event-row>.btn{justify-self:end}.app .event-row-actions{display:flex;flex-wrap:wrap}}

/* Recording shares a compact input and one tool row across appearances. */
body[data-style] .app .quick-capture-v34 .capture-row{display:grid;flex:none;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:end;gap:6px 8px}
body[data-style] .app .quick-capture-v34 .capture-kinds{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;margin:0;padding:0;border:0;border-radius:0;overflow:visible;background:none}
body[data-style] .app .quick-capture-v34 .capture-kinds .seg-btn{display:flex;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:44px;padding:5px 4px;border:1px solid var(--line-2);border-radius:var(--control-radius);background:var(--panel-2);color:var(--muted);box-shadow:none}
body[data-style] .app .quick-capture-v34 .capture-kinds .seg-btn.active{border:1px solid var(--accent);background:var(--accent-wash);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent)}
body[data-style] .app .quick-capture-v34 .capture-input{grid-column:1;grid-row:2;width:100%;height:72px;min-height:64px;max-height:260px;resize:vertical;padding:8px 10px;margin:0;line-height:1.5}
body[data-style] .app .quick-capture-v34 .capture-row>#captureSaveButton{grid-column:2;grid-row:2;align-self:end;min-width:0;min-height:44px;margin:0;padding:8px 12px}
.app .capture-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:0 6px;align-items:start;margin:6px 0 0;color:var(--muted);overflow:visible}
.app .capture-tools>small{grid-column:1;grid-row:1;align-self:start;margin:14px 0 0;font:400 11px/1.5 var(--sp-sans);pointer-events:none}
.app .capture-tools>.btn{grid-column:3;grid-row:1;align-self:start;min-height:44px;padding:6px 10px;font-size:12px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--panel);position:relative}
.app .capture-tools-help{grid-column:1/-1;grid-row:1;display:block;min-width:0;overflow:visible}
.app .capture-tools-help>summary{display:flex;align-items:center;justify-content:center;min-height:44px;width:max-content;margin:0 80px 0 auto;padding:6px 10px;font:400 12px/1.5 var(--sp-sans);cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--panel)}
.app .capture-tools-help>summary::-webkit-details-marker{display:none}
.app .capture-tools-help[open]>summary{background:var(--accent-wash);border-color:var(--accent);color:var(--text)}
.app .capture-tools-help-body{width:100%;min-width:0;margin:8px 0 0;border:1px solid var(--line-2);border-radius:var(--control-radius);padding:12px;background:var(--panel-2);font:400 13px/1.6 var(--sp-sans);overflow:visible}
.capture-help-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.capture-help-heading b{color:var(--text);font-weight:500}.capture-help-heading span{font-size:11px;color:var(--accent-2)}
.app .capture-tools-help-body p{margin:6px 0 10px}.capture-tools-help-body>footer{border-top:1px solid var(--line);padding-top:8px;margin-top:10px;font-size:11px;color:var(--muted)}
.app .capture-tools-help-body .capture-capsule{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0;padding:10px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.app .capture-tools-help-body .capture-capsule-copy span{font:400 11px/1.5 var(--sp-sans);letter-spacing:0;color:var(--muted)}.app .capture-tools-help-body .capture-capsule-copy b{font-size:13px;font-weight:500;color:var(--text);margin-top:3px}
.app .capture-tools-help-body .capture-capsule-copy code{font:400 14px/1.6 var(--sp-mono);white-space:normal;overflow-wrap:anywhere;margin:5px 0;color:var(--accent-2)}.app .capture-tools-help-body .capture-capsule-copy small{font:400 11px/1.5 var(--sp-sans)}
.app .capture-tools-help-body .capture-capsule-actions{display:flex;flex-direction:column;gap:6px}.app .capture-tools-help-body .capture-capsule-actions .btn{min-width:72px;min-height:44px;padding:6px 10px;font-size:12px;border:1px solid var(--line-2);border-radius:var(--control-radius);background:var(--panel)}
@media(max-width:420px){.app .capture-tools-help-body .capture-capsule{grid-template-columns:minmax(0,1fr)}.app .capture-tools-help-body .capture-capsule-actions{flex-direction:row;justify-content:flex-end}}
.app .day-trajectory{padding:20px;scroll-margin-top:16px;background:var(--panel);border:1px solid var(--line)}
.day-trajectory-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.day-trajectory-head h2{margin:4px 0;font:500 21px/1.5 var(--sp-display)}.day-trajectory-head small{color:var(--muted)}.day-trajectory-head .btn{min-height:44px}
.day-trajectory-subtitle{font:500 16px/1.5 var(--sp-sans);border-top:1px solid var(--line);padding-top:16px;margin:18px 0 10px}
.day-trajectory .my-day-visual{padding:0;border:0;background:none;box-shadow:none}.day-trajectory .my-day-stage{background:var(--panel-2);border-color:var(--line)}
@media(max-width:520px){.app .capture-tools>small{display:none}.app .day-trajectory{padding:14px}.day-trajectory-head h2{font-size:19px}}
.day-trajectory .day-heatmap-grid{min-width:0;grid-template-columns:repeat(24,minmax(4px,1fr));gap:1px}
.day-trajectory .day-heatmap-axis{min-width:0;grid-template-columns:repeat(24,minmax(4px,1fr));font-size:10px}

/* Shared journal composition: date, record count and a compact timeline of activities. */
.app .journal-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 18px;padding:16px 0 18px;border-bottom:1px solid var(--line)}
.journal-identity{display:flex;align-items:center;gap:14px;min-width:0}.journal-date{flex:none;display:grid;gap:2px;text-align:center;padding-right:14px;border-right:1px solid var(--line);color:var(--accent-2)}
.journal-date b{font:500 40px/1 var(--sp-mono);letter-spacing:-.05em}.journal-date span{font:400 12px/1.5 var(--sp-mono);color:var(--muted)}
.journal-title{min-width:0}.journal-title>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px}.journal-title h1{font:500 24px/1.3 var(--sp-display);letter-spacing:.02em;margin:0}.journal-title>div>span{font-size:12px;color:var(--muted)}.journal-title p{margin:6px 0 0;font:400 12px/1.6 var(--sp-sans);color:var(--muted);overflow-wrap:anywhere}
.journal-title .journal-period{font-size:14px;font-variant-numeric:tabular-nums}
.app .journal-date-nav{display:flex;gap:0;width:auto;flex-wrap:nowrap;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--panel-2);padding:0}
.app .journal-date-nav .btn{width:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;border-radius:0;font-size:15px}.app .journal-date-nav .journal-today{width:48px;font-size:12px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.app .digest-summary{font:400 14px/1.6 var(--sp-sans);margin:0 0 16px;color:var(--muted)}
.app .digest-section{padding:16px 18px;margin-bottom:14px;background:var(--panel);border-color:var(--line)}.app .digest-section .panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}.app .digest-section h2{font:500 16px/1.5 var(--sp-sans);margin:0}.app .digest-section .panel-head .btn{min-height:44px;padding:6px 8px;font-size:12px}
.digest-facts>button{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;background:none;border:0;border-bottom:1px solid var(--line);padding:8px 0;color:var(--text);text-align:left}.digest-facts>button:last-child{border:0}.digest-facts b{font:450 15px/1.55 var(--sp-reading);flex:1;min-width:0;overflow-wrap:anywhere}.digest-facts small{font:400 12px/1.5 var(--sp-sans);color:var(--muted)}.digest-mark{color:var(--accent-2);width:22px;flex:none;text-align:center}
.app .digest-activity-section{padding-top:14px;padding-bottom:10px}.digest-activity-list{display:grid;gap:0;min-width:0}
.app .digest-activity{display:grid;grid-template-columns:54px 12px minmax(0,1fr) auto;align-items:center;gap:0 9px;position:relative;width:100%;min-width:0;min-height:58px;padding:8px 0;border:0;background:transparent;color:var(--text);text-align:left}
.digest-activity-time{display:grid;gap:2px;font:400 12px/1.4 var(--sp-mono);font-variant-numeric:tabular-nums;color:var(--muted)}.digest-activity-time time{color:var(--text);font-size:14px}.digest-activity-time small{font:inherit;font-size:12px;overflow-wrap:anywhere}
.digest-activity-track{position:relative;align-self:stretch;display:grid;place-items:center}.digest-activity-track:before{content:"";position:absolute;top:-8px;bottom:-8px;left:50%;width:1px;background:var(--line)}.digest-activity:first-child .digest-activity-track:before{top:50%}.digest-activity:last-child .digest-activity-track:before{bottom:50%}.digest-activity-track i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--activity-tone);box-shadow:0 0 0 3px var(--panel)}
.digest-activity-main{display:grid;gap:3px;min-width:0}.digest-activity-main b{font:450 16px/1.5 var(--sp-reading);overflow-wrap:anywhere}.digest-activity-main small{font:400 12px/1.5 var(--sp-sans);color:var(--muted)}.digest-activity-main .pending{color:var(--warn)}
.digest-activity-duration{display:grid;gap:2px;min-width:38px;text-align:right;white-space:nowrap}.digest-activity-duration b{font:500 14px/1.5 var(--sp-mono);font-variant-numeric:tabular-nums}.digest-activity-duration small{font:400 12px/1.5 var(--sp-sans);color:var(--muted)}
.digest-activity:hover .digest-activity-main b,.digest-activity:focus-visible .digest-activity-main b{color:var(--accent-2)}.digest-activity:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.digest-idea{display:grid;gap:5px;width:100%;background:none;border:0;border-top:1px solid var(--line);padding:12px 0;text-align:left;color:var(--text);min-height:44px}.digest-idea>span{font:400 15px/1.65 var(--sp-reading);white-space:pre-line;overflow-wrap:anywhere}.digest-idea small{font:400 12px/1.5 var(--sp-sans);color:var(--muted)}
@media(max-width:420px){.app .journal-head{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:8px}.journal-date b{font-size:36px}.journal-title h1{font-size:23px}.app .journal-date-nav{justify-self:end}.app .digest-section{padding:14px 12px}.app .digest-activity{grid-template-columns:46px 9px minmax(0,1fr) auto;gap:0 7px}.digest-activity-main b{font-size:16px}.digest-facts>button{flex-wrap:wrap}.digest-facts small{margin-left:32px}}
/* Travel dialogs must layer above the app navigation, outside a size-container stacking context. */
.content:has(#group-trip-root){container-type:normal;isolation:auto}
/* Closed folder overview: explicit single-folder contents, no horizontal browsing. */
.task-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:8px 0 14px}
.task-folder-tile{position:relative;min-width:0;border:1px solid var(--line);border-radius:var(--planning-radius);background:var(--panel-2)}.task-folder-tile.is-open{border-color:var(--accent)}
.task-folder-open{display:grid;align-content:start;gap:8px;width:100%;height:100%;min-height:144px;padding:16px 40px 16px 14px;border:0;background:none;color:var(--text);text-align:left;cursor:pointer}.task-folder-open b{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.task-folder-open small{font-size:12px;color:var(--muted)}.task-folder-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--planning-radius)}
.task-folder-shape{position:relative;width:44px;height:30px;margin-top:6px;border:1px solid var(--accent);border-radius:3px 5px 5px 5px;background:color-mix(in srgb,var(--accent) 16%,var(--panel-2))}.task-folder-shape:before{content:"";position:absolute;left:-1px;top:-7px;width:20px;height:7px;border:1px solid var(--accent);border-bottom:0;border-radius:4px 4px 0 0;background:var(--panel-2)}
.task-folder-tile-more{position:absolute;right:4px;top:4px;min-width:36px;min-height:44px}.app .task-folder-contents.folder-column{display:block;min-width:0;width:auto;margin:0 0 14px;padding:12px;border:1px solid var(--accent);border-radius:var(--planning-radius);background:var(--panel)}.task-folder-contents>.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.task-folder-contents h2{margin:0;font-size:17px;overflow-wrap:anywhere}.task-folder-contents .folder-history{margin-bottom:0}
@media(max-width:420px){.task-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.task-folder-open{padding:12px 28px 12px 10px;min-height:138px}.task-folder-open b{font-size:14px}.task-folder-open small{font-size:11px}.task-folder-tile-more{right:0;min-width:30px;padding:0}.task-folder-shape{width:36px;height:25px}}
/* A narrow desktop panel still uses a centered task dialog. */
@media(hover:hover) and (pointer:fine){.modal-backdrop:has(#taskName,.task-sheet-title,#taskProgressForm,#taskFolderSearch){place-items:center;padding:20px}.modal-backdrop:has(#taskName,.task-sheet-title,#taskProgressForm,#taskFolderSearch) .modal{width:min(620px,100%);max-height:calc(100dvh - 40px);margin:0;border-radius:var(--radius)}.modal-backdrop:has(#taskName,.task-sheet-title,#taskProgressForm,#taskFolderSearch) .modal-actions{padding-bottom:14px}}
.entry-title-input{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:8px;align-items:start}.entry-title-input>.field{min-width:0;width:100%}.entry-symbol-select{min-height:44px;padding:8px;font-size:14px!important}.entry-symbol{display:inline-block;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:1em;line-height:1;margin-right:6px;vertical-align:baseline}.task-folder-shape{display:grid;place-items:center}.task-folder-shape .entry-symbol{margin:0;font-size:19px}.task-folder-label .entry-symbol{font-size:12px}
@media(max-width:420px){.entry-title-input{grid-template-columns:minmax(0,1fr) 94px;gap:6px}.entry-symbol-select{padding-inline:6px}}
@media(hover:hover) and (pointer:fine){.modal-backdrop:has(#folderName){place-items:center;padding:20px}.modal-backdrop:has(#folderName) .modal{width:min(620px,100%);max-height:calc(100dvh - 40px);margin:0;border-radius:var(--radius)}}
/* One daily overview: source-labelled time and currency-separated spending. */
.app .journal-overview{padding:16px;margin-bottom:14px;background:var(--panel);border:1px solid var(--line)}.journal-overview h2{font-size:17px;margin:0}.journal-overview summary{cursor:pointer;list-style:none}.journal-overview summary::-webkit-details-marker{display:none}.journal-overview summary:after{content:'＋';margin-left:auto;flex:none;color:var(--muted)}.journal-overview details[open]>summary:after{content:'−'}
.journal-time-details>summary{display:flex;align-items:center;gap:12px;min-height:54px}.journal-time-details>summary>span:first-child{display:grid;gap:5px;flex:1}.journal-time-details>summary b{font-size:17px}.journal-time-details>summary small{font-size:12px;color:var(--muted);line-height:1.6}.journal-time-details>summary>span:last-child{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}
.journal-time-bands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:10px 0}.journal-band-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px;font-variant-numeric:tabular-nums}.journal-band-track{height:38px;position:relative;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--panel-2)}.journal-time-piece{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;font-size:12px;color:var(--text);padding-inline:2px;box-sizing:border-box;border-right:1px solid var(--panel)}
.journal-time-piece.task{background:color-mix(in srgb,var(--accent) 30%,var(--panel))}.journal-time-piece.event{background:color-mix(in srgb,var(--blue) 30%,var(--panel))}.journal-time-piece.activity{background:color-mix(in srgb,var(--good) 30%,var(--panel))}.journal-time-piece.overlap{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--violet) 28%,var(--panel)),color-mix(in srgb,var(--violet) 28%,var(--panel)) 5px,var(--panel-2) 5px,var(--panel-2) 7px)}.journal-time-piece.missing{background:var(--panel-2);color:var(--muted)}.journal-time-piece.future{background:var(--bg);color:var(--muted)}
.journal-time-key{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;color:var(--muted)}.journal-time-key>span:before{content:'';display:inline-block;width:7px;height:7px;margin-right:4px;background:var(--line)}.journal-time-key>.task:before{background:var(--accent)}.journal-time-key>.event:before{background:var(--blue)}.journal-time-key>.activity:before{background:var(--good)}.journal-time-key>.overlap:before{background:var(--violet)}
.journal-overview .quiet-copy{font-size:12px;line-height:1.65;margin:10px 0}.journal-interval-details>summary,.journal-money-details>summary{display:flex;align-items:center;min-height:44px;font-size:13px;color:var(--muted)}.journal-interval-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:7px 0;border-top:1px solid var(--line);font-size:13px}.journal-interval-row>time{font-variant-numeric:tabular-nums;font-size:12px}.journal-interval-row>span{flex:1;min-width:100px;overflow-wrap:anywhere}.journal-interval-row>small{color:var(--muted)}
.journal-activity-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:14px;margin-top:8px}.journal-activity-head .seg-btn{min-height:44px;font-size:12px;padding:6px 10px}.journal-activity-row{padding:9px 0;border-bottom:1px solid var(--line)}.journal-activity-row>summary{display:flex;align-items:center;gap:10px;min-height:50px}.journal-kind{font-size:11px;border:1px solid var(--line);padding:3px 5px;border-radius:4px;color:var(--muted);flex:none}.journal-kind.task{color:var(--accent)}.journal-kind.event{color:var(--blue)}.journal-kind.activity{color:var(--good)}.journal-activity-title{display:grid;gap:5px;flex:1;min-width:0}.journal-activity-title b{font-size:15px;line-height:1.5;overflow-wrap:anywhere;font-weight:500}.journal-activity-title small,.journal-activity-value small{font-size:11px;color:var(--muted);line-height:1.5}.journal-activity-value{display:grid;gap:4px;text-align:right;flex:none;font-variant-numeric:tabular-nums}.journal-activity-value b{font-size:13px;font-weight:500}
.journal-duration-track{height:3px;margin:4px 20px 0 48px;background:var(--panel-2)}.journal-duration-track>i{display:block;height:100%;background:var(--good)}.journal-duration-track>i.task{background:var(--accent)}.journal-duration-track>i.event{background:var(--blue)}.journal-activity-records{padding:8px 0 0 48px}.journal-record-link{display:flex;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:8px 0;background:none;border:0;border-bottom:1px solid var(--line);color:var(--text);font-size:12px;text-align:left}
.journal-money{padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--line)}.journal-money-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.journal-money-head>div{min-width:0}.journal-money-head p{font-size:14px;line-height:1.6;margin:6px 0 0;overflow-wrap:anywhere}.journal-money-head .btn{flex:none;min-height:44px}.journal-currency-group{border-top:1px solid var(--line);padding-top:10px}.journal-currency-group h3{font-size:15px;margin:0 0 10px}.journal-category-bars>div{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:8px;font-size:12px}.journal-category-bars i{height:5px;background:var(--panel-2)}.journal-category-bars em{display:block;height:100%;background:var(--accent-2)}.journal-category-bars b{font-weight:500;font-variant-numeric:tabular-nums}.journal-expense-row{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;border:0;border-top:1px solid var(--line);background:none;color:var(--text);padding:9px 0;text-align:left}.journal-expense-row>span{display:grid;gap:4px;flex:1;min-width:0}.journal-expense-row b{font-size:14px;font-weight:500;overflow-wrap:anywhere}.journal-expense-row small{color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.journal-expense-row strong{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
@media(max-width:600px){.app .journal-overview{padding:12px}.journal-time-bands{grid-template-columns:1fr;gap:10px}.journal-activity-row>summary{gap:7px;flex-wrap:wrap}.journal-activity-title{flex-basis:calc(100% - 55px)}.journal-activity-value{display:flex;align-items:baseline;gap:5px;margin-left:45px}.journal-activity-row>summary:after{align-self:center}.journal-activity-records{padding-left:0}.journal-money-head{align-items:flex-start}.journal-category-bars>div{grid-template-columns:42px minmax(0,1fr) auto}}

body[data-style] .app .journal-overview .btn,body[data-style] .app .journal-overview .seg-btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);box-shadow:none}
body[data-style] .app .journal-overview .seg-btn.active{background:var(--accent-wash);color:var(--text);border-color:var(--accent)}
body[data-style] .app .journal-overview .btn:hover{background:var(--accent-wash);border-color:var(--accent)}
.journal-overview button:focus-visible,.journal-overview summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Folder navigation: a compact directory or its contents, never both stacked. */
.task-folder-controls{display:flex;align-items:center;gap:10px;margin:8px 0}.task-folder-controls label{display:flex;align-items:center;gap:8px;min-width:0;flex:1;font-size:13px;color:var(--muted)}.task-folder-controls select{width:min(340px,100%);min-width:0;min-height:44px}.task-folder-controls>.btn{flex:none}
.task-folder-path{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.task-folder-path>.btn{flex:none}
.app .task-folder-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:8px;margin:8px 0 16px}.app .task-folder-tile{border-color:transparent;background:var(--panel);border-radius:8px}.app .task-folder-tile:hover{background:var(--panel-2)}.app .task-folder-tile.is-selected{background:var(--accent-wash);border-color:var(--accent)}.app .task-folder-tile.task-folder-drop-active{border:2px dashed var(--accent-2);background:color-mix(in srgb,var(--accent-2) 15%,var(--panel));outline:0}.app .task-folder-open{min-height:110px;padding:10px 28px 10px 12px;gap:7px;user-select:none}.app .task-folder-open b{font:500 15px/1.5 var(--sp-sans)}.app .task-folder-open small{font:400 12px/1.5 var(--sp-sans)}.app .task-folder-shape{width:36px;height:25px}
.app .task-folder-contents{margin:0;padding:0;border:0;background:none;min-width:0}.task-folder-contents>.panel-head{margin:0 0 8px;font-size:12px;color:var(--muted)}.task-folder-contents .folder-task-list{display:grid;gap:4px}.app .planning-folders .simple-task{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.app .planning-folders .simple-task:hover{background:var(--panel-2)}.folder-touch-hint{display:none}.folder-milestones>div{padding:10px 0;border-bottom:1px solid var(--line)}.folder-milestones small{display:block;color:var(--muted);margin-top:4px}
@media(pointer:coarse){.folder-touch-hint{display:inline}.folder-mouse-hint{display:none}}
@media(max-width:600px){.app .task-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app .task-folder-open{min-height:104px}.task-folder-controls select{width:100%}.task-folder-controls label{font-size:12px}.task-folder-controls>.btn{padding:7px;font-size:12px}.app .task-folder-contents>.panel-head{gap:4px}.task-folder-path span{display:none}}
.interface-update{position:fixed;right:16px;bottom:80px;z-index:150;background:var(--panel);color:var(--text);border:1px solid var(--accent);padding:10px 14px;border-radius:8px;min-height:44px;box-shadow:0 3px 14px #0002}

.task-folder-controls label{white-space:nowrap}.task-folder-controls select{white-space:normal}
.app .planning-folders .simple-task.lean-task{display:grid;grid-template-columns:28px minmax(0,1fr) 88px;gap:8px;padding:8px 0;min-height:60px;align-items:center}.app .planning-folders .simple-task.lean-task>.task-complete-action{grid-column:1;grid-row:1;min-width:28px}.app .planning-folders .simple-task.lean-task>.lean-task-main{grid-column:2;grid-row:1;min-width:0;width:auto}.app .planning-folders .simple-task.lean-task>.lean-task-controls{grid-column:3;grid-row:1;display:flex;flex-wrap:nowrap;gap:0;width:88px;margin:0;padding:0;border:0;align-self:center}.app .planning-folders .lean-task-controls>.btn{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0}.app .planning-folders .lean-task-title-button{min-height:32px}.app .planning-folders .lean-task-title{font-size:15px}.app .planning-folders .lean-task-heading{display:block}.app .planning-folders .task-target-label{display:block;font-size:12px;margin:2px 0 0}

.app .folder-entered-head{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:8px}.folder-entered-head>#taskFolderBack{flex:none;min-width:36px;padding:6px}.app .folder-entered-head h1{min-width:0;flex:1;font-size:20px;line-height:1.4}.folder-entered-head>.inline-actions{flex:none}.folder-entered-head .entry-symbol{font-size:16px}.app .planning-tasks .task-results-bar{min-height:36px;gap:8px}.task-results-bar>.btn{min-height:36px;font-size:12px}.task-folder-controls label{flex-shrink:0}.task-folder-controls select{flex-shrink:1}
@media(max-width:600px){.app .folder-entered-head{flex-wrap:wrap}.app .folder-entered-head h1{font-size:19px}.app .folder-entered-head .inline-actions{margin-left:auto}.app .folder-entered-head .task-organization-switch .seg-btn{padding:6px 8px}.app .planning-folders .simple-task.lean-task{grid-template-columns:28px minmax(0,1fr) 88px;gap:6px}}
.app .planning-folders .simple-task.lean-task{grid-template-columns:44px minmax(0,1fr) 88px;gap:8px}.app .planning-folders .simple-task.lean-task>.task-complete-action{width:44px;min-width:44px;min-height:44px}
@media(max-width:420px){.app .folder-entered-head h1{min-width:180px}.app .folder-entered-head>.inline-actions{width:100%;justify-content:flex-end}.app .planning-folders .simple-task.lean-task{grid-template-columns:44px minmax(0,1fr) 88px;gap:6px}}
/* A dedicated date column avoids flex wrapping a date beside a short title. */
.app .planning-folders .simple-task.lean-task .lean-task-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.app .planning-folders .simple-task.lean-task .lean-task-title-button{min-width:0;width:100%;flex-basis:auto}.app .planning-folders .simple-task.lean-task .task-target-label{white-space:nowrap;margin:0;text-align:right}
@media(max-width:420px){.app .planning-folders .simple-task.lean-task .lean-task-heading{grid-template-columns:minmax(0,1fr);gap:3px}.app .planning-folders .simple-task.lean-task .task-target-label{text-align:left}}
/* Mobile recording: one full-width input and a regular action row. */
.mobile-fab{display:none!important}
body[data-style] .app .quick-capture-v34 .capture-row{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:8px}
body[data-style] .app .quick-capture-v34 .capture-input{grid-column:1;grid-row:2;width:100%;min-height:96px;height:96px;line-height:1.65;font-size:16px;padding:10px 12px;resize:vertical}
body[data-style] .app .capture-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start;margin-top:8px}
body[data-style] .app .capture-tools>small{grid-column:1/-1;grid-row:2;margin:0;font-size:12px}
/* Keep native details as a full-row box: its content is not a parent-grid item. */
body[data-style] .app .capture-tools-help{display:block;grid-column:1/-1;grid-row:1;min-width:0}
body[data-style] .app .capture-tools-help>summary{width:calc((100% - 16px)/3);min-width:0;min-height:44px;padding:8px 4px;margin:0;box-sizing:border-box;font-size:14px;white-space:normal;overflow-wrap:anywhere}
body[data-style] .app .capture-tools-help-body{width:100%;max-width:100%;box-sizing:border-box;margin:8px 0 0;overflow-wrap:anywhere;font-size:14px}
body[data-style] .app .capture-tools-help-body>p{font:400 14px/1.65 var(--sp-sans)}
body[data-style] .app .capture-tools-help-body .capture-capsule{grid-template-columns:minmax(0,1fr);align-items:start}
body[data-style] .app .capture-tools-help-body .capture-capsule-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
body[data-style] .app .capture-tools-help-body .capture-capsule-actions .btn{max-width:100%;font-size:14px}
body[data-style] .app .capture-tools-help-body .capture-capsule-copy b{font-size:14px}
body[data-style] .app .capture-tools-help-body .capture-capsule-copy :is(span,small),
body[data-style] .app .capture-tools-help-body .capture-help-heading span,
body[data-style] .app .capture-tools-help-body>footer{font-size:12px}
body[data-style] .app .capture-tools>[data-action="manage-inbox"]{grid-column:2;grid-row:1;margin:0;min-width:0;width:100%;font-size:14px;padding:8px 4px}
body[data-style] .app .capture-tools>#captureSaveButton{grid-column:3;grid-row:1;min-width:0;width:100%;min-height:44px;padding:8px 4px;font-size:14px;background:var(--primary-fill);color:var(--primary-ink);border-color:var(--primary-fill)}
body[data-style] .app .home-now .home-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:stretch}
body[data-style] .app .home-now .home-shortcuts .home-activity-strip{display:contents}
body[data-style] .app .home-now .home-shortcuts .activity-shortcut{min-width:0;max-width:none;width:100%;min-height:48px;height:100%;align-self:stretch;margin:0;padding:8px;display:flex;justify-content:flex-start;align-items:center;gap:6px}
body[data-style] .app .home-now .home-shortcuts .shortcut-copy{white-space:normal;text-overflow:clip;overflow:visible;overflow-wrap:anywhere;font-size:15px;line-height:1.5}
body[data-style] .app .home-now .home-shortcuts>.activity-more{justify-content:center;font-size:14px;white-space:normal}
.home-heading-weather{margin-top:4px;min-width:0}.home-modular .home-modular-heading>div:first-child{min-width:0}.app .home-heading-weather .home-weather{position:static;display:flex;flex-wrap:wrap;align-items:center;width:auto;max-width:100%;min-height:44px;margin:0;padding:2px 0;border:0;background:none;box-shadow:none;text-align:left}.app .home-heading-weather .home-weather>small{max-width:none}.app .home-heading-weather .home-weather>small span{white-space:normal;overflow:visible;text-overflow:clip}.app .home-heading-weather .home-weather>small i{display:none}
@media(max-width:600px){body[data-style] .app .home-now .home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-style] .app .home-now .home-shortcuts>.activity-more{grid-column:1/-1;min-height:44px}body[data-style] .app .capture-tools>small{display:none}.home-modular .home-modular-heading{align-items:start;gap:8px;margin-bottom:12px}.home-heading-weather .home-weather-primary{flex-wrap:wrap}}
/* Pick an existing task from the destination folder without copying records. */
.folder-add-options{display:grid;gap:10px}.folder-add-option{display:grid;gap:6px;width:100%;min-height:88px;padding:16px;text-align:left;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.folder-add-option:first-child{border-color:var(--accent)}.folder-add-option b{font-size:17px;font-weight:500}.folder-add-option span{font-size:14px;line-height:1.5;color:var(--muted)}
.folder-existing-picker{display:grid;gap:10px;min-width:0}.folder-import-target{margin:0;font-size:14px;color:var(--muted);overflow-wrap:anywhere}.folder-existing-search{display:grid;gap:6px;font-size:13px}.folder-existing-search input{min-height:44px;font-size:16px}.folder-existing-list{max-height:45dvh;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--line)}.folder-existing-task{display:flex;align-items:center;gap:10px;width:100%;min-height:66px;padding:10px 6px;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--text);background:none;text-align:left}.folder-existing-task>span:last-child{min-width:0;display:grid;gap:4px}.folder-existing-task b{font:500 15px/1.5 var(--sp-sans);overflow-wrap:anywhere}.folder-existing-task small{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.folder-task-choice-mark{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line-2);border-radius:50%;flex:none}.folder-existing-task.is-selected{background:var(--accent-wash)}.folder-existing-task.is-selected .folder-task-choice-mark{background:var(--accent);color:var(--bg);border-color:var(--accent)}.folder-existing-task:disabled{opacity:.5}.folder-import-selection{margin:0;min-height:42px;font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.folder-picker-empty{padding:16px 0;font-size:14px;color:var(--muted)}.folder-existing-task:focus-visible,.folder-add-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(hover:hover) and (pointer:fine){.modal-backdrop:has(.folder-existing-picker,.folder-add-options){place-items:center;padding:20px}.modal-backdrop:has(.folder-existing-picker,.folder-add-options) .modal{width:min(620px,100%);max-height:calc(100dvh - 40px);border-radius:var(--radius)}}

body[data-style] .app .quick-capture-v34 .capture-input::placeholder{font-size:16px;line-height:1.65;letter-spacing:0}

body[data-style] .app .home-modular-heading:not(:has(.home-edit-bar)){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;align-items:center;padding-bottom:10px;margin-bottom:12px}
body[data-style] .app .home-modular-heading:not(:has(.home-edit-bar))>div:first-child{display:contents}
body[data-style] .app .home-modular-heading:not(:has(.home-edit-bar)) .daily-home-date{grid-column:1;grid-row:1}
body[data-style] .app .home-modular-heading:not(:has(.home-edit-bar)) .home-layout-entry{grid-column:2;grid-row:1;margin:0}
body[data-style] .app .home-title-line{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
body[data-style] .app .home-title-line h1{flex:none;margin:0}
body[data-style] .app .home-heading-weather{margin:0;min-width:0;max-width:calc(100% - 64px)}
body[data-style] .app .home-heading-weather .home-weather{justify-content:flex-end;gap:5px;margin:0;padding:0;min-height:44px;text-align:right}
body[data-style] .app .home-heading-weather .home-weather-primary{display:flex;align-items:center;gap:4px;padding:0}
body[data-style] .app .home-heading-weather .home-weather>small{margin:0;padding:0;font-size:14px;line-height:1.4}
body[data-style] .app .home-heading-weather .home-weather-primary em{font-size:14px;line-height:1.4}
body[data-style] .app .home-heading-weather .home-weather.ready>small{display:flex}
@media(max-width:760px){html{scroll-padding-top:120px;scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom))}body[data-style] .app .quick-capture-v34 .capture-input,body[data-style] .app .capture-tools{scroll-margin-block:24px calc(88px + env(safe-area-inset-bottom))}}

/* Shared reading and action layout, across all six appearances. */
.content :is(.panel-head,.section-head){flex-wrap:wrap;min-width:0}
.content :is(.panel-head,.section-head)>div:first-child{flex:1 1 240px;min-width:0}
.content :is(.panel-head,.section-head)>:not(:first-child){flex-shrink:0;max-width:100%}
.content :is(.panel-head,.section-head) p{overflow-wrap:anywhere}
.timer-quick-card{container:timer-quick / inline-size}
.timer-quick-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
@container timer-quick (max-width:520px){.timer-quick-card .timer-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.timer-quick-actions>.btn{width:100%;min-width:0;min-height:44px;white-space:normal;line-height:1.5}.timer-quick-actions>.status{align-self:center}}
.timer-shell>.timer-now{align-self:start;min-height:0;gap:24px}
.settings-workspace{display:grid;gap:18px;min-width:0}
.settings-workspace>.card{margin:0!important}
.settings-workspace>.hero{margin-bottom:0}
.journal-activity-footer{display:grid;gap:8px;margin-top:12px}
.journal-activity-footer p{margin:0}
.journal-activity-footer>.btn{justify-self:end;min-height:44px}
.chart-shell{padding:8px;min-width:0}
.chart-shell .line-chart{width:100%;height:auto;min-height:0}
.chart-shell :is(.chart-axis-label,.chart-axis-unit){font:14px var(--sp-sans,system-ui);fill:var(--muted)}
.chart-shell .chart-point.model,.chart-shell .chart-point.target{stroke:var(--chart-series-color);fill:var(--panel-2)}
.chart-values{margin-top:10px;border-top:1px solid var(--line);font-size:14px}
.chart-values>summary{padding:10px 0;min-height:44px;cursor:pointer}
.chart-values>div{overflow:auto;max-height:340px}
.chart-values table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.chart-values th,.chart-values td{padding:10px 12px;text-align:start;border-bottom:1px solid var(--line);white-space:nowrap}
.chart-values th{background:var(--panel-2);position:sticky;top:0}
@media(max-width:760px){
 .app .folder-entered-head h1{min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.5}
 .planning-inbox .inbox-actions:has(>.btn:nth-child(4)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
 .planning-inbox .inbox-actions .btn{min-height:44px;white-space:normal}
 .content .assumption-banner{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px}
 .content .assumption-banner>.inline-actions{grid-column:2;justify-content:flex-start}
 .content :is(.panel-head,.section-head):has(>div>p){display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .content :is(.panel-head,.section-head):has(>div>p)>:not(:first-child){justify-self:start}
 .content :is(.panel-head,.section-head):has(>div>p)>.inline-actions{width:100%;justify-content:flex-start;margin-top:0}
 .content .quant-kpis:has(>.quant-kpi:nth-child(3):last-child){grid-template-columns:minmax(0,1fr)}
 .content .quant-kpis:has(>.quant-kpi:nth-child(3):last-child)>.quant-kpi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline}
 .content .quant-kpis:has(>.quant-kpi:nth-child(3):last-child)>.quant-kpi>b{font-size:22px;white-space:nowrap}
 .content .quant-kpis:has(>.quant-kpi:nth-child(3):last-child)>.quant-kpi>small{grid-column:1/-1}
 .modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 .modal-actions>.btn{width:100%;min-width:0;min-height:44px;line-height:1.5;white-space:normal}
 .modal-actions>.btn:only-child,.modal-actions>.btn:last-child:nth-of-type(odd){grid-column:1/-1}
 .modal-actions>span[style*="flex"]{display:none}
 .entry-name-group{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px;align-items:center}
 .entry-name-group>label{margin:0}
 .entry-name-group>.entry-title-input{display:contents}
 .entry-name-group .entry-symbol-select{grid-column:2;grid-row:1;width:120px}
 .entry-name-group .task-name-field,.entry-name-group #folderName{grid-column:1/-1;grid-row:2;resize:vertical;line-height:1.5}
 .content .month-calendar-grid{grid-auto-rows:minmax(74px,auto)}
 .content .month-calendar-grid .calendar-day{min-height:74px;height:auto;padding:3px}
 .content .month-calendar-grid .calendar-day-head{gap:0;margin-bottom:0}
 /* Keep the date and optional holiday in the same 44px touch target. Auto rows
    can grow with text size instead of pushing counts into the following week. */
 .content .month-calendar-grid .calendar-date-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;width:100%;min-height:44px;padding:2px 0;line-height:18px}
 .content .month-calendar-grid .calendar-date-button .calendar-date-holiday{flex:none;margin:0}
 .content .month-calendar-grid .calendar-day-counts{margin-top:2px;padding:3px 1px;justify-self:center;overflow:visible}
 .content .month-calendar-grid .calendar-day-counts .calendar-day-total{gap:2px}
 .cognitive-library-page .cog-library-hero{display:block;padding:16px}
 .cognitive-library-page .cog-library-hero aside{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:10px 0 0;margin-top:10px;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
 .cognitive-library-page .cog-library-hero aside>b{font-size:16px;margin:0}
 .cognitive-library-page .cog-library-hero aside>small{font-size:12px;margin:0}
 .cognitive-library-page .cog-library-toolbar{grid-template-columns:minmax(0,1fr);padding:0;border:0;background:none}
 .cognitive-library-page .cog-library-toolbar>label{box-sizing:border-box;width:100%;min-width:0}
 .cognitive-library-page .cog-library-toolbar nav{width:100%;box-sizing:border-box}
 .cognitive-library-page .cog-library-toolbar button{min-height:44px;font-size:14px}
}
@media(max-width:360px){
 .calendar-toolbar .period-switch{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}
 .calendar-toolbar .period-switch>.btn:last-child{grid-column:1/-1;width:100%}
 .calendar-date-field{padding-inline:3px;gap:2px}
}
.route-card{container-type:inline-size;container-name:route-card}
.route-card .route-current>b{flex:0 0 auto;white-space:nowrap}
.route-card .route-current>span{min-width:0}
.startrail-full-map>summary>span{min-width:0}
.startrail-full-map>summary:after{flex:0 0 auto;white-space:nowrap}
.review-history-detail .review-task-result-row{grid-template-columns:28px minmax(0,1fr);align-items:start}
.review-history-detail .review-task-result-copy :is(b,small){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.review-history-detail .review-task-result-copy b{font-size:14px;line-height:1.5}
.review-history-detail .review-task-result-copy small{font-size:12px;line-height:1.5}
.review-history-detail .review-task-result-row>em{grid-column:2;font-size:12px;white-space:normal}
.trajectory-svg :is(.trajectory-task-label,.trajectory-pending-title,.trajectory-mission-sub,.trajectory-pending-sub,.trajectory-lane-title,.trajectory-lane-meta,.trajectory-timing-label,.trajectory-cluster-label){font-size:12px}
@container route-card (max-width:420px){
 .route-card>.inline-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 .route-card>.inline-actions>.btn{width:100%;min-width:0;white-space:normal}
 .route-card>.inline-actions>.primary{grid-column:1/-1}
}

/* Task workspace: keep everyday actions visible and disclose classification on demand. */
.app .planning-tasks .planning-workspace-head{border-bottom:0;padding-bottom:0;margin-bottom:6px}
.app .planning-tasks :is(.btn.small,.seg-btn,.sort-chip,.task-history-filter){font-size:14px;min-height:44px;min-width:44px}
.app .planning-tasks .task-view-switch{margin-bottom:6px;gap:4px}
.app .planning-tasks .task-view-switch .segmented{border:0;background:transparent;padding:0;gap:2px}
.app .planning-tasks .task-view-switch .seg-btn{padding:6px 9px}
.app .planning-tasks .task-organization-switch{border:0;padding:0;gap:0}
.task-create-menu{position:relative;flex:none;border:0;padding:0;margin:0;overflow:visible}
.task-create-menu>summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer;white-space:nowrap}
.task-create-menu>summary::-webkit-details-marker{display:none}
.task-create-choices{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:160px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:var(--control-radius,8px);box-shadow:0 8px 24px #0003}
.task-create-menu:not([open])>.task-create-choices{display:none}
.task-create-choices>.btn{display:block;width:100%;min-height:44px;text-align:left;font-size:16px}
.app .planning-tasks .task-toolbar{display:block;position:relative;inset:auto;z-index:auto;margin:0;padding:0;border:0}
.app .planning-tasks .task-search-row{display:block;padding-right:88px}
.app .planning-tasks .filter-input{font-size:16px;height:44px}
.app .planning-tasks .task-more-filters{display:block;border:0;padding:0;margin:0;overflow:visible}
.app .planning-tasks .task-more-filters>summary{position:absolute;top:0;right:0;min-height:44px;gap:5px;padding:6px;display:flex}
.app .planning-tasks .task-advanced-filter-body{display:grid;gap:12px;margin:8px 0;padding:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--control-radius,8px)}
.app .planning-tasks .task-more-filters:not([open])>.task-advanced-filter-body{display:none}
.app .planning-tasks .task-folder-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin:0}
.app .planning-tasks .task-folder-controls label,.task-filter-section>span{font-size:14px;color:var(--muted)}
.app .planning-tasks .task-folder-controls select{width:100%;max-width:100%;min-width:0;min-height:44px;font-size:16px;white-space:normal}
.app .planning-tasks .task-folder-controls small{font-size:13px;line-height:1.5;color:var(--muted)}
.task-filter-section{display:grid;gap:5px;min-width:0}.task-filter-section>.segmented{border:0;padding:0;background:none}
.app .planning-tasks .sort-toolbar{margin:0;padding:0;border:0;gap:4px}.app .planning-tasks .sort-label{font-size:14px;flex-basis:100%}
.task-filter-actions{display:flex;justify-content:space-between;gap:8px}
.task-filter-count{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:var(--accent-wash);color:var(--accent);font-size:13px}
.app .planning-tasks .task-results-bar{min-height:32px;padding:2px 0;margin:0;gap:6px;font-size:13px;flex-wrap:wrap}
.app .planning-tasks .task-results-bar>span{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.5}
.app .planning-tasks .task-results-reset,.app .planning-tasks .task-results-bar>.btn{min-height:44px;min-width:44px;font-size:14px;padding:6px 0;flex:none}
.app .planning-tasks .simple-task.lean-task{grid-template-columns:44px minmax(0,1fr) auto;grid-auto-flow:row;gap:0 4px;padding:6px;min-height:58px;align-items:start}
.app .planning-tasks .simple-task.lean-task>.lean-task-main,.app .planning-tasks .simple-task.lean-task .lean-task-heading{display:contents}
.app .planning-tasks .simple-task.lean-task .lean-task-title-button{grid-column:2;grid-row:1;align-self:center;min-width:0;min-height:44px;width:100%;padding:2px 0;text-align:left}
.app .planning-tasks .simple-task.lean-task .lean-task-title{font-size:16px;line-height:1.5}
.app .planning-tasks .simple-task.lean-task>.lean-task-controls{grid-column:3;grid-row:1;align-self:start;gap:0;width:auto;padding:0;margin:0;border:0}
.app .planning-tasks .simple-task.lean-task>.task-complete-action,.app .planning-tasks .simple-task.lean-task>.task-select-box{grid-column:1;grid-row:1;min-width:44px;min-height:44px;width:44px;align-self:start}
.app .planning-tasks .simple-task.lean-task :is(.task-target-label,.lean-task-meta){grid-column:2/-1;min-width:0;margin:0;padding:0;font-size:13px;line-height:1.6;text-align:left;white-space:normal;overflow-wrap:anywhere}
.app .planning-tasks .folder-task-list .lean-task-meta{display:none}
.app .planning-tasks .simple-task.lean-task:has(>.task-select-box){grid-template-columns:44px minmax(0,1fr)}
.app .planning-tasks .folder-task-list .lean-task-start{display:inline-flex}
@media(max-width:360px){
 .app .planning-tasks .planning-workspace-head h1{font-size:19px}
 .app .planning-tasks .planning-workspace-head .inline-actions{gap:2px}
 .app .planning-tasks .task-organization-switch .seg-btn{padding:6px;min-width:44px}
 .app .planning-tasks .task-view-switch .seg-btn{padding:6px 7px}
 .app .planning-tasks .task-create-menu>summary{padding:6px}
}

.app .planning-tasks .task-sort-control{display:grid;gap:5px;min-width:0}.task-sort-control label{font-size:14px;color:var(--muted)}.app .planning-tasks .task-sort-control select{width:100%;min-width:0;min-height:44px;font-size:16px}

/* At the smallest phone width, long names use the whole content column. */
@media(max-width:360px){
 .app .planning-tasks .simple-task.lean-task.task-title-long{grid-template-columns:44px minmax(0,1fr)}
 .app .planning-tasks .simple-task.lean-task.task-title-long>.lean-task-controls{grid-column:2;grid-row:auto;justify-self:end}
}

/* Completed records: compact hierarchy, shared in list and folder views. */
.app .planning-tasks .task-history-list,.app .planning-tasks .folder-task-list:has(.task-history-row),.app .planning-tasks .lean-task-list:has(.task-history-row){gap:10px}
.app .planning-tasks .task-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--control-radius,12px);background:var(--panel);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 48%,transparent)}
.app .planning-tasks .task-history-main>b{display:block;margin:7px 0 0;font-size:16px;font-weight:650;line-height:1.5;white-space:normal;overflow-wrap:anywhere;color:var(--text)}
.task-history-stamp{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.5;color:var(--muted)}
.task-history-stamp>span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--accent-wash);color:var(--accent);font-size:11px;flex:none}
.app .planning-tasks .task-history-meta{margin-top:8px;gap:5px 7px;align-items:center;font-size:12px;line-height:1.5}
.task-history-area{padding:2px 7px;border-radius:4px;background:var(--panel-2);color:var(--muted);flex:none}
.task-history-folder{min-width:0;overflow-wrap:anywhere;color:var(--muted)}
.app .planning-tasks .task-history-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;width:auto;min-width:0}
.app .planning-tasks .task-history-actions .btn{width:auto;min-width:44px;min-height:44px;padding:6px 10px;font-size:14px;line-height:1.3;border-radius:var(--control-radius,8px)}
.app .planning-tasks .task-history-actions .primary{background:var(--accent-wash);border-color:transparent;color:var(--text);box-shadow:none}
.app .planning-tasks .task-history-actions .history-icon-action{width:44px;padding:10px;flex:none}
.history-icon-action svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.app .planning-tasks .task-history-actions .danger{color:var(--muted)}
.app .planning-tasks .task-history-actions .danger:hover{color:var(--bad)}
.app .planning-tasks .task-history-group-head{margin:14px 0 2px;padding:0 2px}.app .planning-tasks .task-history-group-head h3{font-size:13px;letter-spacing:.03em;color:var(--muted)}
.task-folder-missing{margin-top:18px}.task-folder-missing>p,.task-folder-context-note{font-size:13px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){
 .app .planning-tasks .task-history-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}
 .app .planning-tasks .task-history-actions{justify-content:flex-start;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:6px;gap:2px;width:100%}
 .app .planning-tasks .task-history-actions .btn{padding:6px 8px}
 .app .planning-tasks .task-history-actions .history-icon-action{margin-left:auto;padding:10px}
 .app .planning-tasks .task-history-actions .history-icon-action+.history-icon-action{margin-left:0}
 .app .planning-tasks .task-history-meta{align-items:flex-start}.task-history-folder{flex:1 1 150px}
}

/* The trial base stylesheet predates the shared history metadata layout. */
.app .planning-tasks .task-history-meta{display:flex;flex-wrap:wrap}
.app .planning-tasks .task-history-count{flex:none;white-space:nowrap;font-size:13px;color:var(--muted)}
.app .planning-tasks .task-history-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.app .planning-tasks .task-history-group-head>span{font-size:13px;color:var(--muted)}
.app .planning-tasks .task-history-groups{margin-top:16px}

:is(.app,.modal) .direct-timer-category{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}:is(.app,.modal) .direct-timer-category>.field{width:auto;max-width:100%;min-width:0;min-height:44px;font-size:16px}:is(.app,.modal) .direct-timer-category>small{font-size:12px;color:var(--muted)}

.timer-picker-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;position:sticky;top:0;z-index:2;background:var(--panel);padding:0 0 8px}
.timer-picker-tabs>[role="tab"]{min-width:0;min-height:44px;padding:8px 4px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--panel);color:var(--muted);font:500 15px/1.5 var(--sp-sans)}
.timer-picker-tabs>[aria-selected="true"]{background:var(--accent-wash);color:var(--text);border-color:var(--accent)}
.timer-picker-tabs>[role="tab"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.timer-picker-workspace [role="tabpanel"]{min-width:0}.timer-picker-workspace [hidden],[data-timer-picker-footer][hidden]{display:none!important}
.timer-picker-workspace #timerEventSearch{min-height:44px;margin-bottom:8px;font-size:16px}
.timer-picker-workspace .timer-picker-event{padding:10px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--panel)}
.timer-picker-event>span>b{display:block;font:500 15px/1.5 var(--sp-sans)}.timer-picker-event>span>small{display:block;margin-top:4px;font:400 13px/1.5 var(--sp-sans);color:var(--muted)}
@media(max-width:400px){:is(.app,.modal) .timer-picker-event{flex-wrap:wrap}:is(.app,.modal) .timer-picker-event>span{flex-basis:100%}:is(.app,.modal) .timer-picker-event>.btn{margin-left:auto}}

/* Language controls share the settings card layout on desktop and iPhone. */
.language-settings{margin-bottom:18px}.language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.language-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.language-option[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.language-option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html[lang="ja"]{font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif}html[lang="ja"] .nav-label b{font-size:13px}html[lang="ja"] .nav-label small{white-space:normal;line-height:1.5}html[lang="ja"] .btn{white-space:normal;overflow-wrap:anywhere}html[lang="ja"] .layer-tab{flex-shrink:0}@media(max-width:380px){.language-option{padding:12px;gap:6px}}

.trial-language-shortcut{flex:none;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:500 13px/1.4 var(--sp-sans,system-ui);white-space:nowrap;cursor:pointer}.trial-language-shortcut:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:760px){.app .topbar-left{flex-wrap:wrap;gap:8px}.trial-language-shortcut{margin-left:auto}}