@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/archivo-variable.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrains-mono-variable.woff2) format("woff2")}:root,html.dark,body.dark{--carbon-black: #14130F;--bright-amber: #E1523C;--dark-teal: #083F4D;--coral-glow: #E1523C;--clean-surface: #F4F6F8;--pure-white: #FFFFFF;--bg-base: #14130F;--bg-surface: #1B1913;--bg-surface-elevated: #221F17;--text-primary: #F3F1E9;--text-secondary: #9B9789;--text-tertiary: #736F62;--accent-primary: #E1523C;--accent-secondary: #083F4D;--accent-highlight: #E1523C;--border-subtle: #332F27;--border-divider: #4A453A;--border-active: #E1523C;--bg-canvas: var(--bg-base);--bg-card: var(--bg-surface);--bg-card-hover: var(--bg-surface-elevated);--bg-card-solid: var(--bg-surface);--bg-card-elevated: var(--bg-surface-elevated);--nav-bg: #14130F;--nav-border: #332F27;--nav-active: #E1523C;--modal-bg: #1B1913;--input-bg: #14130F;--input-border: #332F27;--card-shadow: none;--bevel-gold: #E1523C;--bevel-green: #10B981;--bevel-purple: #818CF8;--bevel-cyan: #0EA5E9;--bevel-red: #E1523C;--font-main: "Archivo", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", SFMono-Regular, monospace;--radius-lg: 0px;--radius-md: 0px;--radius-sm: 0px}html.light,body.light{--carbon-black: #1A1D20;--bright-amber: #FBC607;--dark-teal: #083F4D;--coral-glow: #FF7043;--clean-surface: #F4F6F8;--pure-white: #FFFFFF;--bg-base: #F4F6F8;--bg-surface: #FFFFFF;--bg-surface-elevated: #FFFFFF;--text-primary: #1A1D20;--text-secondary: #64748B;--text-tertiary: #94A3B8;--accent-primary: #FBC607;--accent-secondary: #083F4D;--accent-highlight: #FF7043;--border-subtle: #E2E8F0;--border-divider: #CBD5E1;--border-active: #083F4D;--bg-canvas: var(--bg-base);--bg-card: var(--bg-surface);--bg-card-hover: #F1F5F9;--bg-card-solid: var(--bg-surface);--bg-card-elevated: var(--bg-surface-elevated);--nav-bg: rgba(255, 255, 255, .95);--nav-border: #E2E8F0;--nav-active: #083F4D;--modal-bg: #FFFFFF;--input-bg: #F8FAFC;--input-border: #CBD5E1;--card-shadow: 0 4px 20px rgba(0, 0, 0, .08);--bevel-gold: #D97706;--bevel-green: #059669;--bevel-purple: #6366F1;--bevel-cyan: #0284C7;--bevel-red: #DC2626}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=time]::-webkit-datetime-edit{padding:0}.onboarding-shell{background:var(--bg-base)!important}.onboarding-header{background:var(--bg-surface)!important;border-color:var(--border-subtle)!important}.onboarding-action{position:fixed!important;inset:auto 0 0;z-index:10;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--bg-base);border-top:1px solid var(--border-subtle)}.onboarding-action>button,.onboarding-finish-action{display:flex;width:min(100%,390px)!important;margin:0 auto;background:var(--accent-primary)!important;color:#f3f1e9!important;box-shadow:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.onboarding-finish-action{position:fixed!important;left:20px;right:20px;bottom:calc(12px + env(safe-area-inset-bottom))!important;z-index:10}#root{width:100%;max-width:430px;min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:var(--bg-base);border-left:.5px solid var(--border-subtle);border-right:.5px solid var(--border-subtle);box-shadow:var(--card-shadow);transition:background-color .25s ease,border-color .25s ease}.glass-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--border-subtle);transition:transform .15s ease,background-color .2s ease,border-color .2s ease}.glass-card:active{transform:scale(.985);background:var(--bg-card-hover)}.screen-container{padding:16px 16px 110px;display:flex;flex-direction:column;gap:16px}.screen-title{font-size:26px;font-weight:800;letter-spacing:-.6px;color:var(--text-primary)}.screen-subtitle{font-size:12px;font-weight:500;color:var(--text-secondary);margin-top:2px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:84px;background:var(--nav-bg);border-top:1px solid var(--nav-border);display:flex;justify-content:space-around;align-items:center;z-index:100;padding:10px 8px calc(10px + env(safe-area-inset-bottom)) 8px;transition:background-color .25s ease,border-color .25s ease}.nav-item{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:10px 14px;transition:color .2s ease,transform .1s ease}.nav-item span{display:none}.nav-item:active{transform:scale(.92)}.nav-item.active{color:var(--nav-active)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px;animation:fadeIn .2s ease}.modal-sheet{width:100%;max-width:430px;max-height:85vh;background:var(--modal-bg);color:var(--text-primary);border-radius:18px;border:1px solid var(--border-divider);padding:20px 18px 24px;overflow-y:auto;animation:slideUp .25s cubic-bezier(.16,1,.3,1);box-shadow:0 16px 40px #0006;transition:background-color .25s ease,color .25s ease}.habit-toggle-group{display:inline-flex;align-items:center;background:#ffffff0f;border-radius:8px;padding:2px;border:1px solid rgba(255,255,255,.08)}body.light .habit-toggle-group{background:#e2e8f0;border-color:#cbd5e1}.habit-btn{width:32px;height:28px;border:none;background:transparent;color:var(--text-tertiary);font-size:13px;font-weight:700;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.habit-btn.active-x{background:#ef444440;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.habit-btn.active-minus{background:#ffffff1f;color:var(--text-secondary)}body.light .habit-btn.active-minus{background:#fff;color:var(--text-primary)}.habit-btn.active-check{background:#10b98140;color:#10b981;border:1px solid rgba(16,185,129,.4)}.vital-range-bar{width:6px;height:38px;background:#ffffff1a;border-radius:3px;position:relative;overflow:hidden}body.light .vital-range-bar{background:#e2e8f0}.vital-range-fill{position:absolute;left:0;right:0;background:var(--bevel-green);border-radius:3px}.vital-range-dot{position:absolute;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#fff;border:2px solid var(--bevel-green);border-radius:50%;box-shadow:0 0 6px var(--bevel-green)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes onboardingStepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tab-skeleton{padding:16px;display:flex;flex-direction:column;gap:16px;animation:fadeIn .2s ease}.tab-skeleton-block{border-radius:16px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}::-webkit-scrollbar{display:none}input::placeholder,textarea::placeholder{color:var(--text-tertiary);font-weight:700;opacity:1}body.light [style*="background: #161b26"],body.light [style*="background: rgb(22, 27, 38)"],body.light [style*="background:#161b26"],body.light [style*="background-color: #161b26"],body.light [style*="background-color: rgb(22, 27, 38)"]{background:var(--bg-surface)!important;border-color:var(--border-subtle)!important;box-shadow:0 2px 8px #0000000a}body.light [style*="background: #0c0f17"],body.light [style*="background: rgb(12, 15, 23)"],body.light [style*="background:#0c0f17"],body.light [style*="background-color: #0c0f17"],body.light [style*="background-color: rgb(12, 15, 23)"]{background:var(--bg-base)!important;border-color:var(--border-subtle)!important}body.light [style*="background: #1a1c24"],body.light [style*="background: #121622"],body.light [style*="background: #090c12"]{background:var(--bg-surface)!important;border-color:var(--border-subtle)!important}body.light .screen-container [style*="color: #fff"],body.light .screen-container [style*="color: #ffffff"],body.light .screen-container [style*="color: rgb(255, 255, 255)"],body.light .modal-sheet [style*="color: #fff"],body.light .modal-sheet [style*="color: #ffffff"],body.light .modal-sheet [style*="color: rgb(255, 255, 255)"]{color:var(--text-primary)!important}body.light [style*="background: #ef4444"] [style*="color: #fff"],body.light [style*="background: #ff3b30"] [style*="color: #fff"],body.light [style*="background: #10b981"] [style*="color: #fff"],body.light [style*="background: #0ea5e9"] [style*="color: #fff"],body.light [style*="background: #083F4D"] [style*="color: #fff"],body.light [style*="background: rgb(239, 68, 68)"] [style*="color: #fff"],body.light [style*="background: rgb(16, 185, 129)"] [style*="color: #fff"],body.light [style*="background: rgb(14, 165, 233)"] [style*="color: #fff"],body.light [style*="background: rgb(8, 63, 77)"] [style*="color: #fff"]{color:#fff!important}body.light [style*="background: #f59e0b"],body.light [style*="background: #FBC607"],body.light [style*="background: var(--accent-primary)"]{color:#1a1d20!important}body.light input,body.light select,body.light textarea{color:var(--text-primary)!important;border-color:var(--border-subtle)!important}