:root{--black: #050505;--near-black: #0A0A0A;--dark: #111111;--charcoal: #181818;--graphite: #222222;--grey-700: #303030;--grey-600: #444444;--grey-500: #666666;--grey-400: #8A8A8A;--grey-300: #B5B5B5;--grey-200: #D4D4D4;--grey-100: #EAEAEA;--off-white: #F5F5F3;--white: #FFFFFF;--bg-app: var(--black);--bg-sidebar: var(--near-black);--bg-card: var(--dark);--bg-card-hover: var(--charcoal);--bg-elevated: var(--charcoal);--bg-input: var(--near-black);--bg-badge: var(--graphite);--border-subtle: #1C1C1C;--border-medium: #2A2A2A;--border-strong: #3A3A3A;--text-primary: var(--white);--text-secondary: var(--grey-200);--text-muted: var(--grey-400);--text-dim: var(--grey-500);--accent-primary: var(--white);--accent-primary-hover: var(--grey-100);--accent-primary-subtle: rgba(255, 255, 255, .05);--accent-primary-border: rgba(255, 255, 255, .15);--accent-recovery: var(--white);--accent-recovery-hover: var(--grey-100);--accent-recovery-subtle: rgba(255, 255, 255, .06);--accent-recovery-border: rgba(255, 255, 255, .16);--accent-focus: var(--white);--accent-focus-subtle: rgba(255, 255, 255, .05);--accent-focus-border: rgba(255, 255, 255, .15);--level-minimum: var(--grey-400);--level-standard: var(--white);--level-stretch: var(--grey-200);--ui-white: var(--white);--ui-black: var(--black);--ui-surface: var(--bg-card);--ui-surface-2: var(--bg-elevated);--ui-surface-3: var(--bg-card-hover);--ui-border: var(--border-medium);--ui-border-subtle: var(--border-subtle);--ui-gray-1: var(--near-black);--ui-gray-2: var(--dark);--ui-gray-3: var(--grey-700);--ui-gray-4: var(--grey-400);--ui-gray-5: var(--grey-200);--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Newsreader", "Playfair Display", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--ease-spring: cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .24s cubic-bezier(.16, 1, .3, 1);--transition-slow: .38s cubic-bezier(.16, 1, .3, 1);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .6);--shadow-md: 0 4px 16px -2px rgba(0, 0, 0, .8);--shadow-lg: 0 16px 36px -4px rgba(0, 0, 0, .95)}[data-theme=sand]{--black: #FAF9F6;--near-black: #F2EFE9;--dark: #FFFFFF;--charcoal: #EAE6DC;--graphite: #D8D2C4;--grey-700: #B8B09E;--grey-600: #8C8472;--grey-500: #6B6353;--grey-400: #544D3F;--grey-300: #3D372B;--grey-200: #26221A;--grey-100: #1A1712;--off-white: #0F0D0A;--white: #050505;--bg-app: #F6F5F2;--bg-sidebar: #EFECE6;--bg-card: #FFFFFF;--bg-card-hover: #FAF9F6;--bg-elevated: #ECE7DE;--bg-input: #FFFFFF;--bg-badge: #E5DFD4;--border-subtle: #E6E1D8;--border-medium: #D6CFBE;--border-strong: #B5AB96;--text-primary: #111111;--text-secondary: #444444;--text-muted: #777777;--text-dim: #999999;--accent-primary: #000000;--accent-primary-hover: #222222;--accent-recovery: #000000;--accent-focus: #000000;--ui-white: #000000;--ui-black: #FFFFFF;--ui-surface: #FFFFFF;--ui-surface-2: #ECE7DE;--ui-surface-3: #FAF9F6;--ui-border: #D6CFBE;--ui-border-subtle: #E6E1D8}[data-theme=slate]{--bg-app: #0A0C0E;--bg-sidebar: #07080A;--bg-card: #101216;--bg-card-hover: #161A20;--bg-elevated: #161A20;--bg-input: #0A0C0E;--bg-badge: #1E232B;--border-subtle: #181C24;--border-medium: #222834;--border-strong: #333C4E;--text-primary: #FFFFFF;--text-secondary: #C8D0DC;--text-muted: #8490A2;--text-dim: #5C6778}[data-theme=forest]{--bg-app: #070D0A;--bg-sidebar: #050907;--bg-card: #0D1612;--bg-card-hover: #13201B;--bg-elevated: #15241E;--bg-input: #070D0A;--bg-badge: #1B2C24;--border-subtle: #14221C;--border-medium: #1F352C;--border-strong: #2D4C3F;--text-primary: #FFFFFF;--text-secondary: #C2D6CE;--text-muted: #7E998F;--text-dim: #546B63}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.font-sans{font-family:var(--font-sans)}.font-editorial,.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono);font-feature-settings:"tnum" on,"zero" on}.section-eyebrow{font-family:var(--font-sans);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.metric-hero{font-family:var(--font-mono);font-size:clamp(2.8rem,5vw,3.4rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--text-primary)}.metric-number{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.stedi-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);position:relative;transition:all var(--transition-fast)}.stedi-card:hover{border-color:var(--border-medium)}.stedi-card-interactive{cursor:pointer}.stedi-card-interactive:hover{background-color:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-1px)}.stedi-card-quiet{background-color:var(--bg-input);border:1px solid var(--border-subtle)}.habit-row,.task-row{transition:all .24s cubic-bezier(.16,1,.3,1)}.habit-row-completed,.task-row-completed{opacity:.55}.habit-row-completed:hover,.task-row-completed:hover{opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-family:var(--font-sans);font-size:.82rem;font-weight:600;letter-spacing:.04em;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:34px}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--white);color:var(--black);border-color:var(--white)}.btn-primary:hover{background-color:var(--grey-100);border-color:var(--grey-100)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:hover{background-color:var(--bg-elevated);border-color:var(--border-strong)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.btn-danger{background-color:transparent;color:var(--grey-400);border-color:var(--border-subtle)}.btn-danger:hover{background-color:#ffffff14;color:var(--white);border-color:var(--border-strong)}.btn-sm{padding:4px 10px;font-size:.75rem;min-height:28px}.btn-lg{padding:12px 22px;font-size:.92rem;min-height:44px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.form-input,.form-select,.form-textarea{width:100%;background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:10px 12px;font-family:var(--font-sans);font-size:.88rem;transition:all var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--white);background-color:var(--bg-card)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-dim)}.form-textarea{resize:vertical;min-height:80px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background-color:var(--bg-badge);color:var(--text-primary)}.badge-subtle{background-color:transparent;border-color:var(--border-subtle);color:var(--text-secondary)}.badge-recovery{background-color:var(--white);border-color:var(--white);color:var(--black)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:modalFadeIn .22s var(--ease-spring) forwards}.modal-content{width:100%;max-height:90vh;background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:modalScaleUp .24s var(--ease-spring) forwards}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.app-container,.app-layout-container{display:flex;flex-direction:row;width:100%;min-height:100vh;background-color:var(--bg-app)}.main-content,.app-main-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh;background-color:var(--bg-app);overflow-y:auto}.view-content-wrapper{max-width:1140px;width:100%;margin:0 auto;padding:32px 28px 80px}.mobile-only{display:none!important}.hidden-mobile{display:flex!important}@media(max-width:768px){.app-container,.app-layout-container{flex-direction:column}.hidden-mobile{display:none!important}.mobile-only{display:flex!important}.view-content-wrapper{padding:20px 16px calc(80px + env(safe-area-inset-bottom,0px)) 16px}}@keyframes checkmarkDraw{0%{stroke-dashoffset:20;opacity:0}50%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.animate-fade-in{animation:fadeIn .22s var(--ease-spring) forwards}.animate-slide-up{animation:slideUp .26s var(--ease-spring) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes breathingGlow{0%,to{opacity:.95}50%{opacity:.65}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}