:root,[data-theme=dark]{color-scheme:dark;--bg: #061018;--bg-2: #0a1822;--elev: #10202c;--elev-2: #152838;--line: rgba(154, 214, 226, .14);--line-strong: rgba(154, 214, 226, .28);--text: #e9f4f7;--muted: #8aa3b0;--faint: #5d7582;--axis: #e8a05a;--axis-2: #f3c38a;--arm: #3ec9c0;--arm-2: #7ee0d6;--ok: #8ee0a8;--warn: #f0c36a;--hot: #ef7a6a;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--header-bg: rgba(6, 16, 24, .55);--nav-bg: rgba(16, 32, 44, .8);--control-bg: #0b1a24;--card-inner: rgba(7, 20, 28, .55);--glow-a: rgba(62, 201, 192, .12);--glow-b: rgba(232, 160, 90, .1);--glow-c: rgba(56, 110, 160, .18);--page-top: #07141c;--page-bot: #050d14;--panel-top: rgba(16, 32, 44, .92);--panel-bot: rgba(10, 24, 34, .88);--chip-on-bg: rgba(232, 160, 90, .12);--arm-on-bg: rgba(62, 201, 192, .12);--wordmark-chip: #f4f7f8;--radius: 18px;--font: "Outfit", system-ui, sans-serif;--display: "Fraunces", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace}[data-theme=light]{color-scheme:light;--bg: #f3f6f8;--bg-2: #e7eef2;--elev: #ffffff;--elev-2: #f7fafb;--line: rgba(18, 40, 52, .12);--line-strong: rgba(18, 40, 52, .22);--text: #12202a;--muted: #5a7180;--faint: #7a909c;--axis: #c6782e;--axis-2: #a85e18;--arm: #1a9e96;--arm-2: #0e7f79;--ok: #2a8a4a;--warn: #b07a12;--hot: #c24b3c;--shadow: 0 16px 40px rgba(18, 40, 52, .08);--header-bg: rgba(243, 246, 248, .82);--nav-bg: rgba(255, 255, 255, .9);--control-bg: #ffffff;--card-inner: rgba(255, 255, 255, .7);--glow-a: rgba(26, 158, 150, .12);--glow-b: rgba(198, 120, 46, .1);--glow-c: rgba(56, 110, 160, .08);--page-top: #f7fafb;--page-bot: #e8eef2;--panel-top: rgba(255, 255, 255, .96);--panel-bot: rgba(247, 250, 251, .94);--chip-on-bg: rgba(198, 120, 46, .12);--arm-on-bg: rgba(26, 158, 150, .12);--wordmark-chip: #ffffff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font);font-weight:420;background:radial-gradient(1200px 700px at 12% -10%,var(--glow-a),transparent 55%),radial-gradient(900px 600px at 110% 0%,var(--glow-b),transparent 50%),radial-gradient(800px 500px at 50% 120%,var(--glow-c),transparent 50%),linear-gradient(180deg,var(--page-top) 0%,var(--bg) 40%,var(--page-bot) 100%);letter-spacing:.01em}button,select,input{font:inherit;color:inherit}.app{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px 10px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--header-bg);position:sticky;top:0;z-index:20}.brand{display:flex;flex-direction:column;gap:2px;min-width:160px}.wordmark{font-family:var(--display);font-weight:650;font-size:28px;line-height:1;letter-spacing:-.03em}.wordmark span.axis{color:var(--axis)}.wordmark span.arm{color:var(--arm)}.tag{color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.nav{display:flex;gap:6px;padding:4px;background:var(--nav-bg);border:1px solid var(--line);border-radius:999px}.nav button{border:0;background:transparent;color:var(--muted);padding:8px 16px;border-radius:999px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:560}.nav button.active{background:linear-gradient(180deg,#3ec9c02e,#e8a05a1f);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.stage{padding:18px 22px 28px;max-width:1440px;width:100%;margin:0 auto}.disclaimer{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:12px 22px 18px;color:var(--faint);font-size:12px;border-top:1px solid var(--line)}.disclaimer a{color:var(--arm-2)}.grid-2{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:18px}.grid-progress{display:grid;grid-template-columns:minmax(320px,400px) 1fr;gap:18px}.panel{background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel h2,.panel h3{margin:0;font-weight:560}.panel-h{padding:14px 16px 10px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--line)}.panel-h .sub{color:var(--muted);font-size:12px}.panel-b{padding:14px 16px 16px}.brand-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.brand-toggle button{border:1px solid var(--line);background:var(--elev);border-radius:12px;padding:10px 8px;cursor:pointer}.brand-toggle button .k{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.brand-toggle button .v{font-family:var(--display);font-size:18px}.brand-toggle button.on-axis{border-color:#e8a05a8c;background:#e8a05a1f}.brand-toggle button.on-arm{border-color:#3ec9c08c;background:#3ec9c01f}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.field label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field select,.field input{width:100%;background:var(--control-bg);border:1px solid var(--line);border-radius:10px;padding:9px 10px;outline:none}.field select:focus{border-color:var(--arm)}.stack{display:grid;gap:8px;margin-top:8px}.spec-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 10px;background:var(--card-inner);border-radius:10px;border:1px solid rgba(154,214,226,.08)}.spec-row .k{color:var(--muted);font-size:12px}.spec-row .v{font-family:var(--mono);font-size:13px}.part-name{font-size:13px;color:var(--axis-2)}.part-name.arm{color:var(--arm-2)}.note{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.45}.twin-list{display:grid;gap:10px}.twin-card{text-align:left;width:100%;border:1px solid var(--line);background:var(--card-inner);border-radius:14px;padding:12px 14px;cursor:pointer}.twin-card:hover,.twin-card.on{border-color:var(--line-strong);background:var(--elev-2)}.twin-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.twin-title{font-size:16px;font-weight:560}.score{font-family:var(--mono);font-size:18px;color:var(--ok)}.pills{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px}.pill{font-size:11px;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.why{margin:0;padding-left:16px;color:var(--muted);font-size:13px;line-height:1.45}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.meter label{display:flex;justify-content:space-between;font-size:11px;color:var(--faint);margin-bottom:4px}.bar{height:5px;background:var(--control-bg);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--arm),var(--axis))}.map-wrap{display:grid;grid-template-columns:1fr minmax(280px,340px);gap:16px}.map-card{position:relative;min-height:560px;overflow:visible}.map-svg{width:100%;height:min(72vh,720px);display:block}.dot{cursor:pointer}.legend{display:flex;flex-wrap:wrap;gap:8px 12px;padding:0 16px 14px}.legend i{width:8px;height:8px;border-radius:99px;display:inline-block;margin-right:6px}.legend span{font-size:12px;color:var(--muted)}.toggles{display:flex;gap:6px}.toggles button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer;color:var(--muted)}.toggles button.on{color:var(--text);border-color:var(--arm)}.compare-front{display:grid;gap:8px;max-height:min(72vh,720px);overflow-y:auto}.compare-item{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card-inner);cursor:pointer;text-align:left;width:100%}.compare-item .t{display:flex;justify-content:space-between;gap:8px}.jump{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:99px}.jump.small{color:var(--ok);background:#8ee0a81f}.jump.medium{color:var(--warn);background:#f0c36a1f}.jump.big{color:var(--hot);background:#ef7a6a24}.progress-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--card-inner);margin-bottom:12px}.progress-card h3{margin:0 0 6px;font-size:18px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{border:1px solid var(--line);background:var(--control-bg);color:var(--muted);border-radius:999px;padding:6px 10px;cursor:pointer;font-size:12px}.chip.on{color:var(--text);border-color:var(--axis);background:var(--chip-on-bg)}.chip.on.arm{border-color:var(--arm);background:var(--arm-on-bg)}.nullish{color:var(--faint);font-style:italic}.tag-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.theme-toggle{border:1px solid var(--line);background:var(--elev);color:var(--text);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:560}.theme-toggle:hover{border-color:var(--line-strong)}.brand-mark{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;flex-shrink:0}.brand-mark img{display:block;height:18px;width:auto;max-width:none}.brand-mark.md img{height:22px}.brand-mark-axis img{border-radius:3px}.arm-wordmark-chip{display:inline-flex;align-items:center;background:var(--wordmark-chip);border-radius:4px;padding:4px 8px 3px;line-height:0;flex-shrink:0}.arm-wordmark-chip img{height:14px;width:auto;max-width:none}.brand-mark.md .arm-wordmark-chip img{height:16px}.brand-mark-label{font-size:12px;color:var(--muted)}.h-with-logo{display:flex;align-items:center;gap:8px}.v-logo{display:inline-flex;align-items:center;gap:8px}.map-h{align-items:flex-start}.map-controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.map-picker{margin:0;min-width:240px}.map-picker select{min-width:240px}.map-tip{position:absolute;z-index:5;pointer-events:none;background:var(--elev);border:1px solid var(--line-strong);border-radius:10px;padding:8px 10px;box-shadow:var(--shadow);min-width:160px}.map-tip-name{display:flex;align-items:center;gap:8px;font-weight:560;font-size:13px}.map-tip-specs{margin-top:4px;font-family:var(--mono);font-size:12px;color:var(--muted)}.legend-brands{display:inline-flex;align-items:center;gap:8px;margin-right:8px}.twin-group{display:grid;gap:6px}.twin-variants{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px 4px 10px;align-items:center}.twin-variants-label{font-size:11px;color:var(--faint);letter-spacing:.06em;text-transform:uppercase;width:100%}.carousel-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dots{display:flex;gap:6px}.dot-btn{width:9px;height:9px;border-radius:99px;border:0;background:var(--line-strong);cursor:pointer;padding:0}.dot-btn.on{background:var(--arm);width:18px}.chip:disabled{opacity:.4;cursor:default}.quiver-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:18px}.quiver-right{display:grid;gap:16px}.quiver-h{margin:16px 0 8px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:560}.picker{border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin-bottom:10px;background:var(--card-inner)}.picker summary{cursor:pointer;font-weight:560;display:flex;justify-content:space-between;gap:8px}.picker-fam{margin:8px 0}.picker-fam-h{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:6px}.setup-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}.setup-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--card-inner)}.setup-draft{margin-bottom:12px}.gap-block{margin-bottom:14px}.gap-block h3{margin:0 0 6px;font-size:15px}.ok-note{color:var(--ok)}.buy-rec{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card-inner)}.convert-headline{font-size:15px;line-height:1.45;margin:0 0 10px}.convert-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}.convert-table th,.convert-table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}.convert-table th{color:var(--muted);font-weight:560;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.kind-tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-right:6px}.convert-path{margin-top:14px}.convert-path h3{margin:0 0 8px;font-size:14px}.path-card{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px;background:var(--card-inner)}code{font-family:var(--mono);font-size:11px}@media(max-width:980px){.grid-2,.grid-progress,.map-wrap,.quiver-grid{grid-template-columns:1fr}.top{flex-wrap:wrap}.map-svg{height:520px}.stage{padding:14px 14px 24px}.map-controls,.map-picker,.map-picker select{width:100%;min-width:0;align-items:stretch}.setup-row{grid-template-columns:auto 1fr}}