:root{color-scheme:dark;--bg:#0b1823;--panel:#122535;--stage:#102230;--line:#2b4456;--ink:#edf4f7;--muted:#9db3c4;--gold:#efbd82;--blue:#7cd3f2;--pink:#f5a4c0;--button:#1a3446;font-family:'Segoe UI',system-ui,sans-serif}
:root[data-theme=light]{color-scheme:light;--bg:#edf2f5;--panel:#fff;--stage:#e6eff4;--line:#c9d7df;--ink:#213c4e;--muted:#526f81;--gold:#945a26;--blue:#14789f;--pink:#ac4672;--button:#eff5f8}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:20px max(20px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--bg);color:var(--ink)}button,input,select{font:inherit;touch-action:manipulation}button{min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--button);color:var(--ink);font-size:12px;padding:9px 13px;cursor:pointer}button:hover{border-color:var(--muted)}button:disabled{opacity:.42;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}header,main,footer,.utility-dock{max-width:1740px;margin:auto}header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.back{display:grid;place-items:center;width:42px;height:44px;font-size:22px;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:12px}.heading{flex:1}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--muted)}h1{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.025em;margin:4px 0 0;font-weight:620}header button{background:transparent;font-size:11px}h2{font-size:16px;font-weight:600;letter-spacing:-.015em;margin:0}.layout{display:grid;grid-template-columns:256px minmax(0,1fr);gap:15px;align-items:start}.panel{border:1px solid var(--line);border-radius:20px;background:var(--panel);min-width:0}.controls{padding:21px 18px}.controls>h2{font-size:15px;margin:0 0 19px}.number-label{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;margin-top:17px}.number-label span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}input[type=number],select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:36px;padding:6px;font-size:12px}input[type=number]{width:65px}input[type=range]{width:100%;height:28px;margin:5px 0 1px;accent-color:#d8ad7a;cursor:pointer}.subtle{background:transparent;color:var(--muted);font-size:11px}.controls>.subtle{width:100%;min-height:33px;padding:6px}.select-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:7px;gap:7px}.control-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg);padding:4px;border-radius:11px;margin:21px 0 16px}.control-tabs button{min-height:35px;font-size:11px;background:transparent;border-color:transparent;padding:7px 6px;color:var(--muted)}.control-tabs button[aria-selected=true]{background:var(--button);border-color:var(--line);color:var(--ink)}.axis-control{margin-bottom:9px}.axis-control label{display:flex;justify-content:space-between;gap:10px;font-size:12px}.axis-control output{color:var(--gold);font-variant-numeric:tabular-nums}.axis-control input{height:26px}.axis-presets{display:flex;align-items:center;gap:6px;margin-top:10px}.axis-presets span{font-size:10px;color:var(--muted);margin-right:auto}.axis-presets button{min-height:33px;padding:6px 10px;font-size:11px}.axis-presets button.active{color:var(--gold);border-color:var(--gold)}#center-wire{width:100%;margin-top:6px}.workspace{overflow:hidden}.workspace-top{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;border-bottom:1px solid var(--line);gap:15px}.tag{color:var(--blue);font-size:9px;letter-spacing:.15em;font-weight:600}.workspace-top h2{font-size:21px;margin-top:6px}.force-reading{display:flex;align-items:baseline;gap:8px;color:var(--pink);white-space:nowrap;font-variant-numeric:tabular-nums}.force-reading output{font-size:34px;font-weight:600;letter-spacing:-.04em}.force-reading span{font-size:13px}.views{display:block;min-width:0}.apparatus{position:relative;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--blue) 7%,var(--stage)),var(--stage) 75%);min-width:0}#scene{display:block;width:100%;height:clamp(510px,61vh,700px);touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#view-message{position:absolute;top:20px;left:20px;right:20px;color:var(--gold);font-size:12px;pointer-events:none}#view-message:empty{display:none}.scene-hint{position:absolute;left:18px;bottom:47px;color:var(--muted);font-size:10px;pointer-events:none}.legend{position:absolute;left:18px;right:15px;bottom:19px;display:flex;gap:18px;font-size:11px;pointer-events:none}.current-key{color:var(--gold)}.field-key{color:var(--blue)}.force-key{color:var(--pink)}.readings{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border-top:1px solid var(--line);padding:17px 0}.readings>div{display:flex;flex-direction:column;gap:7px;padding:0 22px;font-variant-numeric:tabular-nums}.readings>div+div{border-left:1px solid var(--line)}.readings span{color:var(--muted);font-size:11px}.readings output,.readings strong{font-size:16px;font-weight:550}.status{margin:0;padding:13px 23px;background:color-mix(in srgb,var(--pink) 5%,var(--panel));border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.6;min-height:46px}.scene-controls{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:15px 20px;border-top:1px solid var(--line)}.scene-controls #show-hand{margin-right:auto}#show-hand[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.primary{background:#e9bc8c;color:#213646;border-color:#e9bc8c}footer{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap;margin-top:16px;padding:0 4px}.display-controls{display:flex;gap:18px;align-items:center}.display-controls label{display:flex;align-items:center;gap:6px;font-size:11px;min-height:40px;cursor:pointer}.display-controls input{width:17px;height:17px;accent-color:#d6ab76}.formula{font-size:12px;color:var(--gold)}.formula span{font-size:10px;color:var(--muted);margin-left:10px}.utility-dock{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;min-height:48px}#assistant-open{background:transparent;color:var(--muted);font-size:11px}#utility-dock .pylab-sound{position:relative;right:auto;bottom:auto;margin-left:auto;z-index:20}
@media(max-width:1200px){.layout{grid-template-columns:225px minmax(0,1fr);gap:11px}.controls{padding:18px 13px}.views{display:block;min-width:0}.workspace-top{padding:17px}.workspace-top h2{font-size:19px}#scene{height:550px}.legend{font-size:10px;gap:12px}.readings>div{padding:0 16px}.force-reading output{font-size:30px}}
@media(max-width:940px){body{padding:16px 12px 25px}.layout{grid-template-columns:210px minmax(0,1fr)}.views{display:block;min-width:0}#scene{height:460px}.readings>div{padding:0 10px}.readings output,.readings strong{font-size:14px}.readings span{font-size:10px}.workspace-top h2{font-size:18px}.force-reading output{font-size:26px}.force-reading span{font-size:11px}.scene-controls button{font-size:11px;padding:8px 10px}.formula span{display:block;margin:5px 0 0}}
@media(max-width:650px){header{flex-wrap:wrap;gap:10px}.heading{min-width:230px}header button{min-height:36px;font-size:10px}h1{font-size:23px}.layout{display:flex;flex-direction:column;gap:14px}.workspace{order:0;width:100%}.controls{order:1;width:100%;padding:20px}.views{display:block;min-width:0}#scene{height:395px}.scene-hint{font-size:9px}.legend{font-size:10px;gap:14px;left:14px}.workspace-top{padding:16px 14px}.workspace-top h2{font-size:18px}.force-reading output{font-size:27px}.scene-controls{padding:13px;gap:6px}.scene-controls #show-hand{margin-right:0}.scene-controls button{flex:1;white-space:nowrap}.readings>div{padding:0 10px}.readings output{font-size:12px}.readings span{font-size:9px}.status{font-size:11px;padding:12px 15px}.number-label{font-size:13px}.controls>h2{font-size:17px}input[type=number]{width:87px}.axis-presets button{min-width:50px}.display-controls{gap:11px}.display-controls label{font-size:10px}footer{gap:5px}.formula{font-size:12px}.control-tabs button{font-size:12px;min-height:42px}}
@media(pointer:coarse){input[type=range]{height:38px}input[type=number],select{min-height:42px}.axis-control input{height:38px}}

.hand-guide-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:12px 20px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,var(--gold))}.hand-guide-bar>strong{font-size:12px;color:var(--gold);font-weight:600}.hand-guide{display:flex;flex-wrap:wrap;gap:8px 18px;flex:1}.hand-guide>span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.hand-guide i{display:grid;place-items:center;width:22px;height:22px;background:var(--bg);border-radius:6px;font-style:normal;font-weight:600}.hand-guide-bar button{margin-left:auto;min-height:36px}.hand-note{flex-basis:100%;font-size:11px;color:var(--muted);margin:0;line-height:1.6}.hand-note:empty{display:none}
@media(max-width:940px){.hand-guide-bar{gap:10px 15px;padding:12px 16px}.hand-guide{flex-basis:100%;order:2}.hand-note{order:3}.hand-guide>span{font-size:10px}}
@media(max-width:650px){.hand-guide-bar{padding:12px 14px}.hand-guide{gap:8px 13px}.hand-guide>span{font-size:10px}.hand-guide-bar>strong{font-size:12px}}