/* Yapida Art — shared "space station" theme (dark only) */
:root{--bg:#04040b;--ink:#ecebfa;--mute:#a3a8cc;--line:rgba(150,160,255,.2);--accent:#a99bff;--accent2:#4fdcff;--mark:rgba(110,80,255,.14);color-scheme:dark}
html{background:#04040b;scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:transparent;font-family:Jost,system-ui,sans-serif;text-shadow:0 1px 14px rgba(0,0,0,.45)}
a{color:inherit}a:hover{color:var(--accent2)}
.universe{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#04040b}
.universe i{position:absolute;inset:-25%}
.universe i:nth-child(1){background:radial-gradient(40% 35% at 25% 30%,rgba(125,70,255,.55),transparent 70%),radial-gradient(35% 30% at 78% 18%,rgba(225,60,150,.45),transparent 70%);translate:0 calc(var(--sy,0)*-.03px);animation:drift1 70s ease-in-out infinite alternate}
.universe i:nth-child(2){background:radial-gradient(45% 40% at 70% 70%,rgba(40,100,240,.5),transparent 70%),radial-gradient(30% 25% at 12% 78%,rgba(30,200,220,.34),transparent 70%);translate:0 calc(var(--sy,0)*-.06px);animation:drift2 90s ease-in-out infinite alternate}
.universe i:nth-child(3){background:radial-gradient(35% 30% at 50% 55%,rgba(240,140,60,.26),transparent 70%),radial-gradient(25% 25% at 92% 88%,rgba(210,70,80,.3),transparent 70%);translate:0 calc(var(--sy,0)*-.1px);animation:drift3 110s ease-in-out infinite alternate}
@keyframes drift1{to{transform:scale(1.15) translate(-3%,2%) rotate(4deg)}}
@keyframes drift2{to{transform:scale(1.2) translate(3%,-2%) rotate(-5deg)}}
@keyframes drift3{to{transform:scale(1.1) translate(-2%,-3%)}}
#stars{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.btn{display:inline-block;padding:.85rem 1.6rem;font-weight:500;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#6f56ff,#c92f8f);box-shadow:0 0 30px rgba(130,90,255,.35);transition:box-shadow .3s,transform .3s;text-shadow:none}
.btn:hover{color:#fff;box-shadow:0 0 46px rgba(220,70,170,.55);transform:translateY(-1px)}
.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}
.sec{border-top:1px solid var(--line)}
.hud{font:500 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--accent2);text-shadow:0 0 12px rgba(79,220,255,.5)}
.panel{position:relative;background:linear-gradient(180deg,transparent 0,rgba(79,220,255,.07) 50%,transparent 100%) 0 -50%/100% 40% no-repeat,linear-gradient(160deg,rgba(44,32,120,.42),rgba(7,9,28,.62));border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(79,220,255,.05),0 24px 60px rgba(0,0,0,.45),0 0 44px rgba(110,70,255,.14);animation:sweep 9s linear infinite}
.panel::before,.panel::after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--accent2);pointer-events:none;filter:drop-shadow(0 0 6px rgba(79,220,255,.7))}
.panel::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.panel::after{bottom:-1px;right:-1px;border-left:0;border-top:0}
@keyframes sweep{to{background-position:0 150%,0 0}}
.hov{transition:transform .35s,box-shadow .35s}
.hov:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(79,220,255,.2),0 30px 70px rgba(0,0,0,.5),0 0 64px rgba(79,220,255,.22)}
.bar{display:flex;align-items:center;gap:.6rem;padding-bottom:.9rem;margin-bottom:1.3rem;border-bottom:1px solid var(--line)}
.dot{width:.5rem;height:.5rem;border-radius:50%;background:#46f0a8;box-shadow:0 0 10px #46f0a8;animation:blink 2.4s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.universe i,.panel,.dot{animation:none!important}}