:root{--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 3px;--radius-sm: 5px;--radius: 7px;--radius-lg: 10px;--radius-full: 999px;--border-width: 1px;--duration-instant: 90ms;--duration-fast: .14s;--duration: .22s;--duration-slow: .4s;--ease: cubic-bezier(.2, 0, .2, 1);--ease-out-back: cubic-bezier(.34, 1.3, .64, 1);--sidebar-width: 232px;--content-max: 1120px;--header-height: 56px;--bottom-nav-height: 56px;--z-sticky: 10;--z-overlay: 50;--z-toast: 60}:root,[data-theme=dark]{color-scheme:dark;--bg: #0a0b0d;--bg-subtle: #0e1013;--surface: #121417;--surface-raised: #171a1e;--surface-hover: #1b1f24;--surface-active: #21262c;--border: #22262c;--border-strong: #2e343b;--border-focus: #4d6dff;--text: #e8eaed;--text-secondary: #9aa2ac;--text-tertiary: #6b737d;--text-inverse: #0a0b0d;--accent: #5b7cfa;--accent-hover: #6b89fb;--accent-subtle: rgba(91, 124, 250, .14);--accent-border: rgba(91, 124, 250, .36);--accent-fg: #ffffff;--success: #3fb950;--success-subtle: rgba(63, 185, 80, .14);--success-border: rgba(63, 185, 80, .34);--warning: #d29922;--warning-subtle: rgba(210, 153, 34, .14);--danger: #f05d5d;--danger-subtle: rgba(240, 93, 93, .13);--danger-border: rgba(240, 93, 93, .34);--streak: #ff8a3d;--streak-subtle: rgba(255, 138, 61, .14);--momentum: #b47cf8;--momentum-subtle: rgba(180, 124, 248, .14);--heat-0: #16191d;--heat-1: #1d3a2a;--heat-2: #22623c;--heat-3: #2d8f4e;--heat-4: #3fc463;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55)}[data-theme=light]{color-scheme:light;--bg: #fbfbfc;--bg-subtle: #f5f6f8;--surface: #ffffff;--surface-raised: #ffffff;--surface-hover: #f5f6f8;--surface-active: #eceef1;--border: #e4e6ea;--border-strong: #d3d7dd;--border-focus: #3355e8;--text: #14171c;--text-secondary: #5b6572;--text-tertiary: #838d9a;--text-inverse: #ffffff;--accent: #3355e8;--accent-hover: #2846d3;--accent-subtle: rgba(51, 85, 232, .08);--accent-border: rgba(51, 85, 232, .28);--accent-fg: #ffffff;--success: #1a7f37;--success-subtle: rgba(26, 127, 55, .09);--success-border: rgba(26, 127, 55, .28);--warning: #9a6700;--warning-subtle: rgba(154, 103, 0, .1);--danger: #cf222e;--danger-subtle: rgba(207, 34, 46, .08);--danger-border: rgba(207, 34, 46, .26);--streak: #d4640a;--streak-subtle: rgba(212, 100, 10, .1);--momentum: #8250df;--momentum-subtle: rgba(130, 80, 223, .1);--heat-0: #eceef1;--heat-1: #c6e6cd;--heat-2: #86d195;--heat-3: #43ac5f;--heat-4: #1a7f37;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow: 0 4px 16px rgba(16, 24, 40, .08);--shadow-lg: 0 16px 48px rgba(16, 24, 40, .14)}:root{--habit-indigo: #5b7cfa;--habit-emerald: #3fb950;--habit-amber: #e3a008;--habit-rose: #f05d7d;--habit-sky: #38a6d9;--habit-violet: #b47cf8;--habit-slate: #8d96a3}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv05","ss01"}h1,h2,h3,h4{font-weight:var(--weight-semibold);letter-spacing:-.014em;line-height:1.25}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}ul,ol{list-style:none}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--accent-subtle)}.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:var(--z-toast);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);transform:translateY(-200%);transition:transform var(--duration-fast) var(--ease)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-motion=reduced] .confetti,[data-motion=reduced] .xp-float,[data-motion=reduced] .level-up-burst{display:none!important}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),transform var(--duration-instant) var(--ease),opacity var(--duration-fast) var(--ease)}.button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-focus)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.button--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.button--ghost:hover:not(:disabled){background:var(--surface-hover);border-color:transparent;color:var(--text)}.button--danger{border-color:var(--danger-border);color:var(--danger)}.button--danger:hover:not(:disabled){background:var(--danger-subtle);border-color:var(--danger)}.button--lg{height:38px;padding:0 var(--space-4);font-size:var(--text-base)}.button--sm{height:26px;padding:0 var(--space-2);font-size:var(--text-xs)}.button--block{width:100%}.card{border:var(--border-width) solid var(--border);border-radius:var(--radius);background:var(--surface)}.card--padded{padding:var(--space-4)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border)}.card__title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary)}.card__body{padding:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.field__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.field__error{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--danger)}.input,.select,.textarea{width:100%;height:34px;padding:0 var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.textarea{height:auto;min-height:72px;padding:var(--space-2) var(--space-3);resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.input:hover,.textarea:hover,.select:hover{border-color:var(--border-focus)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-right:68px}.input-group__action{position:absolute;right:var(--space-1);height:26px;padding:0 var(--space-2);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.input-group__action:hover{background:var(--surface-hover);color:var(--text)}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:var(--space-2)}.option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-subtle);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.option:hover{border-color:var(--border-focus)}.option[aria-pressed=true],.option[data-selected=true],.option:has(.option__input:checked){border-color:var(--accent);background:var(--accent-subtle);color:var(--text)}.option__input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}.option:has(.option__input:focus-visible),.day-toggle:has(.option__input:focus-visible){outline:2px solid var(--border-focus);outline-offset:2px}.option__meta{margin-left:auto;color:var(--text-tertiary);font-size:var(--text-xs)}.day-toggles{display:flex;flex-wrap:wrap;gap:var(--space-1)}.day-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:30px;cursor:pointer;border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.day-toggle[aria-pressed=true],.day-toggle:has(.option__input:checked){border-color:var(--accent);background:var(--accent-subtle);color:var(--text)}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.switch__track{position:relative;width:38px;height:22px;flex:none;border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-full);background:var(--bg-subtle);transition:background var(--duration-fast) var(--ease)}.switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--text-tertiary);transition:transform var(--duration) var(--ease),background var(--duration-fast) var(--ease)}.switch input:checked+.switch__track{background:var(--accent-subtle);border-color:var(--accent)}.switch input:checked+.switch__track .switch__thumb{transform:translate(16px);background:var(--accent)}.switch input:focus-visible+.switch__track{outline:2px solid var(--border-focus);outline-offset:2px}.progress{height:6px;overflow:hidden;border-radius:var(--radius-full);background:var(--bg-subtle);border:var(--border-width) solid var(--border)}.progress__fill{height:100%;border-radius:var(--radius-full);background:var(--accent);transition:width var(--duration-slow) var(--ease)}.progress--xp .progress__fill{background:linear-gradient(90deg,var(--accent),var(--momentum))}.progress--success .progress__fill{background:var(--success)}.progress--thin{height:4px}.progress--tall{height:8px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:20px;padding:0 var(--space-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-xs);background:var(--bg-subtle);color:var(--text-secondary);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:.01em;white-space:nowrap}.badge--accent{border-color:var(--accent-border);background:var(--accent-subtle);color:var(--accent)}.badge--success{border-color:var(--success-border);background:var(--success-subtle);color:var(--success)}.badge--streak{border-color:var(--streak-subtle);background:var(--streak-subtle);color:var(--streak)}.badge--momentum{border-color:var(--momentum-subtle);background:var(--momentum-subtle);color:var(--momentum)}.badge--danger{border-color:var(--danger-border);background:var(--danger-subtle);color:var(--danger)}.alert{display:flex;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);font-size:var(--text-sm)}.alert>*{min-width:0}.alert--error{border-color:var(--danger-border);background:var(--danger-subtle);color:var(--text)}.alert--success{border-color:var(--success-border);background:var(--success-subtle)}.alert--warning{border-color:var(--warning);background:var(--warning-subtle);color:var(--text)}.code-block{margin:0;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center}.empty-state__icon{font-size:1.75rem}.empty-state__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.empty-state__body{max-width:42ch;color:var(--text-secondary);font-size:var(--text-sm)}.spinner{width:15px;height:15px;flex:none;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.full-page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:60vh;color:var(--text-secondary);font-size:var(--text-sm)}.full-page-loader .brand-mark{margin-bottom:var(--space-1)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite}@keyframes skeleton{to{background-position:-200% 0}}.tooltip-anchor{position:relative;display:inline-flex}.tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;z-index:var(--z-overlay);width:max-content;max-width:260px;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow);color:var(--text);font-size:var(--text-xs);line-height:1.45;text-align:left;transform:translate(-50%);pointer-events:none}.toast-region{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:min(340px,calc(100vw - var(--space-8)))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow);animation:toast-in var(--duration) var(--ease-out-back)}.toast--exiting{animation:toast-out var(--duration-fast) var(--ease) forwards}.toast__icon{font-size:var(--text-md);line-height:1.3}.toast__title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.toast__body{color:var(--text-secondary);font-size:var(--text-xs)}.toast__dismiss{margin-left:auto;color:var(--text-tertiary);font-size:var(--text-sm);line-height:1;padding:var(--space-1);border-radius:var(--radius-xs)}.toast__dismiss:hover{background:var(--surface-hover);color:var(--text)}.toast--success{border-color:var(--success-border)}.toast--error{border-color:var(--danger-border)}.toast--achievement{border-color:var(--accent-border)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0000008c;animation:fade-in var(--duration-fast) var(--ease)}.dialog{width:min(520px,100%);max-height:min(86vh,calc(100dvh - 2 * var(--space-4)));display:flex;flex-direction:column;overflow:hidden;border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:dialog-in var(--duration) var(--ease)}.dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex:none;padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--border)}.dialog__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.dialog__description{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}.dialog__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;min-height:0}.dialog__footer{display:flex;justify-content:flex-end;gap:var(--space-2);flex:none;padding:var(--space-3) var(--space-5) var(--space-5);border-top:var(--border-width) solid var(--border)}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.99)}}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:0;height:100vh;padding:var(--space-4) var(--space-3);border-right:var(--border-width) solid var(--border);background:var(--bg-subtle)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--text)}.sidebar__brand:hover{text-decoration:none}.brand-lockup{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.brand-mark{display:block;flex:none;object-fit:contain}.brand-lockup__text{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.1}.brand-lockup__name{font-size:inherit;font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--text)}.brand-lockup__tagline{font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.nav-link:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav-link[aria-current=page]{background:var(--surface-active);color:var(--text)}.nav-link__icon{width:16px;text-align:center;font-size:var(--text-sm)}.nav-link__badge{margin-left:auto}.sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3)}.sidebar__stat{padding:var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.app-main{display:flex;flex-direction:column;min-width:0}.app-content{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-12);display:flex;flex-direction:column;gap:var(--space-6)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-header__eyebrow{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.page-header__subtitle{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}.page-actions{display:flex;align-items:center;gap:var(--space-2)}.topbar{display:none;align-items:center;justify-content:space-between;gap:var(--space-3);position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height);padding:0 var(--space-4);border-bottom:var(--border-width) solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-nav{display:none;position:sticky;bottom:0;z-index:var(--z-sticky);height:var(--bottom-nav-height);border-top:var(--border-width) solid var(--border);background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav__list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:100%}.bottom-nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-medium)}.bottom-nav__link:hover{text-decoration:none}.bottom-nav__link[aria-current=page]{color:var(--accent)}.bottom-nav__icon{font-size:var(--text-md)}.profile-menu{position:relative}.profile-menu__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary)}.profile-menu__trigger:hover{background:var(--surface-hover);color:var(--text)}.avatar{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:var(--radius-full);background:var(--accent-subtle);border:var(--border-width) solid var(--accent-border);color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:var(--z-overlay);min-width:200px;padding:var(--space-1);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow);animation:dialog-in var(--duration-fast) var(--ease)}.menu--above{top:auto;bottom:calc(100% + 6px)}.menu--below{top:calc(100% + 6px);bottom:auto}.menu__label{padding:var(--space-2) var(--space-2) var(--space-1);color:var(--text-tertiary);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase}.menu__item{display:flex;width:100%;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-xs);color:var(--text);font-size:var(--text-sm);text-align:left}.menu__item:hover{background:var(--surface-hover);text-decoration:none}.menu__separator{height:1px;margin:var(--space-1) 0;background:var(--border)}.ui-lab{position:relative;min-height:100dvh;padding:var(--space-6);background:radial-gradient(ellipse at top left,color-mix(in oklab,var(--accent) 12%,transparent),transparent 50%),var(--bg)}.ui-lab__header{max-width:36rem}.ui-lab__header h1{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.ui-lab__header p{margin-top:var(--space-2);color:var(--text-secondary)}.ui-lab__topbar{position:fixed;top:var(--space-3);right:var(--space-3);z-index:2}.ui-lab__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.ui-lab__footer{position:fixed;left:var(--space-3);bottom:var(--space-3);z-index:2}.auth-layout{display:grid;grid-template-columns:1fr;min-height:100vh;place-items:center;padding:var(--space-6) var(--space-4)}.auth-card{width:min(400px,100%);display:flex;flex-direction:column;gap:var(--space-5)}.auth-card__brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.auth-card__brand .brand-lockup__tagline{margin-top:2px}.auth-card__title{font-size:var(--text-xl);letter-spacing:-.02em}.auth-card__subtitle{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:var(--text-xs);text-transform:lowercase;letter-spacing:.02em}.auth-divider__line{flex:1;height:1px;background:var(--border)}.auth-divider__label{flex-shrink:0}.oauth-google.button{background:var(--surface);border-color:var(--border-strong);color:var(--text);font-weight:var(--weight-medium)}.oauth-google.button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-focus)}.oauth-google__mark{flex-shrink:0}.auth-footer{color:var(--text-secondary);font-size:var(--text-sm);text-align:center}.strength-meter{display:flex;flex-direction:column;gap:var(--space-2)}.strength-meter__bars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1)}.strength-meter__bar{height:3px;border-radius:var(--radius-full);background:var(--border);transition:background var(--duration) var(--ease)}.strength-meter__bar[data-filled=true][data-level=weak]{background:var(--danger)}.strength-meter__bar[data-filled=true][data-level=fair]{background:var(--warning)}.strength-meter__bar[data-filled=true][data-level=good]{background:var(--accent)}.strength-meter__bar[data-filled=true][data-level=strong]{background:var(--success)}.strength-meter__meta{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}@media (max-width: 900px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.topbar,.bottom-nav{display:flex}.app-content{padding:var(--space-4) var(--space-4) var(--space-8);gap:var(--space-4)}.page-header{align-items:flex-start}}.page-header__title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.022em}.greeting{display:flex;flex-direction:column;gap:var(--space-1)}.greeting__name{font-size:var(--text-2xl);letter-spacing:-.022em}.greeting__date{color:var(--text-tertiary);font-size:var(--text-sm)}.signal-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:var(--space-3)}.signal{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius);background:var(--surface)}.signal__label{display:flex;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.07em;text-transform:uppercase}.signal__value{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.signal__unit{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--weight-regular)}.signal__meta{color:var(--text-secondary);font-size:var(--text-xs)}.signal--momentum{border-color:var(--momentum-subtle)}.signal--momentum .signal__value{color:var(--momentum)}.signal--streak .signal__value{color:var(--streak)}.trend{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:var(--weight-medium)}.trend--improving{color:var(--success)}.trend--declining{color:var(--warning)}.trend--stable{color:var(--text-tertiary)}.level-strip{display:flex;flex-direction:column;gap:var(--space-2);min-width:200px}.level-strip__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}.level-strip__level{font-weight:var(--weight-semibold)}.level-strip__xp{color:var(--text-tertiary);font-size:var(--text-xs)}.today-summary{display:flex;flex-direction:column;gap:var(--space-3)}.today-summary__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.today-summary__headline{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.015em}.today-summary__detail{color:var(--text-secondary);font-size:var(--text-sm)}.today-summary__count{font-size:var(--text-sm);color:var(--text-secondary)}.today-plan{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--text-xs)}.today-plan__item{display:inline-flex;align-items:center;gap:var(--space-2)}.next-up{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--accent-border);border-radius:var(--radius);background:var(--accent-subtle)}.next-up__body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.next-up__label{color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.next-up__name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-semibold)}.next-up__meta{color:var(--text-secondary);font-size:var(--text-xs)}.next-up__action{margin-left:auto;flex:none}.habit-group{display:flex;flex-direction:column;gap:var(--space-2)}.habit-group__label{display:flex;align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.habit-group__label:after{content:"";flex:1;height:1px;background:var(--border)}.habit-list{display:flex;flex-direction:column;gap:var(--space-2)}.habit-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.habit-card:hover{border-color:var(--border-strong);background:var(--surface-raised)}.habit-card[data-complete=true]{border-color:var(--success-border);background:var(--success-subtle)}.habit-card[data-celebrating=true]{animation:habit-complete var(--duration-slow) var(--ease)}@keyframes habit-complete{0%{transform:scale(1);box-shadow:0 0 0 0 var(--success-border)}40%{transform:scale(1.012);box-shadow:0 0 0 3px var(--success-border)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.habit-card__icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);font-size:var(--text-md)}.habit-card__main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.habit-card__title-row{display:flex;align-items:center;gap:var(--space-2);min-width:0}.habit-card__name{font-size:var(--text-base);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habit-card__name:hover{text-decoration:none;color:var(--accent)}.habit-card[data-complete=true] .habit-card__name{color:var(--text-secondary)}.habit-card__dot{width:6px;height:6px;flex:none;border-radius:var(--radius-full);background:var(--habit-indigo)}.habit-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs)}.habit-card__meta-sep{color:var(--border-strong)}.habit-card__progress{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.habit-card__progress .progress{width:96px}.habit-card__actions{display:flex;align-items:center;gap:var(--space-2);flex:none}.habit-card__xp{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.habit-card[data-complete=true] .habit-card__xp{color:var(--success)}.complete-button{display:grid;place-items:center;width:30px;height:30px;flex:none;border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-tertiary);transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-instant) var(--ease)}.complete-button:hover:not(:disabled){border-color:var(--success);color:var(--success)}.complete-button:active:not(:disabled){transform:scale(.94)}.complete-button[data-complete=true]{border-color:var(--success);background:var(--success);color:var(--text-inverse)}.complete-button__check{width:14px;height:14px}.complete-button[data-complete=true] .complete-button__check path{animation:check-draw var(--duration) var(--ease) forwards}@keyframes check-draw{0%{stroke-dashoffset:22}to{stroke-dashoffset:0}}.complete-button__count{font-size:var(--text-2xs);font-weight:var(--weight-semibold);font-family:var(--font-mono)}.xp-float{position:absolute;right:var(--space-4);top:50%;pointer-events:none;color:var(--success);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);animation:xp-float var(--duration-slow) var(--ease) forwards}@keyframes xp-float{0%{opacity:0;transform:translateY(0) scale(.9)}25%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(1)}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:var(--radius)}.confetti__piece{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:1px;opacity:0;animation:confetti-burst .48s var(--ease) forwards}@keyframes confetti-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;place-items:center;background:#0009;animation:fade-in var(--duration-fast) var(--ease)}.celebration{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-10);border:var(--border-width) solid var(--accent-border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);text-align:center;animation:celebration-in var(--duration-slow) var(--ease-out-back)}.celebration__eyebrow{color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.16em;text-transform:uppercase}.celebration__headline{font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:-.03em}.celebration__detail{color:var(--text-secondary);font-size:var(--text-sm)}@keyframes celebration-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}.streak-flourish{display:inline-flex;align-items:center;gap:var(--space-1)}.streak-flourish[data-milestone=true]{animation:streak-pulse var(--duration-slow) var(--ease)}@keyframes streak-pulse{50%{transform:scale(1.08)}}.heatmap{display:flex;flex-direction:column;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.heatmap__grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,12px);gap:3px;width:max-content}.heatmap__cell{width:12px;height:12px;border:var(--border-width) solid transparent;border-radius:2px;background:var(--heat-0);padding:0;transition:transform var(--duration-instant) var(--ease),border-color var(--duration-fast) var(--ease)}.heatmap__cell:hover{border-color:var(--text-tertiary);transform:scale(1.25)}.heatmap__cell[data-level="1"]{background:var(--heat-1)}.heatmap__cell[data-level="2"]{background:var(--heat-2)}.heatmap__cell[data-level="3"]{background:var(--heat-3)}.heatmap__cell[data-level="4"]{background:var(--heat-4)}.heatmap__cell[data-selected=true]{border-color:var(--accent)}.heatmap__cell[data-shielded=true]{background:var(--streak-subtle);border-color:var(--streak)}.heatmap__cell[data-future=true]{background:transparent;border-color:var(--border);cursor:default}.heatmap__legend{display:flex;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs)}.heatmap__legend-cells{display:flex;gap:3px}.heatmap__months{display:flex;gap:var(--space-4);color:var(--text-tertiary);font-size:var(--text-2xs)}.day-detail{display:flex;flex-direction:column;gap:var(--space-3)}.day-detail__stats{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-sm)}.day-detail__list{display:flex;flex-direction:column;gap:var(--space-1)}.day-detail__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-sm)}.day-detail__status{width:16px;text-align:center}.day-detail__row[data-complete=false] .day-detail__name{color:var(--text-tertiary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius);background:var(--surface)}.stat__label{color:var(--text-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.07em;text-transform:uppercase}.stat__value{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.stat__meta{color:var(--text-tertiary);font-size:var(--text-xs)}.bar-row{display:grid;grid-template-columns:minmax(120px,1.4fr) minmax(0,3fr) 48px;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:var(--border-width) solid var(--border);font-size:var(--text-sm)}.bar-row:last-child{border-bottom:none}.bar-row__label{display:flex;align-items:center;gap:var(--space-2);min-width:0}.bar-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row__value{text-align:right;color:var(--text-secondary);font-size:var(--text-xs)}.sparkline{display:flex;align-items:flex-end;gap:2px;height:34px}.sparkline__bar{flex:1;min-width:2px;border-radius:1px 1px 0 0;background:var(--accent-subtle);border-top:2px solid var(--accent);transition:height var(--duration) var(--ease)}.insight-list{display:flex;flex-direction:column;gap:var(--space-2)}.insight{display:flex;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm)}.insight[data-tone=positive]{border-left:2px solid var(--success)}.insight[data-tone=attention]{border-left:2px solid var(--warning)}.insight[data-tone=neutral]{border-left:2px solid var(--border-strong)}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:var(--space-3)}.achievement{display:flex;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius);background:var(--surface)}.achievement[data-unlocked=true]{border-color:var(--accent-border);background:var(--accent-subtle)}.achievement[data-unlocked=false] .achievement__icon{filter:grayscale(1);opacity:.45}.achievement__icon{font-size:var(--text-xl);line-height:1.1}.achievement__body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.achievement__name{font-size:var(--text-base);font-weight:var(--weight-semibold)}.achievement__description{color:var(--text-secondary);font-size:var(--text-xs)}.achievement__progress{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);color:var(--text-tertiary);font-size:var(--text-2xs)}.achievement__progress .progress{flex:1}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-2)}.template{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);text-align:left;transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.template:hover{border-color:var(--accent)}.template[aria-pressed=true]{border-color:var(--accent);background:var(--accent-subtle)}.template__icon{font-size:var(--text-lg)}.template__name{font-size:var(--text-sm);font-weight:var(--weight-medium)}.template__meta{color:var(--text-tertiary);font-size:var(--text-xs)}.settings-section{display:flex;flex-direction:column;gap:var(--space-4)}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row__label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.settings-row__hint{margin-top:2px;color:var(--text-tertiary);font-size:var(--text-xs)}.theme-toggle{display:inline-flex;padding:2px;border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-subtle)}.theme-toggle__option{padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.theme-toggle__option[aria-pressed=true]{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm)}.detail-header{display:flex;align-items:flex-start;gap:var(--space-4)}.detail-header__icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border:var(--border-width) solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:var(--text-xl)}.completion-log{display:flex;flex-direction:column}.completion-log__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:var(--border-width) solid var(--border);font-size:var(--text-sm)}.completion-log__row:last-child{border-bottom:none}.completion-log__date{color:var(--text-secondary)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--tight{gap:var(--space-2)}.stack--loose{gap:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-3)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}@media (max-width: 700px){.settings-row{grid-template-columns:minmax(0,1fr)}.bar-row{grid-template-columns:minmax(90px,1.2fr) minmax(0,2fr) 44px}.habit-card{padding:var(--space-3)}.habit-card__progress .progress{width:64px}}