:root{--os-green:#adff70;--os-ease:cubic-bezier(.2,.8,.2,1)}
body:before{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.08;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,#d9ffe404 4px)}
body:after{content:"";position:fixed;left:0;right:0;top:0;height:2px;z-index:1001;background:linear-gradient(90deg,transparent,var(--os-green),transparent);transform:translateX(-100%);animation:account-load .9s var(--os-ease) both}
@keyframes account-load{to{transform:translateX(100%)}}
.topbar{backdrop-filter:blur(20px);box-shadow:0 12px 45px #0003}.hub-navigation a{position:relative;transition:color .2s,text-shadow .2s,border-color .2s}.hub-navigation a:hover,.hub-navigation a:focus-visible{text-shadow:0 0 20px #adff7060}.account-os-status{display:flex;align-items:center;gap:7px;font:8px Consolas,monospace;letter-spacing:1.2px;color:#8ea08f}.account-os-status i{width:5px;height:5px;border-radius:50%;background:var(--os-green);box-shadow:0 0 12px var(--os-green)}
.access-panel,.account-card,.project{--os-x:0;--os-y:0;transition:transform .2s var(--os-ease),border-color .2s,box-shadow .2s}.account-card:hover,.project:hover{transform:perspective(900px) rotateX(calc(var(--os-y) * -1.5deg)) rotateY(calc(var(--os-x) * 2deg)) translateY(-3px);border-color:#adff7060;box-shadow:0 19px 55px #0007}.access-panel:focus-within{border-color:#adff7070;box-shadow:0 25px 90px #0008,0 0 0 1px #adff7025}
body[data-input="keyboard"] :is(a,button,summary,[tabindex]):focus-visible,body[data-input="controller"] :is(a,button,summary,[tabindex]):focus-visible{outline:0!important;box-shadow:0 0 0 2px #07100a,0 0 0 4px var(--os-green),0 0 30px #adff7055!important;z-index:10}
.primary,.secondary,.exit-account,.device-list button{position:relative;overflow:hidden;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s}.primary:active,.secondary:active,.exit-account:active{transform:scale(.975)}.primary:hover{box-shadow:0 0 28px #adff7038}
[aria-busy="true"]{opacity:.72;pointer-events:none}[aria-busy="true"] button[type="submit"]:after{content:"";width:12px;height:12px;margin-left:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:account-spin .65s linear infinite}@keyframes account-spin{to{transform:rotate(360deg)}}
.account-os-ready :is(.identity-stage,.account-view,.worlds-shelf){animation:account-enter .46s var(--os-ease) both}.account-os-ready .worlds-shelf{animation-delay:.08s}@keyframes account-enter{from{opacity:.15;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:1150px){.account-os-status{order:2;margin-left:auto}.hub-navigation{order:4}}
@media(max-width:760px){.account-os-status{display:none}.account-card:hover,.project:hover{transform:none}}
@media(prefers-reduced-motion:reduce){body:after,.account-os-ready :is(.identity-stage,.account-view,.worlds-shelf),[aria-busy="true"] button[type="submit"]:after{animation:none!important}.account-card:hover,.project:hover{transform:none}}