:root{color:#403744;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#faf6ef;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}.life-hq{max-width:1120px;margin:0 auto;padding:0 28px}.topbar{border-bottom:1px solid #e5ddd5;justify-content:space-between;align-items:center;gap:16px;min-height:76px;display:flex}.brand{color:inherit;letter-spacing:-1px;font-size:24px;font-weight:800;text-decoration:none}.brand span{color:#926a9e}.little-note,footer{color:#746977;font-size:13px}.welcome{padding:28px 0 24px}.eyebrow{color:#806387;letter-spacing:1.6px;margin:0 0 8px;font-size:11px;font-weight:750}h1{letter-spacing:-1.4px;margin:0;font-size:clamp(27px,4vw,38px);line-height:1.2}.welcome>p:last-child{color:#746977;margin:10px 0 0}.dashboard{grid-template-columns:1.1fr 1fr;gap:18px;display:grid}.card{background:#fffdf9;border:1px solid #e5ddd5;border-radius:22px;min-width:0;padding:24px;box-shadow:0 4px #eee7df}.tag{letter-spacing:1px;color:#73587c;font-size:10px;font-weight:750;display:inline-block}h2{letter-spacing:-.5px;margin:0;font-size:19px}.next-card h2{margin-top:12px}.next-task{letter-spacing:-.4px;margin:18px 0 6px;font-size:20px;font-weight:700}.next-card>p:not(.next-task){color:#706078;margin:0;font-size:14px}.coming-soon{color:#73587c;background:#fffafc;border-radius:10px;margin-top:22px;padding:8px 12px;font-size:12px;font-weight:650;display:inline-block}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.count{background:#f0ebe5;border-radius:50%;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.empty-state{padding:20px 0 6px}.empty-icon{background:#fce7da;border-radius:12px;place-items:center;width:34px;height:34px;font-size:22px;display:grid}h3{margin:10px 0 4px;font-size:15px}.empty-state p,.area p{color:#746977;margin:0;font-size:13px}.areas-card{grid-column:1/-1}.area-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.area{border-radius:15px;padding:16px}.area>span{font-size:22px}.area h3{margin-top:6px}.peach{background:#fbe7d9}footer{text-align:center;padding:22px 0}@media (width<=640px){.life-hq{padding:0 16px}.topbar{min-height:64px}.little-note{text-align:right;max-width:105px;font-size:11px}.welcome{padding:22px 0}.welcome>p:last-child{font-size:14px}.dashboard{grid-template-columns:1fr;gap:14px}.card{border-radius:18px;padding:20px}.area-grid{grid-template-columns:1fr;gap:8px;margin-top:14px}.area{grid-template-columns:30px 1fr;align-items:center;column-gap:10px;padding:12px;display:grid}.area>span{grid-row:1/3}.area h3{margin:0}.area p{grid-column:2}}.app-layout{grid-template-columns:180px minmax(0,1fr);gap:24px;padding-top:20px;display:grid}.app-sidebar,.page-content{min-width:0}.app-navigation{flex-direction:column;gap:6px;display:flex}.nav-link{color:#625568;border:1px solid #0000;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav-link.is-active{color:#513d60;background:#eee4f5;border-color:#d8c7e3}.nav-link:focus-visible{outline-offset:2px;outline:3px solid #806387}.page-content .welcome{padding-top:0}@media (width<=900px){.dashboard{grid-template-columns:1fr}}@media (width<=640px){.app-layout{grid-template-columns:1fr;gap:20px;padding-top:16px}.app-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.nav-link{padding:9px 10px;font-size:13px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-background:#faf6ef;--color-surface:#fffdf9;--color-text:#403744;--color-muted:#706573;--color-border:#89788f;--color-lavender:#eee4f5;--color-peach:#fbe7d9;--color-blush:#f7e3e8;--color-accent-text:#594165;--color-hover:#f0e9e1;--shadow-window:3px 3px 0 #d6c8d9;--shadow-control:2px 2px 0 #d6c8d9;--radius-window:8px;--radius-control:5px}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-background)}.brand{color:var(--color-text)}.brand span,.eyebrow,.tag{color:var(--color-accent-text)}.little-note,footer,.welcome>p:last-child,.empty-state p,.area p{color:var(--color-muted)}.topbar{border-bottom:2px solid var(--color-border)}.card{overflow-wrap:anywhere;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-window);box-shadow:var(--shadow-window);padding-top:36px;position:relative}.card:before{content:"";background:var(--color-blush);border-bottom:1px solid var(--color-border);border-radius:7px 7px 0 0;height:13px;position:absolute;top:0;left:0;right:0}.next-card{background:var(--color-lavender);border-color:var(--color-border)}.next-card:before{background:var(--color-peach)}.next-card>p:not(.next-task){color:var(--color-muted)}.coming-soon{color:var(--color-accent-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control)}.count{color:var(--color-text);background:var(--color-background)}.empty-icon,.peach{background:var(--color-peach)}.lavender{background:var(--color-lavender)}.blush{background:var(--color-blush)}.area{border:1px solid var(--color-border);border-radius:var(--radius-control)}.nav-link{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-control)}.nav-link:hover{background:var(--color-hover)}.nav-link.is-active{color:var(--color-accent-text);background:var(--color-lavender);border-color:var(--color-border);box-shadow:inset 1px 1px 0 var(--color-border)}.nav-link:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#25212c;--color-surface:#332d3c;--color-text:#f5edf7;--color-muted:#c7bace;--color-border:#aa93b5;--color-lavender:#493951;--color-peach:#513b32;--color-blush:#503747;--color-accent-text:#eed2ff;--color-hover:#44394e;--shadow-window:3px 3px 0 #17131d;--shadow-control:2px 2px 0 #17131d}.setting-field{gap:8px;max-width:320px;margin-top:20px;display:grid}.setting-field label{font-size:14px;font-weight:650}.setting-field select{width:100%;font:inherit;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:10px 12px}.setting-field select:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.setting-field p{color:var(--color-muted);margin:0;font-size:12px}html{background:var(--color-background);min-height:100%}body,#app{min-height:100dvh}.login-card{max-width:460px}.setting-field input{width:100%;min-width:0;font:inherit;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:10px 12px}.setting-field input:focus-visible,.app-button:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.app-button{font:inherit;color:var(--color-text);background:var(--color-peach);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-control);cursor:pointer;margin-top:20px;padding:10px 16px;font-weight:650}.app-button:hover:not(:disabled){background:var(--color-blush)}.app-button:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.app-button:disabled{opacity:.65;cursor:not-allowed}.form-message{color:var(--color-muted);margin:16px 0 0;font-size:13px}.profile-card{margin-top:20px}.setup-card{max-width:680px}.setup-card h2{margin-top:12px}.setup-card>p{color:var(--color-muted)}.setup-outline{gap:10px;margin:22px 0;padding-left:24px;display:grid}.setup-outline li{padding-left:4px}.setup-outline li::marker{color:var(--color-accent-text);font-weight:750}.setup-start-link{text-decoration:none;display:inline-block}.setup-back-link{color:var(--color-accent-text);text-underline-offset:4px}.setup-back-link:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.life-areas-list{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.life-areas-list .area{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;display:flex}.life-area-name{overflow-wrap:anywhere;min-width:0}.area-delete-button{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;flex-shrink:0;padding:6px 10px;font-size:12px}.area-delete-button:hover:not(:disabled){background:var(--color-blush)}.area-delete-button:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.area-delete-button:disabled{opacity:.65;cursor:wait}.area-presets{margin-top:22px}.area-preset-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:14px;display:grid}.area-preset-button{min-height:44px;font:inherit;text-align:left;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-control);cursor:pointer;padding:10px;font-size:13px;font-weight:650}.area-preset-button:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.area-preset-button:disabled{box-shadow:none;opacity:.65;cursor:default}.area-actions{flex-wrap:wrap;gap:8px;display:flex}.area-edit-button,.area-cancel-button{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;padding:6px 10px;font-size:12px}.area-edit-form{gap:12px;width:100%;display:grid}.area-edit-form label{gap:6px;font-size:13px;font-weight:650;display:grid}.area-edit-form input,.area-edit-form select{width:100%;min-width:0;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:10px}.area-edit-form :focus-visible,.area-edit-button:focus-visible,.area-cancel-button:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.life-areas-list [hidden]{display:none}.setting-field textarea{width:100%;min-width:0;font:inherit;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-control);resize:vertical;padding:10px 12px}.setting-field textarea:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.project-list-card{margin:20px 0}.project-list{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.project-list li{background:var(--color-lavender);border:1px solid var(--color-border);border-radius:var(--radius-control);overflow-wrap:anywhere;padding:14px}.project-list h3{margin:0 0 4px}.project-list p{color:var(--color-muted);margin:0;font-size:13px}.project-title-link{color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:4px}.project-title-link:hover{color:var(--color-accent-text)}.project-title-link:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}:root .project-detail-fields{grid-template-columns:minmax(90px,120px) minmax(0,1fr);gap:12px 16px;margin-bottom:0;display:grid}.project-detail-fields[hidden]{display:none}.project-detail-fields dt{font-weight:650}.project-detail-fields dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}@media (width<=480px){:root .project-detail-fields{grid-template-columns:1fr;gap:6px}.project-detail-fields dd{margin-bottom:12px}}.app-modal{width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-window);box-shadow:var(--shadow-window);padding:24px;overflow-y:auto}.app-modal::backdrop{background:#1e16268c}body:has(.app-modal[open]){overflow:hidden}.modal-heading{border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.modal-close{width:44px;height:44px;font:inherit;color:var(--color-text);background:var(--color-blush);border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;flex-shrink:0;font-size:24px}.modal-close:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.project-form-fields{border:0;min-width:0;margin:0;padding:0}.app-modal .setting-field{max-width:none}.modal-actions{flex-wrap:wrap;gap:12px;display:flex}.project-add-button{margin-top:0}#projects-page [hidden]{display:none}@media (width<=480px){.app-modal{padding:16px}.modal-actions>button{flex:1}}#life-areas-page [hidden]{display:none}#create-life-area-modal{width:min(620px,100vw - 32px)}#create-life-area-modal .area-preset-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.page-card-title{letter-spacing:-.5px;margin:0;font-size:19px;line-height:1.5}#projects-page>.project-list-card{margin-top:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-ideas{background:var(--color-lavender);border:1px solid var(--color-border);border-radius:var(--radius-control);margin-top:18px;padding:14px}.project-ideas h3{margin-top:0}.project-ideas-list{gap:8px;margin-top:12px;display:grid}.project-idea-button{text-align:left;min-height:44px;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;overflow-wrap:anywhere;padding:10px 12px;font-size:13px}.project-idea-button:hover:not(:disabled){background:var(--color-peach)}.project-idea-button:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.project-overview{margin-top:20px}.project-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.project-metric{border:1px solid var(--color-border);border-radius:var(--radius-control);padding:12px}.project-metric dt{overflow-wrap:anywhere;font-size:12px;font-weight:650}.project-metric dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:28px;font-weight:800;line-height:1.2}.surface{background:var(--color-background)}.project-status-bar{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background);height:14px;display:flex;overflow:hidden}.project-status-bar>span{flex-basis:0;min-width:0}.project-status-bar>span+span{border-left:1px solid var(--color-border)}.project-status-legend{color:var(--color-muted);flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.project-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.project-item-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.project-item-heading h3{flex:1;min-width:110px}.project-status-badge{border:1px solid var(--color-border);border-radius:var(--radius-control);flex-shrink:0;padding:3px 7px;font-size:11px;font-weight:700;display:inline-block}@media (width<=800px){.project-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.life-area-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#life-areas-page .life-areas-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start}#life-areas-page .life-areas-list>.area{flex-wrap:wrap;align-content:start;gap:12px}#life-areas-page .life-area-name{flex:1;font-weight:750}.area-project-summary{flex-basis:100%;min-width:0}.area-project-count{margin:0 0 10px;font-size:13px;font-weight:650}.area-project-summary .project-status-legend{gap:4px 10px;font-size:11px}.area:has(.area-edit-form:not([hidden])) .area-project-summary{display:none}@media (width<=480px){.life-area-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.life-area-metrics>:last-child{grid-column:1/-1}}.project-tasks-card{margin-top:20px;margin-bottom:24px}#project-detail [hidden]{display:none}#task-progress-bar{accent-color:#9771ad;width:100%;height:18px;margin-top:8px;display:block}.task-add-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.task-add-form .setting-field{flex:1;min-width:min(100%,180px);max-width:none}.task-list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.task-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:10px 12px}.task-item label{cursor:pointer;align-items:flex-start;gap:10px;min-height:24px;display:flex}.task-item input{accent-color:#9771ad;flex-shrink:0;width:20px;height:20px;margin:2px 0 0}.task-item input:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.task-item span{overflow-wrap:anywhere;min-width:0}.task-item.is-completed span{color:var(--color-muted);text-decoration:line-through}@media (width<=480px){.task-add-form>.app-button{width:100%;margin-top:0}}.project-task-progress{border-top:1px solid var(--color-border);margin-top:14px;padding-top:10px}.project-task-progress progress{accent-color:#9771ad;width:100%;height:14px;margin-top:7px;display:block}.task-item{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.task-item>label{flex:1;min-width:min(100%,180px)}.task-actions{flex-wrap:wrap;gap:8px;display:flex}.task-edit-form{gap:10px;width:100%;display:grid}.task-edit-form label{gap:6px;font-size:13px;font-weight:650;display:grid}.task-edit-form input{width:100%;min-width:0;height:auto;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);margin:0;padding:10px}#next-action-card [hidden]{display:none}#next-action-reason{margin-top:12px;font-size:13px}#next-action-task{overflow-wrap:anywhere}.dashboard-command{margin-bottom:18px}.dashboard-quick-actions{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.dashboard-quick-actions .app-button{margin-top:0}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dashboard-metric{min-width:0;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);flex-direction:column;gap:4px;padding:12px;text-decoration:none;display:flex}.dashboard-metric strong{font-variant-numeric:tabular-nums;font-size:28px;line-height:1.2}.dashboard-metric span{font-size:12px;font-weight:650}.dashboard-metric:hover,.dashboard-area-row:hover{box-shadow:var(--shadow-control)}.dashboard-metric:focus-visible,.dashboard-area-row:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.dashboard-visual-grid{align-items:start;padding-bottom:24px}.dashboard-visual-grid .section-heading>a{font-size:12px}.dashboard-ring-layout{flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;display:flex}.dashboard-ring-layout>p{flex:1;min-width:100px}.dashboard-task-ring{background:conic-gradient(#9771ad var(--completion), var(--color-peach) 0);border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;place-items:center;width:136px;height:136px;display:grid;position:relative}.dashboard-task-ring:before{content:"";background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;position:absolute;inset:18px}.dashboard-task-ring strong{font-variant-numeric:tabular-nums;font-size:26px;position:relative}.dashboard-project-chart{margin-top:22px}.dashboard-project-chart .project-status-bar{height:26px}.dashboard-area-progress{gap:12px;margin-top:18px;display:grid}.dashboard-area-row{min-width:0;color:var(--color-text);border-radius:var(--radius-control);gap:5px;padding:6px;text-decoration:none;display:grid}.dashboard-area-label{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:13px;display:flex}.dashboard-area-label strong{overflow-wrap:anywhere}.dashboard-area-label>span,.dashboard-area-detail{color:var(--color-muted);font-size:11px}.dashboard-area-row progress{accent-color:#9771ad;width:100%;height:12px}@media (width<=800px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.dashboard-quick-actions>a{text-align:center;flex:1}.dashboard-task-ring{width:112px;height:112px}}.quick-capture-form{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-bottom:14px;display:grid}.quick-capture-form input,.task-assign-form select{width:100%;min-width:0;font:inherit;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:10px}.quick-capture-form .app-button{margin-top:0}.quick-capture-form>a{font-size:13px}.quick-capture-form>p{grid-column:1/-1;margin:0}.quick-capture-form>p:empty{display:none}.quick-capture-form input:focus-visible,.task-assign-form select:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}#inbox-page [hidden]{display:none}#inbox-page .project-tasks-card{margin-top:0}.task-assign-form{gap:10px;width:100%;display:grid}.task-assign-form label{gap:6px;font-size:13px;font-weight:650;display:grid}.dashboard-command-tools{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.dashboard-command-tools>a{font-size:13px}.quick-add-button{width:44px;height:44px;font:inherit;color:var(--color-text);background:var(--color-lavender);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-control);cursor:pointer;flex-shrink:0;place-items:center;padding:0;font-size:28px;line-height:1;display:grid}.quick-add-button:hover{background:var(--color-blush)}.quick-add-button:focus-visible,.quick-add-option:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.quick-add-label{margin:18px 0 12px}.quick-add-options{border-top:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:18px;display:grid}.quick-add-option{min-height:52px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.quick-add-option>span:last-child{overflow-wrap:anywhere}.task-add-options{flex-basis:100%}.task-add-options summary{width:fit-content;color:var(--color-accent-text);cursor:pointer;padding:6px 0;font-size:13px}.task-add-options summary:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.task-details-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.task-details-fields label{gap:6px;font-size:13px;font-weight:650;display:grid}.task-details-fields input,.task-details-fields select{width:100%;min-width:0;height:auto;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);margin:0;padding:10px}.task-details-fields :focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.task-metadata{color:var(--color-muted);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;font-size:12px;display:flex}.task-priority{color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:2px 7px;font-size:11px}.task-item.is-completed .task-metadata span{color:var(--color-text);text-decoration:none}:is(.task-item:has(.task-edit-form:not([hidden])) .task-metadata,.task-item:has(.task-assign-form:not([hidden])) .task-metadata){display:none}#next-action-card{background:var(--color-surface)}#next-action-card>h2{margin:0}.next-action-workload{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.next-action-workload>div{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-control);flex-direction:column-reverse;padding:8px 10px;display:flex}.next-action-workload dt{color:var(--color-muted);font-size:11px}.next-action-workload dd{font-variant-numeric:tabular-nums;margin:0;font-size:21px;font-weight:750}.next-action-focus{background:var(--color-lavender);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:14px}#next-action-task{margin:6px 0;font-size:20px;line-height:1.3}#next-action-project{margin-top:0;font-size:13px}.next-action-facts{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;font-size:12px;display:flex}#next-action-timing{font-weight:650}#next-action-timing.is-past-due{background:var(--color-peach);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:3px 7px}#next-action-reason{margin-top:10px;font-size:12px;line-height:1.4}.next-action-buttons{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px;display:flex}.next-action-buttons .app-button,.next-action-buttons #next-action-link{margin-top:0}.next-action-buttons>a{padding:8px 0;font-size:13px}.next-action-alternatives{margin-top:10px}.next-action-alternatives summary{cursor:pointer;align-content:center;min-height:44px;font-size:13px;font-weight:650}.next-action-options{gap:8px;display:grid}.next-action-option{min-height:44px;font:inherit;text-align:left;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;gap:4px;padding:10px;display:grid}.next-action-option strong{overflow-wrap:anywhere;font-size:13px}.next-action-option span{color:var(--color-muted);overflow-wrap:anywhere;font-size:12px}.next-action-option:focus-visible,.next-action-alternatives summary:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:3px}.next-action-browse{flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12px;display:flex}.mobile-bottom-nav{display:none}@media (width<=768px){.life-hq{padding:0 max(12px, env(safe-area-inset-left)) 0 max(12px, env(safe-area-inset-right))}.topbar{gap:10px;min-height:48px}.brand{font-size:21px}.topbar .little-note{display:none}.app-layout{grid-template-columns:minmax(0,1fr);gap:0;padding-top:8px}.app-sidebar{display:none}.mobile-nav-dialog{width:min(380px,100vw - 24px);padding:16px}.mobile-nav-dialog .app-navigation{grid-template-columns:1fr;gap:8px;margin-top:16px;display:grid}.mobile-nav-dialog .nav-link{align-items:center;min-height:44px;padding:10px 12px;font-size:15px;display:flex}.card{border-radius:var(--radius-window);padding:26px 14px 14px}.section-heading{gap:8px}.dashboard-command{margin-bottom:12px}.dashboard-quick-actions{gap:8px;margin-bottom:12px}.dashboard-quick-actions .app-button{text-align:center;flex:1;min-width:0;padding:10px 8px;font-size:13px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-metric{gap:2px;padding:9px 10px}.dashboard-metric strong{font-size:24px}.dashboard-metric span{font-size:12px}.dashboard-visual-grid{padding-bottom:max(20px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);gap:12px}.next-card h2{margin-top:6px;font-size:18px}.next-task{margin-top:12px;font-size:18px}#next-action-link{margin-top:14px}.dashboard-ring-layout{gap:14px;margin-top:14px}.dashboard-task-ring{width:100px;height:100px}.dashboard-task-ring:before{inset:14px}.dashboard-task-ring strong{font-size:23px}.dashboard-project-chart{margin-top:14px}.dashboard-area-progress{gap:8px;margin-top:12px}.project-list,#life-areas-page .life-areas-list{grid-template-columns:minmax(0,1fr)}.project-metrics{gap:8px}.project-metric{padding:10px}.project-metric dd{font-size:24px}.app-button,.area-edit-button,.area-cancel-button,.area-delete-button{min-height:44px}.setting-field{max-width:none}input:not([type=checkbox]),select,textarea{max-width:100%;min-height:44px;font-size:16px!important}.app-modal{overscroll-behavior:contain;width:min(620px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;scroll-padding-block:16px}.modal-heading{gap:10px}.modal-actions>.app-button{flex:1}.task-add-form .setting-field,.task-add-form>.app-button{flex-basis:100%;width:100%}.task-add-form>.app-button{margin-top:0}.task-item>label{align-items:center;min-height:44px}.welcome{padding-bottom:16px}}@media (width>=769px){.mobile-nav-dialog{display:none}}@media (width<=768px){.life-hq:has(.mobile-bottom-nav){padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-bottom-nav{z-index:30;padding:6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:var(--color-surface);border-top:2px solid var(--color-border);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -3px #0000000d}.bottom-nav-item{min-width:0;min-height:48px;font:inherit;color:var(--color-muted);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:1px;margin:0;padding:4px;font-size:11px;font-weight:650;line-height:1.2;text-decoration:none;display:flex}.bottom-nav-icon{font-size:22px;line-height:1}.bottom-nav-item.is-active{color:var(--color-accent-text);background:var(--color-lavender);border-color:var(--color-border)}.bottom-nav-item:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:-3px}.app-modal.mobile-nav-dialog{width:100%;max-width:100%;max-height:min(80dvh,600px);padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-bottom:0;border-radius:14px 14px 0 0;margin:0;inset:auto 0 0}.mobile-nav-dialog .app-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav-dialog .nav-link{font-size:13px}#dashboard-page .card{padding:23px 12px 12px}.dashboard-command{margin-bottom:8px}.dashboard-quick-actions{gap:6px;margin-bottom:8px}.dashboard-quick-actions .app-button{padding:8px 6px;font-size:12px}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dashboard-metric{gap:3px;padding:7px 6px}.dashboard-metric strong{font-size:21px}.dashboard-metric span{font-size:11px;line-height:1.25}.dashboard-visual-grid{gap:8px;padding-bottom:0}#dashboard-page h2{font-size:16px}#dashboard-page .next-card h2{margin-top:4px;font-size:17px}#dashboard-page .next-task{margin:8px 0 4px;font-size:17px;line-height:1.3}#next-action-project,#next-action-reason{font-size:12px;line-height:1.35}#next-action-reason{margin-top:6px}#next-action-link{margin-top:10px;padding:8px 12px;font-size:13px}.dashboard-ring-layout{gap:10px;margin-top:10px}.dashboard-task-ring{width:76px;height:76px}.dashboard-task-ring:before{inset:11px}.dashboard-task-ring strong{font-size:19px}#dashboard-task-totals{font-size:12px;line-height:1.35}.dashboard-project-chart{margin-top:10px}.dashboard-project-chart .project-status-bar{height:16px}.dashboard-project-chart .project-status-legend{gap:4px 8px;font-size:11px}.dashboard-area-progress{gap:6px;margin-top:8px}.dashboard-area-row{gap:3px;padding:4px}.dashboard-area-label{font-size:12px}.dashboard-area-row progress{height:9px}}@media (width>=380px) and (width<=768px){.dashboard-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-visual-grid>.next-card,.dashboard-visual-grid>.dashboard-areas-card{grid-column:1/-1}.dashboard-progress-card .section-heading,.dashboard-projects-card .section-heading{display:block}.dashboard-progress-card .section-heading>a,.dashboard-projects-card .section-heading>a{margin-top:4px;display:inline-block}.dashboard-progress-card .dashboard-ring-layout{justify-content:center}.dashboard-progress-card .dashboard-ring-layout>p{text-align:center;flex-basis:100%;min-width:0;margin-top:0}}@media (width<=768px){.quick-capture-form{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-bottom:10px}.quick-capture-form>a{grid-column:1/-1;justify-self:end;font-size:12px}.quick-capture-form input{font-size:16px}.dashboard-command-tools{margin-bottom:8px}.quick-add-options{gap:8px}.quick-add-option{padding:10px;font-size:13px}.task-add-options summary{align-items:center;min-height:44px;display:flex}.task-details-fields{gap:8px}}@media (width<=380px){.task-details-fields{grid-template-columns:1fr}}@media (width<=768px){.next-action-workload{gap:6px;margin:10px 0}.next-action-workload>div{padding:6px 8px}.next-action-workload dd{font-size:19px}.next-action-focus{padding:10px}#dashboard-page #next-action-task{margin:6px 0;font-size:18px}.next-action-facts{gap:6px;margin-top:10px}.next-action-buttons{gap:8px 14px;margin-top:10px}#dashboard-page .next-action-buttons #next-action-link{margin-top:0;padding:8px 0}}
