:root{--lt-ink: #102027;--lt-muted: #48606b;--lt-soft: #6b7c86;--lt-line: #d9e2ec;--lt-panel: rgba(255, 255, 255, .82);--lt-card-border: rgba(16, 32, 39, .09);--lt-panel-solid: #fff;--lt-bg: #f5f7fb;--lt-chip: #edf2f7;--lt-shadow: 0 24px 80px rgba(31, 41, 55, .11);--lt-brand-mark-bg: #102027;--lt-brand-mark-text: #fff;--lt-primary-bg: #102027;--lt-primary-text: #fff;--lt-success-text: #0f5132;--lt-success-bg: #dff7ed;--lt-info-text: #1e3a8a;--lt-info-bg: #dbeafe;--lt-warning-text: #78350f;--lt-warning-bg: #fef3c7;--lt-danger-text: #881337;--lt-danger-bg: #ffe4e6;--lt-focus: rgba(59, 130, 246, .42);--lt-input-bg: #fff;--lt-green: #12b886;--lt-blue: #3b82f6;--lt-orange: #f59e0b;--lt-red: #e11d48;--lt-surface: #f8fafc;color-scheme:light;color:var(--lt-ink);background:var(--lt-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;scroll-behavior:smooth}:root[data-theme=dark]{--lt-ink: #edf6f3;--lt-muted: #a8bdc5;--lt-soft: #8da2aa;--lt-line: rgba(210, 232, 229, .16);--lt-panel: rgba(12, 24, 27, .86);--lt-card-border: rgba(210, 232, 229, .12);--lt-panel-solid: #0f1c20;--lt-bg: #081113;--lt-chip: #172b30;--lt-shadow: 0 24px 80px rgba(0, 0, 0, .32);--lt-brand-mark-bg: #dff7ed;--lt-brand-mark-text: #081113;--lt-primary-bg: #dff7ed;--lt-primary-text: #081113;--lt-success-text: #c8f7de;--lt-success-bg: rgba(18, 184, 134, .18);--lt-info-text: #bfdbfe;--lt-info-bg: rgba(59, 130, 246, .2);--lt-warning-text: #fde68a;--lt-warning-bg: rgba(245, 158, 11, .18);--lt-danger-text: #fecdd3;--lt-danger-bg: rgba(225, 29, 72, .18);--lt-focus: rgba(20, 184, 166, .5);--lt-input-bg: #0c181b;--lt-surface: #122226;color-scheme:dark}.lt-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0}.lt-brand-mark{display:grid;width:42px;height:42px;place-items:center;color:var(--lt-brand-mark-text);border-radius:8px;background:var(--lt-brand-mark-bg);font-size:13px}.lt-card,.lt-stat-card{border:1px solid var(--lt-card-border);border-radius:8px;background:var(--lt-panel);box-shadow:var(--lt-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lt-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;font-size:13px;font-weight:700}.lt-badge-neutral{color:var(--lt-muted);background:var(--lt-chip)}.lt-badge-success{color:var(--lt-success-text);background:var(--lt-success-bg)}.lt-badge-info{color:var(--lt-info-text);background:var(--lt-info-bg)}.lt-badge-warning{color:var(--lt-warning-text);background:var(--lt-warning-bg)}.lt-badge-danger{color:var(--lt-danger-text);background:var(--lt-danger-bg)}.lt-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;border:0;font-weight:800;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease;overflow-wrap:anywhere}.lt-button-sm{min-height:36px;padding:0 12px}.lt-button-md{min-height:44px;padding:0 16px}.lt-button-primary{color:var(--lt-primary-text);background:var(--lt-primary-bg)}.lt-button-secondary{color:var(--lt-ink);background:var(--lt-success-bg)}.lt-button-ghost{color:var(--lt-muted);background:var(--lt-input-bg);border:1px solid var(--lt-line)}.lt-button-icon{width:38px;height:38px;min-height:38px;padding:0;color:#fff;background:var(--lt-green)}.lt-button:disabled{cursor:not-allowed;opacity:.6}.lt-field{display:grid;gap:8px;color:var(--lt-muted);font-size:13px;font-weight:700}.lt-field small{color:var(--lt-soft);font-weight:600}.lt-input{width:100%;min-height:44px;border:1px solid var(--lt-line);border-radius:8px;padding:0 12px;outline:none;color:var(--lt-ink);background:var(--lt-input-bg);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.lt-input:focus{border-color:var(--lt-green);box-shadow:0 0 0 3px #12b88629}.lt-button:focus-visible,.lt-input:focus-visible,.lt-segmented-option:focus-visible,.lt-swatch:focus-visible{outline:3px solid var(--lt-focus);outline-offset:3px}.lt-segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;padding:5px;border-radius:8px;background:var(--lt-chip)}.lt-segmented-option{min-height:40px;border:0;border-radius:7px;background:transparent;color:var(--lt-muted);font-weight:700;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease;overflow-wrap:anywhere}.lt-segmented-option.active{background:var(--lt-primary-bg);color:var(--lt-primary-text)}.lt-stat-card{display:grid;gap:8px;min-width:0;padding:18px}.lt-stat-card svg{color:var(--lt-green)}.lt-stat-card span{color:var(--lt-soft);font-size:13px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.lt-stat-card strong{font-size:30px;letter-spacing:0}.lt-swatch{width:26px;height:26px;border:2px solid transparent;border-radius:999px;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.lt-swatch.active{border-color:var(--lt-ink);box-shadow:0 0 0 3px #1020271f}@media(hover:hover){.lt-button:not(:disabled):hover,.lt-segmented-option:hover,.lt-swatch:hover{transform:translateY(-1px)}.lt-button:not(:disabled):hover{box-shadow:0 10px 24px #1020271f}.lt-segmented-option:hover{color:var(--lt-ink);background:var(--lt-panel-solid)}.lt-input:hover{border-color:var(--lt-green)}.lt-swatch:hover{box-shadow:0 0 0 4px #12b88624}}:root{--app-ink: #102027;--app-muted: #48606b;--app-soft: #6b7c86;--app-bg: #f5f7fb;--app-line: #d9e2ec;--app-panel: rgba(255, 255, 255, .82);--app-panel-solid: #fff;--app-surface: #f8fafc;--app-chip: #edf2f7;--app-shadow: 0 24px 80px rgba(31, 41, 55, .11);--app-card-border: rgba(16, 32, 39, .09);--app-success-text: #0f5132;--app-success-bg: #dff7ed;--app-warning-text: #78350f;--app-error: #c2410c;--app-accent: #12b886;--app-accent-strong: #0f766e;--app-primary-bg: #102027;--app-primary-text: #fff;--app-focus: rgba(59, 130, 246, .42);--app-chart-grid: #d9e2ec;--app-gradient-a: rgba(18, 184, 134, .12);--app-gradient-b: rgba(245, 158, 11, .12);--lt-ink: var(--app-ink);--lt-muted: var(--app-muted);--lt-soft: var(--app-soft);--lt-line: var(--app-line);--lt-panel: var(--app-panel);--lt-card-border: var(--app-card-border);--lt-panel-solid: var(--app-panel-solid);--lt-bg: var(--app-bg);--lt-chip: var(--app-chip);--lt-shadow: var(--app-shadow);--lt-brand-mark-bg: var(--app-primary-bg);--lt-brand-mark-text: var(--app-primary-text);--lt-primary-bg: var(--app-primary-bg);--lt-primary-text: var(--app-primary-text);--lt-success-text: var(--app-success-text);--lt-success-bg: var(--app-success-bg);--lt-focus: var(--app-focus);--lt-input-bg: var(--app-panel-solid);--lt-surface: var(--app-surface);color-scheme:light;color:var(--app-ink);background:var(--app-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;scroll-behavior:smooth}:root[data-theme=dark]{--app-ink: #edf6f3;--app-muted: #a8bdc5;--app-soft: #8da2aa;--app-bg: #081113;--app-line: rgba(210, 232, 229, .16);--app-panel: rgba(12, 24, 27, .86);--app-panel-solid: #0f1c20;--app-surface: #122226;--app-chip: #172b30;--app-shadow: 0 24px 80px rgba(0, 0, 0, .34);--app-card-border: rgba(210, 232, 229, .12);--app-success-text: #c8f7de;--app-success-bg: rgba(18, 184, 134, .18);--app-warning-text: #fde68a;--app-error: #fdba74;--app-accent: #14b8a6;--app-accent-strong: #5eead4;--app-primary-bg: #dff7ed;--app-primary-text: #081113;--app-focus: rgba(20, 184, 166, .5);--app-chart-grid: rgba(210, 232, 229, .18);--app-gradient-a: rgba(20, 184, 166, .18);--app-gradient-b: rgba(59, 130, 246, .14);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--app-gradient-a),transparent 34%),linear-gradient(225deg,var(--app-gradient-b),transparent 26%),var(--app-bg)}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--app-focus);outline-offset:3px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-150%);border-radius:8px;padding:10px 14px;color:var(--app-primary-text);background:var(--app-primary-bg);font-weight:800;text-decoration:none}.skip-link:focus:not(:focus-visible){transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;min-height:100vh}.auth-screen{min-height:100vh;padding:18px 0 40px}.auth-toolbar{display:flex;justify-content:flex-end;width:min(1180px,calc(100vw - 40px));margin:0 auto}.app-preferences{display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:end;gap:8px;width:min(100%,420px);padding:6px;border:1px solid var(--app-card-border);border-radius:8px;background:var(--app-panel);box-shadow:0 14px 40px #1f29371f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preference-field{min-width:0;gap:5px;color:var(--app-muted)}.preference-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.2}.preference-select{width:100%;min-height:38px;border:1px solid var(--app-line);border-radius:7px;padding:0 34px 0 10px;color:var(--app-ink);background:var(--app-panel-solid);font-weight:800;cursor:pointer}.theme-toggle{width:100%;min-height:38px;padding:0 10px;white-space:normal;overflow-wrap:anywhere}.auth-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,440px);gap:48px;align-items:center;width:min(1180px,calc(100vw - 40px));min-height:calc(100vh - 92px);margin:0 auto;padding:28px 0 0}.brand-row{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:var(--app-primary-text);border-radius:8px;background:var(--app-primary-bg)}.auth-copy h1{max-width:680px;margin:30px 0 16px;font-size:64px;line-height:.94;letter-spacing:0;overflow-wrap:anywhere}.auth-copy p{max-width:590px;margin:0;color:var(--app-muted);font-size:18px;line-height:1.65}.preview-panel,.auth-card,.panel,.stat-card{border:1px solid var(--app-card-border);border-radius:8px;background:var(--app-panel);box-shadow:var(--app-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preview-panel{max-width:620px;margin-top:34px;padding:22px}.preview-header,.panel-heading,.workspace-header,.challenge-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;height:170px;margin:22px 0}.preview-bars span{border-radius:6px 6px 0 0;background:linear-gradient(180deg,#12b886,#3b82f6)}.preview-feed{display:flex;flex-wrap:wrap;gap:10px}.preview-feed span,.live-pill,.streak-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;color:var(--app-success-text);background:var(--app-success-bg);font-size:13px;font-weight:700}.auth-card{display:grid;gap:16px;padding:24px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:8px;background:var(--app-chip)}.segmented button,.chip{border:0;border-radius:7px;background:transparent;color:var(--app-muted);font-weight:700;transition:background-color .15s ease,color .15s ease,transform .15s ease}.segmented button{padding:10px 12px}.segmented button.active,.chip.active{background:var(--app-primary-bg);color:var(--app-primary-text)}label{display:grid;gap:8px;color:var(--app-muted);font-size:13px;font-weight:700}input{width:100%;min-height:44px;border:1px solid var(--app-line);border-radius:8px;padding:0 12px;outline:none;color:var(--app-ink);background:var(--app-panel-solid);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input:focus{border-color:var(--app-accent);box-shadow:0 0 0 3px #12b88629}input[type=range]{cursor:pointer}.primary-action,.secondary-action,.ghost-action,.icon-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;border:0;font-weight:800;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease;overflow-wrap:anywhere}.primary-action{color:var(--app-primary-text);background:var(--app-primary-bg)}.primary-action.compact{min-height:40px}.primary-action:disabled{cursor:not-allowed;opacity:.6}.secondary-action{min-height:36px;padding:0 12px;color:var(--app-ink);background:var(--app-success-bg)}.ghost-action{width:100%;color:var(--app-muted);background:var(--app-panel-solid);border:1px solid var(--app-line)}.icon-action{width:38px;height:38px;min-height:38px;color:#fff;background:var(--app-accent)}.hint,.error,.warning{margin:0;font-size:13px;line-height:1.45}.hint{color:var(--app-soft)}.error{color:var(--app-error)}.warning{margin-bottom:16px;color:var(--app-warning-text)}.dashboard-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:28px;height:100vh;padding:24px;overflow:auto;border-right:1px solid var(--app-card-border);background:var(--app-panel)}.sidebar-preferences .app-preferences{grid-template-columns:1fr;width:100%;box-shadow:none;background:var(--app-surface)}.sidebar nav{display:grid;gap:8px}.sidebar a{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:8px;color:var(--app-muted);text-decoration:none;font-weight:700;transition:background-color .15s ease,color .15s ease,transform .15s ease;overflow-wrap:anywhere}.sidebar a.active{color:var(--app-ink);background:var(--app-chip)}.sidebar .ghost-action{margin-top:auto}.workspace{width:min(1280px,100%);margin:0 auto;padding:28px}.workspace-header{margin-bottom:22px}.eyebrow{color:var(--app-accent-strong);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.workspace-header h2{margin:4px 0 0;font-size:32px;letter-spacing:0;overflow-wrap:anywhere}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.stats-row{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{display:grid;gap:8px;min-width:0;padding:18px}.stat-card svg{color:var(--app-accent-strong)}.stat-card span{color:var(--app-soft);font-size:13px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.stat-card strong{font-size:30px;letter-spacing:0}.panel{padding:18px}.panel h3{margin:0;font-size:18px;letter-spacing:0;overflow-wrap:anywhere}.habit-create{display:grid;grid-column:span 4;gap:14px}.habits-panel{grid-column:span 8}.progress-panel{grid-column:span 6}.challenge-panel,.live-feed{display:grid;grid-column:span 3;gap:12px;align-content:start}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips.mood{justify-content:flex-end}.chip{min-height:32px;padding:0 10px;background:var(--app-chip);overflow-wrap:anywhere}.swatches{display:flex;gap:8px}.swatch{width:26px;height:26px;border:2px solid transparent;border-radius:999px;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.swatch.active{border-color:var(--app-ink);box-shadow:0 0 0 3px #1020271f}.range-label{gap:10px}.habit-list{display:grid;gap:10px;margin-top:16px}.habit-card{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border-radius:8px;background:var(--app-surface)}.habit-color{width:12px;height:44px;border-radius:999px}.habit-card div:nth-child(2){display:grid;gap:3px}.habit-card span,.challenge-card span,.feed-item span{color:var(--app-soft);font-size:13px}.challenge-card,.feed-item{display:grid;gap:10px;padding:12px;border-radius:8px;background:var(--app-surface)}.challenge-card div:first-child,.feed-item div{display:grid;gap:4px}.challenge-meta span{font-weight:800}.challenge-meta{flex-wrap:wrap}.feed-item{grid-template-columns:auto 1fr;align-items:start}.feed-dot{width:10px;height:10px;margin-top:5px;border-radius:999px;background:var(--app-accent);box-shadow:0 0 0 5px #12b8861f}.loading{margin-bottom:16px;color:var(--app-muted)}.app-loading{display:grid;min-height:100vh;place-items:center;margin:0}.chart-region{min-height:150px}@media(hover:hover){.primary-action:not(:disabled):hover,.secondary-action:not(:disabled):hover,.ghost-action:not(:disabled):hover,.icon-action:not(:disabled):hover,.theme-toggle:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 24px #1020271f}.preference-select:hover,input:hover{border-color:var(--app-accent)}.segmented button:hover,.chip:hover,.sidebar a:hover{color:var(--app-ink);background:var(--app-chip)}.swatch:hover{transform:translateY(-1px);box-shadow:0 0 0 4px #12b88624}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1040px){.auth-layout,.dashboard-layout{grid-template-columns:1fr}.auth-toolbar{justify-content:stretch;width:min(100% - 24px,520px)}.auth-toolbar .app-preferences{width:100%}.sidebar{position:static;height:auto;gap:18px}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar .ghost-action{margin-top:0}.workspace{width:min(100%,100vw)}.habit-create,.habits-panel,.progress-panel,.challenge-panel,.live-feed{grid-column:1 / -1}}@media(max-width:720px){.auth-layout{width:min(100% - 24px,520px);gap:22px}.auth-copy h1{font-size:42px}.app-preferences{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.sidebar nav{grid-template-columns:1fr 1fr}.workspace{padding:16px}.workspace-header,.panel-heading{align-items:flex-start;flex-direction:column}.chips.mood{justify-content:flex-start}}@media(max-width:520px){.stats-row,.sidebar nav{grid-template-columns:1fr}.habit-card{grid-template-columns:12px minmax(0,1fr) auto}.habit-card .icon-action{grid-column:2 / -1;width:100%}}