:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef5f6;background:#081012;--glass-bg: rgba(9, 15, 16, .76);--glass-line: rgba(230, 255, 249, .12);--film-cyan: #a9f1e6;--film-violet: #c0a4ff;--film-rose: #f1a6cf;--film-gold: #ead691;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,select,input{font:inherit}#app{display:grid;grid-template-columns:clamp(190px,17vw,250px) minmax(0,1fr) 272px;grid-template-areas:"theory viewport panel";width:100%;height:100vh;background:radial-gradient(circle at 48% 28%,rgba(127,222,210,.2),transparent 35%),radial-gradient(circle at 76% 10%,rgba(214,158,255,.12),transparent 28%),radial-gradient(circle at 12% 82%,rgba(238,201,117,.1),transparent 32%),linear-gradient(135deg,#071011,#0c1515 48%,#141313)}#viewport{grid-area:viewport;position:relative;min-width:0;min-height:0}#viewport canvas{display:block;width:100%;height:100%}#panel{grid-area:panel;position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:15px;border-left:1px solid var(--glass-line);background:linear-gradient(145deg,rgba(255,255,255,.09),transparent 22%),linear-gradient(180deg,rgba(169,241,230,.08),transparent 38%),var(--glass-bg);-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35);box-shadow:-18px 0 64px #00000047,inset 1px 0 #ffffff14;overflow-y:auto}#panel:before,#panel:after{position:absolute;pointer-events:none;content:""}#panel:before{top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(103deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 12px),radial-gradient(circle at 20% 10%,rgba(241,166,207,.08),transparent 32%),radial-gradient(circle at 88% 44%,rgba(169,241,230,.08),transparent 30%);mix-blend-mode:screen;opacity:.34}#panel:after{inset:0 auto 0 0;width:1px;background:linear-gradient(180deg,transparent,var(--film-cyan),var(--film-violet),var(--film-gold),transparent);filter:drop-shadow(0 0 9px rgba(169,241,230,.8));opacity:.72}#panel>*{position:relative;z-index:1}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px}h1{margin:0;font-size:18px;font-weight:670;letter-spacing:0}#status-pill{flex:0 0 auto;min-width:72px;padding:6px 10px;border:1px solid rgba(180,229,219,.28);border-radius:999px;color:#b9e5db;background:linear-gradient(115deg,#a9f1e62e,#c0a4ff14),#1a715c24;box-shadow:inset 0 1px #ffffff1f,0 0 18px #a9f1e61f;font-size:12px;text-align:center}.control-block{display:grid;gap:6px}label{color:#a8bdbe;font-size:12px;font-weight:620;letter-spacing:0;text-transform:uppercase}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgba(218,251,245,.14);border-radius:8px;background:linear-gradient(115deg,rgba(169,241,230,.09),rgba(241,166,207,.045),transparent),#ffffff0e;box-shadow:inset 0 1px #ffffff1a,0 0 18px #a9f1e60e}button,select{min-height:34px;border:1px solid rgba(230,255,249,.14);border-radius:8px;color:#edf6f6;background:linear-gradient(145deg,#ffffff1c,#ffffff09),#ffffff0e;box-shadow:inset 0 1px #ffffff17,0 0 #a9f1e600;cursor:pointer}button{transition:background .14s ease,border-color .14s ease,transform .14s ease}button:hover{border-color:#a9f1e685;background:linear-gradient(115deg,#a9f1e62e,#c0a4ff1f,#ead69114),#9cdbce1a;box-shadow:inset 0 1px #ffffff29,0 0 18px #a9f1e624}button:active{transform:translateY(1px)}.segmented button{min-height:30px;border-radius:6px;font-size:12px}.segmented button.active{color:#061212;border-color:#ecfffadb;background:linear-gradient(115deg,#b8fff1,#d8c7ff,#f2ddb0);box-shadow:inset 0 1px #ffffff94,0 0 20px #a9f1e647}.dropdown{position:relative}.dropdown[data-open=true]{z-index:20}.dropdown-button{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 36px 0 12px;overflow:hidden}.dropdown-button:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#a9f1e624,#c0a4ff17,#ead69114),radial-gradient(circle at 12% 50%,rgba(255,255,255,.12),transparent 30%);opacity:.86;content:""}.dropdown-button:after{position:absolute;right:14px;width:8px;height:8px;border-right:1px solid rgba(238,255,252,.86);border-bottom:1px solid rgba(238,255,252,.86);transform:translateY(-2px) rotate(45deg);transition:transform .16s ease;content:""}.dropdown[data-open=true] .dropdown-button:after{transform:translateY(2px) rotate(225deg)}.dropdown-button span{position:relative;z-index:1}.dropdown-menu{position:static;z-index:5;display:grid;gap:4px;max-height:0;margin-top:0;padding:0 6px;overflow:hidden;border:1px solid rgba(230,255,249,.2);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 28%),repeating-linear-gradient(108deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 10px),#080e0ffa;-webkit-backdrop-filter:blur(18px) saturate(1.45);backdrop-filter:blur(18px) saturate(1.45);box-shadow:0 18px 42px #0000007a,0 0 24px #a9f1e61f,inset 0 1px #ffffff1f;opacity:0;transform:translateY(-5px) scale(.985);transform-origin:top;transition:max-height .18s ease,margin-top .18s ease,opacity .14s ease,padding .18s ease,transform .14s ease;pointer-events:none}.dropdown[data-open=true] .dropdown-menu{max-height:340px;margin-top:7px;padding:6px;overflow-y:auto;opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dropdown-menu button{display:flex;align-items:center;justify-content:flex-start;min-height:32px;padding:0 10px;background:linear-gradient(115deg,#ffffff17,#ffffff08),#ffffff0b;color:#edf6f6;text-align:left}.dropdown-menu button.selected{color:#061212;border-color:#ecfffadb;background:linear-gradient(115deg,#b8fff1f0,#d8c7ffeb,#f2ddb0db);box-shadow:inset 0 1px #fff9,0 0 18px #a9f1e638}select:focus-visible,button:focus-visible,input[type=range]:focus-visible{outline:2px solid rgba(169,241,230,.72);outline-offset:2px}.button-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}input[type=range]{width:100%;accent-color:var(--film-cyan);filter:drop-shadow(0 0 8px rgba(169,241,230,.18))}input[type=range]::-webkit-slider-runnable-track{height:6px;border:1px solid rgba(230,255,249,.14);border-radius:999px;background:linear-gradient(90deg,#a9f1e6e6,#c0a4ff94,#f1a6cf6b,#ead69159),#ffffff1f;box-shadow:inset 0 1px 3px #00000052,0 0 14px #a9f1e61a}input[type=range]::-webkit-slider-thumb{width:15px;height:15px;margin-top:-5.5px;border:1px solid rgba(255,255,255,.86);border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffff,var(--film-cyan) 34%,var(--film-violet) 100%);box-shadow:0 0 18px #a9f1e685,0 0 4px #f1a6cf59;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-moz-range-track{height:6px;border:1px solid rgba(230,255,249,.14);border-radius:999px;background:linear-gradient(90deg,#a9f1e6e6,#c0a4ff94,#f1a6cf6b,#ead69159),#ffffff1f}input[type=range]::-moz-range-thumb{width:15px;height:15px;border:1px solid rgba(255,255,255,.86);border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffff,var(--film-cyan) 34%,var(--film-violet) 100%);box-shadow:0 0 18px #a9f1e685,0 0 4px #f1a6cf59}#metrics{display:grid;grid-template-columns:1fr;gap:8px;margin:4px 0 0;padding:0}#metrics div{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:0 10px;border:1px solid rgba(230,255,249,.13);border-radius:8px;background:linear-gradient(100deg,rgba(255,255,255,.09),transparent 58%),linear-gradient(130deg,#a9f1e60f,#c0a4ff0b,#ead69109),#ffffff0d;box-shadow:inset 0 1px #ffffff14,0 0 14px #a9f1e60e}dt{color:#a8bdbe;font-size:12px}dd{margin:0;font-variant-numeric:tabular-nums;color:#eff8f8}@media(max-width:1050px){#app{grid-template-columns:minmax(0,1fr) 262px;grid-template-areas:"viewport panel" "theory panel";grid-template-rows:minmax(320px,1fr) minmax(0,220px)}}@media(max-width:740px){body{overflow:auto}#app{grid-template-columns:1fr;grid-template-areas:"viewport" "panel" "theory";grid-template-rows:minmax(370px,62vh) auto auto;min-height:100vh;height:auto}#panel{border-left:0;border-top:1px solid rgba(255,255,255,.12)}}#solver-legend{margin-top:10px;display:grid;gap:9px}.legend-row{display:grid;grid-template-columns:14px 1fr;gap:9px;align-items:start;font-size:11.5px;line-height:1.45}.legend-row strong{font-weight:600}.legend-row .muted{display:block;opacity:.62}.swatch{width:12px;height:12px;border-radius:3px;margin-top:3px;border:1px solid rgba(255,255,255,.22)}.swatch[data-solver=optimizer]{background:linear-gradient(140deg,#9fe8dc,#4fbfae)}.swatch[data-solver=physical]{background:linear-gradient(140deg,#ffcf9a,#e0a05a)}.legend-note{margin:2px 0 0;font-size:11px;line-height:1.5;opacity:.62}.legend-note em{font-style:normal;opacity:.95}.segmented button:disabled{opacity:.34;cursor:not-allowed}[hidden]{display:none!important}#theory{grid-area:theory;padding:19px 15px;overflow-y:auto;min-width:0;min-height:0;border-right:1px solid rgba(169,241,230,.18);background:linear-gradient(148deg,rgba(159,232,220,.06),transparent 44%),#0710129e;box-shadow:inset -1px 0 #e1fff512}#theory,#panel{scrollbar-width:thin;scrollbar-color:#7d9281 #0d181a}.eyebrow{display:block;font-size:9px;color:#d8c88c;text-transform:uppercase;letter-spacing:.16em}.theory-heading h2{margin:10px 0;font-family:Georgia,serif;font-size:clamp(22px,2vw,29px);font-weight:500;line-height:1.1;color:#eee7c7}.theory-heading p{margin:0;color:#bccdcc;font-size:12px;line-height:1.6}.energy-sketch{display:block;width:100%;height:auto;margin:12px 0 14px}.method-card{--method:#9fe8dc;position:relative;padding:12px 10px;margin:11px 0;border:1px solid color-mix(in srgb,var(--method),transparent 74%);border-left:2px solid var(--method);border-radius:11px;background:linear-gradient(115deg,color-mix(in srgb,var(--method),transparent 91%),transparent);box-shadow:inset 0 1px #ffffff14,-3px 0 16px color-mix(in srgb,var(--method),transparent 94%)}.physical-theory{--method:#ffcf9a}.method-title{display:flex;align-items:center;gap:7px;color:var(--method)}.method-title h3{margin:0;font-size:14px}.method-title>span:last-child{margin-left:auto;font-size:10px;opacity:.5}.method-title .swatch{margin:0;flex:0 0 9px;height:9px;box-shadow:0 0 10px var(--method)}.method-card p{font-size:12px;line-height:1.5;margin:9px 0;color:#dce8e5}.method-card small{font-size:11px;line-height:1.5;color:#acbdb9;display:block}.formula{font-size:11px;line-height:1.6;font-family:ui-monospace,monospace;color:var(--method);padding:7px 0}.theory-detail{margin:13px 0;border-top:1px solid rgba(234,214,145,.16);padding-top:10px}.theory-detail summary{cursor:pointer;color:#e3d7af;font-size:12px;font-weight:600}.theory-detail p{font-size:11px;line-height:1.65;color:#bdcdca}.viewport-heading{position:absolute;top:20px;left:22px;right:22px;z-index:1;pointer-events:none;text-shadow:0 2px 8px #061014}.viewport-heading strong{display:block;margin-top:6px;color:#d6e7e3;font-size:13px;font-weight:500}.viewport-guide{position:absolute;bottom:18px;left:18px;right:18px;z-index:1;color:#a5bab6;text-align:center;font-size:11px;pointer-events:none;text-shadow:0 1px 6px #000}.viewport-guide span{display:block;margin-top:6px;color:#dacc9c}.comparison-options{display:grid;gap:7px}.comparison-options button{display:grid;grid-template-columns:27px 1fr 24px;gap:7px;align-items:center;min-height:53px;text-align:left;padding:8px;font-size:12px}.comparison-options button small{display:block;font-size:9px;color:#a5b6b2;margin-top:4px}.comparison-options .option-symbol{color:#9fe8dc;font-size:18px;text-align:center}.comparison-options button output{font-size:10px;color:#91a09d;font-weight:700}.comparison-options button[aria-pressed=true]{border-color:#91caba;background:linear-gradient(120deg,#85dec729,#e3c9750d);box-shadow:inset 0 0 16px #a9f1e60d,0 0 13px #a9f1e61a}.comparison-options button[aria-pressed=true] output{color:#bcf5d8}#compare-hint{font-size:10px;line-height:1.55;opacity:1;color:#9cb1ac}label>span{font-size:9px;text-transform:none;color:#bfaa91;float:right;font-weight:400}input:disabled{opacity:.32;cursor:not-allowed}.metrics-label{margin:0;color:#809b92;font-size:10px}.metrics-label b{font-weight:500;color:#9fe8dc}#metrics{gap:5px}#metrics div{min-height:28px}#metrics dt{font-size:10px}#metrics dd{font-size:12px}#mode button{font-size:11px;padding:0 4px}.panel-header h1{font-size:15px}#status-pill{min-width:56px;font-size:10px}button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #ebd495;outline-offset:3px}@media(min-width:741px)and (max-width:1050px){#theory{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;border-top:1px solid var(--glass-line)}.theory-heading{grid-column:1 / -1}.theory-heading h2{font-size:24px;margin:6px 0}.theory-heading h2 br,.energy-sketch{display:none}.method-card,.theory-detail{margin:0}}@media(max-width:740px){#theory{padding:22px}.theory-heading h2{font-size:29px}#panel,#theory{overflow:visible}.energy-sketch{max-width:280px}.viewport-heading{top:16px;left:16px;right:16px}.viewport-heading strong{font-size:11px}}@media(prefers-reduced-motion:reduce){button{transition:none}}