:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f4fc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-deep:#071018;--bg-panel:#0c1c2ae0;--bg-panel-border:#60b4dc2e;--accent:#3ec6e0;--accent-soft:#3ec6e024;--accent-strong:#7ae4f7;--text-muted:#8eb4c9;--text-dim:#5a8096;--success:#4fd1a5;--shadow:0 24px 60px #00000059;background-color:#071018;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%,#1e5a7859,#0000 40%),radial-gradient(circle at 85% 0,#143c6440,#0000 35%),linear-gradient(#08121c 0%,#041018 100%);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app{max-width:1180px;margin:0 auto;padding:2rem 1.25rem 3rem}.hero{justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:2rem;padding:2rem 0 .5rem;display:flex}.hero__content{min-width:0}.hero__start-fresh{color:var(--accent-strong);font:inherit;cursor:pointer;white-space:nowrap;background:#3ec6e014;border:1px solid #60b4dc59;border-radius:10px;flex-shrink:0;margin-top:.15rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600}.hero__start-fresh:hover{background:#3ec6e029;border-color:#3ec6e08c}.hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.8rem}.hero h1{margin:0 0 .75rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.hero__subtitle{max-width:52rem;color:var(--text-muted);margin:0;font-size:1.05rem}.layout{grid-template-columns:minmax(280px,340px) 1fr;align-items:start;gap:1.5rem;display:grid}.panel{background:var(--bg-panel);border:1px solid var(--bg-panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:1.5rem}.panel h2{margin:0;font-size:1.15rem}.panel__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.panel__reset{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #60b4dc40;border-radius:8px;padding:.35rem .65rem;font-size:.78rem}.panel__reset:hover{color:var(--accent-strong);border-color:#3ec6e066}.path-picker__intro{color:var(--text-muted);margin:0 0 1rem;font-size:.95rem}.path-picker{gap:.75rem;display:grid}.path-picker__option{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#041018a6;border:1px solid #60b4dc40;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem 1.1rem;transition:border-color .15s,background .15s;display:flex}.path-picker__option:hover,.path-picker__option:focus-visible{background:#3ec6e014;border-color:#3ec6e08c;outline:none}.path-picker__title{color:var(--accent-strong);font-size:1rem;font-weight:700}.path-picker__steps{color:var(--text-muted);font-size:.88rem}.path-picker__example{color:var(--text-dim);font-size:.8rem}.path-picker__switch{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.82rem;text-decoration:underline}.path-picker__switch:hover{color:var(--accent-strong)}.step-guide{flex-wrap:wrap;gap:.35rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.step-guide__item{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);background:#60b4dc14;border:1px solid #0000;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:600}.step-guide__item--active{color:var(--accent-strong);background:#3ec6e01f;border-color:#3ec6e059}.step-guide__item--done{color:var(--success);background:#4fd1a51a}.field-group__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:.25rem 0 .75rem;font-size:.78rem;font-weight:700}.results--guide{border-style:solid;border-color:#3ec6e02e}.results--guide p{line-height:1.55}.field{flex-direction:column;gap:.45rem;margin-bottom:1rem;display:flex}.field label{color:var(--text-muted);font-size:.85rem;font-weight:600}.field select{width:100%;color:inherit;font:inherit;background:#041018d9;border:1px solid #60b4dc40;border-radius:10px;padding:.75rem .85rem}.field select:disabled{opacity:.55;cursor:not-allowed}.field select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.selection-summary{background:var(--accent-soft);border:1px solid #3ec6e040;border-radius:12px;flex-direction:column;gap:.25rem;margin-top:1.25rem;padding:1rem;display:flex}.selection-summary__label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong);font-size:.75rem}.selection-summary__mount{color:var(--text-muted);font-size:.9rem}.results{min-height:320px}.results--empty{background:var(--bg-panel);border:1px dashed #60b4dc40;border-radius:18px;padding:2rem}.results--empty h2,.results__header h2{margin:0 0 .5rem;font-size:1.25rem}.results--empty p,.results__header p{color:var(--text-muted);margin:0}.results__groups{flex-direction:column;gap:1.5rem;display:flex}.results__group-header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.results__group-header h3{margin:0;font-size:1.35rem}.results__camera-system{color:var(--accent-strong);margin:.15rem 0 0;font-size:.95rem}.results__compatible-housings{color:var(--text-dim);font-size:.85rem;line-height:1.4}.field--checkbox label{color:var(--text-muted);cursor:pointer;align-items:center;gap:.55rem;font-size:.9rem;font-weight:600;display:flex}.field--checkbox input{width:1rem;height:1rem;accent-color:var(--accent)}.field__hint{color:var(--text-dim);margin-top:.35rem;font-size:.8rem;line-height:1.45;display:block}.field__hint a{color:var(--accent-strong)}.port-option__wet-lenses dd{margin-top:.35rem}.wet-lens-list{gap:.75rem;margin:0;padding-left:0;list-style:none;display:grid}.wet-lens-list__item{background:#3ec6e014;border:1px solid #3ec6e029;border-radius:10px;padding:.75rem .85rem}.wet-lens-list__meta{color:var(--text-dim);margin-top:.2rem;font-size:.82rem;display:block}.wet-lens-list__notes{color:var(--text-muted);margin-top:.35rem;font-size:.82rem;font-style:italic;display:block}.wet-lens-list__link{color:var(--accent-strong);margin-top:.35rem;font-size:.82rem;text-decoration:none;display:inline-block}.wet-lens-list__link:hover{text-decoration:underline}.third-party-port-list{gap:.75rem;margin:0;padding-left:0;list-style:none;display:grid}.third-party-port-list__item{background:#4fd1a514;border:1px solid #4fd1a52e;border-radius:10px;padding:.75rem .85rem}.third-party-port-list__meta{color:var(--text-dim);margin-top:.2rem;font-size:.82rem;display:block}.third-party-port-list__notes{color:var(--text-muted);margin-top:.35rem;font-size:.82rem;font-style:italic;display:block}.third-party-port-list__link{color:var(--success);margin-top:.35rem;font-size:.82rem;text-decoration:none;display:inline-block}.third-party-port-list__link:hover{text-decoration:underline}.selection-summary__housing{color:var(--text-muted);margin-top:.35rem;font-size:.9rem}.results__cards{gap:1rem;display:grid}.port-option{background:var(--bg-panel);border:1px solid var(--bg-panel-border);box-shadow:var(--shadow);border-radius:16px;padding:1.15rem 1.25rem}.port-option--optimal{box-shadow:var(--shadow), inset 0 0 0 1px #4fd1a514;border-color:#4fd1a559}.port-option--adapted{box-shadow:var(--shadow), inset 0 0 0 1px #7eb8f514;border-color:#7eb8f559}.port-option__adapted-from{color:var(--text-muted);margin-top:.35rem;font-size:.82rem;display:block}.port-option__badge--adapted{color:#9fd0ff;background:#7eb8f526;border-color:#7eb8f559}.port-option__header{justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.port-option__type{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong);margin-bottom:.35rem;font-size:.75rem;display:inline-block}.port-option__port-name{margin:0;font-size:1.05rem}.port-option__sku,.port-option__sku-inline{color:var(--text-dim);font-size:.85rem}.port-option__badge{color:var(--success);white-space:nowrap;background:#4fd1a526;border-radius:999px;flex-shrink:0;align-self:flex-start;padding:.25rem .55rem;font-size:.75rem;font-weight:700}.port-option__details{gap:.75rem;margin:0;display:grid}.port-option__details div{gap:.2rem;display:grid}.port-option__details dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0;font-size:.75rem}.port-option__details dd{color:var(--text-muted);margin:0}.port-option__details ul{margin:0;padding-left:1.1rem}.port-option__notes dd{font-style:italic}.port-option__footer{border-top:1px solid #60b4dc1f;margin-top:1rem;padding-top:.85rem}.port-option__footer a{color:var(--accent-strong);text-decoration:none}.port-option__footer a:hover{text-decoration:underline}.footer{text-align:center;color:var(--text-dim);margin-top:2.5rem;font-size:.9rem}@media (width<=860px){.layout{grid-template-columns:1fr}.hero{flex-direction:column;align-items:stretch}.hero__start-fresh{align-self:flex-end}}