:root{--bg-0: #070a15;--bg-1: #0b1020;--bg-2: #121836;--panel: rgba(18, 24, 54, .72);--panel-2: rgba(28, 36, 74, .6);--border: rgba(148, 163, 205, .14);--border-strong: rgba(148, 163, 205, .28);--text-0: #f5f7ff;--text-1: #c9d1ea;--text-2: #8a93b8;--text-3: #5b6489;--accent: #34d399;--accent-2: #22d3ee;--accent-3: #f4c35a;--accent-4: #c084fc;--accent-5: #f87171;--grad-frontier: linear-gradient(90deg, #22d3ee 0%, #34d399 60%, #f4c35a 100%);--grad-hero: radial-gradient(1200px 600px at 10% -10%, rgba(52,211,153,.12) 0%, transparent 60%), radial-gradient(900px 500px at 110% 10%, rgba(34,211,238,.1) 0%, transparent 60%), radial-gradient(800px 600px at 50% 120%, rgba(244,195,90,.07) 0%, transparent 60%);--shadow-1: 0 1px 0 rgba(255,255,255,.04) inset, 0 10px 40px -20px rgba(0,0,0,.6);--shadow-2: 0 20px 70px -30px rgba(0,0,0,.8);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-display: "Fraunces", "Inter", Georgia, serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--text-1);font-family:var(--font-sans);font-feature-settings:"ss01","cv11","tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;background:var(--grad-hero),var(--bg-0);padding:36px 28px 64px;overflow-x:hidden}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(148,163,205,.06) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 70%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 70%);z-index:0}.container{position:relative;z-index:1;max-width:1280px;margin:0 auto}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:40px;height:40px;border-radius:12px;background:conic-gradient(from 210deg,#34d399,#22d3ee,#f4c35a,#34d399);position:relative;box-shadow:0 10px 30px -12px #34d39980}.brand-mark:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:9px;background:var(--bg-1)}.brand-mark:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:3px;background:linear-gradient(135deg,#34d399,#f4c35a);z-index:1}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-title{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em;color:var(--text-0)}.brand-sub{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.header-meta{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:.05em}.header-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.hero{margin-bottom:28px}.hero-title{font-family:var(--font-display);font-weight:600;font-size:clamp(36px,5vw,56px);line-height:1.02;letter-spacing:-.025em;color:var(--text-0);margin:0 0 14px}.hero-title .accent{background:linear-gradient(90deg,#34d399,#22d3ee 55%,#f4c35a);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}.hero-sub{font-size:15px;line-height:1.6;color:var(--text-2);max-width:62ch;margin:0}.hero-toggle-row{margin-top:20px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 520px){.kpi-grid{grid-template-columns:1fr 1fr}}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden;transition:border-color .3s ease,transform .3s ease}.kpi:hover{border-color:var(--border-strong);transform:translateY(-1px)}.kpi:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--kpi-accent, var(--accent));opacity:.7}.kpi-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.kpi-value{font-family:var(--font-mono);font-size:22px;font-weight:600;color:var(--text-0);margin-top:8px;letter-spacing:-.01em}.kpi-delta{font-size:11px;color:var(--text-2);margin-top:4px;font-family:var(--font-mono)}.panel,.chart-panel,.finder-panel,.recommendation-panel,.insight-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-1),var(--shadow-2)}.panel,.finder-panel,.recommendation-panel,.insight-card{padding:24px;margin-bottom:20px}.chart-panel{background:linear-gradient(180deg,#121836d1,#0b1020d1);padding:20px 12px 12px 8px;margin-bottom:20px;position:relative;overflow:hidden}.chart-panel:before{content:"";position:absolute;top:-140px;left:-140px;width:380px;height:380px;background:radial-gradient(circle,rgba(52,211,153,.12),transparent 70%);pointer-events:none}.panel-header,.chart-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.chart-header{padding:0 18px 14px;flex-wrap:wrap}.panel-title,.insight-title{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin:0}.tab-switch{display:inline-flex;gap:8px;padding:4px;background:#ffffff0a;border:1px solid var(--border);border-radius:999px}.tab-button{border:none;background:transparent;color:var(--text-2);padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:700}.tab-button.active{background:linear-gradient(90deg,#22d3ee29,#34d3992e);color:var(--text-0)}.toolbar-row{display:flex;gap:14px;align-items:stretch;margin-bottom:18px;flex-wrap:wrap}.count-stepper{display:flex;flex-direction:column;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;min-width:220px}.compact-stepper{min-width:190px}.stepper-controls{display:flex;align-items:center;gap:10px}.stepper-button{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-strong);background:#ffffff0a;color:var(--text-0);font-size:20px;cursor:pointer}.stepper-button:disabled{opacity:.4;cursor:not-allowed}.stepper-value{min-width:44px;text-align:center;font-family:var(--font-mono);font-size:22px;color:var(--text-0)}.dynamic-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.asset-card{position:relative;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;transition:border-color .2s ease,transform .2s ease}.asset-card:hover{border-color:var(--border-strong)}.asset-card[data-slot="0"]{--slot: var(--accent)}.asset-card[data-slot="1"]{--slot: var(--accent-2)}.asset-card[data-slot="2"]{--slot: var(--accent-3)}.asset-card[data-slot="3"]{--slot: var(--accent-4)}.asset-card[data-slot="4"]{--slot: var(--accent-5)}.asset-card[data-slot="5"]{--slot: #60a5fa}.asset-card[data-slot="6"]{--slot: #f97316}.asset-card[data-slot="7"]{--slot: #a3e635}.asset-card[data-slot="8"]{--slot: #f472b6}.asset-card[data-slot="9"]{--slot: #93c5fd}.slot-pill{position:absolute;top:14px;right:14px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--slot);background:color-mix(in srgb,var(--slot) 12%,transparent);border:1px solid color-mix(in srgb,var(--slot) 28%,transparent);padding:3px 8px;border-radius:999px}.asset-label{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}.asset-select-wrap{position:relative}.asset-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;color:var(--text-0);border:none;border-bottom:1px solid var(--border-strong);font-family:var(--font-sans);font-size:15px;font-weight:500;padding:6px 22px 10px 0;cursor:pointer;outline:none;transition:border-color .2s ease}.asset-select:focus{border-color:var(--slot, var(--accent))}.asset-select option{background:var(--bg-1);color:var(--text-0)}.asset-select-wrap:after{content:"";position:absolute;right:4px;top:14px;width:8px;height:8px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);transform:rotate(45deg);pointer-events:none}.asset-stats,.insight-metrics{display:flex;gap:18px;margin-top:14px}.stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.stat-value{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--text-0)}.rf-card{display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-md);min-width:220px}.rf-card.compact{margin:0}.rf-card.full-width{width:100%}.rf-input-row{display:flex;align-items:baseline;gap:10px;margin:10px 0 6px}.rf-input{background:transparent;color:var(--text-0);border:none;border-bottom:1px solid var(--border-strong);font-family:var(--font-mono);font-size:28px;font-weight:600;width:120px;padding:0 0 6px;outline:none;transition:border-color .2s ease}.rf-input:focus{border-color:var(--accent-3)}.rf-suffix{color:var(--text-3);font-family:var(--font-mono);font-size:18px}.rf-hint{font-size:11px;color:var(--text-3);font-family:var(--font-mono);line-height:1.5}.finder-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}@media (max-width: 960px){.finder-grid{grid-template-columns:1fr}}.mode-toggle{display:inline-flex;gap:8px;padding:4px;background:#ffffff0a;border:1px solid var(--border);border-radius:999px}.mode-button{border:none;background:transparent;color:var(--text-2);padding:9px 14px;border-radius:999px;cursor:pointer;font-weight:600}.mode-button.active{background:linear-gradient(90deg,#22d3ee29,#34d3992e);color:var(--text-0)}.finder-input-row{margin-top:18px}.advisor-grid{display:grid;grid-template-columns:minmax(240px,1fr) 220px;gap:14px;align-items:start}@media (max-width: 760px){.advisor-grid{grid-template-columns:1fr}}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}.filter-card{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;color:var(--text-1)}.filter-card input{accent-color:var(--accent-2)}.finder-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.summary-chip,.status-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;padding:7px 10px;border-radius:999px}.summary-chip{background:#ffffff0a;color:var(--text-2);border:1px solid var(--border)}.status-pill.success{background:#34d3991f;color:#b7f7dd;border:1px solid rgba(52,211,153,.24)}.status-pill.warning{background:#f4c35a1f;color:#f9e6b2;border:1px solid rgba(244,195,90,.24)}.chart-legend{display:flex;gap:12px;flex-wrap:wrap;padding:10px 18px 0}.legend-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.legend-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff08;border-radius:999px;padding:8px 12px;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.legend-button:hover{border-color:#22d3ee59;color:var(--text-0);transform:translateY(-1px)}.legend-button[aria-pressed=true]{color:var(--text-0);border-color:#22d3ee59;background:linear-gradient(90deg,#22d3ee1f,#34d3991f)}.legend-button:focus-visible{outline:2px solid rgba(34,211,238,.65);outline-offset:2px}.legend-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #ffffff0a}.legend-dot.cloud{background:#3b4a7a}.legend-dot.frontier{background:var(--grad-frontier);border-radius:2px;width:18px;height:4px}.legend-dot.cml{background:linear-gradient(90deg,#f5f7ff,#f4c35a);border-radius:2px;width:18px;height:4px}.legend-dot.minvar{background:var(--accent-4)}.legend-dot.sharpe{background:var(--accent-3);box-shadow:0 0 12px var(--accent-3)}.legend-dot.asset{background:var(--accent-5);border-radius:2px;transform:rotate(45deg)}.legend-dot.finder{background:var(--accent-2);box-shadow:0 0 12px #22d3ee80}.legend-explainer{margin:18px 18px 12px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,#11182de6,#0a0e1ef5)}.legend-explainer-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.legend-explainer-label{font-size:13px;font-weight:700;color:var(--text-0)}.legend-explainer-hint{margin-top:4px;font-size:11px;color:var(--text-3);font-family:var(--font-mono)}.legend-explainer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.legend-explainer-card{padding:14px;border-radius:var(--radius-sm);border:1px solid rgba(148,163,205,.14);background:#ffffff08}.legend-explainer-title{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-weight:700}.legend-explainer-card p{margin:0;color:var(--text-1);font-size:13px;line-height:1.6}@media (max-width: 760px){.legend-explainer-grid{grid-template-columns:1fr}}.tooltip-card{background:#0a0e1ef2;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px 14px;box-shadow:0 20px 60px -20px #000c;font-family:var(--font-sans);min-width:220px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tooltip-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.tooltip-row{display:flex;justify-content:space-between;gap:20px;font-family:var(--font-mono);font-size:12px;color:var(--text-1);margin:2px 0}.tooltip-row span:first-child{color:var(--text-3)}.tooltip-weights{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:11px;color:var(--text-2);line-height:1.6}.donut-wrap{display:flex;align-items:center;gap:18px}@media (max-width: 640px){.donut-wrap{flex-direction:column;align-items:flex-start}}.donut{width:120px;height:120px;flex-shrink:0}.donut-center{fill:var(--text-0);font-family:var(--font-mono);font-weight:600;font-size:14px}.donut-center-small{fill:var(--text-3);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em}.donut-legend{display:flex;flex-direction:column;gap:8px;flex:1}.donut-legend-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-1)}.legend-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pct{font-family:var(--font-mono);font-weight:600;color:var(--text-0)}.table-wrap{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;font-size:12px}.results-table th,.results-table td{padding:12px 10px;border-bottom:1px solid rgba(148,163,205,.12);text-align:left}.results-table th{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.results-table td{color:var(--text-1)}.results-table .weights-cell{min-width:320px;color:var(--text-2)}.results-table .active-row{background:#22d3ee14}.empty-state{color:var(--text-3);font-family:var(--font-mono);text-align:center;padding:26px 0}.feasibility-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.feasibility-success{color:var(--accent);background:#34d3991f;border-color:#34d39959}.feasibility-success:before{content:"✓ "}.feasibility-warning{color:var(--accent-3);background:#f4c35a24;border-color:#f4c35a66}.feasibility-warning:before{content:"⚠ "}.feasibility-neutral{color:var(--text-3);background:#94a3cd14;border-color:#94a3cd40}.feasibility-detail{font-size:12px;color:var(--text-2);line-height:1.5;margin-bottom:18px;padding:10px 14px;background:#94a3cd0d;border-left:2px solid var(--accent-2);border-radius:4px}.alternatives-panel{padding:0}.alternatives-panel summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;-webkit-user-select:none;user-select:none}.alternatives-panel summary::-webkit-details-marker{display:none}.alternatives-panel summary:after{content:"▼";font-size:10px;color:var(--text-3);transition:transform .2s ease}.alternatives-panel[open] summary:after{transform:rotate(180deg)}.alternatives-intro{padding:0 24px 14px;font-size:12px;color:var(--text-2);line-height:1.55}.alternatives-panel .table-wrap{padding:0 24px 20px}.footer{margin-top:28px;text-align:center;font-size:11px;color:var(--text-3);font-family:var(--font-mono);letter-spacing:.08em}.recharts-cartesian-axis-tick text{fill:var(--text-3);font-family:var(--font-mono);font-size:11px}.recharts-cartesian-axis-line{stroke:var(--border)}.recharts-cartesian-grid line{stroke:var(--border);stroke-dasharray:2 4}.recharts-label{fill:var(--text-3);font-size:11px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase}