:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4fdff;background:#030609;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.spatial-shell{position:relative;width:100vw;height:100vh;min-height:620px;overflow:hidden;isolation:isolate;background:linear-gradient(112deg,rgba(124,236,255,.06),transparent 33%),linear-gradient(205deg,transparent 48%,rgba(205,252,255,.045) 78%,transparent),#030609}.spatial-shell:before{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:-3;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:96px 96px;-webkit-mask-image:linear-gradient(180deg,transparent,black 18%,black 72%,transparent);mask-image:linear-gradient(180deg,transparent,black 18%,black 72%,transparent);opacity:.22;transform:perspective(900px) rotateX(66deg) translateY(12vh) scale(1.35);transform-origin:center bottom}.spatial-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.03),transparent 18%,transparent 82%,rgba(255,255,255,.025)),linear-gradient(180deg,rgba(2,6,10,.08),transparent 42%,rgba(0,0,0,.34))}.ambient{position:absolute;inset:auto;z-index:-2;pointer-events:none;filter:blur(42px);opacity:.4}.ambient-a{width:70vw;height:26vh;left:12vw;top:8vh;background:linear-gradient(90deg,transparent,rgba(93,231,255,.13),transparent);transform:rotate(-8deg)}.ambient-b{width:72vw;height:18vh;right:-18vw;bottom:12vh;background:linear-gradient(90deg,transparent,rgba(218,255,255,.1),transparent);transform:rotate(14deg)}.glass-layer{position:absolute;z-index:1;pointer-events:none;border:1px solid rgba(220,252,255,.12);background:linear-gradient(135deg,#ffffff12,#ffffff03);box-shadow:inset 0 0 34px #d2faff09,0 28px 90px #00000029;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.layer-a{width:min(34vw,520px);aspect-ratio:2.25 / 1;left:8vw;top:19vh;transform:rotate(-18deg) skew(-10deg);opacity:.28}.layer-b{width:min(28vw,430px);aspect-ratio:2.1 / 1;right:11vw;bottom:18vh;transform:rotate(21deg) skew(14deg);opacity:.22}.topbar{position:absolute;top:clamp(22px,4vw,46px);left:clamp(22px,5vw,72px);right:clamp(22px,5vw,72px);z-index:20;display:flex;align-items:center;justify-content:space-between;color:#effdffd1}.brand{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:26px;border-left:1px solid rgba(223,255,255,.52);padding-left:14px;font-size:13px;font-weight:650;letter-spacing:.24em}.topbar nav{display:flex;align-items:center;gap:clamp(18px,4vw,44px);font-size:11px;font-weight:520;letter-spacing:.18em}.topbar nav a{opacity:.58;transition:opacity .18s ease,color .18s ease}.topbar nav a:hover,.topbar nav a:focus-visible{color:#dffeff;opacity:1;outline:none}.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene-canvas canvas{width:100%!important;height:100%!important;display:block}.axis-label{position:absolute;z-index:12;font-size:clamp(38px,8vw,112px);font-weight:300;line-height:1;color:#f1feff47;text-shadow:0 0 24px rgba(126,236,255,.34);pointer-events:none;-webkit-user-select:none;user-select:none}.axis-x{left:68%;top:48%}.axis-y{left:49%;top:19%}.axis-z{left:35%;top:57%}.cursor-trace{position:fixed;left:-42px;top:-42px;z-index:14;width:84px;height:84px;border:1px solid rgba(213,254,255,.2);background:radial-gradient(circle,rgba(210,255,255,.14),transparent 56%);box-shadow:0 0 44px #76efff2e;pointer-events:none;transition:opacity .18s ease;mix-blend-mode:screen}.origin-card{position:absolute;left:50%;top:50%;z-index:18;display:grid;gap:5px;min-width:min(320px,76vw);transform:translate(-50%,-50%) translate(88px,58px);padding:12px 14px 13px;color:#f1feffe6;border:1px solid rgba(221,255,255,.17);background:linear-gradient(135deg,#ddfeff1f,#07101657);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff1f,0 18px 70px #00000047}.origin-card:before{content:"";position:absolute;left:-88px;top:23px;width:78px;height:1px;background:linear-gradient(90deg,transparent,rgba(226,255,255,.46))}.origin-card p{margin:0;font-size:10px;font-weight:580;letter-spacing:.2em;text-transform:uppercase;color:#ddfbff8a}.origin-card strong{min-height:20px;font-size:clamp(13px,1.4vw,18px);font-weight:480;letter-spacing:.02em;white-space:nowrap}.origin-dot{position:absolute;left:-101px;top:18px;width:11px;height:11px;border:1px solid rgba(244,255,255,.8);background:#ddffffb8;box-shadow:0 0 24px #7cecffeb}.coordinate-panel{position:absolute;left:clamp(20px,5vw,72px);bottom:clamp(24px,5vw,62px);z-index:22;width:min(360px,calc(100vw - 40px));padding:16px 16px 14px;border:1px solid rgba(227,255,255,.16);color:#f2feffdb;background:linear-gradient(135deg,#d9fcff1c,#03080c6b);-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);box-shadow:inset 0 1px #ffffff1c,0 22px 80px #0000003d}.coordinate-panel:after{content:"";position:absolute;left:16px;right:16px;top:47px;height:1px;background:linear-gradient(90deg,rgba(228,255,255,.2),transparent)}.status{display:inline-flex;align-items:center;height:18px;padding-left:10px;border-left:1px solid rgba(221,255,255,.46);font-size:10px;font-weight:680;letter-spacing:.2em;text-transform:uppercase;color:#ddffffb8}.status.locked{color:#cfffff}.status.blocked,.status.unavailable{color:#ffc7c7}.coordinate-panel p{margin:13px 0 16px;font-size:12px;color:#e0f9ff85}.coordinate-panel dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.coordinate-panel dl div{min-width:0}.coordinate-panel dt{margin-bottom:6px;font-size:9px;font-weight:720;letter-spacing:.18em;color:#defbff75}.coordinate-panel dd{margin:0;overflow-wrap:anywhere;font-size:clamp(12px,1.2vw,15px);font-weight:480;font-variant-numeric:tabular-nums;color:#f6feffeb}@media(max-width:760px){.spatial-shell{min-height:100vh}.topbar{align-items:flex-start}.topbar nav{gap:15px;font-size:10px}.axis-x{left:73%;top:47%}.axis-y{left:49%;top:24%}.axis-z{left:19%;top:59%}.origin-card{transform:translate(-50%,-50%) translate(26px,72px);min-width:min(290px,72vw)}.origin-card:before,.origin-dot{display:none}.coordinate-panel{padding:14px}.coordinate-panel dl{grid-template-columns:1fr;gap:8px}.coordinate-panel dl div{display:flex;justify-content:space-between;gap:12px}.coordinate-panel dt{margin-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}