:root{--bg:#fafafa;--fg:#1a1a1a;--grid:#b9c4cc;--grid-emph:#6b7f8d;--rim:#33454f;--accent:#c8401a;--grid-y:#caa06a;--arc-0:#c8401a;--arc-1:#1a6ec8;--arc-2:#1a9e50;--arc-3:#a53ac0;--arc-4:#c07a1a;--arc-5:#0e9aa7}[data-theme=dark]{--bg:#12181d;--fg:#e8ecef;--grid:#33424e;--grid-emph:#5d7686;--rim:#8fa6b5;--accent:#ff6a3d;--grid-y:#8a6d3f;--arc-0:#ff6a3d;--arc-1:#5da2f0;--arc-2:#3fce7f;--arc-3:#cf7fe0;--arc-4:#e0a44e;--arc-5:#38c4d0}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:system-ui,sans-serif}.app{flex-direction:column;height:100%;display:flex}.app-header{justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.theme-toggle{border:1px solid var(--grid);cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .5rem}.smith-chart{touch-action:none;max-width:100%;height:100%}.chart-rim{fill:none;stroke:var(--rim);stroke-width:2px;vector-effect:non-scaling-stroke}.grid-line{fill:none;stroke:var(--grid);stroke-width:1px;vector-effect:non-scaling-stroke}.grid-emph{stroke:var(--grid-emph)}.chart-center{fill:var(--accent)}.readout{font-variant-numeric:tabular-nums;min-width:14rem}.readout table{border-collapse:collapse;width:100%}.readout th{text-align:left;color:var(--grid-emph);padding:.15rem .75rem .15rem 0;font-weight:500}.readout td{text-align:right}.readout-empty{color:var(--grid-emph)}.crosshair circle{fill:var(--accent)}.grid-y .grid-line{stroke:var(--grid-y)}.grid-faint{opacity:.45}.overlay-vswr{fill:none;stroke:var(--accent);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.5;stroke-dasharray:4 3}.overlay-q{fill:none;stroke:var(--grid-emph);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.6;stroke-dasharray:2 3}.ruler line{stroke:var(--grid-emph);stroke-width:1px;vector-effect:non-scaling-stroke}.ruler text{fill:var(--grid-emph)}.el-arc{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round}.marker-load{fill:none;stroke:var(--fg);stroke-width:2px;vector-effect:non-scaling-stroke}.marker-input{fill:var(--accent)}.trace{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round}.trace-raw{stroke:var(--grid-emph);opacity:.5}.trace-matched{stroke:var(--accent)}.freq-marker{fill:none;stroke:var(--fg);stroke-width:2.5px;vector-effect:non-scaling-stroke}.settings{border-block:1px solid var(--grid);flex-wrap:wrap;align-items:center;gap:1rem;padding:.4rem 1rem;font-size:.9rem;display:flex}.settings label{align-items:center;gap:.35rem;display:inline-flex}.settings input[type=number]{width:5.5rem}.view-toggles{align-items:center;gap:.8rem;margin-left:auto;display:inline-flex}.file-chip{border:1px solid var(--grid);border-radius:999px;padding:.1rem .5rem}.file-chip button{cursor:pointer;color:var(--fg);background:0 0;border:none}.import-error{color:#c8401a;font-size:.8rem}.file-z{font-variant-numeric:tabular-nums;color:var(--grid-emph)}.workbench{flex:1;gap:1rem;min-height:0;padding:0 1rem 1rem;display:flex}.sidebar{flex-direction:column;gap:1rem;width:21rem;display:flex;overflow-y:auto}.chart-area{flex:1;justify-content:center;gap:1rem;min-height:0;display:flex}.chart-col{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.vswr-strip svg{touch-action:none;cursor:crosshair;width:100%;height:auto}.strip-guide{stroke:var(--grid);stroke-dasharray:4 4}.strip-label{fill:var(--grid-emph);font-size:10px}.strip-raw{fill:none;stroke:var(--grid-emph);opacity:.5;stroke-width:1.5px}.strip-matched{fill:none;stroke:var(--accent);stroke-width:2px}.strip-marker{stroke:var(--fg);stroke-width:1px}.header-tools{align-items:center;gap:.5rem;display:flex}.header-tools button{border:1px solid var(--grid);cursor:pointer;color:var(--fg);background:0 0;border-radius:6px;padding:.25rem .5rem}.header-tools button:disabled{opacity:.4;cursor:default}.vswr-badge{font-variant-numeric:tabular-nums;border-radius:999px;padding:.2rem .6rem;font-weight:600}.vswr-badge.good{color:#1a9e50;background:#1a9e5033}.vswr-badge.ok{color:#c07a1a;background:#c07a1a33}.vswr-badge.bad{color:#c8401a;background:#c8401a33}input,select{background:var(--bg);color:var(--fg);border:1px solid var(--grid);border-radius:4px;padding:.15rem .3rem}@media (width<=900px){.workbench{flex-direction:column}.sidebar{width:auto}.chart-area{flex-direction:column;align-items:center}}.sidebar h2{text-transform:uppercase;letter-spacing:.05em;color:var(--grid-emph);margin-bottom:.4rem;font-size:.85rem}.palette-grid{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.palette-grid button{border:1px solid var(--grid);color:var(--fg);cursor:pointer;background:0 0;border-radius:6px;padding:.35rem .2rem;font-size:.8rem}.palette-grid button:hover{border-color:var(--accent)}.el-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.el-row{border:1px solid var(--grid);border-radius:8px;padding:.45rem .6rem}.el-off{opacity:.45}.el-head{align-items:center;gap:.4rem;display:flex}.el-swatch{border-radius:2px;flex-shrink:0;width:.7rem;height:.7rem}.el-name{font-size:.85rem;font-weight:600}.el-val{color:var(--grid-emph);margin-left:auto;font-size:.75rem}.el-btns{gap:.15rem;display:flex}.el-btns button{cursor:pointer;color:var(--fg);background:0 0;border:none;padding:.1rem .25rem}.el-btns button:disabled{opacity:.3}.el-controls{align-items:center;gap:.4rem;margin-top:.35rem;display:flex}.el-controls input[type=range]{flex:1}.el-controls input[type=number]{width:4.6rem}.el-z0{width:3.4rem}.el-unit{color:var(--grid-emph);font-size:.75rem}.hint{color:var(--grid-emph);font-size:.8rem}.automatch ul{flex-direction:column;gap:.3rem;list-style:none;display:flex}.automatch button{text-align:left;border:1px solid var(--grid);width:100%;color:var(--fg);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .6rem;font-size:.78rem}.automatch button:hover{border-color:var(--accent)}.teach-dialog{border:1px solid var(--grid);background:var(--bg);color:var(--fg);border-radius:12px;max-width:min(680px,92vw);padding:1rem 1.25rem}.teach-dialog::backdrop{background:#00000073}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dialog-head button{color:var(--fg);cursor:pointer;background:0 0;border:none;font-size:1rem}.teach-blurb{color:var(--grid-emph);max-width:62ch;margin-bottom:.75rem;font-size:.9rem}.morph-svg{width:100%;height:auto}.morph-controls{align-items:center;gap:.75rem;display:flex}.morph-controls input[type=range]{flex:1}.morph-caption{color:var(--grid-emph);text-align:right;min-width:13rem;font-size:.85rem}.learn-menu{position:relative}.learn-menu summary{cursor:pointer;border:1px solid var(--grid);border-radius:6px;padding:.25rem .6rem;list-style:none}.learn-menu summary::-webkit-details-marker{display:none}.learn-menu[open] summary{border-color:var(--accent)}.learn-items{z-index:30;background:var(--bg);border:1px solid var(--grid);border-radius:8px;flex-direction:column;gap:2px;min-width:15rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0003}.learn-items button{text-align:left;color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .5rem;font-size:.9rem}.learn-items button:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.learn-items hr{border:none;border-top:1px solid var(--grid);margin:.25rem 0}.walkline-row{align-items:center;gap:1rem;display:flex}.walkline-svg{touch-action:none;flex:1;min-width:0}.walkline-mini{flex:none;width:130px}.wl-line{stroke:var(--grid-emph);stroke-width:3px}.wl-env{fill:none;stroke:var(--grid);stroke-dasharray:4 3}.wl-fwd{fill:none;stroke:var(--arc-1);opacity:.6;stroke-width:1.5px}.wl-ref{fill:none;stroke:var(--arc-2);opacity:.6;stroke-width:1.5px}.wl-sum{fill:none;stroke:var(--accent);stroke-width:2.5px}.wl-probe{stroke:var(--fg);stroke-dasharray:3 3}.wl-probe-knob{fill:var(--accent);cursor:ew-resize}.wl-label{fill:var(--grid-emph);font-size:12px}.wl-readout{font-variant-numeric:tabular-nums;color:var(--grid-emph);margin-top:.5rem;font-size:.85rem}@media (width<=700px){.walkline-row{flex-direction:column}}.explain-btn{font-weight:700}.explain-btn.on{color:var(--accent);border-color:var(--accent)!important}body.explain-on [data-explain]{outline:1.5px dashed var(--accent);outline-offset:2px;cursor:help}.explain-pop{z-index:40;background:var(--bg);border:1px solid var(--accent);pointer-events:none;border-radius:10px;width:330px;max-width:calc(100vw - 16px);padding:.7rem .9rem;position:fixed;box-shadow:0 8px 24px #00000040}.explain-pop h3{margin-bottom:.3rem;font-size:.9rem}.explain-pop p{font-size:.85rem;line-height:1.45}.explain-diagram{float:right;width:84px;margin:0 0 .3rem .5rem}.explain-diagram .ruler-tick{stroke:var(--grid-emph);stroke-width:.04px}.tour-hi{outline-offset:3px;border-radius:4px;animation:1.2s ease-in-out infinite tour-pulse;outline:2px solid var(--accent)!important}@keyframes tour-pulse{50%{outline-offset:6px}}.tour-card{z-index:30;background:var(--bg);border:1px solid var(--accent);border-radius:12px;width:min(340px,100vw - 2rem);padding:.8rem 1rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 8px 24px #00000040}.tour-card h3{margin-bottom:.1rem;font-size:.95rem}.tour-step-n{color:var(--grid-emph);font-size:.75rem}.tour-card p{margin:.4rem 0 .6rem;font-size:.88rem;line-height:1.45}.tour-btns{justify-content:flex-end;gap:.5rem;display:flex}.tour-btns button{border:1px solid var(--grid);color:var(--fg);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .7rem}.tour-btns .primary{border-color:var(--accent);color:var(--accent);font-weight:600}.flash{color:var(--grid-emph);font-size:.8rem}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input,select,button{font:inherit;accent-color:var(--accent)}input[type=number],select{background:var(--bg);color:var(--fg);border:1px solid var(--grid);border-radius:4px;padding:.15rem .3rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.el-controls input[type=range]{min-height:28px}@media (width<=900px){.app-header h1{font-size:1.1rem}.header-tools{flex-wrap:wrap;justify-content:flex-end}.settings{gap:.5rem}.view-toggles{margin-left:0}.sidebar{max-height:40vh}.tour-card{width:auto;bottom:.5rem;left:.5rem;right:.5rem}}.chart-wrap{flex:1;justify-content:center;min-height:0;display:flex;position:relative}.chart-tip{z-index:20;pointer-events:none;background:color-mix(in srgb, var(--bg) 92%, transparent);border:1px solid var(--grid);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:8px;padding:.35rem .6rem;font-size:.75rem;position:absolute;box-shadow:0 4px 12px #0000002e}.chart-tip div{justify-content:space-between;gap:.6rem;display:flex}.chart-tip span{color:var(--grid-emph)}