:root{--background-color: #050510;--background-secondary: #000000;--accent-cyan-rgb: 6, 182, 212;--accent-electric-rgb: 59, 130, 246;--accent-violet-rgb: 139, 92, 246;--glass-surface: rgba(255, 255, 255, .03);--glass-surface-hover: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--glass-blur: blur(20px);--accent-cyan: #06b6d4;--accent-electric: #3b82f6;--accent-violet: #8b5cf6;--accent-gradient: linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);--primary-accent: #4f46e5;--surface-1: color-mix(in srgb, var(--background-secondary) 84%, #ffffff 16%);--surface-2: color-mix(in srgb, var(--background-secondary) 78%, #ffffff 22%);--surface-strong: color-mix(in srgb, var(--background-secondary) 72%, #ffffff 28%);--border-subtle: color-mix(in srgb, var(--accent-electric) 24%, rgba(255, 255, 255, .18));--border-strong: color-mix(in srgb, var(--accent-violet) 24%, rgba(255, 255, 255, .28));--control-focus: color-mix(in srgb, var(--accent-electric) 65%, var(--accent-violet) 35%);--shadow-strong: 0 18px 50px rgba(var(--accent-electric-rgb), .26), 0 0 0 1px rgba(255, 255, 255, .06) inset;--button-primary: linear-gradient(135deg, var(--accent-cyan), var(--accent-electric), var(--accent-violet));--button-glow: 0 14px 32px rgba(var(--accent-electric-rgb), .35);--orb-primary: #0ea5e9;--orb-primary-rgb: 14, 165, 233;--orb-secondary: #8b5cf6;--orb-secondary-rgb: 139, 92, 246;--orb-tertiary: #f472b6;--orb-tertiary-rgb: 244, 114, 182;--text-primary: rgba(255, 255, 255, 1);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Monaco, Consolas, monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--glow-cyan: rgba(var(--accent-cyan-rgb), .3);--glow-electric: rgba(var(--accent-electric-rgb), .3);--glow-violet: rgba(var(--accent-violet-rgb), .3);--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b}:root[data-theme=deep-sea]{--background-color: #020813;--background-secondary: #031423;--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .08);--border-subtle: color-mix(in srgb, #0ea5e9 20%, rgba(255, 255, 255, .18));--border-strong: color-mix(in srgb, #14b8a6 20%, rgba(255, 255, 255, .28));--accent-cyan: #14b8a6;--accent-cyan-rgb: 20, 184, 166;--accent-electric: #0ea5e9;--accent-electric-rgb: 14, 165, 233;--accent-violet: #22d3ee;--accent-violet-rgb: 34, 211, 238;--accent-gradient: linear-gradient(135deg, #0ea5e9 0%, #14b8a6 50%, #22d3ee 100%);--primary-accent: #0ea5e9;--orb-primary: #0ea5e9;--orb-primary-rgb: 14, 165, 233;--orb-secondary: #22d3ee;--orb-secondary-rgb: 34, 211, 238;--orb-tertiary: #2dd4bf;--orb-tertiary-rgb: 45, 212, 191}:root[data-theme=crimson]{--background-color: #0b0509;--background-secondary: #14070f;--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .08);--border-subtle: color-mix(in srgb, #f43f5e 18%, rgba(255, 255, 255, .18));--border-strong: color-mix(in srgb, #fb7185 18%, rgba(255, 255, 255, .28));--accent-cyan: #f43f5e;--accent-cyan-rgb: 244, 63, 94;--accent-electric: #fb7185;--accent-electric-rgb: 251, 113, 133;--accent-violet: #e11d48;--accent-violet-rgb: 225, 29, 72;--accent-gradient: linear-gradient(135deg, #f43f5e 0%, #fb7185 50%, #e11d48 100%);--primary-accent: #fb7185;--orb-primary: #fb7185;--orb-primary-rgb: 251, 113, 133;--orb-secondary: #f43f5e;--orb-secondary-rgb: 244, 63, 94;--orb-tertiary: #f472b6;--orb-tertiary-rgb: 244, 114, 182}:root[data-theme=gamma]{--background-color: #030a05;--background-secondary: #071408;--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .08);--border-subtle: color-mix(in srgb, #22c55e 20%, rgba(255, 255, 255, .18));--border-strong: color-mix(in srgb, #3ECF54 20%, rgba(255, 255, 255, .28));--accent-cyan: #22c55e;--accent-cyan-rgb: 34, 197, 94;--accent-electric: #3ECF54;--accent-electric-rgb: 62, 207, 84;--accent-violet: #84cc16;--accent-violet-rgb: 132, 204, 22;--accent-gradient: linear-gradient(135deg, #22c55e 0%, #3ECF54 50%, #84cc16 100%);--primary-accent: #3ECF54;--orb-primary: #3ECF54;--orb-primary-rgb: 62, 207, 84;--orb-secondary: #22c55e;--orb-secondary-rgb: 34, 197, 94;--orb-tertiary: #84cc16;--orb-tertiary-rgb: 132, 204, 22}:root[data-theme=gold-mouth]{--background-color: #0a0703;--background-secondary: #120c05;--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .08);--border-subtle: color-mix(in srgb, #DAA520 20%, rgba(255, 255, 255, .18));--border-strong: color-mix(in srgb, #FFD700 20%, rgba(255, 255, 255, .28));--accent-cyan: #DAA520;--accent-cyan-rgb: 218, 165, 32;--accent-electric: #FFD700;--accent-electric-rgb: 255, 215, 0;--accent-violet: #FFA500;--accent-violet-rgb: 255, 165, 0;--accent-gradient: linear-gradient(135deg, #DAA520 0%, #FFD700 50%, #FFA500 100%);--primary-accent: #FFD700;--orb-primary: #FFD700;--orb-primary-rgb: 255, 215, 0;--orb-secondary: #DAA520;--orb-secondary-rgb: 218, 165, 32;--orb-tertiary: #FFA500;--orb-tertiary-rgb: 255, 165, 0}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip;width:100%;position:relative;-webkit-overflow-scrolling:touch;touch-action:pan-y;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-primary);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;position:relative;overflow-x:clip;width:100%;max-width:100vw;line-height:1.6;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,select,textarea,.panel,.tab,.doc-toggle,.auth-btn,.user-info,.quick-examples,.chat-messages,.history-item{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--background-color) 0%,color-mix(in srgb,var(--background-color) 80%,#0f172a) 25%,color-mix(in srgb,var(--background-secondary) 80%,#111827) 50%,color-mix(in srgb,var(--background-secondary) 80%,#0f172a) 75%,var(--background-color) 100%);background-size:400% 400%;animation:subtleGradientFlow 60s ease infinite;opacity:1;z-index:-2;will-change:transform,opacity;pointer-events:none}@keyframes subtleGradientFlow{0%,to{background-position:0% 50%}25%{background-position:50% 25%}50%{background-position:100% 50%}75%{background-position:50% 75%}}body:after{content:"";position:fixed;width:700px;height:700px;background:radial-gradient(circle,rgba(var(--accent-electric-rgb),.8),rgba(var(--accent-electric-rgb),.4) 40%,transparent 70%);filter:blur(120px);bottom:-250px;right:-250px;z-index:-1;animation:blobFloat1 30s ease-in-out infinite;opacity:.7;will-change:transform,opacity;pointer-events:none}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.98)}}#root{width:100%;max-width:520px;position:relative}@media (min-width: 768px){#root{max-width:720px}}@media (min-width: 1024px){#root{max-width:900px}}@media (min-width: 1440px){#root{max-width:1100px}}#root:before{content:"";position:fixed;width:650px;height:650px;background:radial-gradient(circle,rgba(var(--accent-violet-rgb),.8),rgba(var(--accent-violet-rgb),.4) 40%,transparent 70%);filter:blur(120px);top:-200px;left:-200px;z-index:-1;animation:blobFloat2 35s ease-in-out infinite reverse;opacity:.65;will-change:transform,opacity;pointer-events:none}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-25px,25px) scale(1.06)}}#root:after{content:"";position:fixed;width:600px;height:600px;background:radial-gradient(circle,rgba(var(--accent-cyan-rgb),.7),rgba(var(--accent-cyan-rgb),.35) 40%,transparent 70%);filter:blur(100px);top:50%;right:-220px;z-index:-1;animation:blobFloat3 40s ease-in-out infinite;opacity:.6;will-change:transform,opacity;pointer-events:none}@keyframes blobFloat3{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(calc(-50% + 40px)) scale(1.08)}}.container{background:var(--glass-surface);border-radius:24px;border:1px solid var(--glass-border);box-shadow:0 24px 48px #00000080,0 0 0 1px #ffffff0d inset;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);position:relative;z-index:1}.container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-cyan-rgb),.4),rgba(var(--accent-violet-rgb),.4),transparent);opacity:.8}.header{padding:2.5rem 2rem 2rem;text-align:center;border-bottom:1px solid var(--glass-border);position:relative;background:#0003}.header h1{font-size:2.5rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.03em;display:flex;flex-direction:column;gap:.5rem}.title-part-1{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px var(--glow-cyan));animation:gradientShift 6s ease infinite;background-size:200% 200%}.title-part-2{background:linear-gradient(135deg,#ff6b6b,#f06595,#cc5de8,#845ef7,#5c7cfa,#339af0,#22b8cf 90%,#20c997);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% 300%;animation:rainbowGradient 8s ease infinite,pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(139,92,246,.4)) drop-shadow(0 0 8px rgba(236,72,153,.3)) drop-shadow(0 0 3px rgba(6,182,212,.2));font-weight:900;letter-spacing:.02em;text-decoration:underline;text-decoration-color:#8b5cf680;text-decoration-thickness:2px;text-underline-offset:4px;text-shadow:0 0 20px rgba(139,92,246,.25),0 0 40px rgba(236,72,153,.15)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes rainbowGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.header p{color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:450px;margin:0 auto;font-weight:400}.tabs{display:flex;background:linear-gradient(180deg,#0000004d,#0003);position:relative}.tab{flex:1;padding:1.1rem 1rem;text-align:center;font-weight:600;cursor:pointer;border:none;background-color:transparent;color:var(--text-muted);transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:2px solid transparent;font-size:.9rem;position:relative}.tab:hover{color:var(--text-primary);background:#ffffff08}.tab.active{color:var(--text-primary);border-bottom:2px solid var(--primary-accent);background:#3b82f61a;box-shadow:inset 0 1px #ffffff0d,0 4px 15px #3b82f626}.nested-tabs{background:#00000040;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nested-tabs .tab{border-bottom:none;border-radius:0;font-size:.9rem}.nested-tabs .tab.active{background:var(--accent-gradient);border-bottom:none;color:var(--text-primary);font-weight:700;box-shadow:0 4px 16px #3b82f666,0 0 0 1px #fff3 inset}.calculator-body{padding:2rem;display:flex;flex-direction:column;gap:1.75rem}.input-group{display:flex;flex-direction:column;gap:.6rem}.input-group label{font-weight:600;color:var(--text-secondary);font-size:.95rem;letter-spacing:.01em;font-family:var(--font-sans)}.input-field,select{width:100%;padding:.9rem 1rem;background:#0006;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:1rem;font-weight:500;font-family:var(--font-mono);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.input-field::placeholder{color:var(--text-disabled)}.input-field:hover{border-color:var(--glass-border-hover);background:#00000080}.input-field:focus,select:focus{outline:none;border-color:var(--accent-electric);box-shadow:0 0 0 1px var(--accent-electric),0 4px 16px #3b82f633;background:#0009}.input-field.valid{border-color:var(--success-color);box-shadow:0 0 0 1px var(--success-color)}.input-field.invalid{border-color:var(--danger-color);box-shadow:0 0 0 1px var(--danger-color)}.slider-group{display:flex;align-items:center;gap:1rem}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:1;height:6px;background:#ffffff1a;border-radius:8px;outline:none;position:relative;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-gradient);cursor:pointer;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 16px var(--glow-electric),0 2px 8px #0006;transition:all .3s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 24px var(--glow-electric),0 4px 12px #00000080}.slider::-moz-range-thumb{width:20px;height:20px;background:var(--accent-gradient);cursor:pointer;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 16px var(--glow-electric),0 2px 8px #0006;transition:all .3s ease}.slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 24px var(--glow-electric),0 4px 12px #00000080}.results{background:var(--glass-surface);padding:2.5rem 2rem;border-radius:20px;text-align:center;border:1px solid var(--glass-border);box-shadow:0 12px 32px #0006,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.results:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.02) 50%,transparent 70%);animation:shimmer 4s linear infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.results.no-value{background:#ef44440d;border-color:#ef44444d;box-shadow:0 12px 32px #ef444433,0 0 0 1px #ef44441a inset}.results p{color:var(--text-secondary);font-size:.8rem;margin-bottom:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;font-family:var(--font-sans)}.results h2{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.04em;filter:drop-shadow(0 0 30px var(--glow-cyan));position:relative;z-index:1;font-family:var(--font-mono)}.results.no-value h2{color:var(--danger-color);font-size:1.75rem;margin-bottom:0;-webkit-text-fill-color:var(--danger-color);background:none;filter:drop-shadow(0 0 20px rgba(239,68,68,.3));font-family:var(--font-sans)}.results-details{display:flex;justify-content:center;gap:2rem;margin-top:1rem;color:var(--text-muted);font-size:.9rem;font-weight:500;font-family:var(--font-mono)}.matchup-result-stats{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:.5rem}.matchup-result-value{font-size:3rem;font-weight:800;letter-spacing:-.02em;color:#e0f2fe;text-shadow:0 0 24px rgba(var(--accent-electric-rgb),.45),0 0 48px rgba(var(--accent-violet-rgb),.35)}.matchup-result-margin{font-size:1.2rem;font-weight:700;color:var(--accent-cyan);padding:.4rem .85rem;border-radius:999px;background:linear-gradient(135deg,rgba(var(--accent-cyan-rgb),.12),rgba(var(--accent-violet-rgb),.12));box-shadow:0 0 18px rgba(var(--accent-electric-rgb),.18)}.analyst-insight{background:var(--glass-surface);padding:1.5rem;border-radius:16px;border:1px solid var(--glass-border);border-left:3px solid var(--accent-cyan);box-shadow:0 8px 24px #0000004d,-4px 0 16px #06b6d41a;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.analyst-insight h3{font-size:1.05rem;font-weight:700;margin-bottom:.75rem;color:var(--accent-cyan);letter-spacing:.02em;font-family:var(--font-sans)}.analyst-insight p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;font-family:var(--font-sans)}.btn-primary{background:var(--accent-gradient);color:var(--text-primary);border:none;padding:1rem 1.75rem;font-size:1.05rem;font-weight:700;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 8px 24px #3b82f666,0 0 0 1px #fff3 inset;font-family:var(--font-sans);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3b82f680,0 0 0 1px #ffffff4d inset}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--glass-surface);color:var(--text-primary);border:1px solid var(--glass-border);padding:.9rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:12px;cursor:pointer;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-sans)}.btn-secondary:hover{background:var(--glass-surface-hover);border-color:var(--glass-border-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.btn-secondary:active{transform:translateY(0)}.btn-tab-style{background:var(--accent-gradient);color:var(--text-primary);border:none;padding:.9rem 1.5rem;font-size:.95rem;font-weight:700;border-radius:12px;cursor:pointer;width:100%;margin-top:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #3b82f666,0 0 0 1px #fff3 inset;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-sans)}.btn-tab-style:hover{transform:translateY(-1px);box-shadow:0 8px 24px #3b82f680,0 0 0 1px #ffffff4d inset}.btn-tab-style:active{transform:translateY(0)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;text-align:center;font-weight:500;margin-top:.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.loading-text{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(59,130,246,.2);border-top-color:var(--accent-electric);border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:center;width:100%}.stats-grid .grid-header{color:var(--accent-cyan);font-size:.85rem;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stats-grid span{font-size:.95rem;font-weight:600;font-family:var(--font-mono)}.stats-grid .input-field{text-align:center}@media (max-width: 900px){.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stats-grid .grid-header:nth-child(3){grid-column:span 2}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr;gap:.5rem}.stats-grid .grid-header,.stats-grid span,.stats-grid .input-field{text-align:left}}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ffffff1a;color:var(--accent-cyan);cursor:help;font-size:.75rem;font-weight:700;margin-left:.5rem;transition:.2s ease;border:1px solid rgba(255,255,255,.15)}.help-icon:hover{background:#ffffff26;transform:scale(1.1);box-shadow:0 0 12px var(--glow-cyan)}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:max-content;max-width:min(280px,90vw);background:#000000e6;color:var(--text-primary);text-align:center;border-radius:10px;padding:.75rem;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:.3s ease;font-size:.85rem;border:1px solid var(--glass-border);box-shadow:0 8px 24px #00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:var(--font-sans)}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.progress-container{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.progress-step{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;background:var(--glass-surface);border:1px solid var(--glass-border);font-size:.85rem;color:var(--text-muted);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-sans)}.progress-step.completed{background:#10b9811a;border-color:#10b9814d;color:var(--success-color)}.progress-step.active{background:#3b82f61a;border-color:#3b82f64d;color:var(--accent-electric)}.history-panel{margin-top:1.5rem;padding:1.25rem;border-radius:16px;background:var(--glass-surface);border:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.history-item{padding:.75rem;border-radius:10px;background:#0000004d;margin-bottom:.75rem;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.2s ease;border:1px solid transparent}.history-item:hover{background:#ffffff0d;border-color:var(--glass-border)}.empty-state{text-align:center;padding:2.5rem 1.5rem;color:var(--text-muted)}.empty-state h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.try-example-btn{background:var(--accent-gradient);color:var(--text-primary);border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600;margin-top:1rem;transition:.2s ease;box-shadow:0 6px 18px #3b82f64d}.try-example-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}@media (max-width: 480px){body{padding:1rem .75rem}body:after{width:350px;height:350px;right:-120px;bottom:-120px}#root:before{width:300px;height:300px;top:-100px;left:-100px}#root:after{width:280px;height:280px;right:-100px}.calculator-body{padding:1.5rem}.header{padding:2rem 1.5rem 1.5rem}.header h1{font-size:2rem}.results h2{font-size:2.5rem}.results{padding:2rem 1.5rem}.stats-grid{grid-template-columns:1fr;gap:.75rem;text-align:center}.stats-grid .grid-header{display:none}.btn-primary{font-size:.95rem;padding:.9rem 1.25rem}}@media (max-width: 360px){body{padding:.75rem .5rem}body:after{width:250px;height:250px;right:-80px;bottom:-80px}#root:before{width:220px;height:220px;top:-70px;left:-70px}#root:after{width:200px;height:200px;right:-70px}.header h1{font-size:1.75rem}.results h2{font-size:2.25rem}}@media (min-width: 768px){body{padding:3rem 1.5rem}.tabs{flex-wrap:nowrap}.header{padding:3rem 2.5rem 2.5rem}.header h1{font-size:3rem}.header p{font-size:1.05rem;max-width:520px}.calculator-body{padding:2.5rem;gap:2rem}.results{padding:3rem 2.5rem}.results h2{font-size:4rem}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:1.25rem}.tab{padding:1.3rem 1.5rem;font-size:1rem}.btn-primary{font-size:1.1rem;padding:1.1rem 2rem}}@media (min-width: 1024px){body{padding:3.5rem 2rem}.header{padding:3.5rem 3rem 3rem}.header h1{font-size:3.5rem}.header p{font-size:1.1rem;max-width:600px}.calculator-body{padding:3rem;gap:2.5rem}.input-field{padding:1rem 1.25rem;font-size:1.05rem}.results{padding:3.5rem 3rem}.results h2{font-size:4.5rem}.results p{font-size:.9rem}.results-details{gap:2.5rem;font-size:1rem}.analyst-insight{padding:1.75rem 2rem}.analyst-insight h3{font-size:1.15rem}.analyst-insight p{font-size:1rem;line-height:1.8}.btn-primary{font-size:1.15rem;padding:1.2rem 2.25rem}.tab{padding:1.4rem 2rem;font-size:1.05rem}}@media (min-width: 1440px){body{padding:4rem 2.5rem}.header h1{font-size:4rem}.results h2{font-size:5rem}.calculator-body{gap:3rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn-primary:before{animation:none}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-electric);outline-offset:2px}#bottom-navigation-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:99999!important;visibility:visible!important;opacity:1!important;display:block!important;pointer-events:auto!important;transform:none!important;width:100%!important;max-width:100vw!important;overflow:visible!important;clip:auto!important;clip-path:none!important;margin:0!important;transition:none!important;animation:none!important}#bottom-navigation-bar>div{visibility:visible!important;opacity:1!important;display:flex!important;transform:none!important;overflow:visible!important;width:100%!important}#bottom-navigation-bar button,#bottom-navigation-bar>div>button{visibility:visible!important;opacity:1!important;display:flex!important;transform:none!important;pointer-events:auto!important}body:has(#bottom-navigation-bar){overflow-x:hidden!important;overflow-y:auto!important}