:root{--color-bg: #121212;--color-bg-elevated: #1E1E1E;--color-bg-card: rgba(30, 30, 30, .6);--color-surface: #2A2A2A;--color-gold: #D4AF37;--color-gold-dim: rgba(212, 175, 55, .3);--color-gold-glow: rgba(212, 175, 55, .15);--color-silver: #E5E5E5;--color-silver-dim: rgba(229, 229, 229, .6);--color-text-primary: #E5E5E5;--color-text-secondary: #999999;--color-text-muted: #666666;--color-overlay: rgba(0, 0, 0, .7);--color-border: rgba(229, 229, 229, .08);--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-hero: 3.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .2em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 5rem;--space-16: 8rem;--max-width: 720px;--container-padding: var(--space-5);--section-gap: var(--space-12);--card-padding: var(--space-6);--card-radius: 16px;--modal-radius: 20px;--glass-blur: 20px;--glass-bg: rgba(30, 30, 30, .5);--glass-border: 1px solid rgba(229, 229, 229, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-glacial: .8s;--bar-height: 4px;--bar-radius: 2px;--bar-bg: rgba(229, 229, 229, .08);--bar-fill: var(--color-gold);--gauge-size: 160px;--gauge-stroke: 3;--gauge-track: rgba(229, 229, 229, .08);--gauge-fill: var(--color-gold)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;min-height:100svh;line-height:var(--leading-normal)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:var(--weight-bold)}p{overflow-wrap:break-word}blockquote{border:none}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dim)}*{scrollbar-width:thin;scrollbar-color:var(--color-text-muted) var(--color-bg)}::selection{background-color:var(--color-gold-dim);color:var(--color-silver)}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;position:relative}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.dashboards,.scarcity-section,.life-grid-section,.wisdom{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.site-footer{margin-top:auto;padding:var(--space-16) 0 var(--space-10)}.exit-section{text-align:center}.exit-sentence{font-family:var(--font-heading);font-size:var(--text-2xl);font-style:italic;font-weight:var(--weight-bold);color:var(--color-gold);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.exit-translation{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);font-style:italic}.hero{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--color-gold-glow) 0%,transparent 70%);pointer-events:none;opacity:.5}.hero-content{text-align:center;position:relative;z-index:1}.hero-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-4)}.hero-value{font-family:var(--font-heading);font-size:var(--text-hero);font-weight:var(--weight-bold);color:var(--color-gold);line-height:var(--leading-tight);font-variant-numeric:tabular-nums;will-change:contents;animation:pulse-glow 4s ease-in-out infinite;margin-bottom:var(--space-4);word-break:break-all;overflow-wrap:anywhere}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px var(--color-gold-glow)}50%{text-shadow:0 0 40px var(--color-gold-dim)}}.hero-sublabel{font-family:var(--font-heading);font-style:italic;font-size:var(--text-base);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.scroll-indicator{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;animation:float 3s ease-in-out infinite;opacity:.6;transition:opacity .5s var(--ease-out);pointer-events:none}.scroll-indicator svg{width:16px;height:16px;stroke:var(--color-text-muted)}.scroll-indicator.is-hidden{opacity:0}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);padding:var(--card-padding);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.card:hover{transform:scale(1.02);box-shadow:0 12px 40px #0006}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-silver)}.card-badge{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-gold);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-1) var(--space-3);border:1px solid var(--color-gold-dim);border-radius:100px}.card-stats{display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-4)}.stat-value{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-gold);font-variant-numeric:tabular-nums}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:lowercase;letter-spacing:var(--tracking-wide)}.card-detail{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.progress-bar__track{width:100%;height:var(--bar-height);background:var(--bar-bg);border-radius:var(--bar-radius);overflow:hidden}.progress-bar__fill{height:100%;background:var(--bar-fill);border-radius:var(--bar-radius);transition:width 1s linear;box-shadow:0 0 8px var(--color-gold-glow)}.gauge-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin:var(--space-4) auto}.day-gauge{width:var(--gauge-size);height:var(--gauge-size);transform:rotate(-90deg)}.gauge-track{fill:none;stroke:var(--gauge-track);stroke-width:var(--gauge-stroke)}.gauge-fill{fill:none;stroke:var(--gauge-fill);stroke-width:var(--gauge-stroke);stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:339.292;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 4px var(--color-gold-glow))}.gauge-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-gold);font-variant-numeric:tabular-nums}.scarcity-section{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}.scarcity-header{text-align:center;margin-bottom:var(--space-8)}.scarcity-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-silver);margin-bottom:var(--space-3)}.scarcity-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);font-style:italic}.population-card{text-align:center;margin-bottom:var(--space-6)}.population-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.population-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-silver);font-variant-numeric:tabular-nums;min-height:1.4em;display:flex;justify-content:center;gap:0}.population-detail{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.resource-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.resource-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);padding:var(--space-5);text-align:center;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.resource-card:hover{transform:scale(1.02);box-shadow:0 12px 40px #0006}.resource-icon{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.resource-name{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.resource-time{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-gold);font-variant-numeric:tabular-nums;line-height:var(--leading-tight);min-height:1.4em;white-space:nowrap}.resource-sublabel{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);font-style:italic}@media(min-width:768px){.resource-grid{grid-template-columns:repeat(3,1fr)}.population-value{font-size:var(--text-hero)}}.vanishing-section{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}.vanishing-header{text-align:center;margin-bottom:var(--space-8)}.vanishing-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-silver);margin-bottom:var(--space-3)}.vanishing-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);font-style:italic}.vanishing-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.vanishing-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);padding:var(--space-5);text-align:center;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.vanishing-card:hover{transform:scale(1.02);box-shadow:0 12px 40px #0006}.vanishing-icon{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.vanishing-name{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.vanishing-value{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-gold);font-variant-numeric:tabular-nums;line-height:var(--leading-tight);min-height:1.4em;white-space:nowrap}.vanishing-sublabel{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);font-style:italic}@keyframes dissolve{0%,to{opacity:1}50%{opacity:.35}}.dissolve{animation:dissolve 4s ease-in-out infinite}.vanishing-disclaimer{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;letter-spacing:var(--tracking-wide);opacity:.6}.survival-section{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}.survival-card{text-align:center}.survival-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-4)}.survival-value{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);font-style:italic;color:var(--color-silver);line-height:var(--leading-relaxed);font-variant-numeric:tabular-nums;min-height:1.8em}.survival-sublabel{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4);font-style:italic;letter-spacing:var(--tracking-wide)}.opportunity-section{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}.opportunity-card{text-align:center}.opportunity-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.opportunity-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-gold);font-variant-numeric:tabular-nums;margin-bottom:var(--space-2);min-height:1.4em}.opportunity-detail{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.opportunity-sublabel{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4);font-style:italic}@media(min-width:768px){.vanishing-grid{grid-template-columns:1fr 1fr}.vanishing-value{font-size:var(--text-2xl)}.opportunity-value{font-size:var(--text-hero)}}.life-grid-section{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}.life-grid-header{text-align:center;margin-bottom:var(--space-8)}.life-grid-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-silver);margin-bottom:var(--space-3)}.life-grid-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.life-grid{display:grid;grid-template-columns:repeat(52,1fr);gap:1px;width:100%;max-width:100%;overflow-x:auto;margin:0 auto}.life-block{aspect-ratio:1;border-radius:1px;background:var(--color-surface);opacity:0;transition:opacity .15s ease;min-width:2px}.life-block.is-revealed{opacity:1}.life-block.is-instant{opacity:1;transition:none}.life-block--education{background:#1e2d3d}.life-block--career{background:#2e2818}.life-block--freedom{background:#1e1e32}.life-block--lived.life-block--education{background:#3b6da0}.life-block--lived.life-block--career{background:#8a6d2a}.life-block--lived.life-block--freedom{background:#5050a0}.life-grid{--sunset-opacity: 0;position:relative}.life-grid.golden-active:after{content:"";position:absolute;top:31.25%;left:0;right:0;height:43.75%;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(212,175,55,.25) 0%,rgba(212,175,55,.08) 50%,transparent 100%);opacity:var(--sunset-opacity);pointer-events:none;z-index:1;transition:opacity 1s ease}.life-grid.golden-active .life-block--career{box-shadow:inset 0 0 2px rgba(212,175,55,calc(var(--sunset-opacity) * .3))}.life-grid.golden-active .life-block--lived.life-block--career{box-shadow:inset 0 0 3px rgba(212,175,55,calc(var(--sunset-opacity) * .5))}.life-block--now{background:var(--color-gold)!important;border-radius:2px;animation:pulse-now 2s ease-in-out infinite;position:relative;z-index:2}@keyframes pulse-now{0%,to{box-shadow:0 0 4px var(--color-gold-dim);opacity:1}50%{box-shadow:0 0 12px var(--color-gold);opacity:.8}}.life-grid-legend{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-6);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase}.legend-swatch{width:10px;height:10px;border-radius:2px}.legend-swatch--education{background:#3b6da0}.legend-swatch--career{background:#8a6d2a}.legend-swatch--freedom{background:#5050a0}.legend-swatch--now{background:var(--color-gold)}.life-grid-phases{display:none}@media(min-width:1024px){.life-grid-wrapper{display:flex;gap:var(--space-5);align-items:flex-start;justify-content:center}.life-grid{flex:1;min-width:0}.life-grid-phases{display:flex;flex-direction:column;flex-shrink:0;width:120px}.phase-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:right;padding-right:var(--space-3)}.phase-label--education{height:31.25%}.phase-label--career{height:43.75%}.phase-label--freedom{height:25%}}.settings-trigger{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:100;width:44px;height:44px;display:flex;align-items:center;justify-content:center;opacity:.3;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.state-new .settings-trigger{opacity:0;pointer-events:none}.settings-trigger:hover{opacity:.7;transform:rotate(15deg)}.settings-trigger svg{width:20px;height:20px;stroke:var(--color-silver);stroke-width:1.5;fill:none}.settings-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:var(--color-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out)}.settings-overlay.is-open{opacity:1;visibility:visible}.settings-modal{background:var(--glass-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:var(--glass-border);border-radius:var(--modal-radius) var(--modal-radius) 0 0;box-shadow:0 -8px 40px #0006;padding:var(--space-8) var(--space-6) var(--space-6);width:100%;max-width:440px;max-height:90vh;overflow-y:auto;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out)}.settings-overlay.is-open .settings-modal{transform:translateY(0)}.settings-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-silver);margin-bottom:var(--space-2)}.settings-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.settings-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.form-field input{background:transparent;border:none;border-bottom:1px solid var(--color-border);padding:var(--space-3) 0;font-size:var(--text-lg);color:var(--color-silver);outline:none;transition:border-color var(--duration-normal) var(--ease-out);-webkit-appearance:none;appearance:none}.form-field input:focus{border-bottom-color:var(--color-gold)}.form-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.form-field input[type=number]::-webkit-inner-spin-button,.form-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-field input[type=number]{-moz-appearance:textfield}.settings-save{margin-top:var(--space-4);padding:var(--space-4) var(--space-6);border:1px solid var(--color-gold);border-radius:8px;background:transparent;color:var(--color-gold);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}.settings-save:hover{background:var(--color-gold);color:var(--color-bg)}.wisdom{text-align:center}.wisdom-content{max-width:600px}.wisdom blockquote{position:relative}.quote-text{font-family:var(--font-heading);font-style:italic;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-silver);line-height:var(--leading-relaxed);margin-bottom:var(--space-5);transition:opacity .4s var(--ease-in-out)}.quote-text:not(.is-visible){opacity:0}.quote-author{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-style:normal;transition:opacity .4s var(--ease-in-out)}.quote-author:not(.is-visible){opacity:0}.quote-author:before{content:"— "}.locked-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#12121266;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--card-radius);opacity:1;transition:opacity .8s var(--ease-out);pointer-events:auto;padding:var(--space-6);text-align:center}.hero,.life-grid-section{position:relative}.state-returning .locked-overlay{opacity:0;pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none}.state-revealing .locked-overlay{opacity:0;transition:opacity 1.2s var(--ease-out)}.locked-eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-4)}.locked-icon{width:32px;height:32px;stroke:var(--color-gold);stroke-width:1.5;fill:none;margin-bottom:var(--space-5);opacity:.6}.locked-message{font-family:var(--font-heading);font-style:italic;font-size:var(--text-xl);color:var(--color-silver);line-height:var(--leading-relaxed);max-width:400px;margin-bottom:var(--space-6)}.locked-cta{display:inline-block;padding:var(--space-3) var(--space-8);border:1px solid var(--color-gold-dim);border-radius:100px;background:transparent;color:var(--color-gold);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.locked-cta:hover{border-color:var(--color-gold);background:#d4af3714;transform:scale(1.03)}.locked-sublabel{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4);letter-spacing:var(--tracking-wide)}.onboarding-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0c0c0cf2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);opacity:0;visibility:hidden;transition:opacity var(--duration-slow) var(--ease-out),visibility var(--duration-slow) var(--ease-out)}.onboarding-overlay.is-open{opacity:1;visibility:visible}.onboarding-content{max-width:600px;width:100%;padding:var(--space-6);text-align:center;transform:translateY(20px);transition:transform var(--duration-slow) var(--ease-out)}.onboarding-overlay.is-open .onboarding-content{transform:translateY(0)}.onboarding-brand{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-gold);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.onboarding-tagline{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-16)}.onboarding-form{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.onboarding-label{font-family:var(--font-heading);font-size:var(--text-2xl);font-style:italic;color:var(--color-silver-dim);margin-bottom:var(--space-2)}.onboarding-fields{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-5)}.onboarding-field{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.onboarding-field-hint{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.onboarding-input{display:block;width:4ch;background:transparent;border:none;border-bottom:2px solid var(--color-border);color:var(--color-gold);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);text-align:center;padding:var(--space-2) var(--space-2);outline:none;transition:border-color var(--duration-normal) var(--ease-out);-webkit-appearance:none;-moz-appearance:textfield;appearance:none}.onboarding-input:focus{border-bottom-color:var(--color-gold)}.onboarding-input--year{width:5.5ch}.onboarding-input::-webkit-inner-spin-button,.onboarding-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.onboarding-save{display:inline-block;padding:var(--space-4) var(--space-10);border:1px solid var(--color-gold-dim);border-radius:100px;background:transparent;color:var(--color-gold);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;cursor:pointer;opacity:.3;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.onboarding-save.is-active{opacity:1;pointer-events:auto}.onboarding-save.is-active:hover{border-color:var(--color-gold);background:var(--color-gold);color:var(--color-bg);transform:scale(1.03)}.onboarding-error{font-size:var(--text-xs);color:#cf6679;margin-top:var(--space-4);min-height:1.5em;letter-spacing:var(--tracking-wide)}.onboarding-skip{display:block;margin-top:var(--space-8);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);cursor:pointer;background:none;border:none;text-decoration:none;transition:color var(--duration-normal) var(--ease-out)}.onboarding-skip:hover{color:var(--color-text-secondary)}.odometer{display:inline-flex;overflow:hidden;font-variant-numeric:tabular-nums;vertical-align:baseline}.odo-digit{display:inline-block;height:1.2em;overflow:hidden;position:relative}.odo-strip{display:block;line-height:1.2;transition:transform .4s cubic-bezier(.16,1,.3,1);white-space:pre}.odo-static{display:inline-block}[data-animate]{opacity:0;transform:translateY(24px);transition:opacity var(--duration-glacial) var(--ease-out),transform var(--duration-glacial) var(--ease-out)}[data-animate].is-visible{opacity:1;transform:translateY(0)}[data-animate-stagger]>*{opacity:0;transform:translateY(16px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}[data-animate-stagger].is-visible>*:nth-child(1){transition-delay:0ms;opacity:1;transform:none}[data-animate-stagger].is-visible>*:nth-child(2){transition-delay:.15s;opacity:1;transform:none}[data-animate-stagger].is-visible>*:nth-child(3){transition-delay:.3s;opacity:1;transform:none}.app{animation:app-entrance 1.2s var(--ease-out) forwards}@keyframes app-entrance{0%{opacity:0}to{opacity:1}}@media(min-width:768px){:root{--container-padding: var(--space-6);--section-gap: var(--space-12);--text-hero: 4.5rem;--gauge-size: 140px}.dashboard-grid{grid-template-columns:1fr 1fr}.settings-overlay{align-items:center}.settings-modal{border-radius:var(--modal-radius);max-width:420px;transform:translateY(20px);opacity:0;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out)}.settings-overlay.is-open .settings-modal{transform:translateY(0);opacity:1}.quote-text{font-size:var(--text-xl)}.life-grid{gap:2px}.onboarding-label,.onboarding-input{font-size:var(--text-3xl)}.onboarding-fields{gap:var(--space-8)}.locked-message{font-size:var(--text-2xl)}}@media(min-width:1024px){:root{--container-padding: var(--space-8);--section-gap: 6rem;--text-hero: 5.5rem;--gauge-size: 160px;--max-width: 900px}.quote-text{font-size:var(--text-2xl)}.hero:before{width:800px;height:800px}.onboarding-input{font-size:var(--text-4xl, 2.5rem)}.onboarding-input--year{width:5.5ch}}@media(min-width:1440px){:root{--container-padding: var(--space-10);--text-hero: 6rem;--max-width: 1000px}.quote-text{font-size:var(--text-2xl)}}