/* Dark cyber theme, aurora wallpaper, glass windows, avatar, boot screen. */
:root{--lk:#0a6cff;--ph:url(../assets/images/profile.jpg)}
:root:not([data-theme="light"]){--bg1:#04060f;--bg2:#2b1258;--bg3:#04425a;--win:#0d1222;--win2:#151b30;--ink:#e8f1ff;--mute:#8d9bbd;--line:#252e4a;--acc:#0a95b8;--lk:#5eead4;--bar:rgba(9,13,28,.62);--dock:rgba(18,24,48,.5)}
::selection{background:#22d3ee55}.body a,.dt a{color:var(--lk)}.pp a{color:#0645ad!important}
#wall{overflow:hidden;background:radial-gradient(circle 340px at var(--mx,50%) var(--my,40%),#22d3ee22,transparent 70%),radial-gradient(70% 60% at 15% 10%,var(--bg3),transparent 62%),radial-gradient(60% 55% at 90% 15%,var(--bg2),transparent 62%),var(--bg1)}
#wall::before{content:"";position:absolute;inset:-25%;background:radial-gradient(40% 35% at 30% 40%,#22d3ee55,transparent 70%),radial-gradient(35% 35% at 70% 60%,#a78bfa55,transparent 70%),radial-gradient(30% 30% at 55% 20%,#34d39944,transparent 70%);filter:blur(30px);animation:aur 22s ease-in-out infinite alternate}
#wall::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000,transparent 85%);mask-image:radial-gradient(70% 60% at 50% 45%,#000,transparent 85%)}
@keyframes aur{to{transform:translate(6%,-5%) rotate(8deg) scale(1.12)}}
.win{background:color-mix(in srgb,var(--win) 88%,transparent);backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);animation:pop .3s cubic-bezier(.2,.9,.3,1.15)}
@keyframes pop{from{transform:scale(.9) translateY(16px);opacity:0}}
.win.front{box-shadow:0 0 0 .5px #22d3ee66,0 28px 80px #000a,0 0 70px #22d3ee14}
.tw .body{background:#070a14ee}
.mono{font:11.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--lk);margin-bottom:10px}.mono::after{content:"▍";margin-left:3px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.av{background:var(--ph) center/cover;color:transparent;box-shadow:0 0 0 3px var(--win),0 0 0 5px #22d3ee,0 0 26px #22d3ee88;animation:glow 3.2s ease-in-out infinite}.hero .av{width:98px;height:98px}
@keyframes glow{50%{box-shadow:0 0 0 3px var(--win),0 0 0 5px #a78bfa,0 0 36px #a78bfa99}}
.bar i{background:linear-gradient(90deg,#22d3ee,#a78bfa);animation:grow 1.1s cubic-bezier(.2,.9,.3,1) both}@keyframes grow{from{width:0}}
.dk.run::after{background:#22d3ee;box-shadow:0 0 6px #22d3ee;opacity:1}
.btn{background:linear-gradient(135deg,#0ea5c6,#7c5cf0)}.btn.o{background:var(--win2)}
.chip{border-color:#22d3ee44}.st b{background:linear-gradient(90deg,#22d3ee,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
#wg2{position:absolute;left:22px;top:200px;display:grid;grid-template-columns:1fr 1fr;gap:8px 26px;padding:12px 16px;border-radius:14px;background:var(--bar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 0 .5px #22d3ee44;z-index:1;font:11px ui-monospace,Menlo,monospace;color:var(--mute)}#wg2 b{display:block;font:600 22px -apple-system,system-ui,sans-serif;color:var(--ink)}
@media(max-width:900px),(max-height:640px){#wg2{display:none}}
#boot{background:#02040c;font-family:ui-monospace,Menlo,Consolas,monospace;gap:10px}#boot .bt{width:min(340px,86vw);min-height:80px;font-size:12px;color:#5eead4;line-height:1.7;margin-top:8px}#boot .bp{font-size:12px;color:#8d9bbd}.pb{width:min(340px,86vw)}.pb i{background:linear-gradient(90deg,#22d3ee,#a78bfa);animation:ld 2.8s linear}