: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}*{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-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}.main-panel{min-width:0;padding:26px}.topbar{justify-content:space-between;margin-bottom:24px}.topbar-actions{display:flex;align-items:center;gap:12px}.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}.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;display:grid;min-width:0;min-height:104px;align-content:start;gap:8px;padding:10px;overflow:hidden;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{border-color:var(--green);background:color-mix(in srgb,var(--green) 13%,var(--surface-2));opacity:1}.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}.selected-day-popout{display:grid;gap:3px;width:100%;padding:8px;border:1px solid color-mix(in srgb,var(--green) 48%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 12px 30px #0003;color:var(--muted);font-size:.75rem}.selected-day-popout strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.selected-day-panel .empty-state{min-height:124px}.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}.weekly-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weekly-day{display:grid;min-width:0;min-height:178px;align-content:start;gap:10px;padding:12px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 54%,transparent);color:var(--text);text-align:left}.weekly-day.today{border-color:color-mix(in srgb,var(--green) 42%,var(--line))}.weekly-day.selected{border-color:var(--green);background:color-mix(in srgb,var(--green) 13%,var(--surface-2))}.weekly-day-select,.planner-event-card{display:grid;min-width:0;gap:4px}.weekly-day-select{border:0;background:transparent;color:var(--text);padding:0;text-align:left}.weekly-day-select span,.planner-event-card span,.timeline-empty{color:var(--muted);font-size:.78rem}.weekly-day-select strong,.planner-event-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-event-stack{display:grid;min-width:0;gap:7px}.planner-event-card{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-button{display:grid;grid-template-columns:1fr;width:100%}.planner-empty-note{display:grid;min-height:74px;align-content:center;color:var(--muted);font-size:.86rem}.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}.daily-actions{display:flex;align-items:end;gap:12px}.daily-timeline{display:grid;gap:8px}.time-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:stretch}.time-label{padding-top:10px;color:var(--muted);font-size:.82rem;font-weight:850;text-align:right}.time-slot{display:grid;min-height:48px;align-content:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 44%,transparent)}.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;margin-bottom:4px;color:var(--text)}.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:repeat(3,minmax(0,1fr));gap:12px}.form-field{display:grid;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}.form-field textarea{min-height:88px;padding-top:10px;resize:vertical}.color-field{display:grid;gap:10px;margin:0;padding:0;border:0;color:var(--muted);font-size:.82rem;font-weight:850}.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{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}@media(max-width:1120px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day{min-height:92px}.weekly-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.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 1fr}.nav-list{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}.today-chip,.selected-day-popout{display:none}.panel-heading .primary-btn{width:100%}.planner-toolbar,.daily-toolbar{align-items:stretch;flex-direction:column}.planner-actions{justify-content:start}.weekly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-day{min-height:126px;padding:10px}.planner-empty-note{min-height:38px}.planner-empty-note{font-size:0}.planner-empty-note:before{content:"Free";font-size:.78rem}.hour-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.daily-actions{display:grid;grid-template-columns:1fr}.hour-controls input{width:100%}.time-row{grid-template-columns:54px minmax(0,1fr)}.time-label{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))}}
