:root{font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#e6eef3;background:#080d14}*{box-sizing:border-box}body{margin:0;overflow:hidden}#viewport{position:fixed;inset:0;background:radial-gradient(circle at 55% 52%,#192d3b 0%,#090f17 57%,#03060b 100%)}canvas{width:100%;height:100%;display:block}header{position:fixed;left:0;right:0;top:0;height:92px;padding:19px 26px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(5,12,22,.89),transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:15px}.mark{width:34px;height:34px;border:3px solid #e0a95e;border-radius:50%;box-shadow:0 0 0 8px #edb76d14;position:relative}.mark:after{content:'';position:absolute;inset:7px;border:1px solid #e0a95e;border-radius:50%}small{display:block;font-size:10px;letter-spacing:.24em;color:#92a8b8}.brand h1{margin:2px 0;font-size:26px;letter-spacing:.16em;font-weight:650}.brand em{font-style:normal;font-weight:300;color:#ddad73}.meta{display:flex;gap:19px;color:#9db4bd;letter-spacing:.16em;font:10px ui-monospace,monospace}.sidebar{position:fixed;top:102px;bottom:62px;left:18px;width:320px;background:#0b1826de;border:1px solid #425a6a6b;box-shadow:0 20px 70px #0008;backdrop-filter:blur(18px);overflow-y:auto;padding:17px 18px 26px;border-radius:6px;scrollbar-width:thin;scrollbar-color:#496173 #102030}h2{font:11px ui-monospace,monospace;letter-spacing:.16em;color:#e6b97f;font-weight:500;margin:15px 0 13px;border-bottom:1px solid #49607052;padding-bottom:9px}h2:first-child{margin-top:0}label{display:block;font:10px ui-monospace,monospace;color:#a5bdc8;letter-spacing:.06em;margin-bottom:12px}select,input[type=range]{display:block;width:100%;margin-top:6px}select{color:#eaf1f4;background:#172b3a;border:1px solid #385367;padding:9px;border-radius:3px;font-size:12px}input[type=range]{accent-color:#dfa85e}label span{float:right;color:#eee;font:11px ui-monospace,monospace}.row{display:flex;gap:8px;margin-bottom:10px}.row>*{flex:1;min-width:0}.row .check{font:11px/1.5 ui-monospace,monospace;display:flex;align-items:center;gap:5px;text-transform:none;letter-spacing:0;color:#bfd1da;margin:4px 0 5px}.check input{accent-color:#e8b66d}button{cursor:pointer;width:100%;padding:11px 7px;background:#c99753;border:1px solid #e4bb7b;color:#16212b;border-radius:3px;font:10px ui-monospace,monospace;letter-spacing:.05em;transition:background .2s,color .2s;margin:0 0 9px}button:hover{background:#f0c68e}button.secondary{color:#d9e4e9;background:#213445;border-color:#496174}button.secondary:hover{background:#36526a}.statusline{display:flex;justify-content:space-between;border-bottom:1px solid #4c647543;padding:6px 0;font:10px ui-monospace,monospace;color:#9eb2bf}.statusline strong{color:#eac791;font-weight:500}.physics{border:1px solid #375165;background:#0c1a29;padding:12px;color:#d8e3eb;font-size:12px;overflow-wrap:anywhere}.physics .equation{font:12px/1.7 ui-monospace,monospace;color:#e9c68f;margin:8px 0}.physics p{margin:6px 0}footer{position:fixed;bottom:0;left:0;right:0;height:46px;display:flex;justify-content:space-between;align-items:center;background:#07111fdc;padding:0 24px;color:#a4bbc7;font:10px ui-monospace,monospace;letter-spacing:.1em;pointer-events:none}footer #status{color:#e8bb80}#loading{position:fixed;left:50%;top:48%;transform:translate(-50%,-50%);padding:16px 25px;background:#0b1926e8;color:#edc389;border:1px solid #51657c;letter-spacing:.3em;font:12px ui-monospace,monospace}#loading.hidden{display:none}@media(max-width:740px){.sidebar{width:260px;left:9px;top:87px;bottom:54px;padding:12px}.brand h1{font-size:18px}header{height:74px;padding:12px}.meta{display:none}.hint{display:none}footer{height:34px}.brand small{font-size:8px}}
