:root{color:#e6e6e6;background:#14161a;font-family:"Source Sans 3",system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{grid-template-columns:minmax(480px,40%) 1fr;height:100%;display:grid}.view{min-height:0;position:relative}.actions{z-index:1;gap:.4rem;display:flex;position:absolute;top:.75rem;right:.75rem}.actions button{color:#cfd6df;cursor:pointer;font:inherit;background:#262a32;border:1px solid #343a45;border-radius:4px;padding:.35rem .7rem}.actions button:hover{color:#fff;background:#3d6fb6;border-color:#3d6fb6}.rec{align-items:center;gap:.4rem;display:inline-flex}.rec-dot{background:#d64545;border-radius:50%;width:.6em;height:.6em}.actions .rec.recording{color:#fff;background:#5a1f22;border-color:#d64545}.rec.recording .rec-dot{background:#ff5a5a;border-radius:2px;animation:1s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{opacity:.35}}.panel{background:#1b1e24;border-right:1px solid #2c313a;padding:1rem 1.25rem 2rem;overflow:hidden auto}h1{margin:0 0 .75rem;font-size:1.4rem}h2{color:#9fb3c8;text-transform:uppercase;letter-spacing:.05em;margin:1.25rem 0 .5rem;font-size:1rem}.tabs{flex-wrap:wrap;gap:.25rem;display:flex}.tabs button{color:#cfd6df;cursor:pointer;font:inherit;background:#262a32;border:1px solid #343a45;border-radius:4px;padding:.35rem .7rem}.tabs button.active{color:#fff;background:#3d6fb6;border-color:#3d6fb6}table.params{border-collapse:collapse;width:100%;margin-top:.75rem}table.params th{text-align:left;color:#9fb3c8;border-bottom:1px solid #343a45;padding:.35rem;font-weight:600}table.params td{vertical-align:middle;border-bottom:1px solid #2a2f37;padding:.4rem .35rem}table.params tr.dim{opacity:.4}td.sym{white-space:nowrap;font-family:Latin Modern Math,STIX Two Math,serif;font-size:1.1rem}td.inputs{white-space:nowrap}td.inputs input{color:#e6e6e6;width:4.8rem;font:inherit;background:#101215;border:1px solid #3a404b;border-radius:3px;margin-right:.25rem;padding:.2rem .3rem}td.hint{font-size:.9rem}.ok{color:#6fcf8a}.bad{color:#ef6b6b}dl.results{grid-template-columns:6rem 1fr;gap:.25rem .75rem;margin:0;display:grid}dl.results dt{color:#9fb3c8;font-style:italic}dl.results dd{margin:0}small,.note{color:#8a94a3}.weave{overflow-x:auto}.weave-title{color:#8a94a3;margin-bottom:.25rem;font-size:.85rem}.weave table{border-collapse:collapse;font-size:.8rem}.weave th{color:#8a94a3;text-align:right;padding-right:.5rem;font-weight:400}.weave td{text-align:center;border:1px solid #2c313a;width:1.8rem;height:1.6rem}.weave td.front{background:#e8a33d33}.weave td.back{background:#3d8be833}.weave td.empty{color:#555}.toggle-panel{display:none}@media (width<=820px){.app{flex-direction:column;height:100dvh;display:flex}.view{border-bottom:1px solid #2c313a;flex:0 0 45dvh;order:-1;transition:flex-basis .2s}.app.panel-closed .view{border-bottom:none;flex-basis:100%}.panel{border-right:none;flex:auto;min-height:0;padding:.75rem .75rem 2rem}.app.panel-closed .panel{display:none}.actions,.toggle-panel{top:auto;bottom:.5rem}.actions button,.toggle-panel{padding:.45rem .8rem}.toggle-panel{z-index:1;color:#cfd6df;cursor:pointer;font:inherit;background:#262a32;border:1px solid #343a45;border-radius:4px;display:block;position:absolute;left:.5rem}.actions{right:.5rem}h1{margin-bottom:.5rem;font-size:1.15rem}.tabs button{padding:.45rem .7rem}table.params thead{display:none}table.params,table.params tbody{display:block}table.params tr{border-bottom:1px solid #2a2f37;grid-template-columns:auto 1fr;align-items:center;gap:.2rem .6rem;padding:.5rem .1rem;display:grid}table.params td{border:none;padding:0}table.params td.inputs,table.params td.hint{grid-column:1/-1}td.inputs{white-space:normal;gap:.35rem;display:flex}td.inputs input{flex:1 1 0;width:auto;min-width:0;margin:0;padding:.35rem .4rem;font-size:16px}dl.results{grid-template-columns:4.5rem 1fr}}mjx-container[jax=CHTML][display=false]{font-size:105%!important}td.hint,dl.results dd,.note{overflow-wrap:anywhere}.maxwell{margin-top:.6rem}.maxwell h3{color:#cfd6df;margin:.4rem 0 0;font-size:.95rem;font-weight:600}.maxwell mjx-container[display=true]{overflow:auto hidden;margin:.6em 0!important}table.forms{border-collapse:collapse;margin:.25rem auto 0}table.forms td{vertical-align:middle;padding:.3rem .6rem}table.forms tr.off td:not(:last-child){opacity:.4}.switch{cursor:pointer;width:2.2rem;height:1.2rem;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{background:#343a45;border-radius:1rem;transition:background .15s;position:absolute;inset:0}.switch span:before{content:"";background:#cfd6df;border-radius:50%;width:.9rem;height:.9rem;transition:transform .15s;position:absolute;top:.15rem;left:.15rem}.switch input:checked+span{background:#3d6fb6}.switch input:checked+span:before{transform:translate(1rem)}.switch input:focus-visible+span{outline-offset:2px;outline:2px solid #9fb3c8}
