/* Presentation adapters for approved concept features; the formal reference owns shared page geometry. */
:root,body{--sp-sans:var(--font-ui);--sp-reading:var(--font-ui);--sp-display:var(--font-ui);--sp-mono:var(--font-mono);--sp-cool:var(--accent-2);--sp-mind:var(--violet);--sp-focus:var(--accent-2);--control-radius:12px;--primary-fill:var(--accent);--primary-ink:#21170b;--accent-wash:rgba(255,177,91,.08)}
.appearance-control{display:flex;align-items:center;gap:8px;font:.75rem var(--sp-sans);color:var(--muted);min-width:0}.appearance-control select{min-width:0;font:400 .875rem var(--sp-sans);min-height:44px;width:6.75em;max-width:none;border:1px solid var(--line);border-radius:var(--control-radius);padding:8px;background:var(--panel);color:var(--text)}
.eyebrow{font:.75rem var(--sp-sans);letter-spacing:.12em;color:var(--accent)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 26px}.workspace-heading h1{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:0;margin:10px 0 0;line-height:1.35}.workspace-heading>.btn{flex:none}.quiet-copy{color:var(--muted);font-size:.875rem;line-height:1.7}

/* Today: one live component tree, shared proportions, theme-specific composition. */

.appearance-icon{width:18px;height:18px;display:inline-block;flex:none;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.appearance-heading-icon{display:inline-grid;place-items:center;flex:none;width:22px;height:24px;margin-right:6px;color:var(--accent)}
.appearance-heading-icon .appearance-icon,.capture-kinds .appearance-icon{width:16px;height:16px}

.home-activity-strip{position:relative;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;margin-top:18px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.activity-shortcut{display:flex;align-items:center;gap:7px;flex:none;max-width:100%;min-height:44px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--control-radius);background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--text);font:400 .875rem/1.5 var(--sp-sans);text-align:left;overflow-wrap:anywhere}
.activity-shortcut:hover{border-color:var(--accent)}
.activity-shortcut i{width:5px;height:5px;border-radius:50%;flex:none}.activity-shortcut span{display:none}.activity-more{color:var(--muted)}

.simple-task{display:flex;align-items:center;gap:12px;padding:15px 0;background:none;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:0;margin:0;min-width:0;box-shadow:none}
.simple-task:last-child{border-bottom:0}.simple-task .lean-task-main{min-width:0;flex:1}.simple-task .lean-task-title-button{display:block;text-align:left;background:none;border:0;padding:4px 0;color:var(--text);width:100%;min-height:32px}
.simple-task .lean-task-title{font-family:var(--sp-reading);font-size:1rem;font-weight:400;line-height:1.65;white-space:normal;word-break:break-word}
.simple-task .task-complete-action{flex:none;align-self:center;position:relative;width:36px;height:44px;min-width:36px;border:0;background:transparent;color:var(--accent-2);font-size:1rem;padding:0;border-radius:8px}
.simple-task .task-complete-action:before{content:"";position:absolute;inset:12px 8px;border:1.5px solid var(--line-2);border-radius:50%}.simple-task .task-complete-action:hover:before{border-color:var(--accent)}.simple-task .task-complete-action.is-done:before{border-color:transparent}.simple-task.done .lean-task-title{color:var(--muted);text-decoration:none}
.simple-task .lean-task-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
.simple-task .lean-task-title-button{flex:1 1 200px}
.simple-task .task-target-label{flex:none;font:.875rem/1.5 var(--sp-sans);color:var(--muted);white-space:nowrap}
.simple-task .lean-task-meta{display:flex;gap:10px;flex-wrap:wrap;margin:3px 0 0;color:var(--muted);font-size:.75rem;line-height:1.5}
.simple-task .task-folder-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.simple-task .lean-task-controls{display:flex;align-items:center;gap:2px;flex:none}.simple-task .lean-task-controls .btn{padding:0;width:36px;min-width:36px;min-height:44px;border:0}
.simple-task .task-select-box{width:36px;min-height:44px;display:block;flex:none}.simple-task.selected{background:var(--accent-wash)}
.modal{border:1px solid var(--line-2);border-radius:var(--radius);background:linear-gradient(150deg,var(--surface-glow),transparent 40%),var(--panel);max-width:620px;box-shadow:0 30px 100px color-mix(in srgb,var(--bg) 65%,transparent),inset 0 1px 0 var(--surface-glow)}.modal-head{padding:22px 24px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:1.15rem;font-weight:550}.modal-body{padding:24px}.modal-actions{padding:16px 24px;border-top:1px solid var(--line);gap:10px}.modal-actions .btn{min-height:44px}
.simple-task-form{gap:24px;grid-template-columns:minmax(0,1fr)}.simple-task-form>.form-group,.simple-task-form>.simple-task-extra{grid-column:1 / -1}.simple-task-form label,.simple-folder-form label{font-size:.875rem;color:var(--text);font-weight:450;margin-bottom:10px}.optional-label{font-size:.75rem;color:var(--muted);margin-left:6px;font-weight:400}
.simple-task-form .field,.simple-folder-form .field{min-height:48px;font-size:1rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--control-radius);padding:12px}.simple-task-form .task-name-field{font-size:1.1rem;min-height:54px}
.task-target-presets{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.task-target-presets .choice-chip{font-size:.875rem;min-height:40px;padding:7px 13px;background:none;border:1px solid var(--line);border-radius:8px}.task-target-presets .choice-chip.active{background:var(--accent-wash);border-color:var(--accent);color:var(--accent)}
.simple-task-extra{border-top:1px solid var(--line);padding-top:10px;width:100%}.simple-task-extra>summary{display:flex;align-items:center;min-height:44px;font-size:.875rem;color:var(--muted);cursor:pointer}.simple-task-extra>summary:after{content:"＋";margin-left:auto}.simple-task-extra[open]>summary:after{content:"−"}.simple-task-extra>.form-grid{margin-top:12px;gap:18px}.simple-task-extra textarea{width:100%;box-sizing:border-box}
.record-date-control{display:flex;align-items:center;gap:5px;font-size:.875rem;color:var(--muted)}.record-date-control span{padding:0 8px;font-variant-numeric:tabular-nums}.record-detail{border:1px solid var(--line);border-radius:var(--control-radius);margin:16px 0;overflow:hidden}.record-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:14px 20px;font-size:.875rem;color:var(--text);cursor:pointer}.record-detail>summary>span{font-size:.75rem;color:var(--muted)}.record-detail[open]>summary{border-bottom:1px solid var(--line)}.record-detail>div,.record-detail-body{padding:20px}.record-detail .card{box-shadow:none}.saved-reflection{font-size:1rem;white-space:pre-line;line-height:1.8;color:var(--muted)}

