@font-face{font-family:Inter;src:local('Inter')}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:#e9f0f5;background:#080d13;font-family:Inter,'Segoe UI',Arial,sans-serif}body{height:100dvh;overflow:hidden;font-size:13px}button,select{font:inherit;color:inherit;cursor:pointer}button{background:transparent;border:1px solid #273440;border-radius:8px;padding:10px 14px;transition:background .18s,color .18s,border-color .18s}button:hover{background:#1b2c36;border-color:#6b9aac}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #87e2ed;outline-offset:4px}button:disabled{opacity:.45;cursor:default}button.active{color:#b7f1fb;background:#142830;border-color:#457381}button[hidden],[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.4}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,#080d13cc,transparent 32%,transparent 67%,#080d1399);pointer-events:none}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:105px;padding:0 42px;border-bottom:1px solid #ffffff0c;gap:25px}.brand{display:flex;gap:13px;align-items:center;color:#e8f7fc;text-decoration:none;font-size:18px;font-weight:600;letter-spacing:5px}.brand svg{width:40px;height:40px;color:#9bdde7}.brand small{display:block;font-size:8px;letter-spacing:2.8px;font-weight:400;margin-top:6px;color:#81909a}nav{display:flex;align-items:center;gap:6px;padding:5px;background:#0d151bbb;border:1px solid #ffffff12;border-radius:13px}nav button{padding:10px 18px;border-color:transparent;color:#8c9ea9;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px}nav button.active{background:#1b2b34;color:#d8faff;border-color:#48616c55}.nav-icon{font-size:21px;line-height:1}.xr-button{display:flex;align-items:center;gap:11px;background:#d1edf0;color:#10242b;border:0;font-size:12px;font-weight:600;padding:13px 16px}.xr-button svg{width:23px;height:23px}.xr-button:hover{background:#e1fcff}.arrow{font-size:17px;padding-left:7px}main{position:absolute;top:135px;bottom:64px;left:42px;right:42px;pointer-events:none}.identity,.instrument,.bottom-dock,#slice-control{pointer-events:auto}.identity{position:absolute;top:12px;left:0;width:295px}.eyebrow{font-size:9px;letter-spacing:2px;color:#89b5c3;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:5px;height:5px;background:#90ddd0;border-radius:50%;box-shadow:0 0 9px #91e3da55}.index{color:#51606c;margin-left:16px;font-size:9px}h1{font-size:clamp(33px,3.2vw,51px);line-height:1.15;font-weight:350;letter-spacing:-1.8px;margin:26px 0 18px}h1 em{font-style:normal;color:#8dabbc}#subtitle{color:#7e8e9b;line-height:1.9;font-size:12px;margin-bottom:32px}.specimens{display:flex;gap:8px}.specimens button{width:58px;height:74px;padding:6px;color:#78929e;background:#0c151d80;border-color:#263442}.specimens button.active{background:#15303a80;color:#b5efff;border-color:#608b98}.specimens svg{display:block;width:42px;height:34px;margin-bottom:4px}.specimens span{font-size:12px}.orbital-glyph{font-size:28px!important;display:block;height:38px;line-height:36px}.model-summary{margin-top:30px;display:flex;align-items:center;gap:17px}.model-summary>span{font-size:33px;color:#a8c2ce;font-weight:300;min-width:44px}.model-summary b{display:block;font-weight:500;font-size:12px;color:#bfced5}.model-summary small{display:block;font-size:10px;color:#637986;margin-top:5px}.instrument{position:absolute;right:0;top:13px;width:280px;padding:19px 21px;background:linear-gradient(140deg,#101a22e6,#0b141bbf);border:1px solid #293a465e;border-radius:13px;box-shadow:0 16px 60px #0002;backdrop-filter:blur(15px)}.instrument-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:#93a5b1;font-size:9px;letter-spacing:1.8px}.instrument-head button{border:0;padding:0;font-size:17px;color:#748995}.select-label{display:flex;align-items:center;justify-content:space-between;color:#8295a2;font-size:11px;margin-bottom:25px}select{border:1px solid #2b414e;border-radius:6px;background:#111f28;padding:6px 9px;font-size:11px;color:#bad2de}.metric-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8197a6;margin-bottom:10px}.metric-title output{font-size:16px;font-variant-numeric:tabular-nums;color:#d6e9ef}.metric-title small,.tiny{font-size:10px;color:#7594a4;margin-left:4px}input[type=range]{width:100%;height:3px;accent-color:#abe1e9;cursor:pointer;margin:7px 0 11px}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#526b7b}.solve-actions{display:flex;gap:8px;margin-top:20px}.solve-actions button{font-size:10px;padding:11px 10px;flex:1;white-space:nowrap}.primary{background:#bddfe5;color:#102733;border:1px solid #bddfe5;font-weight:600}.primary:hover{background:#e1fbff;color:#16303a}.primary span{margin-left:12px}.divider{height:1px;background:#2c3d4766;margin:22px 0}.energy{font-size:35px;color:#dbebf4;letter-spacing:-1.5px;font-weight:350;font-variant-numeric:tabular-nums;margin:9px 0 10px}#energy-chart{width:100%;height:66px;overflow:visible}.chart-grid{stroke:#4f748329;stroke-width:.6}#chart-line{stroke:#8ad5d9;stroke-width:1.5}#chart-area{fill:#88d8d808;stroke:none}#chart-points circle{fill:#d2f9fa;stroke:#547a88;stroke-width:1}.chart-caption{display:flex;justify-content:space-between;color:#627f8d;font-size:9px}.small-metrics{display:flex;gap:26px;margin-top:22px}.small-metrics span{display:block;font-size:10px;color:#638191}.small-metrics b{display:block;font-size:12px;font-weight:400;color:#b4ceda;margin-top:7px}.result-state{font-size:9px;color:#8ab9b1;border-top:1px solid #203742;margin-top:20px;padding-top:13px;line-height:1.6}.result-state.pending{color:#e0b775}.field-label{position:absolute;left:calc(50% - 80px);bottom:110px;display:flex;align-items:center;gap:13px;text-shadow:0 2px 8px #000}.field-label>span{font-family:Georgia,serif;font-style:italic;font-size:31px;color:#a5cfdf}.field-label b{font-size:11px;font-weight:400;display:block;color:#b8d1de}.field-label small{display:block;color:#5c7e92;font-size:9px;margin-top:6px;letter-spacing:.4px}.stage-hint{position:absolute;bottom:79px;left:calc(50% - 102px);font-size:9px;color:#4e6d80;letter-spacing:.3px}.stage-hint>span{font-size:17px;vertical-align:-1px;margin-right:5px}.stage-hint i{padding:0 7px;font-style:normal}.bottom-dock{position:absolute;bottom:0;left:50%;transform:translateX(-50%);border:1px solid #31465270;border-radius:12px;display:flex;align-items:center;gap:10px;padding:7px;background:#101c25dc;backdrop-filter:blur(18px);white-space:nowrap}.display-controls{display:flex;gap:3px}.display-controls button{border:0;font-size:10px;padding:9px 12px;color:#7b99aa}.display-controls button span{font-size:19px;margin-right:7px;vertical-align:-2px}.display-controls button.active{color:#d3f5fb;background:#223d48}.dock-separator{height:24px;background:#32465270;width:1px}.bottom-dock select{background:none;border:0;max-width:160px;color:#97b4c4}.icon-button{font-size:23px;padding:4px 10px;border:0;color:#819ba9}.icon-button:hover{color:#c9e3ef}.bottom-dock option{background:#13222d}footer{position:absolute;bottom:0;left:42px;right:42px;height:47px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2437455c;color:#526a7c;font-size:9px;letter-spacing:.25px}footer>span:first-child{display:flex;align-items:center;gap:8px}footer button{font-size:9px;color:#7796a8;padding:0;border:0}.equation{font-family:Georgia,serif;font-size:35px;color:#a8d1e3;text-align:center;margin:18px 0 34px}.atomic-levels{margin:22px 0 32px}.atomic-levels>div{display:flex;align-items:center;gap:12px;margin:17px 0;color:#527084;font-size:10px}.atomic-levels i{height:1px;background:#3d596d;flex:1}.atomic-levels b{font-weight:400;width:40px;text-align:right}.atomic-levels .active{color:#b5e4ee}.atomic-levels .active i{background:#b5e4ee;box-shadow:0 0 7px #91d2df88}.microcopy{font-size:10px;color:#7893a4;line-height:1.9}.phase-key{display:flex;justify-content:space-between;font-size:9px;color:#9eb8c5;margin:19px 0}.phase-key i{width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:6px}.cyan{background:#72d5ee}.amber{background:#fca570}.spin-presets{display:flex;gap:6px}.spin-presets button{padding:10px;font-size:10px}.probabilities{margin:18px 0}.probabilities>div{display:flex;align-items:center;gap:12px;margin:11px 0;font-size:11px;color:#86a3b5}.probabilities i{height:4px;flex:1;background:#1e3342;border-radius:3px;overflow:hidden}.probabilities b{display:block;background:#83d4e4;height:100%;width:0}.probabilities output{font-size:9px;min-width:28px;text-align:right;font-variant-numeric:tabular-nums}#spin-controls input{margin-bottom:23px}#slice-control{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);width:180px;color:#86a5b7;font-size:10px}#slice-control input{margin-top:15px}dialog{max-width:690px;width:calc(100% - 32px);max-height:85dvh;padding:40px;background:#101c26;color:#a8c1cf;border:1px solid #425b6b;border-radius:16px;box-shadow:0 20px 150px #000b;line-height:1.8}dialog::backdrop{background:#020609c9;backdrop-filter:blur(7px)}dialog h2{font-size:32px;font-weight:400;letter-spacing:-1px;color:#e2f2f8;margin:15px 0}dialog h3{font-size:15px;font-weight:500;color:#d3e7f3;margin-top:26px}dialog p{font-size:12px}dialog button{margin:8px 8px 0 0}.dialog-close{position:absolute;right:14px;top:6px;border:0;font-size:26px;padding:5px 10px}.sources{display:flex;flex-wrap:wrap;gap:14px}.sources a{font-size:11px;color:#93dbea;text-decoration:none}#toast{position:absolute;top:112px;left:50%;transform:translateX(-50%);background:#253b48f5;border:1px solid #5f8195;padding:12px 18px;border-radius:8px;max-width:440px;color:#e2eff5;font-size:11px;z-index:5;box-shadow:0 10px 30px #0005}.immersive header,.immersive main,.immersive footer,.immersive .vignette{display:none}.immersive{background:transparent}.spin-mode .field-label{bottom:105px}.spin-mode .display-controls,.spin-mode #field-kind,.spin-mode .dock-separator{display:none}
@media(min-width:1600px){header{padding:0 64px}main{left:64px;right:64px;top:165px}.identity{width:340px}.instrument{width:300px;padding:25px}.field-label{bottom:125px}footer{left:64px;right:64px}.specimens button{width:65px;height:79px}}
@media(max-height:780px) and (min-width:901px){header{height:85px}main{top:102px;bottom:55px}.identity{top:20px}h1{font-size:38px}.instrument{top:0;padding:15px 18px}.instrument-head{margin-bottom:17px}.select-label{margin-bottom:16px}.divider{margin:16px 0}.small-metrics{margin-top:14px}.result-state{margin-top:13px;padding-top:10px}.energy{font-size:29px}#energy-chart{height:52px}.field-label{bottom:93px}.stage-hint{bottom:65px}.solve-actions{margin-top:15px}.atomic-levels{margin:16px 0}.equation{margin:5px 0 20px}}
@media(max-width:1050px){header{padding:0 24px;gap:12px}.brand{font-size:15px;letter-spacing:3px}.brand small{letter-spacing:1.6px;font-size:7px}.brand svg{width:32px}.xr-button{padding:11px;font-size:10px}nav button{padding:9px 12px}main{left:24px;right:24px}.identity{width:230px}h1{font-size:35px}.instrument{width:245px;padding:17px}.specimens button{width:49px}.specimens svg{width:34px}.specimens{gap:6px}footer{left:24px;right:24px}.field-label{left:calc(50% - 70px)}}
@media(max-width:760px){body{overflow:auto;height:auto;min-height:100dvh}#scene{position:fixed;height:660px}.vignette{position:fixed;background:linear-gradient(0deg,#080d13,transparent 50%)}header{height:118px;align-items:flex-start;padding:20px 20px 0;flex-wrap:wrap;gap:0}.brand svg{width:28px;height:28px}.brand{gap:9px}.brand small{font-size:6px}.xr-button{padding:9px;font-size:10px;height:36px}.xr-button svg{width:18px}.xr-button .arrow{display:none}nav{position:absolute;top:72px;left:50%;transform:translateX(-50%);width:max-content;padding:3px}nav button{font-size:10px;padding:7px 15px}main{position:relative;inset:auto;margin:145px 20px 65px;min-height:1070px;pointer-events:none}.identity{top:0;width:100%}.eyebrow{font-size:8px}h1{font-size:33px;margin:14px 0;line-height:1.14;letter-spacing:-1.2px}#subtitle{display:none}.specimens{position:absolute;right:0;top:34px;display:grid;grid-template-columns:42px 42px;gap:5px}.specimens button{width:42px;height:47px;padding:3px}.specimens svg{height:23px;margin:0}.specimens span{font-size:9px}.orbital-glyph{font-size:20px!important;height:26px;line-height:25px}.model-summary{position:absolute;top:310px;margin:0}.model-summary>span{font-size:29px}.model-summary b{font-size:11px}.model-summary small{font-size:9px}.field-label{left:auto;right:0;top:320px;bottom:auto;gap:8px}.field-label>span{font-size:24px}.field-label b{font-size:10px}.field-label small{font-size:8px;max-width:135px}.stage-hint{top:379px;bottom:auto;left:50%;transform:translateX(-50%);white-space:nowrap}.bottom-dock{top:410px;bottom:auto;gap:3px;padding:5px;width:100%;justify-content:center}.display-controls button{padding:7px 8px;font-size:9px}.display-controls button span{font-size:15px;margin-right:4px}.bottom-dock select{max-width:90px;font-size:9px;padding:4px}.icon-button{padding:3px 7px;font-size:20px}.instrument{top:484px;width:100%;border-radius:12px;padding:23px}.instrument-head{margin-bottom:22px}.energy{font-size:34px}.solve-actions button{font-size:12px}#energy-chart{height:85px}footer{position:relative;height:auto;min-height:55px;padding:15px 0;left:auto;right:auto;margin:0 20px;gap:10px;flex-wrap:wrap;font-size:8px}footer #scale-label{display:none}#slice-control{top:465px;bottom:auto;width:100%;z-index:2}#slice-control label{display:none}#slice-control input{margin:0}#toast{top:120px;width:calc(100% - 32px);font-size:10px}.spin-presets{position:absolute;right:0;top:35px;flex-direction:column;gap:3px}.spin-presets button{font-size:9px;padding:7px}dialog{padding:27px}.spin-mode main{min-height:1150px}}