:root{color-scheme:dark;--bg: #111415;--surface: #181d1f;--surface-2: #202729;--text: #f4f0e8;--muted: #a9b0ac;--line: rgba(246, 242, 232, .12);--green: #69bf8d;--green-strong: #48a874;--shadow: 0 22px 70px rgba(0, 0, 0, .28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f7f8f4;--surface: #ffffff;--surface-2: #eef3ed;--text: #18201d;--muted: #64706a;--line: rgba(24, 32, 29, .13);--green: #4fb278;--green-strong: #2f8f61;--shadow: 0 22px 70px rgba(46, 74, 61, .14)}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(130,216,165,.12),transparent 32rem),radial-gradient(circle at bottom right,rgba(136,188,231,.11),transparent 28rem),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button svg{flex:0 0 auto}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:grid;grid-template-rows:auto 1fr auto;gap:24px;height:100vh;padding:22px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-block,.topbar,.section-toolbar,.switch-row{display:flex;align-items:center;gap:12px}.brand-identity{display:flex;min-width:0;align-items:center;gap:12px}.mobile-header-actions{display:none;align-items:center;gap:8px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:var(--green);color:#101513;font-weight:900}.eyebrow{margin:0 0 6px;color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin:0;font-size:1.25rem}h2{margin-bottom:0;font-size:clamp(1.9rem,4vw,3.4rem)}h3{margin-bottom:0;font-size:1.1rem}.nav-list{display:grid;align-content:start;gap:8px}.nav-item,.primary-btn,.focus-cta{min-height:42px;border:1px solid var(--line);border-radius:8px;color:var(--text);font-weight:800}.nav-item{display:flex;align-items:center;gap:10px;padding:0 12px;background:transparent;text-align:left}.nav-item.active{border-color:color-mix(in srgb,var(--green) 55%,var(--line));background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.switch-row{justify-content:space-between;color:var(--muted)}.account-sidebar-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 58%,transparent)}.account-sidebar-card strong,.account-sidebar-card span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sidebar-card strong{color:var(--text)}.account-sidebar-card span{color:var(--muted);font-size:.82rem}.sync-pill{display:inline-flex;width:fit-content;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 68%,transparent);color:var(--muted);font-size:.76rem;font-weight:900}.sync-pill.saved{border-color:color-mix(in srgb,var(--green) 36%,var(--line));background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}.sync-pill.saving{border-color:#ffd18c57;background:#e8a03b1f;color:#ffd18c}.sync-pill.error{border-color:#ffb6ae57;background:#ef7f7221;color:#ffb6ae}.sync-pill.local{color:var(--muted)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.main-panel{min-width:0;padding:26px}.topbar{justify-content:space-between;margin-bottom:24px}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-sync-pill{min-height:42px;border-radius:8px}.topbar-settings-btn.active{border-color:color-mix(in srgb,var(--green) 55%,var(--line));background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.primary-btn,.focus-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:transparent;background:var(--green);color:#101513;padding:0 16px}.primary-btn:disabled,.focus-cta:disabled{cursor:not-allowed;opacity:.52}.focus-cta{min-height:52px;border-color:color-mix(in srgb,var(--green) 64%,white);box-shadow:0 14px 36px color-mix(in srgb,var(--green) 20%,transparent);font-weight:950}.page-view,.metric-grid,.content-grid{display:grid;gap:18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1 / -1}.section-toolbar{justify-content:space-between}.panel,.metric-card,.suggestion-card,.empty-state{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow)}.panel{padding:18px}.metric-card{min-height:132px;padding:18px}.metric-card strong{display:block;margin-bottom:6px;font-size:2.25rem;font-variant-numeric:tabular-nums;line-height:1.12}.metric-card span,.panel p,.empty-state,.suggestion-card{color:var(--muted)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.empty-state{display:grid;min-height:220px;align-content:center;gap:8px;padding:18px;border-style:dashed;background:color-mix(in srgb,var(--surface-2) 62%,transparent);color:var(--muted)}.empty-state h3{color:var(--text)}.empty-state p{max-width:64ch;margin:0}.compact-empty{min-height:104px}.suggestion-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;background:color-mix(in srgb,var(--surface-2) 62%,transparent)}.suggestion-card h3,.empty-state h3{color:var(--text)}.suggestion-card p{margin-bottom:0}.suggestion-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--green) 20%,transparent);color:var(--green);font-weight:900}.priority{align-self:start;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green);font-size:.78rem;font-weight:900;white-space:nowrap}blockquote{margin:0;color:var(--text);font-size:1.4rem;line-height:1.3}.calendar-view{align-items:start}.calendar-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:18px}.calendar-nav-group{display:flex;gap:4px}.calendar-nav-group-end{justify-content:end}.calendar-title-group{display:grid;justify-items:center;gap:8px;text-align:center}.calendar-title-group h3{font-size:1.35rem}.icon-btn,.ghost-btn{min-height:42px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);color:var(--text);font-weight:850}.icon-btn{display:inline-grid;width:42px;place-items:center;padding:0}.mobile-nav-toggle,.mobile-account-btn{display:none}.mobile-sync-pill{display:none;width:42px;min-height:42px;justify-content:center;padding:0;border-radius:8px}.mobile-sync-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ghost-btn{padding:0 14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-label,.calendar-day{border:1px solid var(--line);border-radius:8px}.calendar-label{min-width:0;padding:8px 4px;color:var(--muted);font-size:.78rem;font-weight:900;text-align:center}.calendar-day{position:relative;min-width:0;min-height:104px;overflow:visible;background:color-mix(in srgb,var(--surface-2) 54%,transparent);color:var(--text);text-align:left}.calendar-day.outside{opacity:.42}.calendar-day.today{border-color:color-mix(in srgb,var(--green) 42%,var(--line))}.calendar-day.selected{z-index:5;border-color:var(--green);background:color-mix(in srgb,var(--green) 13%,var(--surface-2));opacity:1}.calendar-day-button{display:grid;width:100%;min-height:102px;align-content:start;gap:8px;border:0;border-radius:8px;background:transparent;color:inherit;padding:10px;text-align:left}.calendar-day.selected .calendar-day-button{min-height:36px}.day-number{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:4px;font-weight:950}.today-chip{color:var(--green);font-size:.68rem;font-weight:900}.event-dot-row{display:flex;flex-wrap:wrap;gap:4px;min-height:6px}.event-dot{width:6px;height:6px;border-radius:999px}.task-dot{position:relative;width:8px;height:8px;border:1.5px solid var(--task-color);border-radius:2px;background:transparent}.task-dot:after{position:absolute;left:2px;top:0;width:2px;height:4px;border:solid var(--task-color);border-width:0 1.5px 1.5px 0;content:"";transform:rotate(45deg)}.selected-day-popout{position:absolute;top:36px;left:8px;right:8px;z-index:8;display:grid;max-height:260px;gap:10px;overflow:auto;padding:8px;border:1px solid color-mix(in srgb,var(--green) 48%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--surface) 74%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px #0003;color:var(--muted);font-size:.75rem}.selected-day-popout-heading,.selected-day-event-main{display:grid;gap:3px;min-width:0}.selected-day-popout-heading strong,.selected-day-event-main strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.selected-day-event-list{display:grid;gap:7px}.selected-day-event{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid color-mix(in srgb,var(--event-color) 35%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--event-color) 12%,var(--surface-2))}.selected-day-task{border-style:dashed;background:color-mix(in srgb,var(--event-color) 10%,var(--surface-2))}.calendar-task-type{justify-self:start;padding:2px 6px;border:1px solid color-mix(in srgb,var(--event-color) 44%,transparent);border-radius:999px;background:color-mix(in srgb,var(--event-color) 13%,transparent);color:var(--text);font-size:.65rem;font-weight:950;text-transform:uppercase}.selected-day-task.completed,.weekly-task-card.completed{opacity:.62}.selected-day-task.completed strong,.weekly-task-card.completed strong{text-decoration:line-through}.selected-day-event-main{border:0;background:transparent;color:var(--muted);padding:0;text-align:left}.selected-day-event-main em{overflow:hidden;color:var(--muted);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.event-list{display:grid;gap:10px}.event-card{display:grid;grid-template-columns:6px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 62%,transparent)}.editable-event-card{grid-template-columns:6px minmax(0,1fr) auto;align-items:center}.event-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-card p{margin-bottom:0}.event-color{width:6px;min-height:100%;border-radius:999px}.event-actions,.modal-action-group{display:flex;align-items:center;gap:8px}.mini-btn,.danger-btn{min-height:36px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);color:var(--text);font-weight:850}.mini-btn{display:inline-grid;width:36px;place-items:center;padding:0}.danger-btn{padding:0 14px;color:#ffb6ae}.danger-mini-btn{color:#ffb6ae}.planner-view{align-items:start}.planner-toolbar,.planner-actions,.hour-controls{display:flex;align-items:center;gap:10px}.planner-toolbar{justify-content:space-between;margin-bottom:18px}.planner-actions{justify-content:end;flex-wrap:wrap;max-width:min(100%,760px)}.hour-controls{flex-wrap:wrap}.weekly-timeline-wrap{overflow:auto;padding-bottom:4px}.weekly-timeline{display:grid;grid-template-columns:72px repeat(var(--visible-days),minmax(136px,1fr));min-width:1080px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 36%,transparent)}.weekly-time-corner,.weekly-timeline-day-header,.weekly-task-label,.weekly-task-cell,.weekly-time-label,.weekly-time-slot{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.weekly-task-cell.last,.weekly-timeline-day-header:nth-child(8),.weekly-time-slot:nth-child(8n){border-right:0}.weekly-time-corner,.weekly-timeline-day-header{position:sticky;top:0;z-index:2;min-height:74px;background:color-mix(in srgb,var(--surface) 94%,transparent)}.weekly-timeline-day-header{display:grid;align-content:center;gap:3px;padding:10px;text-align:center}.weekly-timeline-day-header span{color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase}.weekly-timeline-day-header strong{color:var(--text)}.weekly-timeline-day-header em{color:var(--green);font-size:.68rem;font-style:normal;font-weight:950}.weekly-timeline-day-header.today,.weekly-time-slot.today{background:color-mix(in srgb,var(--green) 8%,var(--surface-2))}.weekly-time-label{position:sticky;left:0;z-index:1;display:grid;min-height:88px;align-content:start;padding:12px 10px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--muted);font-size:.78rem;font-weight:900;text-align:right}.weekly-task-label{position:sticky;left:0;z-index:1;display:grid;min-height:82px;align-content:start;padding:12px 10px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--muted);font-size:.78rem;font-weight:900;text-align:right}.weekly-task-cell{display:grid;min-width:0;min-height:82px;align-content:start;gap:7px;padding:8px;background:color-mix(in srgb,var(--surface-2) 26%,transparent)}.weekly-task-cell.today{background:color-mix(in srgb,var(--green) 8%,var(--surface-2))}.weekly-time-slot{display:grid;min-width:0;min-height:88px;align-content:start;gap:7px;padding:8px}.weekly-time-slot .timeline-empty{opacity:0;transition:opacity .18s ease}.weekly-task-cell .timeline-empty{opacity:.72}.weekly-time-slot:hover .timeline-empty{opacity:1}.planner-event-card{display:grid;min-width:0;gap:4px;grid-template-columns:minmax(0,1fr) auto;padding:9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--green) 32%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--text);text-align:left}.planner-event-card span,.timeline-empty{color:var(--muted);font-size:.78rem}.planner-event-card .event-repeat-label{justify-self:start;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--event-color, var(--green)) 18%,transparent);color:var(--text);font-size:.68rem;font-weight:900}.planner-event-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekly-event-card{border-color:color-mix(in srgb,var(--event-color, var(--green)) 46%,var(--line));background:color-mix(in srgb,var(--event-color, var(--green)) 12%,transparent)}.weekly-task-card{border-color:color-mix(in srgb,var(--event-color, var(--green)) 42%,var(--line));background:color-mix(in srgb,var(--event-color, var(--green)) 10%,transparent)}.weekly-event-main{display:grid;min-width:0;gap:4px;border:0;background:transparent;color:var(--text);padding:0;text-align:left}.hour-controls label{display:grid;gap:5px;color:var(--muted);font-size:.78rem;font-weight:800}.hour-controls input{width:76px;min-height:40px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);color:var(--text);padding:0 10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0000007a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.event-modal{display:grid;width:min(620px,100%);max-height:min(760px,calc(100vh - 36px));gap:16px;overflow:auto;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 28px 90px #0000006b}.account-modal{width:min(520px,100%)}.account-callout,.account-settings-card,.account-warning{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 62%,transparent)}.account-callout,.account-settings-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px}.account-callout svg,.account-settings-card svg{color:var(--green)}.account-callout p,.account-settings-card p{margin-bottom:0}.account-settings-card strong{display:block;color:var(--text)}.account-settings-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.account-warning{padding:12px;color:#ffd18c}.account-message,.account-error{margin-bottom:0;font-weight:800}.account-message{color:var(--green)}.account-error{color:#ffb6ae}.auth-mode-control{width:min(100%,320px)}.modal-heading,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:12px}.two-column-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{display:grid;min-width:0;gap:7px;color:var(--muted);font-size:.82rem;font-weight:850}.wide-field{width:100%}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 72%,transparent);color:var(--text);padding:0 12px}.time-select-group{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.time-select-group select{min-width:0;padding:0 8px}.form-field textarea{min-height:88px;padding-top:10px;resize:vertical}.color-field,.repeat-days-field,.attachment-field{display:grid;gap:10px;margin:0;padding:0;border:0;color:var(--muted);font-size:.82rem;font-weight:850}.attachment-field input[type=file]{width:100%;min-height:44px;border:1px dashed var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 58%,transparent);color:var(--muted);padding:10px}.attachment-list{display:grid;gap:8px}.attachment-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.attachment-item span{display:grid;min-width:0;gap:2px}.attachment-item strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.attachment-item em{color:var(--muted);font-size:.72rem;font-style:normal}.repeat-day-options{display:flex;flex-wrap:wrap;gap:8px}.repeat-day-option input{position:absolute;opacity:0;pointer-events:none}.repeat-day-option span{display:grid;min-width:44px;min-height:36px;place-items:center;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 72%,transparent);color:var(--muted);font-size:.78rem;font-weight:900}.repeat-day-option input:checked+span{border-color:color-mix(in srgb,var(--green) 58%,var(--line));background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--text)}.color-options{display:flex;flex-wrap:wrap;gap:10px}.color-option input{position:absolute;opacity:0;pointer-events:none}.color-option span{display:block;width:34px;height:34px;border:2px solid transparent;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff38}.color-option input:checked+span{border-color:var(--text)}.stack-list,.goal-grid,.settings-list,.dimension-list{display:grid;gap:10px}.list-card,.goal-card,.setting-row{border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 62%,transparent)}.list-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px}.list-card.completed{opacity:.62}.list-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green);font-size:.85rem;font-weight:900}.list-card-heading,.progress-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.list-card h3,.goal-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-card p,.goal-card p{margin-bottom:0}.priority-pill{padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green);font-size:.72rem;font-weight:900;white-space:nowrap}.priority-pill.high{background:#ef7f7221;color:#ffb6ae}.priority-pill.medium{background:#e8a03b21;color:#ffd18c}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-card{display:grid;gap:12px;padding:14px}.progress-row{flex-wrap:wrap;justify-content:flex-start;color:var(--muted);font-size:.8rem;font-weight:850}.progress-track{height:9px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--green)}.linked-list{display:flex;flex-wrap:wrap;gap:6px}.linked-list span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.76rem}.focus-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:22px;align-items:center}.timer-ring{display:grid;aspect-ratio:1;place-items:center;border-radius:999px;background:radial-gradient(circle at center,var(--surface) 58%,transparent 60%),conic-gradient(var(--green) var(--progress),color-mix(in srgb,var(--surface-2) 88%,transparent) 0)}.timer-ring div{display:grid;place-items:center}.timer-ring span{color:var(--text);font-size:clamp(2.4rem,6vw,4.5rem);font-weight:950;font-variant-numeric:tabular-nums}.focus-controls,.focus-button-row{display:grid;gap:14px}.focus-button-row{grid-template-columns:auto auto;justify-content:start}.segmented-control{display:inline-grid;grid-template-columns:repeat(2,minmax(0,150px));gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.segmented-control button{min-height:38px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:900}.segmented-control button.active{background:var(--green);color:#101513}.pomodoro-quantity-grid{grid-template-columns:minmax(180px,260px)}.focus-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.focus-plan-grid span{display:grid;gap:4px;min-height:78px;align-content:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 54%,transparent);color:var(--muted);font-size:.78rem;font-weight:850}.focus-plan-grid strong{color:var(--text);font-size:1.45rem;font-variant-numeric:tabular-nums}.scroll-list{max-height:320px;overflow:auto;padding-right:4px}.focus-quality-grid{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:5px;margin-bottom:10px}.focus-quality-grid span{min-height:34px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--surface-2) 42%,transparent)}.focus-quality-grid span.has-data{background:color-mix(in srgb,var(--green) 38%,var(--surface-2))}.dimension-list span,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.dimension-list span{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}.dimension-list span:last-child{border-bottom:0}.dimension-list strong{color:var(--text)}.setting-row{min-height:58px;padding:0 14px;color:var(--text);font-weight:850}.setting-row span{display:flex;align-items:center;gap:10px}.setting-row select{min-height:40px;min-width:150px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);color:var(--text);padding:0 10px;font-weight:850}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;grid-template-rows:auto auto auto;height:auto}.brand-block{justify-content:space-between}.brand-identity{flex:1 1 auto}.mobile-header-actions{display:flex;flex:0 0 auto}.mobile-nav-toggle,.mobile-account-btn,.mobile-sync-pill{display:inline-grid}.account-sidebar-card,.topbar-sync-pill,.sidebar .nav-list{display:none}.sidebar .nav-list.open{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day{min-height:92px}.planner-toolbar{align-items:stretch;flex-direction:column}.planner-actions{justify-content:start;max-width:100%}.goal-grid,.focus-layout{grid-template-columns:1fr}}@media(max-width:760px){.main-panel,.sidebar{padding:14px}.topbar,.section-toolbar{align-items:stretch;flex-direction:column}.topbar-actions{display:grid;grid-template-columns:1fr}.sidebar .nav-list.open{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.content-grid,.suggestion-card,.calendar-toolbar{grid-template-columns:1fr}.calendar-nav-group,.calendar-nav-group-end{justify-content:center}.calendar-title-group{order:-1}.calendar-grid{gap:5px}.calendar-label{font-size:.7rem}.calendar-day{min-height:74px;padding:7px}.calendar-day-button{min-height:60px;padding:0}.today-chip{display:none}.selected-day-popout{position:fixed;inset:auto 14px 14px;max-height:min(360px,48vh)}.panel-heading .primary-btn{width:100%}.planner-toolbar{align-items:stretch;flex-direction:column}.planner-actions{display:grid;grid-template-columns:1fr;justify-content:start}.hour-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hour-controls input{width:100%}.weekly-timeline{grid-template-columns:54px repeat(var(--visible-days),minmax(118px,1fr));min-width:900px}.weekly-time-label{padding:10px 6px;font-size:.72rem}.form-grid{grid-template-columns:1fr}.modal-actions{align-items:stretch;flex-direction:column-reverse}.modal-action-group{display:grid;grid-template-columns:1fr}.modal-actions .ghost-btn,.modal-actions .danger-btn,.modal-actions .primary-btn{width:100%}.list-card,.editable-event-card{grid-template-columns:1fr}.event-actions{justify-content:start}.focus-button-row,.segmented-control,.pomodoro-quantity-grid,.focus-plan-grid{grid-template-columns:1fr}.focus-quality-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}