/* Far-field reflector — interactive interface.
   Identity of the academic site and the point-location demo: Inter for the
   interface, Latin Modern for mathematics, wine accent, light warm ground. */
@font-face{font-family:Inter;src:url('../assets/fonts/inter-variable-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Latin Modern';src:url('../assets/fonts/latin-modern/lmroman10-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Latin Modern';src:url('../assets/fonts/latin-modern/lmroman12-bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:'Latin Modern';src:url('../assets/fonts/latin-modern/lmroman10-italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Latin Modern Mono';src:url('../assets/fonts/latin-modern/lmmono10-regular.otf') format('opentype');font-display:swap}

:root{
 --ink:#202938;--muted:#536070;--faint:#7b8594;--wine:#751a2c;--wine-dark:#571221;--wine-soft:#f6eef0;--wine-line:#d8b5bd;
 --line:#c9ced6;--line-soft:#e4e6ea;--bg:#f6f5f2;--surface:#fff;--surface-2:#fbfaf8;--blue:#1f4e8c;--green:#286b2d;--red:#ba1524;
 --amber:#7a4b00;--amber-soft:#fff6e0;--ray:#c2410c;--gold:#d99a00;
 --radius:8px;--top-h:56px;--side-w:392px;--control:40px;
 color-scheme:light;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.45;color:var(--ink);background:var(--bg);font-synthesis:none}
@media (pointer:coarse){:root{--control:44px}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg)}
[hidden]{display:none!important}
i,.math{font-family:'Latin Modern',Georgia,serif;font-style:italic}
h1,h2,h3,h4{margin:0}
a{color:var(--wine);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--wine);outline-offset:2px}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip:focus{position:fixed;z-index:100;top:8px;left:12px;background:#fff;padding:12px 14px;border-radius:6px}
.icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.muted{color:var(--muted)}

/* ---- controls ---- */
button,input,select{font:inherit;color:inherit}
button{min-height:var(--control);padding:0 12px;border:1px solid #8f9aa8;border-radius:6px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1.15}
button:hover{background:var(--wine-soft);border-color:var(--wine)}
button:active{background:#ecdfe2}
button:disabled{color:#717b88;background:#f2f2f1;border-color:#b7bec8;cursor:not-allowed}
button.primary{background:var(--wine);border-color:var(--wine);color:#fff}
button.primary:hover{background:var(--wine-dark);border-color:var(--wine-dark)}
button.primary:disabled{background:#c9a9b0;border-color:#c9a9b0;color:#fff}
button.danger{color:var(--wine);border-color:var(--wine-line);background:#fff}
button.danger:hover{background:var(--wine-soft);border-color:var(--wine)}
button.danger:disabled{color:#717b88;border-color:#b7bec8;background:#f2f2f1}
button.small{min-height:32px;padding:0 8px;font-size:12px}
@media (pointer:coarse){button.small{min-height:44px}}
input[type=text],input[type=number],select{min-height:var(--control);border:1px solid #8f9aa8;border-radius:6px;background:#fff;padding:0 8px;min-width:0;font-variant-numeric:tabular-nums}
input[aria-invalid=true]{border-color:var(--red);box-shadow:0 0 0 1px var(--red);color:var(--red)}
input[type=range]{accent-color:var(--wine);min-height:var(--control);width:100%}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--wine);margin:0;flex:none}
.seg{display:inline-flex;border:1px solid #8f9aa8;border-radius:7px;background:#fff;overflow:hidden;flex:none}
.seg [role=radio]{border:0;border-radius:0;min-height:calc(var(--control) - 2px);padding:0 11px;background:transparent}
@media (pointer:coarse){.seg [role=radio]{min-height:var(--control)}}
.seg [role=radio]+[role=radio]{border-left:1px solid #8f9aa8}
.seg [role=radio][aria-checked=true]{background:var(--wine);color:#fff}
.seg [role=radio]:focus-visible{outline-offset:-4px;outline-color:#fff;box-shadow:inset 0 0 0 5px var(--wine)}
.seg.wide{display:flex;width:100%}.seg.wide [role=radio]{flex:1 1 0;white-space:normal;padding:4px 8px;text-align:center}
.tool{padding:0 10px}
.tag{font-family:Inter,Arial,sans-serif}
.tag.cert,.tag.approx,.tag.display,.tag.warn{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;padding:1px 6px;border-radius:9px;vertical-align:1px;white-space:nowrap}
.tag.cert{background:#e6f1e7;color:var(--green)}.tag.approx{background:#eef1f5;color:#3e4b5c}.tag.display{background:#f3eee6;color:var(--amber)}.tag.warn{background:#fdf0dc;color:var(--amber)}

/* ---- top bar ---- */
.topbar{height:var(--top-h);display:flex;align-items:center;gap:14px;padding:0 16px;background:#fff;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;padding-right:14px;border-right:1px solid var(--line);flex:none;height:36px}
.brand img{width:66px;height:34px;object-fit:contain}
.titles{min-width:0;flex:1 1 auto}
.titles h1{font:700 23px/1.05 'Latin Modern',Georgia,serif;white-space:nowrap}
.titles p{margin:2px 0 0;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;gap:8px;align-items:center;flex:none;min-width:0}
.dataset-button{gap:9px;max-width:360px;padding:0 12px 0 10px;text-align:left;min-width:0}
.hist-button{padding:0 10px}
.top-break{display:none}
.inline-hint{margin:0 0 0 4px;flex:1 1 140px}
.ds-copy{display:flex;flex-direction:column;min-width:0}
.ds-copy small{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.ds-copy b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}
.ds-kind{font-size:12px;font-weight:500;color:var(--muted);padding-left:9px;border-left:1px solid var(--line-soft)}

/* ---- workbench ---- */
.workbench{min-height:calc(100vh - var(--top-h));min-height:calc(100dvh - var(--top-h));display:grid;grid-template-columns:minmax(0,1fr) var(--side-w);align-items:start;gap:12px;padding:12px 16px}
.view-switch{display:none}
.quick-add{display:none}
.quick-add>button{min-height:44px;flex:none}
.quick-add .hint{margin:0;min-width:0}
@media (max-width:1279px){.quick-add{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-height:44px}}
.views{display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,22vw,320px);align-items:start;gap:12px;min-height:0;min-width:0}
.view{display:grid;grid-template-rows:auto auto auto;min-width:0;min-height:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:clip}
/* Independent viewports: captions, presets and opened legends never resize a scene. */
#reflectorScene{height:clamp(400px,calc(100vh - 270px),760px);height:clamp(400px,calc(100dvh - 270px),760px)}
#sphereScene{height:auto;aspect-ratio:1;max-height:360px}
#viewReflector .view-head{min-height:84px}
#viewSphere .view-head h2{white-space:normal;flex-wrap:wrap}
#viewSphere .view-head h2 small{display:none}
.view-head{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border-bottom:1px solid var(--line-soft);min-height:52px;flex-wrap:wrap;row-gap:6px}
.view-head h2{display:flex;align-items:baseline;gap:7px;font:700 15px/1.2 Inter,Arial,sans-serif;white-space:nowrap;margin-right:auto}
.view-head h2 i{font-size:17px}
.view-head h2 small{font-size:12px;font-weight:500;color:var(--muted)}
.view-key{align-self:center;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--wine);color:#fff;font-size:12px;font-weight:700;flex:none}
.view-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.menu-wrap{position:relative}
.menu{position:absolute;z-index:30;top:calc(100% + 6px);right:0;width:290px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px rgb(20 28 40 / .16);padding:8px 10px;display:grid;gap:2px}
.check{display:flex;align-items:center;gap:9px;min-height:36px;font-size:13px;cursor:pointer;padding:2px 2px}
@media (pointer:coarse){.check{min-height:44px}}
.range{display:grid;gap:2px;font-size:13px;padding:4px 2px}
.scene{position:relative;flex:1 1 auto;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none;background:#fbfaf8;outline-offset:-3px;cursor:grab}
.scene.dragging{cursor:grabbing}.scene.dragging-handle{cursor:grabbing}
.scene canvas.gl{position:absolute;inset:0;width:100%;height:100%;display:block}
.scene-layer{position:absolute;inset:0;pointer-events:none}
.scene-tools{position:absolute;z-index:4;left:8px;bottom:8px;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 16px)}
.scene-tools .tool{background:rgb(255 255 255 / .94);min-height:34px;font-size:12.5px;box-shadow:0 1px 3px rgb(20 28 40 / .12)}
@media (pointer:coarse){.scene-tools .tool{min-height:44px}}
.limit-note{margin:0;font-size:11.5px;color:var(--muted);line-height:1.35}
.limit-note:empty{display:none}
.view-foot{border-top:1px solid var(--line-soft);padding:7px 11px 8px;display:grid;gap:5px;align-content:start}
.key-box>summary{min-height:40px;white-space:normal}
.key-box[open]>summary{margin-bottom:5px}
.key-box .limit-note{margin-bottom:8px}
.power-stats{font-size:12.5px;margin:10px 0 0;overflow-wrap:anywhere}
.caption{margin:0;font-size:13px;min-height:2.9em;line-height:1.45}
.caption i{font-size:15px}
.key{display:flex;flex-wrap:wrap;gap:3px 14px;list-style:none;margin:0;padding:0;font-size:12px;color:var(--muted)}
.key li{display:flex;align-items:center;gap:5px}
.key li[hidden]{display:none}
.key i{font-size:14px;color:var(--ink)}
.renderer-note{grid-column:1/-1;margin:0;font-size:12.5px;color:var(--amber);background:var(--amber-soft);border:1px solid #e7cf98;border-radius:8px;padding:8px 10px}

/* ---- symbols (legend) ---- */
.sym{display:inline-block;flex:none;position:relative;vertical-align:-2px}
.sym-source{width:12px;height:12px;border-radius:50%;background:#fff3c4;border:2px solid #b07a00;box-shadow:0 0 0 3px rgb(217 154 0 / .25)}
.sym-ray{width:20px;height:3px;background:var(--ray);border-radius:2px}
.sym-ray::after{content:'';position:absolute;right:-2px;top:-4px;border-left:7px solid var(--ray);border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}
.sym-hit{width:10px;height:10px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 2px #fff,0 0 0 3px #b9c0ca}
.sym-vertex{width:11px;height:11px;border-radius:50%;background:#fff;border:2.4px solid var(--wine)}
.sym-patch{width:14px;height:12px;border-radius:3px;background:linear-gradient(135deg,#f3c9bb 0 33%,#bfe0cf 33% 66%,#c9cdf2 66%);border:1px solid #8f9aa8;opacity:.85}
.sym-cell{width:14px;height:12px;border-radius:3px;background:linear-gradient(135deg,#f3c9bb 0 50%,#bfe0cf 50%);border:1px solid #8f9aa8}
.sym-u{width:13px;height:13px;border-radius:50%;border:2.5px solid var(--ray);background:radial-gradient(circle,var(--ray) 0 2.2px,transparent 2.6px)}
.sym-y{width:10px;height:10px;transform:rotate(45deg);background:#bfe0cf;border:1.6px solid var(--ink);margin:0 2px}
.sym-arc{width:18px;height:9px;border:2px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0}
.sym-n{width:18px;height:0;border-top:2px dashed var(--ink)}
.sym-cell2{width:12px;height:12px}
.sym-sphere{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 18%,#bfe0cf 20% 55%,#c9cdf2 57%);border:1px solid #8f9aa8;opacity:.85}
.sym-axis{width:18px;height:0;border-top:2px dashed var(--wine)}

/* ---- overlay of the figures ---- */
.ov{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ov-svg{position:absolute;inset:0;overflow:visible}
.ov-html{position:absolute;inset:0}
.ov-probe{visibility:hidden;left:-9999px!important;top:-9999px!important}
.ov-html .tag{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:12px;font-weight:600;line-height:1;padding:4px 6px;border-radius:5px;background:rgb(255 255 255 / .93);border:1px solid #c3c9d2;color:var(--ink);box-shadow:0 1px 2px rgb(20 28 40 / .12)}
.ov-html .tag-source{border-color:#c99a2e;color:#5c4100}
.ov-html .tag-hit{border-color:#6b7686}
.ov-html .tag-ray{color:#8f2f08;border-color:#e2a383}
.ov-html .tag-u{color:#8f2f08;border-color:#e2a383;font-family:'Latin Modern',Georgia,serif;font-style:italic;font-size:15px;font-weight:400;padding:2px 6px}
.ov-html .tag-sel{color:var(--wine);border-color:var(--wine-line)}
.ov-html .tag-dim{color:var(--muted);font-weight:500;font-size:11.5px;background:rgb(255 255 255 / .85)}
.ov-html .tag-patch{font-size:11.5px;padding:3px 5px;background:rgb(255 255 255 / .82);border-color:#d3d8de}
.ov-html .tag-patch.sel{color:#fff;background:var(--wine);border-color:var(--wine)}
.ov-html .tag-cell{font-size:11.5px;padding:3px 6px;border-radius:10px;background:rgb(255 255 255 / .86);border-color:rgb(32 41 56 / .25)}
.ov-html .tag-cell.sel{background:var(--wine);color:#fff;border-color:var(--wine)}
.ov-html .tag-y{font-size:11px;font-weight:500;color:var(--muted);background:rgb(255 255 255 / .8);border-color:#d6dbe1;padding:2px 4px}
.ov-html .tag-site{font-size:11px;color:var(--blue);border-color:#b8c8dd}
.ov-html .tag.back{border-style:dashed;color:var(--muted);background:rgb(255 255 255 / .8)}
.scene-note{position:absolute;right:8px;bottom:8px;max-width:min(78%,420px);font-size:11.5px;line-height:1.35;color:var(--muted);background:rgb(251 250 248 / .9);border:1px solid var(--line-soft);border-radius:6px;padding:4px 7px;text-align:right}
.scene-note.top{bottom:auto;top:8px;right:8px;text-align:right}
.scene-badge{position:absolute;left:8px;top:8px;font-size:12px;font-weight:700;color:var(--amber);background:var(--amber-soft);border:1px solid #e7cf98;border-radius:14px;padding:4px 10px}
.scene-badge.wide{max-width:calc(100% - 16px);line-height:1.35;border-radius:10px;font-weight:600}
.scene-message{position:absolute;inset:auto 12% 40% 12%;text-align:center;font-size:13px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}
.leader{stroke:#8d97a5;stroke-width:1}
.mk-glow{fill:#f2b705;opacity:.22}
.mk-source{fill:#fff3c4;stroke:#b07a00;stroke-width:2.2}
.mk-hit{fill:var(--ink);stroke:#fff;stroke-width:2}
.mk-u{fill:var(--ray);stroke:#fff;stroke-width:1.6}
.mk-vertex{fill:#fff;stroke:var(--wine);stroke-width:2.6}.mk-vertex.active{fill:var(--wine-soft);stroke-width:3.2}
.mk-out{fill:var(--wine);stroke:#fff;stroke-width:1.2}
.mk-vertex-s{fill:var(--ink);stroke:#fff;stroke-width:1.4}.mk-vertex-s.back{fill:#a3abb6;stroke:none}
.mk-coincident{fill:none;stroke:var(--wine);stroke-width:1.6}
.mk-contact{fill:#fff;stroke:var(--wine);stroke-width:2}.mk-contact.back{stroke:#a3abb6;stroke-dasharray:2 2}
.mk-y{fill:var(--fill,#ddd);stroke:var(--ink);stroke-width:1.5}
.mk-y.sel{stroke:var(--wine);stroke-width:2.8}
.mk-y.hit{stroke:var(--ray);stroke-width:2.8}
.mk-y.back{fill:none;stroke-dasharray:3 2.5;opacity:.85}
.mk-u-ring{fill:rgb(255 255 255 / .35);stroke:var(--ray);stroke-width:2.6}.mk-u-ring.back{stroke-dasharray:4 3;fill:none;opacity:.85}
.mk-u-dot{fill:var(--ray)}.mk-u-dot.back{opacity:.6}
.mk-site{fill:var(--blue);stroke:#fff;stroke-width:1.2}.mk-site.hollow{fill:#fff;stroke:var(--blue);stroke-width:1.6}.mk-site.back{opacity:.45}

/* ---- side panel ---- */
.side{position:sticky;top:12px;height:calc(100vh - 80px);height:calc(100dvh - 80px);display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.side-tabs{display:flex;gap:1px;padding:4px 4px 0;border-bottom:1px solid var(--line);flex:none;background:var(--surface-2)}
.side-tabs [role=tab]{flex:1 1 auto;border:0;border-bottom:3px solid transparent;border-radius:6px 6px 0 0;background:transparent;padding:0 7px;font-size:12.5px;color:var(--muted);min-height:42px;min-width:0}
.side-tabs [role=tab][aria-selected=true]{color:var(--wine);border-bottom-color:var(--wine);background:#fff}
.side-tabs [role=tab]:hover{background:#fff;color:var(--ink)}
.side-tabs [role=tab]:focus-visible{outline-offset:-3px}
.side-tabs i{font-size:15px}
.side-panel{flex:1 1 auto;overflow:auto;padding:14px 16px 22px;min-height:0;scrollbar-gutter:stable}
.side-panel:focus-visible{outline-offset:-3px}
.side-panel h3{font-size:14px;margin:18px 0 8px}
.side-panel h3:first-child{margin-top:0}
.status-line{margin:0;padding:6px 14px;border-top:1px solid var(--line-soft);font-size:11.5px;color:var(--muted);background:var(--surface-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}
.panel-intro{margin:0 0 12px;font-size:13px;color:#39424f}
.hint{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.4}
.lead{font-size:13.5px}
.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}
.action-row>button,.ds-files>button{max-width:100%}
@media (max-width:400px){.action-row>button,.ds-files>button{white-space:normal;text-align:left;height:auto;padding-top:6px;padding-bottom:6px}}
.action-row .grow{flex:1 1 auto}
.field-group{display:grid;gap:6px;margin:0 0 12px}
.group-label{font-size:12.5px;font-weight:600;color:#39424f}
.field{display:grid;gap:3px;min-width:0}
.field-label{font-size:12px;font-weight:600;color:var(--muted)}
.field-box{display:flex;align-items:center;gap:5px;min-width:0}
.field-box input{flex:1 1 auto;width:100%}
.field .unit{font-size:13px;color:var(--muted);flex:none}
.field.inline{display:flex;align-items:center;gap:8px}
.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.field-row.lam-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end}
.slider{display:grid;min-width:0}
.slider-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:-4px}
.field-error{margin:6px 0 0;font-size:12.5px;color:var(--red);font-weight:600}
.field-error:empty{display:none}
.readout{margin:6px 0 0;font-size:12.5px;color:#39424f;overflow-wrap:anywhere}
.exact{font-family:'Latin Modern Mono',Consolas,monospace;font-size:12.5px;overflow-wrap:anywhere}
.callout{margin:10px 0;padding:8px 10px;border-radius:7px;font-size:12.5px;line-height:1.4}
.callout.ok{background:#eef6ef;color:#1e5223;border:1px solid #cfe3d1}
.callout.bad{background:#fbefef;color:#7d1720;border:1px solid #efcfd3}
.callout ul{margin:6px 0;padding-left:18px}
details.more,details.exact-parts{margin-top:10px}
details>summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--wine);min-height:32px;display:flex;align-items:center;gap:6px;list-style:none}
details>summary::-webkit-details-marker{display:none}
details>summary::before{content:'';flex:none;width:0;height:0;border-left:6px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;transition:transform .15s}
details[open]>summary::before{transform:rotate(90deg)}
@media (pointer:coarse){details>summary{min-height:44px}}
.swatch{--c:#ddd;display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 6px;border-radius:12px;background:var(--c);color:var(--ink);font-size:12px;font-weight:700;border:1px solid rgb(32 41 56 / .25);font-variant-numeric:tabular-nums}
button.swatch{min-height:28px;min-width:32px;padding:0 7px;border-color:rgb(32 41 56 / .35)}
button.swatch:hover{box-shadow:0 0 0 2px var(--wine);background:var(--c)}
@media (pointer:coarse){button.swatch{min-height:44px;min-width:44px}}

/* paraboloid list */
.par-list{list-style:none;margin:10px 0 8px;padding:0;display:grid;gap:7px}
.par-item{border:1px solid var(--line-soft);border-radius:9px;background:var(--surface-2);min-width:0}
.par-item.selected{border-color:var(--wine);box-shadow:inset 0 0 0 1px var(--wine);background:#fff}
.par-item.drafting{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}
.par-row{width:100%;min-height:44px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px;align-items:center;text-align:left;border:0;background:transparent;border-radius:8px;padding:6px 10px;font-weight:500}
.par-row:hover{background:var(--wine-soft)}
.par-row:focus-visible{outline-offset:-3px}
.par-y{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}
.par-y i{font-size:14px}
.par-l{font-size:12.5px;white-space:nowrap}
.par-m{font-size:12px;font-weight:700;color:#39424f;min-width:52px;text-align:right;white-space:nowrap}
.par-m.muted{font-weight:500;color:var(--muted)}
.par-status{margin:-2px 12px 6px 52px;font-size:12px;color:var(--amber)}
.par-editor{padding:2px 12px 12px;border-top:1px solid var(--line-soft)}
.ed-block{border:0;padding:0;margin:12px 0 0;min-width:0}
.ed-block legend,.ed-block h4{font-size:13px;font-weight:700;margin:0 0 7px;padding:0;display:block}
.ed-block h4{display:flex;align-items:center;gap:6px}
.ed-block legend small,.ed-block h4 small{display:block;font-weight:500;color:var(--muted);font-size:12px;margin-top:1px}
.ed-block legend i{font-size:15px}
.cell-block{border-top:1px dashed var(--line);padding-top:10px}
.facts{margin:0;padding-left:18px;font-size:12.5px;display:grid;gap:4px}
.facts .swatch{height:22px;min-width:26px}
.draft-bar{margin:12px 0 0;padding:9px 10px;border-radius:8px;background:var(--amber-soft);border:1px solid #e7cf98;display:grid;gap:8px;position:sticky;bottom:8px;z-index:3;box-shadow:0 6px 18px rgb(20 28 40 / .16)}
.draft-bar p{margin:0;font-size:12.5px;color:#4d3300}
.draft-actions{display:flex;gap:8px;flex-wrap:wrap}
.draft-view{display:none}
@media (max-width:760px){.draft-view{display:inline-flex}}
.ed-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.legend-hint{margin-top:2px}
.scale-block{margin-top:18px;padding-top:12px;border-top:1px solid var(--line-soft)}
.scale-block h3{margin:0 0 4px!important}
.scale-block .field.inline input{width:80px}
.notice-block{display:grid;gap:10px;justify-items:start}
.notice-block p{margin:0;font-size:13px}

/* tables */
.table-scroll{overflow-x:auto;max-width:100%}
table.mini,.mass-table{border-collapse:collapse;width:100%;font-size:12.5px;font-variant-numeric:tabular-nums}
.mass-table{table-layout:fixed}
.mass-table .col-p{width:20%}.mass-table .col-m{width:36%}.mass-table .col-t{width:20%}.mass-table .col-d{width:24%}
.mass-table.custom .col-m{width:30%}.mass-table.custom .col-t{width:26%}
.mass-table.two .col-p{width:25%}.mass-table.two .col-m{width:75%}
.mass-table td,.mass-table th{overflow:hidden}
.mass-table thead th{white-space:normal;vertical-align:bottom;line-height:1.25}
.mass-table thead th small{display:block}
table.mini th,table.mini td,.mass-table th,.mass-table td{padding:5px 6px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle}
table.mini thead th,.mass-table thead th{font-size:11.5px;color:var(--muted);font-weight:600;border-bottom-color:var(--line)}
tr.hl td,tr.hl th{background:var(--wine-soft)}
.mass-table tfoot th,.mass-table tfoot td{font-weight:600;border-bottom:0;font-size:12px}
.mass-table td,.mass-table th{white-space:nowrap}
.mass-table th small{font-weight:500}
.mcell{min-width:0}
.mcell-in{display:grid;grid-template-columns:minmax(18px,1fr) auto;align-items:center;gap:5px}
.mbar{position:relative;height:12px;border-radius:3px;background:#edf0f3}
.mbar-fill{--c:#ccc;position:absolute;left:0;top:0;bottom:0;width:var(--w,0);background:var(--c);border-radius:3px;box-shadow:inset 0 0 0 1px rgb(32 41 56 / .2)}
.mbar-tick{position:absolute;left:var(--x,0);top:-4px;bottom:-4px;width:2.5px;margin-left:-1px;background:var(--ink);border-radius:1px}
.mval{font-weight:600;min-width:38px;text-align:right}
.diff.off{color:var(--wine);font-weight:600}
.mass-summary{margin:8px 0 0;font-size:12.5px}
.tcell-in{display:grid;gap:2px}
.tcell-in input{width:100%;min-width:0;padding:0 5px;min-height:34px}
@media (pointer:coarse){.tcell-in input{min-height:44px}}
.tcell input{width:52px}
.lam-inline{display:block;font-size:10.5px;font-weight:500;color:var(--muted);margin-top:2px;white-space:normal;overflow-wrap:anywhere}
.legend-line{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.6}
.legend-line .lg-bar,.legend-line .lg-tick{vertical-align:-1px;margin-right:3px}
.lg-bar{display:inline-block;width:18px;height:10px;border-radius:2px;background:#bfe0cf;box-shadow:inset 0 0 0 1px rgb(32 41 56 / .25)}
.lg-tick{display:inline-block;width:2.5px;height:14px;background:var(--ink)}
.solver{margin-top:18px;padding-top:12px;border-top:1px solid var(--line-soft)}
.solver-status{font-size:12.5px;margin:6px 0;min-height:1em}
.solver-plot{width:100%;height:140px;display:block;margin:6px 0}
.power-table td{font-size:12px}
table.power-table{table-layout:fixed}
.power-table th:first-child{width:3.4em}.power-table th:nth-child(2){width:44%}
.power-table td{white-space:normal;overflow-wrap:anywhere}
.edit-table thead{display:none}
.edit-table,.edit-table tbody{display:block}
.edit-table tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 6px;padding:8px 0;border-bottom:1px solid var(--line)}
table.mini.edit-table td{display:block;padding:0;border:0}
table.mini.edit-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:2px}
table.mini.edit-table td:first-child{grid-column:1/4;align-self:center;font-weight:700}
table.mini.edit-table td:first-child::before{content:'Point '}
table.mini.edit-table td:last-child{grid-column:4;grid-row:1;justify-self:end}
.edit-table input{width:100%;min-width:0}
.power-editor{margin-top:14px}

/* ray tab */
.ray-form{display:grid;gap:8px}
.symbols{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;margin:8px 0;font-size:12.5px}
.symbols dt{display:flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap}
.symbols dt>span:last-child{display:inline}
.symbols dt i{font-size:16px;font-weight:400}
.symbols dd{margin:0;min-width:0;overflow-wrap:anywhere}
.symbols dd.law-check,.symbols dd.callout{grid-column:2}
.symbols dd.law-check{color:var(--muted)}
.symbols .sym{width:12px}
.symbols .sym-ray,.symbols .sym-n,.symbols .sym-arc,.symbols .sym-axis{width:16px}
.exact-fold{margin-top:2px}
.exact-fold>summary{min-height:26px;font-size:11.5px;font-weight:500}
.exact-fold .exact{overflow-wrap:anywhere;font-size:11.5px}
.rep-group .group-label{margin:0 0 6px}

/* certificate */
.pane-html ul{padding-left:18px;margin:6px 0;font-size:12.5px;display:grid;gap:5px}
.pane-html .hrow{display:flex;align-items:center;gap:8px;margin:14px 0 6px}
.pane-html .hrow h3{margin:0}
.pane-html dl.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;font-size:12.5px;margin:6px 0}
.pane-html dl.kv dt{color:var(--muted)}
.pane-html dl.kv dd{margin:0;overflow-wrap:anywhere}
.pane-html .folded details{display:inline}
.pane-html .mini-table{border-collapse:collapse;font-size:12px}
.pane-html .mini-table td,.pane-html .mini-table th{padding:3px 6px;border-bottom:1px solid var(--line-soft)}
.facet-block{margin-top:16px;padding-top:12px;border-top:1px solid var(--line-soft)}
.facet-scene{position:relative;height:300px;margin-top:8px;border:1px solid var(--line-soft);border-radius:8px;background:#fbfaf8;overflow:hidden}
.facet-scene canvas{position:absolute;inset:0;width:100%;height:100%}
.facet-layer{position:absolute;inset:0;pointer-events:none}
.facet-layer .scene-tag,.scene-layer .scene-tag{position:absolute;transform:translate(-50%,-50%);font-size:12px;font-weight:600;padding:2px 5px;border-radius:5px;background:rgb(255 255 255 / .9);border:1px solid #c3c9d2;white-space:nowrap}
.facet-layer .scene-tag.wine,.scene-layer .scene-tag.wine{color:var(--wine);border-color:var(--wine-line)}
.facet-layer .scene-tag.muted,.scene-layer .scene-tag.muted{color:var(--muted)}
.scene-layer .scene-tag.sel{color:#fff;background:var(--wine)}
.facet-layer .scene-legend{position:absolute;left:8px;bottom:8px;font-size:11.5px;line-height:1.35;background:rgb(255 255 255 / .9);border:1px solid var(--line-soft);border-radius:6px;padding:5px 7px;max-width:calc(100% - 16px)}
.facet-layer .scene-message,.scene-layer .scene-message{position:absolute;inset:auto 10% 40% 10%;text-align:center;font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px}
.scene-layer .u-label{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--ray);color:var(--ray);font:italic 16px 'Latin Modern',Georgia,serif}

/* ---- credits footer ---- */
.credits{background:#fff;border-top:1px solid var(--line);padding:22px 16px 30px}
.credits-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px 40px;align-items:start}
.credit-block h2{font:700 17px/1.2 'Latin Modern',Georgia,serif;margin:0 0 8px}
.credit-block p{margin:0 0 8px;font-size:13px;color:#39424f;max-width:72ch}
.credit-links{display:grid;gap:7px;font-size:13px}
.credit-links span{color:var(--muted);font-size:12.5px}

/* ---- toasts, busy, dialogs ---- */
.toasts{position:fixed;z-index:60;left:50%;bottom:16px;transform:translateX(-50%);display:grid;gap:8px;width:min(560px,calc(100vw - 24px));pointer-events:none}
.toast{pointer-events:auto;background:#202938;color:#fff;border-radius:9px;padding:10px 10px 10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgb(10 14 20 / .3);font-size:13px}
.toast p{margin:0;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.toast.error{background:#7d1720}
.toast-actions{display:flex;gap:6px;flex:none}
.toast button{min-height:36px;background:transparent;color:#fff;border-color:rgb(255 255 255 / .55);font-size:12.5px}
.toast button:hover{background:rgb(255 255 255 / .14);border-color:#fff}
.toast .toast-action{background:#fff;color:var(--ink);border-color:#fff}
.toast .toast-action:hover{background:#f1e4e7;color:var(--wine-dark)}
.toast button:focus-visible{outline-color:#fff}
@media (pointer:coarse){.toast button{min-height:44px}}
.busy{position:fixed;z-index:70;top:calc(var(--top-h) + 10px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:5px 6px 5px 14px;box-shadow:0 6px 20px rgb(20 28 40 / .18);font-size:13px}
.busy button{min-height:34px}
.spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid #e4d0d5;border-top-color:var(--wine);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}
.dialog{width:min(760px,calc(100vw - 24px));max-height:min(88vh,900px);border:0;border-radius:12px;padding:0;color:var(--ink);box-shadow:0 20px 60px rgb(10 14 20 / .35)}
.dialog.wide{width:min(1000px,calc(100vw - 24px))}
.dialog::backdrop{background:rgb(20 25 35 / .45)}
.dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 10px;background:#fff;border-bottom:1px solid var(--line-soft)}
.dialog-head h2{font:700 20px/1.2 'Latin Modern',Georgia,serif}
.eyebrow{margin:0 0 2px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wine)}
.dialog-body{padding:12px 18px 20px}
.prose{font-size:13.5px}
.prose h3{font-size:15px;margin:16px 0 6px}
.prose p,.prose ul{margin:6px 0}
.prose ul{padding-left:20px}
.prose li{margin:4px 0}
.dialog-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px!important}
.ds-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;padding:12px 16px}
.ds-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ds-filters button{min-height:34px;border-radius:17px;padding:0 12px;font-size:12.5px}
.ds-filters button[aria-pressed=true]{background:var(--wine);color:#fff;border-color:var(--wine)}
@media (pointer:coarse){.ds-filters button{min-height:44px}}
.ds-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:52vh;overflow:auto;padding:2px}
.ds-card{min-height:64px;justify-content:flex-start;gap:10px;padding:6px 10px 6px 6px;text-align:left;white-space:normal;font-weight:500}
.ds-card canvas{width:52px;height:52px;flex:none;border-radius:50%}
.ds-card[aria-pressed=true]{border-color:var(--wine);box-shadow:inset 0 0 0 2px var(--wine);background:var(--wine-soft)}
.ds-card-text{display:grid;gap:2px;min-width:0}
.ds-card-text strong{font-size:13px;font-weight:700}
.ds-card-text small{font-size:11.5px;color:var(--muted)}
.ds-details{display:grid;gap:8px;align-content:start;border-left:1px solid var(--line-soft);padding-left:14px}
.ds-details h3{font:700 18px/1.25 'Latin Modern',Georgia,serif}
.ds-details p{margin:0;font-size:14px;line-height:1.5}

.set-class{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wine)}
.ds-details #dsLoad{justify-self:start}
.ds-files{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px 16px;border-top:1px solid var(--line-soft)}
.ds-files .hint{flex:1 1 100%}
.file-button{position:relative;display:inline-flex;align-items:center;min-height:var(--control);padding:0 12px;border:1px solid #8f9aa8;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;background:#fff}
.file-button:hover{background:var(--wine-soft);border-color:var(--wine)}
.file-button:focus-within{outline:3px solid var(--wine);outline-offset:2px}
.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.close-button{flex:none}

/* ---- medium screens: figures side by side, panel below ---- */
@media (max-width:1359px){:root{--side-w:356px}.view-head h2 small{display:none}}
@media (max-width:1279px){
 .workbench{min-height:0;display:block}
 .side{position:static;height:auto;min-height:0;margin-top:12px}
 .side-panel{overflow:visible}
}

@media (min-width:901px){#sphereShow{width:calc(clamp(260px,22vw,320px) - 24px)}}
@media (max-width:900px){
 .views{grid-template-columns:minmax(0,1fr)}
 #viewSphere{width:min(100%,420px)}
 #sphereScene{max-height:none}
 #reflectorScene{height:clamp(360px,58vh,620px);height:clamp(360px,58svh,620px)}
}

/* ---- phones ---- */
@media (max-width:760px){
 :root{--top-h:auto}
 .topbar{height:auto;flex-wrap:wrap;gap:6px 8px;padding:6px 10px}
 .brand{height:30px;padding-right:10px}.brand img{width:52px;height:28px}
 .titles h1{font-size:19px;white-space:normal;line-height:1.05}.titles .long{display:none}.titles p{font-size:11.5px}
 .brand{order:0}
 .titles{order:1;flex:1 1 0}
 .guide-button{order:2;padding:0 10px;flex:none}
 .top-break{display:block;order:3;flex:0 0 100%;height:0}
 .top-actions{display:contents}
 .dataset-button{order:4;flex:1 1 0;min-width:0;max-width:none;justify-content:flex-start;min-height:44px}
 #undoBtn{order:5}
 #redoBtn{order:6}
 .hist-button{flex:none;padding:0 8px}
 .ds-copy{flex-direction:row;gap:5px;align-items:baseline;min-width:0}
 .ds-copy small{display:none}
 .ds-copy b{max-width:none}
 .ds-kind{display:none}
 .menu-wrap{margin-left:auto}
 .workbench{padding:8px 10px 10px}
 .view-switch{display:flex;width:100%;margin-bottom:8px}
 .view-switch button{flex:1 1 0;font-size:13px;white-space:normal;padding:6px 8px}
 .views{gap:12px}
 .view-head h2{font-size:14px;white-space:normal}
 .view-head{justify-content:flex-start;min-height:50px}
 #viewReflector .view-head{min-height:84px}
 .view-tools{justify-content:space-between;width:100%}
 #reflectorScene{height:clamp(320px,52vh,480px);height:clamp(320px,52svh,480px)}
 .menu{width:min(290px,calc(100vw - 42px))}
 .view-foot{padding:7px 10px}
 .key{gap:2px 10px;font-size:11.5px}
 .ov-html .tag{font-size:11px;padding:3px 5px}
 .ov-html .tag-u{font-size:14px}
 .side-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:6px;border-bottom:1px solid var(--line)}
 .side-tabs [role=tab]{grid-column:span 2}
 .side-tabs [role=tab]:nth-child(n+4){grid-column:span 3}
 .side-tabs [role=tab]{border:1px solid var(--line);border-radius:7px;padding:0 4px;min-height:44px;background:#fff;color:var(--ink)}
 .side-tabs [role=tab][aria-selected=true]{background:var(--wine);border-color:var(--wine);color:#fff}
 .side-panel{padding:12px 12px 18px}
 .credits-inner{grid-template-columns:1fr}
 .ds-layout{grid-template-columns:1fr}
 .ds-details{border-left:0;padding-left:0;border-top:1px solid var(--line-soft);padding-top:10px}
 .ds-cards{max-height:40vh;grid-template-columns:1fr}
 .toasts{bottom:10px}
 .field-row.lam-row{grid-template-columns:1fr}
}
@media (max-width:400px){
 .mass-table th,.mass-table td{padding:5px 3px;font-size:12px}
 .mcell-in{grid-template-columns:minmax(26px,1fr) auto;gap:4px}
 .mval{min-width:32px}
 .mass-table th .swatch,.mass-table td .swatch{min-width:36px;padding:0 4px}
}
@media (max-width:380px){
 .dataset-button>.icon{display:none}
 .dataset-button{padding:0 8px}
 .ds-copy b{font-size:13px}
 .hist-button{padding:0 7px}
 .ds-kind{display:none}
 .seg [role=radio]{padding:0 8px}
 .par-row{grid-template-columns:auto minmax(0,1fr) auto;row-gap:2px}
 .par-row .par-l{grid-column:2;grid-row:2;font-size:12px}
 .par-row .par-m{grid-column:3;grid-row:1/3}
 .field-row.three{grid-template-columns:1fr 1fr 1fr;gap:6px}
 .ed-actions button{flex:1 1 auto}
}

/* Readable, preset-specific expected geometry. */
.ds-left,.ds-details,#dsDetails{min-width:0}
#dsDetails{display:grid;gap:10px}
.ds-expected{padding-top:13px;border-top:1px solid var(--line-soft);display:grid;gap:10px;min-width:0}
.ds-expected h4{margin:0;font:700 14px/1.4 Inter,Arial,sans-serif;color:var(--ink)}
.ds-expected .ds-outcome{font-size:15px;font-weight:650;color:var(--wine)}
.ds-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.ds-metrics>div{padding:10px 11px;border:1px solid var(--line-soft);border-radius:7px;background:var(--wine-soft);min-width:0}
.ds-metrics dt{font-size:14px;line-height:1.4;color:var(--muted)}
.ds-metrics dd{margin:5px 0 0;font-size:23px;line-height:1.15;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ds-result-facts{display:grid;gap:9px;margin:0;font-size:14px;line-height:1.45;min-width:0}
.ds-result-facts>div{min-width:0}.ds-result-facts dt{font-weight:600;color:var(--muted)}
.ds-result-facts dd{margin:2px 0 0;color:var(--ink);overflow-wrap:anywhere;white-space:normal;font-variant-numeric:tabular-nums}
.ds-expected .ds-result-note{font-size:13px;line-height:1.5;color:var(--muted)}
.ds-result-details{border-top:1px solid var(--line-soft);padding-top:8px;min-width:0}
.ds-result-details summary{cursor:pointer;font-size:14px;font-weight:600;padding:4px 0;min-height:28px;color:var(--wine)}
.ds-result-details summary:focus-visible{outline:3px solid var(--wine);outline-offset:3px;border-radius:2px}
.ds-result-details .ds-result-facts{margin-top:8px}
@media(max-width:767px){.ds-metrics dt{font-size:14px}.ds-result-facts{font-size:14px}.ds-expected .ds-result-note{font-size:13px}.ds-result-details summary{min-height:44px;display:list-item;align-content:center}.ds-details #dsLoad{width:100%}.ds-files{align-items:stretch}.ds-files>button,.ds-files>.file-button{flex:1 1 auto;justify-content:center}}