@layer components{body.space-mode{background:#050608;color:#f5f5f5;--edge-control-size: 30px;--edge-control-z: 140;--edge-control-border: 2px solid #000000;--edge-control-radius: 0;--edge-control-bg: linear-gradient(135deg, #1b0f33, #0a1a2e);--edge-control-color: #e6f7ff;--edge-control-font-size: .75rem;--edge-control-font-weight: 600;--edge-control-shadow: 0 0 10px rgba(0, 255, 246, .4), 4px 4px 0 #000000;--edge-control-shadow-hover: 0 0 14px rgba(255, 170, 110, .25), 4px 4px 0 #000000}.space-page{min-height:100vh;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 20% 20%,rgba(74,122,255,.15),transparent 40%),radial-gradient(circle at 80% 30%,rgba(255,120,180,.12),transparent 35%),radial-gradient(circle at 50% 80%,rgba(90,220,255,.08),transparent 40%),#050608;overflow:hidden;animation:space-page-in var(--dur-lg) var(--ease-out) both}.space-page:before,.space-page:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.35) 1px,transparent 1px);background-size:120px 120px,60px 60px;background-position:0 0,30px 40px;opacity:.6;pointer-events:none;animation:space-stars-in var(--dur-lg) var(--ease-out) both}.space-page:after{opacity:.4;filter:blur(.2px);transform:translateZ(0);animation:star-drift 60s linear infinite}@keyframes space-page-in{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@keyframes space-stars-in{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes star-drift{0%{transform:translateZ(0)}to{transform:translate3d(-120px,80px,0)}}@media(prefers-reduced-motion:reduce){.space-page:after{animation:none}.space-page{animation:none}.space-page:before{animation:none}.space-scene,.space-cube{animation:none}}.space-scene{--space-size: 220px;--space-depth: calc(var(--space-size) / 2);width:min(60vw,420px);height:min(60vw,420px);display:grid;place-items:center;perspective:1400px;cursor:grab;position:relative;z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;animation:space-scene-in var(--dur-lg) var(--ease-out) both}.space-home-toggle{appearance:none;-webkit-appearance:none;position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:var(--edge-control-z);width:var(--edge-control-size);height:var(--edge-control-size);padding:0;border:var(--edge-control-border);border-radius:var(--edge-control-radius);background:var(--edge-control-bg);color:var(--edge-control-color);display:inline-flex;align-items:center;justify-content:center;line-height:1;font-family:inherit;font-weight:var(--edge-control-font-weight);font-size:var(--edge-control-font-size);text-decoration:none;cursor:pointer;box-shadow:var(--edge-control-shadow);transition:transform var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out);--edge-hover-x: -2px}.space-home-toggle:link,.space-home-toggle:visited{color:var(--edge-control-color)}.space-home-toggle:hover,.space-home-toggle:focus-visible{transform:translateY(-50%) translate(var(--edge-hover-x));box-shadow:var(--edge-control-shadow-hover)}.space-scene.is-grabbing{cursor:grabbing}.space-cube{position:relative;width:var(--space-size);height:var(--space-size);transform-style:preserve-3d;transition:box-shadow .4s ease;box-shadow:0 20px 60px #0000008c,0 0 0 1px #ffffff0d}@keyframes space-scene-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.space-face{position:absolute;width:var(--space-size);height:var(--space-size);background:#0a0b0d;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 40px #000000b3}.space-face-front{transform:translateZ(var(--space-depth))}.space-face-back{transform:rotateY(180deg) translateZ(var(--space-depth))}.space-face-right{transform:rotateY(90deg) translateZ(var(--space-depth))}.space-face-left{transform:rotateY(-90deg) translateZ(var(--space-depth))}.space-face-top{transform:rotateX(90deg) translateZ(var(--space-depth))}.space-face-bottom{transform:rotateX(-90deg) translateZ(var(--space-depth))}}