#space-fallback{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 85% 55% at 62% 128%,#12283a 0 54%,#0a1822 55%,transparent 62%),radial-gradient(1px 1px at 20% 30%,#7d98a8,transparent),radial-gradient(1px 1px at 70% 18%,#7d98a8,transparent),var(--bg)}
#space-bg{position:fixed;inset:0;width:100%;height:100%;z-index:1;display:block;pointer-events:none;touch-action:pan-y;opacity:0;transition:opacity .5s}#space-bg.on{opacity:1}
.container,.login-card{position:relative;z-index:2}.login-card{background:color-mix(in srgb,var(--surface) 94%,transparent)}.container{padding-bottom:150px}.space-controls{position:fixed;right:16px;bottom:max(12px,env(safe-area-inset-bottom));z-index:45;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:calc(100vw - 32px);font-size:11px}.space-controls button{min-height:38px;padding:6px 11px;font-size:11px;background:#101827e8;color:#cbd5e1}.space-controls button.a{background:#6366f1;color:#fff}.space-controls small{background:#0b0f19e8;padding:2px 8px;border-radius:4px;color:#b5c3d8}.space-modes,#space-bodies{display:flex;gap:3px;border-radius:9px;border:1px solid #283044;padding:3px;background:#0b0f19e8;max-width:100%;overflow-x:auto}.space-3d #space-bg{z-index:40;pointer-events:auto;touch-action:none;cursor:grab}.space-3d #space-bg:active{cursor:grabbing}.space-3d .container,.space-3d .login-card,.space-3d .sidebar{opacity:0;pointer-events:none}.space-3d .space-controls{z-index:45}:root[data-theme=light] #space-bg,:root[data-theme=light] #space-fallback{display:none}:root[data-theme=light] .space-controls{opacity:.85}:root[data-theme=light] body.space-3d #space-bg{display:block}
@media(max-width:760px){.space-controls{right:8px;bottom:8px;max-width:calc(100vw - 16px)}.space-controls small{display:none}.space-controls button{min-height:40px}#space-bodies button{padding:5px 8px}.login-card{margin-bottom:150px}}
@media(prefers-reduced-motion:reduce){#space-bg{transition:none}}
