:root{color-scheme:dark;--bg:#050710;--offwhite:#f9f4e9;--muted:#a1a6bb;--line:rgba(200,202,223,.13);--gold:#e8b983;--blue:#98b6d5;--glass:rgba(12,16,31,.72)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--offwhite);font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,.screen-label:focus-visible{outline:2px solid #f7d7ab;outline-offset:4px}.app{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#181624 0%,#050710 75%)}canvas#universe{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas#universe.dragging{cursor:grabbing}.vignette,.scanline{pointer-events:none;position:absolute;inset:0}.vignette{background:radial-gradient(ellipse at 52% 47%,transparent 22%,rgba(2,5,13,.07) 42%,rgba(2,5,13,.59) 100%)}.scanline{opacity:.25;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(255,255,255,.007) 4px);mix-blend-mode:screen}
.glass{background:linear-gradient(128deg,rgba(16,20,36,.84),rgba(12,15,29,.58));border:1px solid rgba(199,203,224,.14);box-shadow:0 12px 56px rgba(1,3,9,.23),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.masthead{position:absolute;top:30px;left:32px;width:320px;padding:23px 25px 18px;border-radius:13px}.eyebrow,.panel-header,.serial,.parameter-title,.range-ends,.object-type,.live-indicator,.lab-footer,.corner-coordinate,.scale-guide,.mobile-toggle{font-family:'Space Grotesk',sans-serif;letter-spacing:.14em}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;color:#d6b998;white-space:nowrap}.status-light,.tiny-pulse,.live-indicator b{display:inline-block;border-radius:100%;width:5px;height:5px;background:#c4dfae;box-shadow:0 0 14px 2px #95d0a288}.eyebrow-separator{color:#6a7189}.brandline{display:flex;align-items:center;gap:13px;margin:19px 0 10px}.symbol{position:relative;width:44px;height:44px;flex:0 0 44px;border:1px solid rgba(234,201,148,.35);border-radius:50%;display:grid;place-items:center}.symbol:before{content:"";width:21px;height:21px;border-radius:100%;background:linear-gradient(135deg,#f2dbad,#a16b68 70%,#553e5c);box-shadow:0 0 18px #e1a67f55}.symbol span{position:absolute;width:35px;height:10px;border:1.5px solid #ebc18b;border-radius:50%;transform:rotate(-26deg)}.symbol i{position:absolute;width:3px;height:3px;background:#eff1f5;border-radius:50%;right:6px;top:10px}.brandline h1{font-family:'Space Grotesk',sans-serif;font-size:29px;line-height:1;letter-spacing:.21em;margin:0;font-weight:600}.brandline p{font-family:'Space Grotesk',sans-serif;color:#e8c69c;letter-spacing:.11em;font-size:8px;font-weight:700;margin:7px 0 0}.description{font-size:12px;line-height:1.75;color:#aeb4c7;margin:13px 0 18px}.serial{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;font-size:8px;letter-spacing:.06em;color:#7f8aa4}.serial span:last-child{color:#b1d8bb}.tiny-pulse{margin-left:4px}
.top-actions{position:absolute;top:30px;right:34px;display:flex;gap:6px;z-index:10}.icon-button{border:1px solid rgba(210,214,239,.18);background:rgba(14,18,32,.63);color:#eee8e3;padding:12px 13px;min-width:43px;border-radius:8px;font-size:16px;backdrop-filter:blur(14px);transition:background .2s,border-color .2s}.icon-button span{font-family:'Space Grotesk',sans-serif;font-size:9px;letter-spacing:.12em;margin-left:6px;vertical-align:2px}.icon-button:hover,.icon-button.active{background:rgba(225,191,141,.13);border-color:#e5c69980}.scale-guide{position:absolute;top:53%;left:34px;display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:.06em;color:#a2abbc;transform:rotate(-90deg) translateX(-50%);transform-origin:left center;opacity:.73}.scale-line{height:1px;width:41px;background:#8c9cb0;position:relative}.scale-line:before,.scale-line:after{content:"";position:absolute;height:5px;width:1px;background:#8c9cb0;top:-2px}.scale-line:before{left:0}.scale-line:after{right:0}.scale-line.short{width:19px}
.bottom-left{position:absolute;left:32px;bottom:31px;width:365px;border-radius:13px;padding:18px 19px 14px}.panel-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:10px;color:#dfc8a8}.panel-index{font-size:9px;letter-spacing:.08em;color:#7888a6}.object-content{display:flex;gap:14px;margin:20px 0 15px;min-height:105px}.selection-mark{width:38px;height:38px;border-radius:50%;border:1px solid #d4b79270;display:grid;place-items:center;color:#ebcba3;font-size:24px;flex:0 0 38px}.object-type{color:#8399b0;font-size:9px;font-weight:600}.object-content h2{font-family:'Space Grotesk';font-weight:500;font-size:24px;letter-spacing:.015em;margin:4px 0 7px}.object-content p{color:#acb1c4;font-size:11px;line-height:1.62;margin:0;max-width:280px}.readout-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0;border-block:1px solid var(--line);gap:8px}.readout-grid small{display:block;font-family:'Space Grotesk';font-size:8px;font-weight:600;letter-spacing:.07em;color:#818b9e;white-space:nowrap}.readout-grid strong{display:block;color:#f3e2c5;font-size:14px;letter-spacing:.015em;font-family:'Space Grotesk';font-weight:500;margin-top:6px}.inspector-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:13px;font-size:8px;color:#818b9e;letter-spacing:.03em}.inspector-footer kbd{font-family:'Space Grotesk';font-weight:500;color:#b4bdd0;font-size:8px}.text-action{border:0;background:transparent;color:#e4b98b;font-size:10px;letter-spacing:.09em;font-family:'Space Grotesk';white-space:nowrap;padding:4px}
.control-panel{position:absolute;right:33px;bottom:30px;width:305px;padding:19px 21px 17px;border-radius:13px;z-index:7}.live-indicator{color:#a7c9b4;letter-spacing:.1em;font-size:8px;display:flex;align-items:center;gap:7px}.control-intro{font-size:11px;line-height:1.6;color:#8f9bb2;margin-top:12px;margin-bottom:21px}.parameter{margin:0 0 17px}.parameter-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.085em;color:#c2c9d9}.parameter-title output{font-family:'Space Grotesk';font-size:12px;color:#eac69d;font-weight:600;letter-spacing:0}.parameter input[type=range]{width:100%;height:17px;margin:9px 0 0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.parameter input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#e3b783 0%,#8d758b 58%,#34435d 100%);border-radius:2px}.parameter input[type=range]::-moz-range-track{height:3px;background:linear-gradient(90deg,#e3b783,#34435d);border-radius:2px}.parameter input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#f7e5c9;border-radius:100%;width:12px;height:12px;margin-top:-4.5px;border:2px solid #53434d;box-shadow:0 0 0 3px #eac69d1d}.parameter input[type=range]::-moz-range-thumb{background:#f7e5c9;border:2px solid #53434d;border-radius:100%;width:10px;height:10px}.range-ends{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.06em;color:#66718b}.divider-line{height:1px;background:var(--line);margin:20px 0 12px}.toggle-line{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.toggle-line b{font-family:'Space Grotesk';font-size:10px;font-weight:600;letter-spacing:.075em;color:#c6cbda}.toggle-line small{font-size:10px;display:block;color:#7988a2;margin-top:3px}.switch{border:1px solid #4c5266;background:#252a3a;width:34px;height:20px;border-radius:15px;display:flex;align-items:center;padding:3px;transition:background .15s}.switch span{width:12px;height:12px;background:#7f899c;border-radius:100%;transition:transform .2s,background .2s}.switch.on{background:#a1785b70;border-color:#d7a97e}.switch.on span{transform:translateX(14px);background:#f3d7ad}.pulse-button{display:flex;align-items:center;justify-content:space-between;gap:11px;text-align:left;width:100%;margin-top:14px;padding:13px 12px;border-radius:8px;border:1px solid #e8bc8466;background:linear-gradient(105deg,#ca946c3d,#8b627639);color:#f2d8b9;font-family:'Space Grotesk';font-weight:600;font-size:10px;letter-spacing:.04em;transition:background .2s,transform .2s}.pulse-button:hover{background:#d6ac7e4d;transform:translateY(-1px)}.pulse-symbol{font-size:22px;font-weight:400}.pulse-button span:nth-child(2){flex:1}.pulse-button small{display:block;color:#c3a695;font-family:'DM Sans';font-weight:400;letter-spacing:0;font-size:9px;margin-top:4px}.lab-footer{display:flex;justify-content:space-between;margin-top:13px;font-size:8px;font-weight:500;letter-spacing:.055em;color:#70809b}
.bottom-center{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#a6aebc;font-family:'Space Grotesk';font-size:9px;letter-spacing:.12em;text-shadow:0 1px 12px #000;pointer-events:none;transition:opacity .5s}.corner-coordinate{position:absolute;top:92px;right:34px;text-align:right;font-size:9px;letter-spacing:.055em;color:#8795ae;line-height:1.8}.corner-coordinate span{display:block;color:#5d6f86;font-size:8px}.screen-label{position:absolute;display:none;pointer-events:auto;align-items:center;gap:10px;z-index:5;transform:translate(13px,-50%);cursor:pointer;filter:drop-shadow(0 2px 4px #060910)}.screen-label .label-dot{display:block;border:1px solid #f7d7ab;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #d8c3acaa}.screen-label b,.screen-label small{display:block;font-family:'Space Grotesk';letter-spacing:.16em;white-space:nowrap}.screen-label b{font-size:10px;color:#fff2d6}.screen-label small{font-size:8px;margin-top:3px;color:#9db0c7}.screen-label:hover b{color:#e8b983}.render-status{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;color:#d8c39f;font-size:12px;z-index:10}.mobile-toggle{display:none}.noscript{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:320px;background:#121728;padding:25px;z-index:30}.skip-link{position:absolute;z-index:100;top:-60px;left:10px;color:#fff;background:#1b2233;padding:12px}.skip-link:focus{top:10px}
@media(max-width:1200px){.masthead{left:19px;top:18px;width:280px;padding:19px}.brandline h1{font-size:24px}.description{font-size:11px}.top-actions{top:18px;right:18px}.bottom-left{bottom:18px;left:18px;width:325px}.control-panel{right:18px;bottom:18px;width:286px;padding:17px}.scale-guide{left:20px}.corner-coordinate{right:19px;top:80px}.bottom-center{display:none}}
@media(max-width:760px){.masthead{top:10px;left:10px;width:calc(100% - 20px);max-width:370px;padding:12px 15px 11px;backdrop-filter:blur(11px)}.eyebrow{font-size:8px}.brandline{margin:9px 0 3px;gap:9px}.brandline h1{font-size:22px}.brandline p{font-size:7px}.symbol{width:35px;height:35px;flex-basis:35px}.description,.serial{display:none}.top-actions{top:115px;left:11px;right:auto;gap:4px}.icon-button{padding:9px 8px;min-width:37px}.icon-button span{font-size:8px;margin-left:3px}.corner-coordinate,.scale-guide,.bottom-center{display:none}.bottom-left{left:10px;bottom:calc(44% + 7px);width:min(315px,calc(100% - 20px));padding:11px 13px;border-radius:10px;pointer-events:auto}.bottom-left .panel-header{font-size:8px}.bottom-left .object-content{margin:8px 0;min-height:0;gap:8px}.bottom-left .selection-mark{width:28px;height:28px;flex-basis:28px;font-size:16px}.bottom-left .object-type{font-size:8px}.bottom-left h2{font-size:18px;margin:2px 0 3px}.bottom-left .object-content p{font-size:10px;line-height:1.36;max-height:29px;overflow:hidden}.bottom-left .readout-grid{padding:8px 0;gap:5px}.bottom-left .readout-grid small{font-size:7px}.bottom-left .readout-grid strong{font-size:11px;margin-top:4px}.bottom-left .inspector-footer{margin-top:7px}.bottom-left .inspector-footer span{font-size:7px}.mobile-toggle{display:flex;position:absolute;z-index:9;bottom:calc(40% - 3px);right:10px;background:#202337db;border:1px solid #a5988f7a;color:#f2d9bd;padding:9px 11px;border-radius:8px;font-weight:600;align-items:center;gap:7px;font-size:9px;letter-spacing:.075em}.mobile-toggle span{font-size:14px}.control-panel{left:10px;right:10px;bottom:9px;width:auto;max-height:39%;overflow-y:auto;overscroll-behavior:contain;padding:13px 16px 15px;border-radius:11px;scrollbar-width:thin}.control-panel.collapsed{display:none}.mobile-toggle.collapsed{bottom:11px}.control-intro{display:none}.control-panel .parameter{margin-top:12px;margin-bottom:8px}.parameter input[type=range]{margin-top:3px}.divider-line{margin:10px 0 5px}.toggle-line{padding:5px 0}.pulse-button{margin-top:8px;padding:10px}.lab-footer{margin-top:7px}.screen-label{transform:translate(8px,-50%)}.screen-label b{font-size:8px}.screen-label small{font-size:7px}.screen-label .label-dot{width:5px;height:5px}}
@media(max-width:760px) and (max-height:630px){.bottom-left{bottom:43%;width:265px}.bottom-left .object-content p,.inspector-footer span{display:none}.control-panel{max-height:39%}.top-actions{top:102px}}
@media(min-width:761px) and (max-height:660px){.control-panel{max-height:calc(100% - 100px);overflow-y:auto}.bottom-left{width:300px}.masthead .description{display:none}.masthead{padding:16px}.bottom-left .object-content{margin:10px 0;min-height:75px}.control-intro{display:none}.parameter{margin-bottom:12px}.divider-line{margin:12px 0 7px}.pulse-button{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}

.guide-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:760px){body:not(.controls-open) .bottom-left{bottom:61px;width:min(315px,calc(100% - 20px))}body:not(.controls-open) .mobile-toggle{bottom:11px}.guide-link span{display:none}.guide-link{min-width:37px}}