body.cosmos-page{--paper:#06070b;--ink:#f4f3ec;--muted:#bfc4d1;--accent:#fba388;--line:#626a7b;--code:#151925;--cosmos-gutter:clamp(18px, 3vw, 48px);background:var(--paper);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overflow:hidden}.cosmos-page .site-shell{max-width:none;padding:0}.cosmos{height:100dvh;min-height:100svh}.cosmos:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#06070b99,#0000 25% 65%,#06070bd9);position:fixed;inset:0}.cosmos-page .site-header{inset:env(safe-area-inset-top) 0 auto;z-index:3;min-height:80px;padding:18px var(--cosmos-gutter);pointer-events:none;text-shadow:0 1px 8px #000;border:0;position:fixed}.cosmos-page .site-header a,.cosmos-page .site-header button{pointer-events:auto}.cosmos-heading{top:calc(104px + env(safe-area-inset-top));left:var(--cosmos-gutter);z-index:2;pointer-events:none;position:fixed}.cosmos-heading h1{font:13px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.cosmos-stage{z-index:0;color:#e6e6ec;background:0 0;border:0;position:fixed;inset:0;overflow:hidden}.cosmos-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:none;position:absolute;inset:0}.cosmos-canvas:active{cursor:grabbing}.cosmos-canvas:focus-visible{outline-offset:-5px;outline-color:var(--accent)}.cosmos-stage[data-ready] .cosmos-canvas{display:block}.cosmos-coordinate{top:calc(130px + env(safe-area-inset-top));left:var(--cosmos-gutter);z-index:2;font:9px/1.6 var(--mono);color:var(--muted);letter-spacing:.05em;pointer-events:none;text-shadow:0 1px 8px #000;position:fixed}.cosmos-crosshair{font:18px var(--mono);color:#888d9d;pointer-events:none;position:absolute}.cosmos-crosshair-a{right:var(--cosmos-gutter);top:50%}.cosmos-crosshair-b{left:var(--cosmos-gutter);top:50%}.cosmos-controls{inset:auto var(--cosmos-gutter) calc(68px + env(safe-area-inset-bottom));z-index:2;pointer-events:none;text-shadow:0 1px 8px #000;justify-content:space-between;align-items:end;gap:20px;display:flex;position:fixed}.cosmos-buttons{pointer-events:auto;flex-wrap:wrap;gap:24px;display:flex}.cosmos-buttons button{border:0;border-bottom:1px solid var(--line);color:var(--ink);font:12px var(--mono);cursor:pointer;min-height:44px;text-shadow:inherit;background:0 0;border-radius:0;padding:12px 0}.cosmos-buttons button:hover{color:var(--accent);border-color:var(--accent)}.cosmos-controls p{font:9px/1.8 var(--mono);color:var(--muted);margin:0}.cosmos-controls p span{padding:0 6px}.cosmos-status{bottom:calc(23px + env(safe-area-inset-bottom));left:var(--cosmos-gutter);z-index:2;max-width:calc(100% - 210px);font:10px/1.7 var(--mono);color:var(--muted);pointer-events:none;margin:0;position:fixed}.cosmos-colophon{display:none}.cosmos-page .site-footer{bottom:calc(20px + env(safe-area-inset-bottom));right:var(--cosmos-gutter);z-index:2;pointer-events:none;border:0;margin:0;padding:0;position:fixed}.cosmos-page .site-footer>p,.cosmos-page .site-footer>div{display:none}@media (width<=700px){.cosmos-page .site-header,.cosmos-page .site-header nav{gap:12px}.cosmos-controls{flex-direction:column;align-items:start;gap:12px}.cosmos-status{font-size:9px}}@media (height<=500px){.cosmos-controls p{display:none}}@media (width<=370px){.cosmos-heading{top:calc(144px + env(safe-area-inset-top))}.cosmos-coordinate{top:calc(170px + env(safe-area-inset-top))}}@media print{.cosmos-page{overflow:visible}.cosmos-canvas,.cosmos-controls,.cosmos:after{display:none!important}.cosmos-stage{height:80vh;position:relative}}