:root{--bg: #0A0B0A;--surface: #131614;--surface-hover: #1a1f1c;--structure: #2A302C;--structure-light: #363d38;--text-primary: #F1F0E8;--text-secondary: #A9AEA6;--text-tertiary: #6b706a;--value: #D6FF4C;--value-dim: rgba(214, 255, 76, .15);--value-glow: rgba(214, 255, 76, .08);--positive: #7DE0B8;--positive-dim: rgba(125, 224, 184, .15);--attention: #FFAA5A;--attention-dim: rgba(255, 170, 90, .15);--negative: #EA6A62;--negative-dim: rgba(234, 106, 98, .15);--mystery: #B8A6FF;--mystery-dim: rgba(184, 166, 255, .15);--font-display: "Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Menlo", "Monaco", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-product: cubic-bezier(.22, 1, .36, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-hover: .15s;--duration-press: .1s;--duration-slider: .14s;--duration-odometer: .22s;--duration-replace: .3s;--duration-screen: .48s;--duration-reveal: .4s;--duration-curve: .65s;--max-width: 1200px;--header-height: 64px}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-hover: 0ms;--duration-press: 0ms;--duration-slider: 0ms;--duration-odometer: 0ms;--duration-replace: 80ms;--duration-screen: .1s;--duration-reveal: 80ms;--duration-curve: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-primary);line-height:1.5;overflow-x:hidden;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;touch-action:manipulation}input,textarea{font-family:inherit;border:none;background:none;color:inherit;outline:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--value);outline-offset:2px}::selection{background:var(--value-dim);color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--structure);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--structure-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.label{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.display{font-family:var(--font-display)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}main>*{animation:fadeIn .32s var(--ease-out)}@media(max-width:768px){:root{--space-xl: 16px;--space-2xl: 28px;--header-height: 56px}.landing-grid{grid-template-columns:1fr!important;gap:32px!important}.detail-visual{width:100%!important;height:180px!important}}@media(max-width:430px){:root{--space-xl: 14px;--space-2xl: 20px}h1{font-size:28px!important}.mono{font-size:clamp(18px,6vw,24px)}}@media(max-width:600px){header{height:auto!important;min-height:64px;flex-wrap:wrap;gap:8px;padding:12px 16px!important}header nav{flex-wrap:wrap;gap:8px!important}main>div{padding-left:16px!important;padding-right:16px!important}}.budget-control{width:100%;min-width:0}.budget-amount,.budget-control input{color:var(--budget-accent);background:transparent;font:700 clamp(28px,5vw,52px) var(--font-mono);border:0;border-bottom:1px dotted var(--budget-accent);padding:4px 0;max-width:100%;cursor:text}.budget-control input{width:100%;box-sizing:border-box}.budget-hint{font-size:10px;letter-spacing:.06em;color:#a9aea6;margin-top:10px}.budget-scale{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a9aea6}.budget-control :focus-visible{outline:2px solid var(--budget-accent);outline-offset:5px}@media(max-width:600px){.budget-amount{font-size:clamp(24px,7vw,38px)}.rail-reveal-wrapper{max-width:100%!important}}