:root{--bg:#050505;--dot-past:#f2f2f2;--dot-future:#202020;--dot-current:#fff;--text-primary:#f2f2f2;--text-secondary:#6b6b6b;--text-tertiary:#3a3a3a;--hairline:#1c1c1c;--font-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"DM Mono", ui-monospace, "SF Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text-primary);overscroll-behavior:none;margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;min-height:100svh;overflow-x:hidden}#root{flex-direction:column;min-height:100svh;display:flex}input,button{color:inherit;font-family:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}::selection{background:var(--dot-past);color:var(--bg)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.onboarding{width:100%;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));flex:1;justify-content:center;align-items:center;animation:.5s fade-in;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.onboarding-inner{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:340px;display:flex}.onboarding-title{letter-spacing:.5em;color:var(--text-primary);margin-bottom:28px;padding-left:.5em;font-size:15px;font-weight:600}.onboarding-prompt{letter-spacing:.18em;color:var(--text-secondary);margin-bottom:36px;font-size:12px}.onboarding-field-label{letter-spacing:.2em;color:var(--text-tertiary);align-self:center;margin-bottom:12px;font-size:10px}.dob-row{justify-content:center;align-items:center;gap:8px;margin-bottom:40px;display:flex}.dob-input{border:1px solid var(--hairline);color:var(--text-primary);font-family:var(--font-mono);text-align:center;caret-color:var(--text-primary);background:0 0;border-radius:8px;outline:none;padding:12px 0;font-size:20px;transition:border-color .2s}.dob-input::placeholder{color:var(--text-tertiary)}.dob-input:focus{border-color:var(--text-secondary)}.dob-mm,.dob-dd{width:52px}.dob-yyyy{width:76px}.dob-sep{color:var(--text-tertiary);font-family:var(--font-mono);font-size:18px}.expectancy-label{margin-top:4px}.expectancy-row{justify-content:center;align-items:center;gap:20px;margin-bottom:36px;display:flex}.expectancy-step{border:1px solid var(--hairline);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:border-color .2s,color .2s;display:flex}.expectancy-step:active{border-color:var(--text-secondary);color:var(--text-primary)}.expectancy-value{font-family:var(--font-mono);letter-spacing:.08em;min-width:96px;font-size:15px}.onboarding-error{letter-spacing:.15em;color:#9a5a5a;margin-top:-20px;margin-bottom:16px;font-size:10px}.see-my-life{border:1px solid var(--text-primary);width:100%;color:var(--bg);background:var(--text-primary);letter-spacing:.2em;border-radius:999px;margin-bottom:24px;padding:15px 0;font-size:12px;font-weight:600;transition:opacity .2s,transform .1s}.see-my-life:active{transform:scale(.98)}.see-my-life:disabled{opacity:.3;border-color:var(--hairline);background:var(--hairline);color:var(--text-secondary)}.onboarding-cancel{letter-spacing:.15em;color:var(--text-tertiary);margin-bottom:24px;font-size:10px}.onboarding-explain{letter-spacing:.1em;color:var(--text-tertiary);font-size:10px}.app-header{padding:max(18px, env(safe-area-inset-top)) 20px 0;justify-content:space-between;align-items:center;display:flex}.app-header-time{align-items:baseline;gap:10px;display:flex}.clock{font-family:var(--font-mono);letter-spacing:.02em;font-size:15px;font-weight:500}.date{letter-spacing:.08em;color:var(--text-secondary);font-size:12px}.settings-trigger{letter-spacing:.15em;color:var(--text-secondary);padding:8px 4px;font-size:14px}.life-grid-container{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.life-grid-canvas{transition:opacity .18s;display:block}.stat-line{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);margin:0 auto;padding:10px 14px;font-size:11px;display:block}.mode-switch{justify-content:center;align-items:center;gap:4px;display:flex}.mode-switch-item{letter-spacing:.15em;color:var(--text-tertiary);border-radius:999px;padding:6px 10px;font-size:10px;transition:color .2s,background .2s}.mode-switch-item.active{color:var(--bg);background:var(--text-primary)}.settings-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#000000b3;justify-content:center;align-items:flex-end;animation:.2s overlay-fade;display:flex;position:fixed;inset:0}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.settings-sheet{background:var(--bg);border-top:1px solid var(--hairline);width:100%;max-width:480px;padding-bottom:max(24px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:92dvh;animation:.25s cubic-bezier(.2,.8,.2,1) sheet-up;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.settings-sheet .onboarding{min-height:0;padding-top:28px;padding-bottom:4px;animation:none}.settings-toggles{border-top:1px solid var(--hairline);width:100%;max-width:340px;margin:0 auto;padding-top:16px}.settings-toggle{letter-spacing:.12em;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:10px 0;font-size:10px;display:flex}.settings-toggle input{accent-color:var(--text-primary);width:16px;height:16px}.settings-privacy{text-align:center;letter-spacing:.1em;color:var(--text-tertiary);margin-top:20px;font-size:9px}.share-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));background:#000000bf;justify-content:center;align-items:center;animation:.2s overlay-fade;display:flex;position:fixed;inset:0}.share-sheet{flex-direction:column;align-items:center;width:100%;max-width:340px;animation:.25s cubic-bezier(.2,.8,.2,1) sheet-up;display:flex}.share-preview{aspect-ratio:9/16;border:1px solid var(--hairline);background:var(--bg);border-radius:16px;justify-content:center;align-items:center;width:100%;max-height:60dvh;margin-bottom:20px;display:flex;overflow:hidden}.share-preview img{object-fit:contain;width:100%;height:100%}.share-preview-loading{letter-spacing:.15em;color:var(--text-tertiary);font-size:10px}.share-toggle{letter-spacing:.12em;width:100%;color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:10px;display:flex}.share-toggle input{accent-color:var(--text-primary);width:16px;height:16px}.share-action{background:var(--text-primary);width:100%;color:var(--bg);letter-spacing:.2em;border-radius:999px;margin-bottom:14px;padding:15px 0;font-size:12px;font-weight:600}.share-action:disabled{opacity:.4}.share-status{letter-spacing:.12em;color:var(--text-secondary);margin-bottom:10px;font-size:10px}.share-cancel{letter-spacing:.15em;color:var(--text-tertiary);font-size:10px}.app{flex-direction:column;flex:1;width:100%;max-width:720px;min-height:100svh;margin:0 auto;animation:.5s app-fade-in;display:flex}@keyframes app-fade-in{0%{opacity:0}to{opacity:1}}.app-footer{padding:0 20px max(18px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;display:flex}.app-footer-row{justify-content:center;align-items:center;gap:16px;display:flex}.share-trigger{letter-spacing:.15em;color:var(--text-secondary);border:1px solid var(--hairline);border-radius:999px;padding:10px 14px;font-size:11px}.app-footer-fine-print{letter-spacing:.08em;color:var(--text-tertiary);text-align:center;margin-top:4px;font-size:8px}