.space-entry{display:inline-flex;align-items:center;gap:10px;min-height:43px;margin-top:19px;padding:10px 14px;border-radius:10px;background:linear-gradient(110deg,#7b46d2,#aa46af);border:1px solid #d1a4ef61;color:#fff;font-size:13px;box-shadow:0 6px 25px #8f43d42b;cursor:pointer}.space-entry>span svg{width:18px;height:18px}.space-entry:hover{background:linear-gradient(110deg,#955ee8,#b861bb);box-shadow:0 0 27px #b563f840}.entry-hint{font-size:10px;color:#e6ceff;border-left:1px solid #e3bdf34b;padding-left:12px}.intro{min-height:228px}.cosmos-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:#070b1d;overflow:hidden;isolation:isolate;box-shadow:none}.cosmos-dialog::backdrop{background:#070b1d}.cosmos-dialog::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 38%,#36347770,transparent 47%),radial-gradient(ellipse at 90% 10%,#b037a91c,transparent 50%),#060a1b;pointer-events:none}#spaceCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.8;pointer-events:none}.cosmos-hud{position:absolute;z-index:5;left:0;right:0;top:0;padding:27px 38px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#080c2099,transparent);gap:16px}.cosmos-brand{display:flex;gap:12px;align-items:center}.hud-brand-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#8d61dd77,#ac49a23d);border:1px solid #d6acff36;color:#d9b8ff;box-shadow:0 0 28px #8255e020}.cosmos-brand h2{font-size:18px;font-weight:600;margin:0 0 3px}.cosmos-brand p{font-size:11px;margin:0;color:#b0a9c9}.cosmos-header-actions{display:flex;gap:10px;align-items:center}.cosmos-command,.cosmos-back{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 14px;background:#27203970;border:1px solid #9070b355;color:#dbc8f4;border-radius:9px;font-size:12px;backdrop-filter:blur(12px)}.cosmos-command:hover,.cosmos-back:hover{background:#57377970;border-color:#d2a7fb88}.cosmos-command svg,.cosmos-back svg{width:17px;height:17px}.cosmos-command kbd{font-size:10px;color:#b8a1ce;border:1px solid #8f6ea650;padding:1px 4px;border-radius:3px}.orbit-viewport{position:absolute;inset:110px 0 176px;perspective:1200px;outline-offset:-12px;touch-action:pan-y;cursor:grab}.orbit-viewport.dragging{cursor:grabbing}.orbit-world{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;pointer-events:none}.space-sculpture{position:absolute;width:440px;height:300px;left:calc(50% - 220px);top:calc(50% - 180px);filter:drop-shadow(0 0 55px #8570e553);pointer-events:none;opacity:.85}.space-sculpture img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.space-orbit-line{position:absolute;inset:18% -23% 18%;border:1px solid #ba9ae548;border-radius:50%;transform:rotateX(70deg) rotate(-12deg);box-shadow:0 0 23px #bc76e530,inset 0 0 23px #6c84e538}.orbit-card{position:absolute;left:50%;top:50%;margin-left:-122px;margin-top:-112px;width:244px;height:269px;border:1px solid color-mix(in srgb,var(--accent) 50%,#cec9ff);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,#191c33eb),#161829f0);backdrop-filter:blur(14px);padding:21px 22px;text-align:left;pointer-events:auto;box-shadow:0 14px 70px #03061495,inset 0 1px 0 #ffffff2d;will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s;cursor:pointer;color:#ede8fa}.orbit-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,transparent 30%,transparent 75%,color-mix(in srgb,var(--accent) 30%,transparent));opacity:.8}.orbit-card.active{border-color:color-mix(in srgb,var(--accent) 45%,white);box-shadow:0 15px 80px #050611a0,0 0 60px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px 0 #ffffff5d}.orbit-card .space-card-icon{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border-radius:16px;color:#fff;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#170f28));border:1px solid #ffffff46;box-shadow:0 7px 28px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 2px 0 #ffffff36;margin-bottom:21px}.space-card-icon svg{width:28px;height:28px;stroke-width:1.4}.space-card-category{font-size:10px;letter-spacing:.3px;color:color-mix(in srgb,var(--accent) 35%,white);margin-bottom:4px}.space-card-title{display:block;font-size:19px;font-weight:600;line-height:1.5;margin-bottom:8px}.space-card-description{font-size:11px;line-height:1.8;color:#bcbad1;flex:1}.space-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff18;margin-top:12px;padding-top:11px;font-size:10px;color:#bdb1d0}.space-card-footer span:last-child{color:color-mix(in srgb,var(--accent) 35%,white)}.orbit-card:hover{border-color:#fff;box-shadow:0 0 50px color-mix(in srgb,var(--accent) 22%,transparent),0 20px 70px #01031270}.orbit-drag-hint{position:absolute;top:9px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;color:#c4b5e4;font-size:11px;border:1px solid #ad85d833;border-radius:30px;padding:8px 16px;background:#30223a48;backdrop-filter:blur(10px);white-space:nowrap;opacity:.9;pointer-events:none}.orbit-drag-hint svg{width:16px;height:16px}.space-control-panel{position:absolute;z-index:6;left:38px;right:38px;bottom:58px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 27px;border:1px solid #ad8dc433;border-radius:17px;background:linear-gradient(130deg,#25203aaf,#1c2636c4);backdrop-filter:blur(20px);box-shadow:0 15px 50px #02061250}.space-category{font-size:10px;color:#caa7f0;display:block;margin-bottom:5px}.space-tool-detail h3{font-size:23px;font-weight:600;margin:0 0 5px;letter-spacing:-.3px}.space-tool-detail p{font-size:12px;color:#bdb7cd;margin:0;line-height:1.7}.space-controls{display:flex;gap:24px;align-items:center;flex-shrink:0}.orbit-arrows{display:flex;align-items:center;gap:15px}.orbit-arrows button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #9472ae66;border-radius:50%;background:#40304e50;color:#ded0ee;font-size:27px}.orbit-arrows button:hover{background:#68467b85;border-color:#d8acff88}.orbit-arrows button span{line-height:1;margin-top:-4px}.orbit-arrows>span{font-size:12px;color:#c5b7d5;min-width:36px;text-align:center}.space-launch{min-height:46px;min-width:150px;display:flex;align-items:center;justify-content:center;gap:19px;border:1px solid #c197ff80;background:linear-gradient(110deg,#8b57dc,#b254ae);color:#fff;padding:11px 18px;border-radius:10px;font-size:13px;box-shadow:0 0 28px #a04ddd25}.space-launch:hover{background:linear-gradient(110deg,#a473ed,#c06dbb);box-shadow:0 0 40px #a75bf744}.space-launch svg{width:17px;height:17px}.space-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:21px;display:flex;gap:9px;z-index:6}.space-dots button{width:28px;height:18px;border:0;background:none;padding:6px;display:grid;place-items:center;cursor:pointer}.space-dots i{width:6px;height:6px;border-radius:50%;background:#8a709966;display:block;transition:width .25s,background .25s}.space-dots button.active i{width:22px;border-radius:4px;background:#cba2ff;box-shadow:0 0 12px #b17bf566}.space-key-hint{position:absolute;right:39px;bottom:13px;font-size:9px;color:#85799b;margin:0}.space-key-hint span{margin:0 8px;color:#51475e}.particle-portal{position:fixed;inset:0;z-index:50;pointer-events:none;display:none;place-items:center;background:transparent;overflow:hidden}.particle-portal.playing{display:grid}.particle-portal>span{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#ffffffee,#c28efc99 32%,#48dbc780 52%,transparent 72%);filter:blur(2px);box-shadow:0 0 60px #c981ffb0;animation:portal-expand .7s cubic-bezier(.65,.05,.35,1) both}.particle-portal>i{position:absolute;width:80px;height:80px;border:2px solid #d4b1ffee;border-radius:50%;box-shadow:0 0 28px #ad78ff,0 0 60px #67d7ec,inset 0 0 25px #a266eb;animation:portal-ring .7s cubic-bezier(.65,.05,.35,1) both}@keyframes portal-expand{0%{transform:scale(0);opacity:0}24%{transform:scale(2);opacity:.8}75%{transform:scale(30);opacity:.96}100%{transform:scale(42);opacity:0}}@keyframes portal-ring{0%{transform:scale(0);opacity:0}35%{transform:scale(3);opacity:1}100%{transform:scale(38);opacity:0}}
@media(max-width:850px){.cosmos-hud{padding:23px 23px}.cosmos-brand h2{font-size:16px}.cosmos-command kbd{display:none}.space-control-panel{left:23px;right:23px;bottom:58px;padding:18px 22px}.space-controls{gap:16px}.space-tool-detail h3{font-size:20px}.space-tool-detail p{max-width:300px;font-size:11px}.space-launch{min-width:122px}.space-sculpture{width:320px;left:calc(50% - 160px)}.orbit-card{width:220px;height:258px;margin-left:-110px}.space-key-hint{display:none}}
@media(max-width:600px){.intro{min-height:248px}.space-entry{font-size:11px;min-height:42px;padding:9px 11px;gap:7px;margin-top:14px}.entry-hint{display:none}.cosmos-hud{padding:19px 16px;align-items:flex-start}.cosmos-brand{gap:8px}.hud-brand-icon{width:35px;height:35px;border-radius:11px}.hud-brand-icon svg{width:19px;height:19px}.cosmos-brand h2{font-size:15px}.cosmos-brand p{font-size:9px;max-width:120px}.cosmos-header-actions{gap:7px}.cosmos-command{font-size:0;padding:9px;min-width:38px;min-height:38px}.cosmos-command svg{width:17px;height:17px}.cosmos-back{font-size:10px;padding:9px 10px;min-height:38px;gap:7px}.orbit-viewport{inset:108px 0 236px;perspective:900px}.orbit-card{width:196px;height:249px;margin-left:-98px;margin-top:-109px;padding:19px 19px}.space-card-title{font-size:17px}.space-card-description{font-size:10px}.orbit-card .space-card-icon{width:48px;height:48px;border-radius:14px;margin-bottom:15px}.space-card-icon svg{width:25px;height:25px}.space-sculpture{width:240px;height:210px;left:calc(50% - 120px);top:calc(50% - 150px);opacity:.7}.orbit-drag-hint{font-size:9px;top:3px;padding:7px 11px}.space-control-panel{left:16px;right:16px;bottom:58px;display:block;padding:17px 19px;border-radius:15px}.space-tool-detail h3{font-size:18px}.space-tool-detail p{font-size:11px;max-width:none;line-height:1.7}.space-category{font-size:9px}.space-controls{margin-top:15px;justify-content:space-between;gap:13px}.orbit-arrows{gap:10px}.orbit-arrows button{width:39px;height:39px}.space-launch{min-height:41px;min-width:121px;font-size:12px;gap:13px}.space-dots{bottom:23px;gap:5px}.space-dots button{width:26px;height:24px}.cosmos-dialog .space-dots i{width:5px;height:5px}.cosmos-dialog .space-dots button.active i{width:20px}.cosmos-hud .cosmos-command,.cosmos-hud .cosmos-back{min-height:44px}.orbit-arrows button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.particle-portal{display:none!important}.orbit-world,.orbit-card,.space-dots i{transition:none}.space-sculpture{filter:none}}
html:has(dialog[open]){overflow:hidden}
.orbit-viewport:focus-visible{outline:0}
.orbit-viewport:focus-visible .orbit-drag-hint{border-color:#d9b2ff;box-shadow:0 0 0 3px #c193ff22}
.orbit-viewport:focus-visible .orbit-card.active{border-color:#f0ddff;box-shadow:0 0 0 2px #cf9ffb55,0 0 65px #ad74ff40}
.orbit-card:focus-visible{outline:3px solid #edd6ff;outline-offset:6px}
#spaceCanvas{transition:transform .72s ease-in,filter .72s ease-in}
.orbit-world,.space-sculpture{transition:opacity .6s ease-in,filter .6s ease-in}
.traveling .orbit-world,.traveling .space-sculpture{opacity:0;filter:blur(9px)}
.traveling #spaceCanvas{transform:scale(1.45);filter:brightness(1.8)}
.particle-portal>span{background:radial-gradient(circle,#0c0719 0 32%,#ad70ffcc 36%,#5bdeea80 43%,#d078ec44 54%,transparent 69%)}
.particle-portal>i{border:2px solid #ddc2ff;box-shadow:0 0 28px #b978ff,0 0 60px #67d7ec,inset 0 0 45px #a266eb}
.space-entry{min-height:44px;pointer-events:auto}
.space-dots{bottom:7px;gap:4px}
.space-dots button{width:44px;height:44px;padding:12px}
.space-key-hint{bottom:20px}
@media(max-width:600px){.space-dots{bottom:7px;gap:2px}.space-dots button{width:44px;height:44px}.space-launch{min-height:44px}.space-control-panel{bottom:62px}.orbit-viewport{inset:108px 0 242px}}
@media(max-height:620px){.cosmos-hud{padding:12px 20px}.cosmos-brand h2{font-size:15px}.cosmos-brand p{font-size:10px}.orbit-viewport{inset:79px 0 126px}.orbit-drag-hint{display:none}.orbit-card{width:208px;height:164px;margin-left:-104px;margin-top:-74px;padding:14px 17px}.orbit-card .space-card-icon{width:35px;height:35px;border-radius:10px;margin-bottom:8px}.space-card-icon svg{width:21px;height:21px}.space-card-title{font-size:15px;margin-bottom:0}.space-card-category{font-size:9px;margin-bottom:2px}.space-card-description{display:none}.space-card-footer{margin-top:auto;padding-top:7px;font-size:9px}.space-sculpture{width:270px;height:180px;left:calc(50% - 135px);top:calc(50% - 100px)}.space-control-panel{bottom:50px;left:20px;right:20px;display:flex;padding:11px 17px;gap:18px}.space-tool-detail h3{font-size:17px;margin:0}.space-tool-detail p{display:none}.space-category{font-size:9px;margin-bottom:3px}.space-controls{margin-top:0;gap:14px}.space-launch{min-width:120px}.space-dots{bottom:2px}.space-key-hint{display:none}}
@media(max-height:620px) and (max-width:600px){.space-control-panel{left:12px;right:12px;display:block;padding:10px 14px}.space-controls{margin-top:8px}.space-category{display:none}.orbit-viewport{bottom:157px}.space-tool-detail h3{font-size:15px}.orbit-card{width:178px;margin-left:-89px}}
@media(prefers-reduced-motion:reduce){#spaceCanvas,.orbit-world,.space-sculpture{transition:none}}