@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050914;--blue:#3b82f6;--indigo:#818cf8;--blue-ring:#3b82f638;--text:#f0f4ff;--muted:#64748b;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-hover:#ffffff26;--input-bg:#0a0f1e;--green:#34d399;--green-dim:#34d3991a;--amber:#fbbf24;--amber-dim:#fbbf241a;--red:#f87171;--red-dim:#f871711a}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app{max-width:1100px;margin:0 auto;padding:0 2rem 5rem}.app-header{border-bottom:1px solid #ffffff0d;margin-bottom:2rem;padding:2.75rem 0 1.75rem}.app-title{letter-spacing:-.6px;background:linear-gradient(128deg,#3b82f6 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.45rem;font-size:2.8rem;font-weight:800;line-height:1.15}.app-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:.8rem;font-weight:500}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;transition:border-color .2s,box-shadow .2s}.glass:hover{border-color:var(--glass-hover);box-shadow:0 0 28px #2563eb1f}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;margin-bottom:.45rem;font-size:.72rem;font-weight:600;display:block}.control-panel{flex-wrap:wrap;align-items:flex-start;gap:1.125rem;margin-bottom:1.25rem;padding:1.375rem 1.75rem;display:flex}.input-group{flex-direction:column;align-items:flex-start;display:flex}.plain-input{background:var(--input-bg);color:var(--text);letter-spacing:.02em;border:1px solid #ffffff1a;border-radius:10px;width:120px;height:42px;padding:0 .875rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.plain-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-ring);outline:none}.plain-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.plain-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.plain-input[type=number]{-moz-appearance:textfield}.ticker-input{letter-spacing:.06em;text-transform:uppercase;width:130px;font-family:JetBrains Mono,monospace}.ticker-row{align-items:center;gap:.5rem;display:flex}.ticker-quick-pick{background:var(--input-bg);height:42px;color:var(--muted);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:10px;width:120px;padding:0 1.75rem 0 .75rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;transition:border-color .15s,box-shadow .15s,color .15s}.ticker-quick-pick:hover{color:var(--text);border-color:#3b82f659}.ticker-quick-pick:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-ring);color:var(--text);outline:none}.ticker-quick-pick option,.ticker-quick-pick optgroup{color:var(--text);background:#0d1424}.stepper{border-radius:10px;align-items:stretch;display:flex}.stepper:focus-within{box-shadow:0 0 0 3px var(--blue-ring)}.stepper:focus-within .stepper-btn,.stepper:focus-within .stepper-input{border-color:var(--blue)}.stepper-btn{background:var(--input-bg);width:34px;height:42px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;font-weight:400;line-height:1;transition:color .15s,background .15s,border-color .15s;display:flex}.stepper-btn:first-child{border-right:none;border-radius:10px 0 0 10px}.stepper-btn:last-child{border-left:none;border-radius:0 10px 10px 0}.stepper-btn:hover:not(:disabled){color:var(--blue);background:#3b82f614;border-color:#3b82f659}.stepper-btn:active:not(:disabled){background:#3b82f626}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-input{background:var(--input-bg);color:var(--text);letter-spacing:.02em;text-align:center;border:1px solid #ffffff1a;border-left:none;border-right:none;border-radius:0;width:72px;height:42px;padding:0;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:background .15s,border-color .15s}.stepper-input:focus{background:#3b82f60a;outline:none}.stepper-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input[type=number]{-moz-appearance:textfield}@keyframes strikePulse{0%,to{border-color:#ffffff1a}50%{border-color:#3b82f673}}.strike-loading{opacity:.65;cursor:wait;animation:1s ease-in-out infinite strikePulse}.strike-warning{color:var(--amber);opacity:.9;max-width:200px;margin-top:.3rem;font-size:.62rem;font-weight:500;line-height:1.45}.input-hint{color:#94a3b8;width:240px;margin-top:.35rem;font-size:.565rem;font-weight:400;line-height:1.5}.run-button{border:1px solid var(--blue);height:42px;color:var(--blue);cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:0 0;border-radius:10px;align-self:flex-end;padding:0 1.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.run-button:hover:not(:disabled){background:var(--blue);color:#fff;box-shadow:0 0 22px #3b82f647}.run-button:disabled{opacity:.3;cursor:not-allowed}.loading-state{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;justify-content:center;align-items:center;gap:.75rem;padding:4rem;font-size:.72rem;display:flex}.loading-spinner{border:1.5px solid #ffffff14;border-top-color:var(--blue);border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.72s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state{color:var(--red);background:#f871710d;border:1px solid #f871712e;border-radius:10px;margin-bottom:1.25rem;padding:.875rem 1.25rem;font-size:.8rem}.dashboard{flex-direction:column;gap:1rem;animation:.32s fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-row{grid-template-columns:repeat(4,1fr);gap:.875rem;display:grid}.stat-card{padding:.9rem 1.375rem;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card.accent-blue:before{background:var(--blue)}.stat-card.accent-indigo:before{background:var(--indigo)}.stat-card.accent-white:before{background:#f0f4ff47}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;margin-bottom:.5rem;font-size:.72rem;font-weight:600;display:block}.stat-value{color:var(--text);letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:1.9rem;font-weight:700;line-height:1;display:block;overflow:hidden}.stat-value.blue{color:var(--blue)}.stat-value.indigo{color:var(--indigo)}.stat-sub{color:var(--muted);letter-spacing:.03em;margin-top:.4rem;font-size:.6rem;font-weight:400;display:block}.charts-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.panel{padding:1.5rem 1.625rem}.panel-title{border-bottom:1px solid #ffffff0d;align-items:center;gap:.65rem;margin-bottom:1.375rem;padding-bottom:.875rem;display:flex}.panel-title:before{content:"";background:var(--blue);border-radius:999px;flex-shrink:0;width:3px;height:.85rem;display:block}.panel-title-text{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:.62rem;font-weight:600}.method-comparison{flex-direction:column;gap:1.375rem;display:flex}.method-row{flex-direction:column;gap:.5rem;display:flex}.method-header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.method-name{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:600}.method-price{letter-spacing:-.5px;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:700}.method-price.classical{color:var(--indigo)}.method-price.quantum{color:var(--blue)}.method-bar-track{background:#ffffff0f;border-radius:999px;height:2px;overflow:hidden}.method-bar-fill{border-radius:999px;height:100%;transition:width .9s cubic-bezier(.4,0,.2,1)}.method-bar-fill.classical{background:var(--indigo)}.method-bar-fill.quantum{background:var(--blue)}.method-meta{color:var(--muted);letter-spacing:.02em;opacity:.72;font-size:.585rem;font-weight:400;line-height:1.45}.var-panel{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.var-block{background:#ffffff05;border:1px solid #ffffff0e;border-radius:12px;flex-direction:column;gap:.275rem;padding:1.125rem 1.25rem;display:flex}.var-method{letter-spacing:.1em;text-transform:uppercase;margin-bottom:.05rem;font-size:.78rem;font-weight:600}.var-method.classical{color:var(--indigo)}.var-method.quantum{color:var(--blue)}.var-estimated{color:var(--muted);opacity:.7;font-size:.585rem;font-style:italic;font-weight:400}.var-amount{color:var(--text);letter-spacing:-1px;margin-top:.1rem;font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:700;line-height:1.1}.var-pct{color:var(--muted);font-size:.78rem;font-weight:400}.risk-badge{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;width:fit-content;margin-top:.3rem;padding:.2rem .6rem;font-size:.575rem;font-weight:600;display:inline-block}.risk-badge.low{color:#34d399;background:#34d3991f;border:1px solid #34d39947}.risk-badge.medium{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2447}.risk-badge.high{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.var-disclaimer{color:var(--muted);opacity:.58;margin-top:.35rem;font-size:.565rem;font-style:italic;font-weight:400;line-height:1.5}.explain{color:#94a3b8;margin-top:.4rem;font-family:Inter,sans-serif;font-size:.78rem;font-style:normal;font-weight:400;line-height:1.5;display:block}.explain.italic{font-style:italic}.rec-list{flex-direction:column;gap:0;display:flex}.rec-row{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:.875rem;padding:.85rem 0;display:flex}.rec-row:last-child{border-bottom:none;padding-bottom:0}.rec-row:first-child{padding-top:0}.rec-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:.3rem}.rec-dot--green{background:var(--green);box-shadow:0 0 6px #34d3998c}.rec-dot--amber{background:var(--amber);box-shadow:0 0 6px #fbbf248c}.rec-dot--red{background:var(--red);box-shadow:0 0 6px #f871718c}.rec-body{flex-direction:column;gap:.2rem;display:flex}.rec-tag{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.rec-text{color:#94a3b8;font-size:.95rem;font-weight:400;line-height:1.55}