:root{color-scheme:dark;--bg:#030610;--text:#e9edff;--cyan:#70dbff;--purple:#ad83ff;--pink:#ff9bbd;--core:clamp(270px,31vw,450px);--satellite:clamp(150px,17vw,245px)}
body::before{content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(#03061022,#03061012 65%,#03061055),url('/assets/cosmic-background-unlit-v2.webp') center center/cover no-repeat;opacity:.84}
*{box-sizing:border-box}html,body{margin:0;min-width:300px;min-height:100%;background:var(--bg)}body{font-family:"Segoe UI",Arial,sans-serif;color:var(--text);min-height:100svh;position:relative;isolation:isolate;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #dcceff;outline-offset:9px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#cosmos,.nebula{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2}.nebula{z-index:-1;background:radial-gradient(ellipse at 50% 47%,#5a267915,transparent 42%),radial-gradient(ellipse at 15% 68%,#006d9a16,transparent 34%),radial-gradient(ellipse at 87% 63%,#910d5d10,transparent 32%)}.masthead{position:absolute;z-index:4;top:0;left:0;width:100%;padding:35px 3.3%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:15px;font-weight:300;letter-spacing:.36em;white-space:nowrap}.wordmark strong{font-weight:600;margin-left:.3em;color:#fff}.masthead-note{font-size:10px;letter-spacing:.22em;color:#9195b0}main{min-height:100svh;display:grid;place-items:center}.universe{position:relative;isolation:isolate;width:100%;height:min(900px,100svh);min-height:640px;display:flex;align-items:center;justify-content:center}.worlds{position:relative;z-index:2;display:grid;grid-template-columns:1fr var(--core) 1fr;align-items:center;justify-items:center;gap:clamp(25px,6.7vw,130px);width:min(92%,1500px);padding-bottom:66px}.core-wrap{position:relative;align-self:center;display:grid;place-items:center;width:var(--core);height:var(--core)}.core{appearance:none;display:block;position:relative;isolation:isolate;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:transparent;color:#f9f3ff;cursor:pointer;touch-action:manipulation}.core-art{position:absolute;inset:-10%;width:120%;height:120%;object-fit:contain;pointer-events:none;animation:breathe 7s ease-in-out infinite;filter:drop-shadow(0 0 18px #6744ed36)}.core-halo{position:absolute;inset:-17%;border-radius:50%;background:radial-gradient(circle,#3d259836 10%,#47208c24 37%,#4150db0d 55%,transparent 72%);animation:breathe 6s ease-in-out infinite}.core-rim{position:absolute;inset:9%;border-radius:50%;box-shadow:inset 0 0 12px #b9b0ff20,0 0 25px #7957ed20;border:1px solid #b6b6ff29}.core-name{position:absolute;inset:0;display:grid;place-content:center;font-size:clamp(30px,3.6vw,56px);letter-spacing:.38em;padding-left:.38em;font-weight:500;-webkit-text-stroke:5px #000;paint-order:stroke fill;text-shadow:0 0 15px #e2bbff,0 0 36px #6d50ff;pointer-events:none}.core #plasma{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:.66}.invitation{position:absolute;top:calc(100% + 22px);left:50%;width:460px;max-width:90vw;text-align:center;transform:translateX(-50%);pointer-events:none}.eyebrow{font-size:8px;letter-spacing:.27em;color:#8e88ac}.invitation p{font-size:15px;font-weight:300;letter-spacing:.2em;margin:12px 0 10px;color:#ded6ed}.gesture{font-size:10px;letter-spacing:.13em;color:#8e8ba7;transition:opacity .5s}.invitation-line{display:block;width:34px;height:1px;background:#b7a1dc;box-shadow:0 0 10px #b683ff66;margin:23px auto 0}.world{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--satellite);opacity:0;visibility:hidden;transform:translateX(35px) scale(.68);transition:opacity .8s ease,transform 1.1s cubic-bezier(.16,1,.3,1),visibility .8s;will-change:transform,opacity}.world-music{transform:translateX(-35px) scale(.68)}[data-expanded="true"] .world{opacity:1;visibility:visible;transform:none;transition-delay:.12s}[data-expanded="true"] .gesture{opacity:0}.world-sphere{position:relative;isolation:isolate;width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 38%,#19346b26 10%,#051b3820 60%,#76ddff38 83%,#0577a00a 88%,transparent 89%);border:1px solid #66d8ff75;box-shadow:inset 0 0 23px #32baff32,0 0 8px #65caff66,0 0 50px #1480df26;transition:filter .4s,transform .4s}.sphere-texture{position:absolute;inset:-9%;border-radius:50%;background-image:url('/assets/sero-plasma.webp');background-size:contain;opacity:.65;filter:hue-rotate(-30deg);mix-blend-mode:screen;animation:orb-drift 28s linear infinite}.music-sphere .sphere-texture{filter:hue-rotate(75deg)}.diamond{position:absolute;width:72%;height:72%;filter:drop-shadow(0 0 10px #57bcff);animation:float 7s ease-in-out infinite}.world-name{font-size:clamp(13px,1.2vw,19px);font-weight:400;letter-spacing:.34em;padding-left:.34em;margin-top:28px;color:#d0f4ff;white-space:nowrap}.world-arrow{position:absolute;opacity:0;letter-spacing:0;transform:translate(-3px,0);transition:opacity .3s,transform .3s;margin-left:10px}.world-description{font-size:10px;letter-spacing:.09em;color:#94a6ba;margin-top:11px;white-space:nowrap}.world-line{height:1px;width:35px;margin-top:23px;background:var(--cyan);box-shadow:0 0 13px #32beff44;transition:width .4s}.world:hover .world-sphere,.world:focus-visible .world-sphere{filter:brightness(1.24);transform:scale(1.045)}.world:hover .world-line,.world:focus-visible .world-line{width:65px}.world:hover .world-arrow,.world:focus-visible .world-arrow{opacity:1;transform:translate(1px,-1px)}.music-sphere{background:radial-gradient(circle at 40% 38%,#4f174526 10%,#25062b20 60%,#fc91bf38 83%,#8f277b0a 88%,transparent 89%);border-color:#ffb4ce70;box-shadow:inset 0 0 23px #ec4ca536,0 0 8px #fbb1d066,0 0 50px #dd258126}.world-music .world-name{color:#ffe4ea}.world-music .world-description{color:#b899af}.world-music .world-line{background:#ffc09f;box-shadow:0 0 13px #fa808744}.music-sphere canvas{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 9px #ff82c9)}.mosaic{position:absolute;width:7px;height:7px;border:1px solid #b0efff88;background:#4fbeef44;box-shadow:0 0 10px #5ccfff99;transform:rotate(40deg)}.m1{left:13%;top:21%}.m2{right:16%;top:12%;width:5px;height:5px}.m3{left:8%;top:65%;width:5px;height:5px}.m4{right:9%;bottom:25%;width:9px;height:9px}.sound-ring{position:absolute;inset:12%;border:1px solid #ffc09f26;transform:rotate(-28deg) scaleY(.57);border-radius:50%;box-shadow:0 0 20px #ff9b9a14}.horizon{position:absolute;left:0;right:0;top:76%;bottom:0;z-index:-1;background:linear-gradient(transparent,#0710202b 12%,#030610 95%);border-top:1px solid #6b76b506;mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}#energy{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.floor-light{position:absolute;z-index:0;pointer-events:none;width:40%;height:100px;left:30%;top:77%;border-radius:50%;background:radial-gradient(ellipse,#8659ed30 0%,#8c45bf16 22%,transparent 67%);filter:blur(8px);transform:scaleY(.5);animation:breathe 6s ease-in-out infinite}.floor-diamond{left:3%;width:24%;background:radial-gradient(ellipse,#24bfff32,transparent 65%);opacity:0;transition:opacity 1s}.floor-music{left:auto;right:3%;width:24%;background:radial-gradient(ellipse,#f97fbc30,transparent 65%);opacity:0;transition:opacity 1s}[data-expanded="true"] .floor-light{opacity:1}footer{position:absolute;z-index:3;bottom:30px;left:3.3%;right:3.3%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;color:#777d99}.footer-tagline{font-size:10px;letter-spacing:.09em}.domain{letter-spacing:.25em;position:absolute;left:50%;transform:translateX(-50%)}.motion-toggle{border:0;background:transparent;color:#9699b1;padding:8px 0 8px 12px;cursor:pointer;font-size:10px;letter-spacing:.08em;display:flex;align-items:center;gap:9px}.motion-toggle:hover{color:#eee7ff}.motion-icon{font-size:13px;color:#bdb2d5}.fallback{display:flex;gap:30px;position:absolute;bottom:90px;left:0;right:0;justify-content:center}body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}@keyframes breathe{0%,100%{opacity:.88;transform:scale(.985)}50%{opacity:1;transform:scale(1.015)}}@keyframes orb-drift{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@media(min-width:1600px){.worlds{gap:130px}.core-name{font-size:56px}}
@media(max-width:760px){:root{--core:250px;--satellite:132px}.masthead{padding:26px 24px}.wordmark{font-size:12px}.masthead-note{display:none}main{min-height:900px;min-height:max(760px,100svh)}.universe{height:850px;height:max(760px,100svh);min-height:760px;align-items:flex-start;padding-top:130px}.worlds{width:100%;padding:0 22px;grid-template-columns:1fr 1fr;gap:190px 40px;align-items:start;max-width:560px}.core-wrap{grid-row:1;grid-column:1 / 3}.world-diamond{grid-row:2;grid-column:1}.world-music{grid-row:2;grid-column:2}.world{transform:translateY(-28px) scale(.65)}.world-music{transform:translateY(-28px) scale(.65)}.invitation{top:calc(100% + 6px);width:330px}.eyebrow{font-size:7px;letter-spacing:.22em}.invitation p{font-size:12px;letter-spacing:.15em;margin:10px 0}.gesture{font-size:10px}.invitation-line{margin-top:16px;width:26px}.world-name{margin-top:21px;font-size:12px}.world-description{font-size:9px;margin-top:9px}.world-line{margin-top:17px}.core-name{font-size:35px}.core-art{inset:-10%;width:120%;height:120%}.horizon{top:82%}.floor-core{top:46%;width:70%;left:15%;height:65px}.floor-diamond{top:87%;left:1%;width:48%}.floor-music{top:87%;right:1%;width:48%}footer{bottom:18px;left:24px;right:24px;font-size:8px}.footer-tagline{display:none}.domain{position:static;transform:none;font-size:9px}.motion-toggle{font-size:9px}.world-arrow{display:none}}
@media(max-width:360px){:root{--core:225px;--satellite:112px}.worlds{gap:180px 24px}.invitation{width:290px}.universe{padding-top:115px}.wordmark{letter-spacing:.26em}.world-description{font-size:8px}.core-name{font-size:31px}}
@media(max-height:640px) and (min-width:761px){.universe{min-height:550px}main{min-height:550px}:root{--core:300px;--satellite:165px}.masthead{padding-top:20px}footer{bottom:15px}.invitation{top:calc(100% + 10px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:760px){main{min-height:max(844px,100svh)}.universe{height:max(844px,100svh)}.invitation{width:230px}.invitation .eyebrow{font-size:6px;letter-spacing:.15em}}

.design-credit{font-size:10px;letter-spacing:.12em;color:#777d99}.design-credit span{color:#b2abc6}@media(max-width:760px){.design-credit{font-size:9px;letter-spacing:.06em}}