:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eee9;background:#111713}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:108px minmax(0,1fr);grid-template-rows:38px minmax(0,1fr) 21px;width:100%;height:100%}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid #354039;background:#18201c}.brand{display:flex;align-items:baseline;gap:5px}.brand strong{font-size:12px;letter-spacing:.08em}.brand span{color:#a8b5ad;font-size:6.5px}.version{color:#dac870;font:6px Consolas,monospace}.sidebar{grid-column:1;grid-row:2;overflow:auto;padding:3px;border-right:1px solid #354039;background:#18201cf7}.sidebar section{margin-bottom:7px}.sidebar h2{margin:2px 3px;color:#78877e;font-size:5.5px;letter-spacing:.12em}.sidebar button{width:100%;min-height:20px;margin-bottom:1px;padding:0 3px;border:1px solid transparent;border-radius:2px;background:transparent;color:#bdc8c1;font-size:6.7px;text-align:left}.sidebar button.active{border-color:#444f48;background:#27302b;color:#ddca70}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px}.button-pair button{text-align:center;padding:0}.viewport{position:relative;grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:hidden}#world-canvas{display:block;width:100%;height:100%;touch-action:none}.workflow-panel,.tool-panel,.world-probe,.observation-panel,.plan-panel{position:absolute;z-index:6;border:1px solid rgba(79,94,84,.62);border-radius:3px;background:#111814d1;box-shadow:0 2px 8px #0000002e;font:6.4px Consolas,monospace}.workflow-panel{top:5px;left:5px;width:260px;padding:5px 6px}.workflow-stage{color:#dfcc70;font-weight:700;letter-spacing:.06em}.workflow-instruction{margin-top:3px;color:#d7dfda;line-height:1.3}.workflow-message{min-height:11px;margin-top:3px;color:#9aa69f}.workflow-message.ok{color:#92c99a}.workflow-message.error{color:#e18b69}.workflow-panel button{width:100%;min-height:21px;margin-top:4px;border:1px solid #5b655f;border-radius:2px;background:#27312b;color:#ddca70;font-size:6.2px}.tool-panel{display:none;right:5px;top:5px;width:166px;padding:5px 6px}.tool-panel.visible{display:block}.tool-panel strong,.plan-panel strong,.observation-panel strong,.world-probe strong{color:#dfcc70;font-size:6.4px}.tool-panel small{display:block;margin-top:4px;color:#96a39b;line-height:1.25}.tool-panel button,.plan-panel button,.observation-panel button{min-height:20px;border:1px solid #49534d;border-radius:2px;background:#27302b;color:#cdd6d0;font-size:6.2px}.mini-grid{display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 4px;margin-top:4px}.mini-grid span{color:#7f8d85}.mini-grid b{color:#e2e8e4;font-weight:500;text-align:right}.move-cross{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:". n ." "w c e" ". s .";gap:2px;margin-top:5px}#move-n{grid-area:n}#move-s{grid-area:s}#move-e{grid-area:e}#move-w{grid-area:w}#move-center{grid-area:c;color:#dfcc70}#move-step{width:100%;margin-top:3px}.circular-level{position:relative;width:76px;height:76px;margin:7px auto 5px;border:2px solid #64736a;border-radius:50%;background:#9eb88273;overflow:hidden}.circle-cross-x,.circle-cross-y{position:absolute;background:#2b342e6b}.circle-cross-x{left:10px;right:10px;top:50%;height:1px}.circle-cross-y{top:10px;bottom:10px;left:50%;width:1px}.circular-bubble{position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;height:16px;border:1px solid #dfe9cd;border-radius:50%;background:#f2f8dbdb;transition:transform 70ms linear}.tube-panel{width:230px}.tube-vial{position:relative;height:34px;margin:7px 0 4px;border:2px solid #545f59;border-radius:17px;background:#a9c38f66;overflow:hidden}.tube-center{position:absolute;left:50%;top:3px;bottom:3px;width:1px;background:#333b36}.tube-bubble{position:absolute;left:calc(50% - 28px);top:7px;width:56px;height:16px;border:1px solid #e5edd4;border-radius:10px;background:#f2f7dad1;transition:transform 70ms linear}.compass-panel{width:184px}.compass-rose{position:relative;width:108px;height:108px;margin:6px auto;border:1px solid #657068;border-radius:50%;background:linear-gradient(90deg,transparent 49.5%,rgba(160,172,164,.25) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(160,172,164,.25) 50%,transparent 50.5%),#1f2722eb}.north-label{position:absolute;top:3px;left:50%;transform:translate(-50%);color:#e7ebe8;font-size:8px}.compass-needle{position:absolute;left:calc(50% - 1px);bottom:50%;width:2px;height:42%;transform-origin:50% 100%}.compass-needle.true{width:1px;background:#76a9d2}.compass-needle.magnetic{background:#ddca70}.compass-needle.sight{width:1px;background:#de6c53}.plan-panel{display:none;right:5px;top:5px;width:290px;height:315px;padding:5px}.plan-panel.visible{display:flex;flex-direction:column}.plan-panel.expanded{z-index:30;inset:6px;width:auto;height:auto}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:4px}#plan-canvas{flex:1;width:100%;min-height:0;margin-top:4px;border:1px solid #3f4943;touch-action:none}.plan-status{margin-top:3px;color:#aab6ae}.target-panel button{width:100%;margin-top:4px}.observation-panel{display:none;right:5px;top:5px;width:225px;padding:5px 6px}.observation-panel.visible{display:block}.observation-panel label{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:4px;color:#94a198}.observation-panel select{min-width:55px;border:1px solid #48534c;background:#202924;color:#dde4df;font-size:6.2px}.observation-tools{display:none;margin-top:5px;padding-top:4px;border-top:1px solid rgba(92,106,97,.45)}.observation-tools.visible{display:block}.observation-tools button{width:100%;margin-top:3px}.target-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px}.world-probe{left:5px;bottom:5px;display:flex;gap:5px;align-items:center;padding:3px 5px;color:#9aa79f;pointer-events:none}.telescope-panel{position:absolute;right:5px;bottom:5px;z-index:10;width:210px;height:138px;overflow:hidden;border:1px solid rgba(91,105,96,.72);border-radius:4px;background:#0c100e;cursor:zoom-in}.telescope-panel.expanded{z-index:50;right:7px;bottom:7px;width:calc(100% - 14px);height:calc(100% - 14px);cursor:zoom-out}#telescope-canvas{display:block;width:100%;height:100%}.reticle{position:absolute;inset:0;pointer-events:none}.reticle-h,.reticle-v,.stadia{position:absolute;display:block;background:#121212d1}.reticle-h{top:50%;left:10%;width:80%;height:1px}.reticle-v{top:10%;left:50%;width:1px;height:80%}.stadia{left:23%;width:54%;height:1px}.stadia-top{top:43%}.stadia-bottom{top:57%}.telescope-label{position:absolute;top:4px;left:5px;padding:2px 4px;border-radius:2px;background:#0f1411b8;color:#dfcc70;font:6px Consolas,monospace;pointer-events:none}.telescope-label span{margin-left:5px;color:#a6b1aa}.notebook-overlay{position:absolute;inset:0;z-index:70;display:none;padding:8px;background:#080c0abf}.notebook-overlay.visible{display:block}.notebook-card{display:flex;flex-direction:column;width:100%;height:100%;padding:8px;border:1px solid #59675e;border-radius:4px;background:#18201c;font:7px Consolas,monospace}.notebook-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.notebook-header strong{display:block;color:#dfcc70}.notebook-header span{display:block;margin-top:2px;color:#9ca9a1}.notebook-header button,.notebook-manual button{min-height:22px;border:1px solid #526057;border-radius:2px;background:#27302b;color:#d8e0db;font-size:6.5px}.notebook-manual{display:flex;align-items:end;gap:5px;margin:7px 0}.notebook-manual label{display:flex;flex-direction:column;gap:2px;color:#8f9c94}.notebook-manual input{min-height:22px;border:1px solid #4b574f;border-radius:2px;background:#101612;color:#e1e7e3;font-size:7px}#manual-note{width:230px}.notebook-table-wrap{flex:1;overflow:auto;border:1px solid #3d4741}.notebook-table-wrap table{width:max-content;min-width:100%;border-collapse:collapse}.notebook-table-wrap th,.notebook-table-wrap td{padding:4px 5px;border-right:1px solid #354039;border-bottom:1px solid #354039;white-space:nowrap}.notebook-table-wrap th{position:sticky;top:0;background:#242e28;color:#ddca70}.notebook-table-wrap td{color:#c9d2cc}.statusbar{grid-column:1 / -1;display:flex;align-items:center;gap:13px;padding:0 7px;border-top:1px solid #354039;background:#18201c;color:#78857d;font:5.6px Consolas,monospace}.statusbar b{color:#bec9c2;font-weight:500}@media(max-width:720px){.app-shell{grid-template-columns:84px minmax(0,1fr);grid-template-rows:34px minmax(0,1fr) 19px}.brand strong{font-size:10px}.brand span{display:none}.sidebar button{min-height:23px;font-size:6px}.workflow-panel{width:200px}.tool-panel{width:150px}.tube-panel{width:195px}.plan-panel{width:235px;height:270px}.observation-panel{width:195px}.telescope-panel{width:150px;height:100px}.world-probe{display:none}.notebook-manual{flex-wrap:wrap}#manual-note{width:170px}}