:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--panel:#18181b;--panel-alt:#202124;--ink:#f4f4f5;--muted:#a1a1aa;--line:#2d2d31;--line-strong:#3f3f46;--accent:#14b8a6;--accent-dark:#5eead4;--violet:#8b5cf6;--warning:#f59e0b;--danger:#ef4444;--gain:#22c55e;--loss:#ef4444;--shadow:0 18px 45px #00000047}*{box-sizing:border-box}html{min-width:320px}body{background:var(--bg);color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;padding:28px}.workspace{width:min(1180px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;padding:10px 0 24px;display:flex}.topbar-actions{justify-items:end;gap:10px;display:grid}.reset-demo-button{min-width:112px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:800}.eyebrow.compact{margin-bottom:5px;font-size:.68rem}.app-title{color:var(--ink);margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.subtitle{max-width:620px;color:var(--muted);margin:12px 0 0;font-size:1rem;line-height:1.55}.status-strip{border:1px solid var(--line);background:var(--panel);min-width:280px;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.status-cell{border-left:1px solid var(--line);padding:14px 16px}.status-cell:first-child{border-left:0}.status-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700;display:block}.status-value{color:var(--ink);margin-top:5px;font-size:1rem;font-weight:800;display:block}.app-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.home-start{grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.home-primary,.home-secondary{gap:14px;display:grid}.welcome-panel{min-height:100%;padding:22px}.welcome-panel h2{color:var(--ink);margin:0;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1}.welcome-panel p{max-width:660px;color:var(--muted);margin:12px 0 0;line-height:1.6}.feature-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.feature-preview-grid div{border:1px solid var(--line);background:#111113;border-radius:8px;gap:6px;min-height:112px;padding:14px;display:grid}.feature-preview-grid strong{color:var(--ink);font-size:.92rem}.feature-preview-grid span{color:var(--muted);font-size:.86rem;line-height:1.45}.preview-list{border:1px solid var(--line);background:#111113;border-radius:8px;margin-top:18px;padding:14px 16px}.preview-list strong{color:var(--ink);font-size:.92rem}.preview-list ul{color:var(--muted);gap:6px;margin:10px 0 0;padding-left:18px;font-size:.9rem;line-height:1.45;display:grid}.side-stack{gap:10px;display:grid;position:sticky;top:20px}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.form-panel{padding:20px}.form-title,.section-title{color:var(--ink);margin:0;font-size:1rem;line-height:1.25}.form-grid{gap:14px;margin-top:18px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--muted);font-size:.82rem;font-weight:700}.input{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--ink);background:#111113;border-radius:8px;outline:0;padding:10px 12px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e29}.select-input{cursor:pointer}.submit-button{background:var(--accent);color:#fff;border:0;border-radius:8px;min-height:46px;font-weight:800}.submit-button:hover{background:var(--accent-dark)}.submit-button:disabled{cursor:progress;opacity:.7}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.form-subsection{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:16px}.side-stack .form-subsection,.side-stack .details-group{box-shadow:none;background:#18181ba8;border-color:#ffffff12;padding:12px}.form-subsection h3{color:var(--ink);margin:0 0 12px;font-size:.88rem;line-height:1.25}.details-group{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:16px}.details-group summary{cursor:pointer;color:var(--ink);font-size:.86rem;font-weight:850}.details-group>.form-subsection{box-shadow:none;background:0 0;border:0;margin-top:14px;padding:0}.details-panel summary{cursor:pointer;color:var(--ink);font-size:.95rem;font-weight:850}.settings-grid{gap:10px;margin-top:12px;display:grid}.settings-note{color:var(--muted);font-size:.82rem;line-height:1.4}.section-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.link-button{color:var(--accent-dark);background:0 0;border:0;font-size:.78rem;font-weight:850}.scenario-grid{gap:8px;display:grid}.scenario-button{border:1px solid var(--line);background:var(--panel-alt);min-height:36px;color:var(--ink);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 9px;display:grid}.scenario-button:hover{border-color:var(--accent)}.scenario-button:disabled{cursor:progress;opacity:.65}.scenario-button span{font-size:.8rem;font-weight:800}.scenario-button strong{color:var(--accent-dark);font-size:.78rem}.toggle-list{gap:8px;display:grid}.toggle-row{min-height:34px;color:var(--ink);align-items:center;gap:10px;font-size:.88rem;font-weight:750;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.example-button{border:1px solid var(--line);background:var(--panel-alt);min-height:38px;color:var(--ink);border-radius:8px;font-size:.82rem;font-weight:750}.example-button:hover{border-color:var(--accent);color:var(--accent-dark)}.recommended-card,.benchmark-card{overflow:hidden}.recommended-body,.benchmark-body{gap:16px;padding:18px;display:grid}.recommended-path{color:var(--ink);overflow-wrap:anywhere;font-size:1rem;font-weight:850;line-height:1.45}.benchmark-path{overflow-wrap:anywhere}.route-path-flow{color:var(--ink);flex-wrap:wrap;align-items:center;gap:6px;line-height:1.5;display:inline-flex}.route-path-flow.compact{gap:4px;font-size:.84rem}.route-path-step{align-items:center;gap:6px;display:inline-flex}.currency-code,.currency-pair{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:850}.provider-badge,.source-badge,.review-status-pill{border:1px solid var(--line-strong);width:fit-content;color:var(--ink);white-space:nowrap;background:#111113;border-radius:999px;align-items:center;padding:4px 8px;font-size:.74rem;font-weight:850;display:inline-flex}.route-path-flow.compact .provider-badge{padding:3px 7px;font-size:.7rem}.route-arrow{color:var(--muted);font-weight:800}.source-badge.live_api{color:var(--accent-dark);background:#14b8a61a;border-color:#14b8a661}.source-badge.configured_static{color:var(--warning);background:#f59e0b1f;border-color:#f59e0b66}.review-status-pill.warn{color:var(--warning);background:#f59e0b21;border-color:#f59e0b73}.review-status-pill.clear{color:var(--gain);background:#22c55e1a;border-color:#22c55e59}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric-tile{border:1px solid var(--line);background:#111113;border-radius:8px;gap:5px;min-height:92px;padding:12px;display:grid}.metric-tile.primary{background:#14b8a61a;border-color:#14b8a68c}.metric-tile span,.metric-tile small{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.metric-tile strong{color:var(--ink);font-size:1rem;line-height:1.3}.recommended-reason,.muted-copy{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.mini-metrics{gap:8px;display:grid}.mini-metrics span{color:var(--ink);font-size:.9rem;font-weight:800}.results-stack{gap:14px;display:grid}.summary-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;gap:14px;display:grid}.results-header{justify-content:space-between;align-items:center;gap:16px;min-height:52px;display:flex}.dashboard-tabs{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;display:grid}.tab-button{min-height:58px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;gap:4px;padding:8px 10px;display:grid}.tab-button span{color:var(--ink);font-size:.9rem;font-weight:850}.tab-button small{color:var(--muted);font-size:.72rem;line-height:1.25}.tab-button.active{background:#14b8a61c;border-color:#14b8a680}.helper-panel{gap:8px;padding:18px;display:grid}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.panel-heading-meta{text-align:right;justify-items:end;gap:4px;display:grid}.insight-panel{overflow:hidden}.result-context{color:var(--muted);font-size:.9rem;font-weight:700}.trade-review{overflow:hidden}.trade-review-body{gap:16px;padding:18px;display:grid}.trade-review-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.review-wide{grid-column:1/-1}.review-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;font-weight:850;display:block}.trade-review-main strong{color:var(--ink);overflow-wrap:anywhere;font-size:1rem;line-height:1.45}.trade-review-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.review-metric{border:1px solid var(--line);background:#111113;border-radius:8px;gap:6px;min-height:86px;padding:12px;display:grid}.review-metric.primary{background:#14b8a61a;border-color:#14b8a68c}.review-metric.review-required{background:#f59e0b1f;border-color:#f59e0b73}.review-metric.review-clear{background:#22c55e17;border-color:#22c55e59}.review-metric span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.review-metric strong{color:var(--ink);overflow-wrap:anywhere;font-size:.98rem;line-height:1.35}.quality-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:900}.quality-pill.good{color:var(--gain);background:#22c55e1f;border-color:#22c55e66}.quality-pill.warn,.quality-pill.limited{color:var(--warning);background:#f59e0b21;border-color:#f59e0b73}.quality-pill.bad{color:var(--danger);background:#ef444421;border-color:#ef444473}.review-note-stack{gap:8px;display:grid}.coverage-warning{color:var(--warning);margin:0;font-size:.9rem;line-height:1.5}.decision-note{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.no-route-review{gap:8px;display:grid}.no-route-review h3,.no-route-review p{margin:0}.no-route-review h3{color:var(--ink);font-size:1rem}.no-route-review p,.no-route-review ul{color:var(--muted);font-size:.9rem;line-height:1.5}.no-route-review ul{margin:0;padding-left:18px}.notice,.empty-state{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:16px}.notice{gap:8px;display:grid}.notice-title{margin:0;font-size:.92rem;font-weight:850}.notice-list{color:var(--warning);gap:5px;margin:0;padding-left:18px;font-size:.9rem;display:grid}.notice-list.neutral{color:var(--muted)}.health-grid{display:grid}.health-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.health-row:last-child{border-bottom:0}.health-provider{color:var(--ink);font-size:.95rem;font-weight:850}.health-message{color:var(--muted);margin-top:4px;font-size:.84rem;line-height:1.35}.status-chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:850}.status-chip.good{color:var(--gain);background:#22c55e1f;border-color:#22c55e66}.status-chip.neutral{color:#c4b5fd;background:#8b5cf61f;border-color:#8b5cf666}.status-chip.warn{color:var(--warning);background:#f59e0b21;border-color:#f59e0b73}.status-chip.bad{color:var(--danger);background:#ef444421;border-color:#ef444473}.error-box{color:var(--danger);background:#ef44441c;border-color:#ef444473}.empty-state{min-height:220px;color:var(--muted);text-align:center;place-items:center;display:grid}.empty-state p{max-width:460px;margin:0;line-height:1.55}.route-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.route-card__header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:18px 18px 14px;display:grid}.route-values{text-align:right;gap:10px;min-width:210px;display:grid}.route-heading{align-items:flex-start;gap:10px;display:flex}.rank-pill{min-width:112px;color:var(--accent-dark);text-align:center;background:#14b8a624;border-radius:8px;flex:none;padding:7px 8px;font-weight:900}.route-card-title{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:.82rem;line-height:1.45}.final-amount{text-align:right;min-width:190px}.final-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.final-value{color:var(--ink);margin-top:5px;font-size:1.2rem;font-weight:900;display:block}.final-value.compact{font-size:1rem}.route-meta{flex-wrap:wrap;gap:8px;padding:0 18px 16px;display:flex}.route-insights{gap:12px;padding:0 18px 16px;display:grid}.route-warning{background:#f59e0b1a;border:1px solid #f59e0b73;border-radius:8px;gap:5px;padding:11px 12px;display:grid}.route-warning strong{color:var(--warning);font-size:.84rem}.route-warning p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.45}.complexity-block{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.complexity-badge{border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:900}.complexity-badge.low{color:var(--gain);background:#22c55e1f}.complexity-badge.medium{color:#c4b5fd;background:#8b5cf61f}.complexity-badge.high{color:var(--warning);background:#f59e0b21}.complexity-reasons{color:var(--muted);font-size:.84rem;line-height:1.35}.route-explanation{border-left:3px solid var(--accent);padding-left:12px}.route-explanation h3{color:var(--ink);margin:0 0 5px;font-size:.84rem}.route-explanation p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.copy-action{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.secondary-button{border:1px solid var(--line-strong);min-height:36px;color:var(--ink);background:#111113;border-radius:8px;padding:7px 11px;font-size:.85rem;font-weight:850}.secondary-button:hover{border-color:var(--accent);color:var(--accent-dark)}.copy-status{font-size:.82rem;font-weight:850}.copy-status.success{color:var(--gain)}.copy-status.error{color:var(--danger)}.diff-badge{color:var(--muted);background:#27272a;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:800}.diff-badge.positive{color:var(--gain);background:#22c55e1f}.diff-badge.negative{color:var(--loss);background:#ef44441f}.table-wrap{border-top:1px solid var(--line);width:100%;overflow-x:auto}.table-wrap.compact-table{border-top:0}.chart-wrap{width:100%;padding:8px 12px 16px}.leg-table{border-collapse:collapse;width:100%;min-width:720px}.sensitivity-table{min-width:980px}.comparison-table{min-width:760px}.route-cell{min-width:260px;white-space:normal!important}.leg-table th,.leg-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px 14px}.leg-table th{background:var(--panel-alt);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:850}.leg-table td{color:var(--ink);font-size:.9rem}.leg-table tr:last-child td{border-bottom:0}.numeric{font-variant-numeric:tabular-nums;text-align:right!important}.audit-trail{border-top:1px solid var(--line);padding:14px 18px}.audit-trail summary{cursor:pointer;color:var(--accent-dark);font-size:.86rem;font-weight:850}.audit-stack{gap:10px;margin-top:12px;display:grid}.audit-leg{border:1px solid var(--line);background:#111113;border-radius:8px;padding:12px}.audit-leg h4{color:var(--ink);margin:0 0 8px;font-size:.9rem}.audit-leg p{color:var(--muted);margin:5px 0;font-size:.84rem}.audit-leg strong{color:var(--ink)}.diagnostics-panel{overflow:hidden}.diagnostic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px;display:grid}.diagnostic-grid span{border:1px solid var(--line);color:var(--muted);background:#111113;border-radius:8px;padding:10px;font-size:.82rem;line-height:1.35}.diagnostic-grid strong{color:var(--ink);margin-top:4px;display:block}.diagnostic-section{border-top:1px solid var(--line);padding-top:14px}.diagnostic-section h3{color:var(--ink);margin:0;padding:0 18px;font-size:.9rem}.route-graph-grid{padding-top:12px}.precision-note{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:0 18px 18px;font-size:.82rem;line-height:1.45}.loading-stack{gap:14px;display:grid}.skeleton-card{border:1px solid var(--line);background:linear-gradient(90deg, #ffffff0a, #ffffff1a, #ffffff0a), var(--panel);background-size:240% 100%;border-radius:8px;min-height:190px;animation:1.3s linear infinite shimmer}.skeleton-card.short{min-height:120px}.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:900px){.shell{padding:18px}.topbar,.home-start,.app-grid,.route-card__header,.summary-grid,.metric-grid,.feature-preview-grid,.trade-review-main,.trade-review-metrics,.diagnostic-grid,.skeleton-grid{grid-template-columns:1fr}.dashboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{display:grid}.topbar-actions{justify-items:stretch}.form-panel,.side-stack{position:static}.status-strip{min-width:0}.final-amount,.route-values{text-align:left;min-width:0}}@media (max-width:560px){.shell{padding:14px}.status-strip,.example-grid{grid-template-columns:1fr}.status-cell{border-left:0;border-top:1px solid var(--line)}.status-cell:first-child{border-top:0}.panel-heading,.health-row,.dashboard-tabs{grid-template-columns:1fr}.route-heading{display:grid}}