.mobile-fab{background:var(--primary-fill);color:var(--primary-ink);border-radius:var(--radius);box-shadow:0 6px 20px color-mix(in srgb,var(--text) 14%,transparent)}

.theme-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}.theme-choice button{min-height:84px;display:flex;gap:12px;align-items:center;text-align:left;padding:14px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--panel);color:var(--text)}.theme-choice button.active{border-color:var(--accent);background:var(--accent-wash);box-shadow:inset 3px 0 0 var(--accent)}.theme-choice b{font-size:1rem;display:block;font-weight:500}.theme-choice small{font-size:.8125rem;display:block;color:var(--muted);margin-top:4px}.theme-swatch{width:30px;height:38px;flex:none;background:linear-gradient(135deg,#0d1217 55%,#ebbd78 55%);border:1px solid var(--line);border-radius:5px}.theme-swatch[data-style-swatch="paper"]{background:linear-gradient(135deg,#f2efe6 55%,#345441 55%)}.theme-swatch[data-style-swatch="studio"]{background:linear-gradient(135deg,#eeede8 55%,#2c45a0 55%)}.theme-swatch[data-style-swatch="gallery"]{background:linear-gradient(135deg,#211b27 55%,#eabda3 55%)}.theme-swatch[data-style-swatch="tundra"]{background:linear-gradient(135deg,#edf2e8 55%,#38664a 55%)}


.topbar #globalTimerBtn{display:grid;grid-template-columns:minmax(min-content,1fr);align-content:center;justify-items:start;gap:2px;width:auto;min-width:min-content;max-width:none;height:auto;min-height:44px;padding:.375rem .5rem;border-radius:var(--control-radius);overflow:visible;text-align:left;white-space:normal;color:var(--text);background:color-mix(in srgb,var(--sp-cool) 8%,var(--bg));border-color:color-mix(in srgb,var(--sp-cool) 36%,var(--line))}
.global-timer-name{min-width:0;max-width:22rem;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font:400 .875rem/1.35 var(--sp-sans);color:inherit}
.global-timer-clock{min-width:max-content;white-space:nowrap;font:400 1rem/1.25 var(--sp-mono);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--sp-cool)}
#globalTimerBtn:not(.is-running) .global-timer-clock{display:none}#globalTimerBtn.timer-pending{border-color:var(--warn);background:var(--panel);color:var(--text)}

.appearance-control{margin-left:auto}.topbar{height:auto;min-height:74px;gap:12px}.top-actions{min-width:0}.appearance-control select{font-size:13px;min-height:40px;max-width:140px}
.topbar #globalTimerBtn{display:grid!important}.global-timer-name{max-width:260px}.topbar .refresh-app-btn{display:inline-flex!important;align-items:center;gap:5px;min-height:44px}.refresh-glyph{font-size:18px}
.timer-picker-activities{margin-top:20px}.timer-picker-activities .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.timer-picker-activities .activity-shortcut{white-space:normal}
.capture-kinds{display:flex;flex-wrap:wrap;gap:4px}.capture-kinds .seg-btn{display:flex;gap:5px;align-items:center;min-height:40px}.capture-input{width:100%;min-height:64px;resize:vertical;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line-2);border-radius:12px;padding:12px}.capture-feedback{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.capture-submit-tools{display:flex;align-items:center;justify-content:space-between;gap:8px}
.daily-home .capture-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.daily-home .capture-kinds{grid-column:1/-1}.daily-home .capture-row>.capture-input{grid-column:1}.daily-home .capture-row>.btn{grid-column:2;align-self:end;min-height:44px}
.home-review-link{display:flex;justify-content:flex-end;gap:10px;margin:10px 0}.home-trajectory-preview>summary{cursor:pointer;display:flex;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}
.simple-task{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--panel-2);margin:7px 0}.simple-task .lean-task-title{font-size:14px;font-weight:700}.simple-task .task-target-label{font-size:12px}.simple-task .lean-task-controls .btn{min-height:44px}
.classic-home .home-now .now-clock{white-space:nowrap;font-variant-numeric:tabular-nums;overflow-wrap:normal}.classic-home .home-now .now-title{overflow-wrap:anywhere}.classic-home .home-now .now-grid>div{min-width:0}.classic-home .home-now .home-activity-strip{margin-top:12px;padding-top:10px}
.classic-home .state-card-symbol{display:none}.classic-home .daily-checkin-dock{margin:0}.classic-home .state-card-primary b{white-space:normal}.classic-home .home-tasks .appearance-heading-icon{display:none}
.calendar-range-targets{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.calendar-range-task{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:10px;border:0;border-bottom:1px solid var(--line);color:var(--text);background:none}.calendar-range-task span{color:var(--muted)}
@media(max-width:1100px){.appearance-control>span{display:none}.topbar .date-chip{display:none}.topbar{padding-left:18px;padding-right:18px;gap:8px}}
@media(max-width:760px){
 .topbar{display:flex;flex-wrap:nowrap;gap:6px;padding:10px 12px;align-items:center}.topbar-left{flex:none;width:26px}.mobile-brand{display:block}.mobile-brand .brand-symbol{display:grid;place-items:center;width:26px}.mobile-brand .brand-orbit{width:22px;height:22px}.appearance-control{flex:none;gap:0;margin:0}.appearance-control select{max-width:108px;min-height:44px;font-size:16px;padding:6px 3px}.top-actions{flex:1;gap:5px;justify-content:flex-end}.topbar #globalTimerBtn{min-width:min-content;max-width:none;flex:1;padding:6px}.global-timer-name{font-size:12px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.global-timer-clock{font-size:14px}.topbar .refresh-app-btn{width:34px;min-width:34px;padding:4px}.refresh-app-btn .refresh-label{display:none}.mobile-utility-btn{width:36px;flex-basis:36px}
 .daily-home .capture-row{grid-template-columns:minmax(0,1fr)}.daily-home .capture-row>.capture-input,.daily-home .capture-row>.btn{grid-column:1}.daily-home .capture-row>.btn{justify-self:end}.capture-kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.capture-kinds .seg-btn{justify-content:center;font-size:13px;padding:5px}.capture-kinds .appearance-icon{display:none}.classic-home .home-now .now-clock{font-size:clamp(26px,9vw,40px)}.classic-home .home-now .now-grid{grid-template-columns:minmax(0,1fr);gap:12px}.classic-home .home-now .now-actions{display:flex;gap:8px}.classic-home .home-now .now-actions .btn{min-height:44px;min-width:90px}
 .simple-task .lean-task-title-button{flex-basis:140px}.workspace-heading{gap:10px;align-items:flex-start}.workspace-heading h1{font-size:30px}.home-review-link{flex-wrap:wrap}
}

.layer-tabs-shell{top:var(--topbar-height,74px)}
/* The concept adds a theme selector and preserves full timer text. */
.brand-symbol{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px}.brand-symbol .brand-orbit{display:block;flex:none}
body[data-style="classic"] .topbar .top-actions #globalTimerBtn{display:grid!important;grid-template-columns:minmax(0,1fr);gap:2px;overflow:visible;white-space:normal;min-width:min-content;max-width:none;align-content:center;justify-items:start}
body[data-style="classic"] #globalTimerBtn .global-timer-name{overflow:visible;white-space:normal;text-overflow:clip;overflow-wrap:anywhere}
body[data-style="classic"] #globalTimerBtn .global-timer-clock{white-space:nowrap;min-width:max-content;font-size:14px}
body[data-style="classic"] #globalTimerBtn .global-timer-clock:before{display:none}
@media(min-width:761px){.daily-home .capture-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.daily-home .capture-kinds{grid-column:1;flex-wrap:nowrap}.daily-home .capture-row>.capture-input{grid-column:2}.daily-home .capture-row>.btn{grid-column:3;align-self:center}.capture-kinds .appearance-icon{display:none}.capture-kinds .seg-btn{font-weight:750;padding:10px 12px}}
@media(max-width:760px){.mobile-brand>b{display:none}body[data-style="classic"] .top-actions .refresh-app-btn{display:flex!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;padding:4px!important}body[data-style="classic"] .top-actions #globalTimerBtn{width:auto;min-height:44px;max-width:none;flex:1}body[data-style="classic"] #globalTimerBtn .global-timer-name{font-size:12px;max-width:100%}}
.checkin-choice{border:0;padding:0;margin:0 0 14px;min-width:0}
.checkin-choice legend{font-size:1rem;margin-bottom:8px}
.record-save-notice{padding:10px 12px;border:1px solid var(--accent);border-radius:10px;color:var(--text);background:var(--panel-2)}
.record-save-notice[hidden]{display:none}
.record-search-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:16px}
.record-search-controls label{display:grid;gap:6px;min-width:0;font-size:.875rem}
.record-search-controls .field{width:100%;min-width:0;min-height:44px}
#dailyStateForm .tap-choice input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.checkin-choice .tap-choice span{min-height:44px}.record-search-controls{grid-template-columns:1fr 1fr}.record-search-controls label:first-child{grid-column:1/-1}}

/* Planning keeps intentions, fixed arrangements and broad task targets distinct. */
.calendar-event-chip .calendar-task-title{white-space:normal;min-width:0}
.calendar-event-chip .calendar-task-title small{display:block;font-size:.72rem;font-weight:400;line-height:1.45;color:var(--muted)}
.calendar-event-chip.plan-tentative,.calendar-agenda-item.plan-tentative{border-style:dashed}
.calendar-event-chip.plan-fixed,.calendar-agenda-item.plan-fixed{border-left:3px solid var(--accent)}
.calendar-event-chip.is-cancelled .calendar-task-title,.calendar-agenda-item.is-cancelled .calendar-agenda-title,.event-row.is-cancelled .event-row-title{text-decoration:line-through}
.calendar-range-targets{padding:14px;margin-bottom:14px;border:1px dashed var(--line);border-radius:12px;background:var(--panel-2)}
.calendar-range-targets header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.calendar-range-targets small,.calendar-range-task span{color:var(--muted)}
.calendar-range-task{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding:10px 0;text-align:left;background:none;border:0;color:var(--text)}
.calendar-range-task b{font-weight:500;overflow-wrap:anywhere}.calendar-range-task.done b{text-decoration:line-through}
.calendar-range-task span{flex-shrink:0;font-size:.8rem}
.event-editor-extra .form-grid{padding-top:14px}.event-editor-form .field{min-height:44px}
.today-event-main small{display:block;color:var(--muted)}
@media(max-width:760px){.calendar-range-task{align-items:flex-start;flex-direction:column;gap:4px}.event-editor-form>.form-group{grid-column:1/-1}.calendar-agenda-actions .btn{min-height:44px}.today-event-time{white-space:normal}}
.event-record-management{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted)}
.event-record-management summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:.875rem}
.event-record-management .inline-actions{padding:8px 0}


/* New workspace headings inherit the formal title scale. */
.content .workspace-heading{margin-bottom:22px;padding:4px 0 24px;border-bottom:1px solid var(--surface-line)}
.content .workspace-heading h1{margin:9px 0 11px;font-family:var(--font-display);font-size:var(--page-title-size);font-weight:700;line-height:1.1;letter-spacing:-.035em}
.advanced-workspace-card.life-materials{grid-template-rows:auto auto 1fr}.advanced-workspace-card.life-materials footer{align-self:end}.advanced-workspace-card.life-materials footer .btn{min-height:44px;height:auto}
@media(max-width:760px){.workspace-heading{flex-wrap:wrap}.workspace-heading>div:first-child{flex:1 1 100%}.record-date-control{width:100%;justify-content:space-between}.record-date-control .btn{min-width:44px;min-height:44px}.record-detail>summary{padding:14px 16px}.record-detail>div,.record-detail-body{padding:14px}}