.header{text-align:center;padding:var(--space-lg) var(--space-md)}.header-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,5vw,2.8rem);background:var(--slider-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--space-sm);line-height:1.2}.header-icon{display:inline-block;margin-right:.2em}.header-tagline{font-family:var(--font-display);font-size:clamp(.95rem,2.5vw,1.15rem);color:var(--text-secondary);margin:0;max-width:500px;margin-inline:auto;line-height:1.5}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);gap:var(--space-md)}.loading-spinner{width:48px;height:48px;border-radius:50%;border:4px solid var(--surface-glass-border);border-top-color:var(--color-bitcoin-orange);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-display);color:var(--text-secondary);font-size:1rem;margin:0}.price-bubble{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-md);background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:120px;transition:transform .1s ease}.price-bubble--left{border-left:3px solid var(--color-bitcoin-orange)}.price-bubble--right{border-left:3px solid var(--color-mint-green)}.price-bubble-label{font-family:var(--font-display);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.price-bubble-price{font-family:var(--font-mono);font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:var(--text-primary)}.price-bubble-date{font-family:var(--font-display);font-size:.8rem;color:var(--text-secondary)}.timeline-container{width:100%;padding:var(--space-md);-webkit-user-select:none;user-select:none}.timeline-bubbles{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-md)}.timeline-track{position:relative;width:100%;height:48px;background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-full);cursor:pointer;overflow:visible}.timeline-tick{position:absolute;top:100%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.timeline-tick-line{width:1px;height:10px;background:var(--surface-glass-border)}.timeline-tick-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-secondary);margin-top:2px;opacity:.7}.timeline-slider{position:absolute;top:2px;bottom:2px;border-radius:var(--radius-full);background:var(--slider-gradient);cursor:grab;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--slider-glow);transition:box-shadow .2s ease;touch-action:none}.timeline-slider:active{cursor:grabbing;box-shadow:0 0 30px #f7931a99}.timeline-slider-handle{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000004d;flex-shrink:0;margin:0 6px;pointer-events:none}.timeline-slider-handle--left{border:2px solid var(--color-bitcoin-orange)}.timeline-slider-handle--right{border:2px solid var(--color-mint-green)}.timeline-slider-fill{flex:1;display:flex;align-items:center;justify-content:center;pointer-events:none}@media(max-width:600px){.timeline-bubbles{flex-direction:column;align-items:center;gap:var(--space-sm)}.timeline-track{height:40px}.timeline-slider-handle{width:16px;height:16px;margin:0 4px}.timeline-tick-label{font-size:.55rem}}.investment-input{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.investment-label{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.investment-field{display:flex;align-items:center;background:var(--surface-glass);border:2px solid var(--surface-glass-border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-md);transition:border-color .2s ease,box-shadow .2s ease;max-width:240px;width:100%}.investment-field:focus-within{border-color:var(--color-bitcoin-orange);box-shadow:0 0 16px #f7931a40}.investment-prefix{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;color:var(--color-bitcoin-orange);margin-right:var(--space-xs);-webkit-user-select:none;user-select:none}.investment-input-field{font-family:var(--font-mono);font-size:1.3rem;font-weight:600;color:var(--text-primary);background:transparent;border:none;outline:none;width:100%}.investment-input-field::placeholder{color:#ffffff4d}.roi-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.roi-main{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.roi-label{font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.roi-value{font-family:var(--font-mono);font-size:clamp(2.2rem,8vw,3.5rem);font-weight:700;background:var(--roi-positive);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.roi-details{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.roi-detail{display:flex;flex-direction:column;align-items:center;gap:2px}.roi-detail-arrow{font-size:1.5rem;color:var(--text-secondary)}.roi-detail-label{font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.roi-detail-value{font-family:var(--font-mono);font-size:1.2rem;font-weight:600;color:var(--text-primary)}.roi-detail-value--final{color:var(--color-mint-green)}.roi-gain{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--color-mint-green);padding:var(--space-xs) var(--space-md);background:#34d3991a;border-radius:var(--radius-full);border:1px solid rgba(52,211,153,.2)}:root{--color-bitcoin-orange: #F7931A;--color-bitcoin-gold: #FFD700;--color-sunset-pink: #FF6B6B;--color-electric-purple: #A855F7;--color-sky-blue: #38BDF8;--color-mint-green: #34D399;--bg-gradient: linear-gradient(135deg, #0F0C29 0%, #302B63 50%, #24243E 100%);--surface-glass: rgba(255, 255, 255, .08);--surface-glass-border: rgba(255, 255, 255, .15);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .65);--slider-gradient: linear-gradient(90deg, #F7931A, #FFD700, #FF6B6B);--slider-glow: 0 0 20px rgba(247, 147, 26, .4);--roi-positive: linear-gradient(90deg, #34D399, #38BDF8);--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.app{max-width:900px;width:100%;margin:0 auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg);flex:1}.app-calculator{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%}.app-error{text-align:center;padding:var(--space-sm) var(--space-md);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);font-size:.85rem;color:var(--color-sunset-pink);font-family:var(--font-display)}.app-footer{text-align:center;padding:var(--space-lg) var(--space-md);margin-top:auto}.app-footer p{font-size:.75rem;color:var(--text-secondary);opacity:.5;margin:0;line-height:1.6}