body.cyber-page{--chrome-bg:#070d18b8;--chrome-border:#70c4ff33;--chrome-link:#c4e2ffeb;--chrome-link-hover:#e8cef5fa;--chrome-active:#e49ee0e6;--chrome-text-muted:#9cbce0c2;background:#090b12!important;min-height:100vh!important}body.cyber-page:before{content:"";z-index:-1;background:linear-gradient(#05070b 0%,#090c14 20%,#111a2d 52%,#090c14 80%,#05070b 100%);position:fixed;inset:0}body.cyber-page:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(82% 52% at 50% 18%,#6ebaff24 0%,#0000 50%),radial-gradient(62% 42% at 82% 78%,#ff84580f 0%,#0000 40%),radial-gradient(52% 37% at 20% 62%,#e296d60f 0%,#0000 45%);animation:20s ease-in-out infinite alternate cyber-fog-drift;position:fixed;inset:0}@keyframes cyber-fog-drift{0%{opacity:.7;transform:translate(-2%,-1%)}to{opacity:1;transform:translate(2%,1%)}}body.cyber-page .cyber-rain{pointer-events:none;z-index:6;contain:layout paint;position:fixed;inset:0;overflow:hidden}body.cyber-page .cyber-rain-drop{clip-path:polygon(1.5px 0,4.5px 0,6px 100%,0 100%);will-change:transform;background:linear-gradient(#0000 0%,#d2d0c661 40%,#c3beb685 70%,#0000 100%);width:6px;height:38px;animation:linear infinite cyber-rain-fall;position:absolute;top:-20px}@keyframes cyber-rain-fall{to{transform:translateY(100vh)}}body.cyber-page .cyber-spotlight{pointer-events:none;z-index:5;contain:layout paint;width:calc(hypot(100vw,100vh)/1.08786);height:calc(hypot(100vw,100vh)/1.08786);position:fixed;top:0;left:0}body.cyber-page .cyber-spotlight-tl{transform-origin:0 0;background:conic-gradient(from 180deg at 0 0,#0000 0deg 302deg,#78c0ff2e 304deg,#60b6ff52 307deg,#ceeaffeb 310deg,#60b6ff52 313deg,#78c0ff2e 316deg,#0000 319deg 360deg);animation:12s ease-in-out infinite cyber-spotlight-sweep-tl;position:absolute;inset:0}body.cyber-page .cyber-spotlight-tr{transform-origin:100% 0;background:conic-gradient(from 180deg at 100% 0,#0000 0deg 33deg,#78c0ff2e 35deg,#60b6ff52 38deg,#ceeaffeb 41deg,#60b6ff52 44deg,#78c0ff2e 47deg,#0000 50deg 360deg);animation:24s ease-in-out -1.5s infinite cyber-spotlight-sweep-tr;position:absolute;inset:0}@keyframes cyber-spotlight-sweep-tl{0%{transform:rotate(50deg)}50%{transform:rotate(-50deg)}to{transform:rotate(50deg)}}@keyframes cyber-spotlight-sweep-tr{0%,to{transform:rotate(-60deg)}50%{transform:rotate(60deg)}}body.cyber-page .cyber-flicker{contain:layout paint;pointer-events:none;z-index:0;background:radial-gradient(25% 30% at 85% 20%,#ff92602e 0%,#0000 55%),radial-gradient(20% 24% at 20% 68%,#60b6ff47 0%,#0000 55%),radial-gradient(28% 35% at 70% 85%,#e092d433 0%,#0000 55%);animation:6s ease-in-out infinite cyber-neon-flicker-glow;position:fixed;inset:0}@keyframes cyber-neon-flicker-glow{0%,to{opacity:.8}25%{opacity:1}50%{opacity:.5}75%{opacity:.95}}body.cyber-page .cyber-haze{contain:layout paint;pointer-events:none;z-index:1;background:radial-gradient(100% 80%,#34548014 0%,#0000 60%),radial-gradient(40% 30% at 30% 30%,#e090d00d 0%,#0000 50%),radial-gradient(35% 25% at 70% 70%,#ff865c0a 0%,#0000 50%);animation:20s ease-in-out infinite alternate cyber-haze-drift;position:fixed;inset:0}@keyframes cyber-haze-drift{0%{opacity:.5;transform:translate(3%,2%)scale(1.05)}to{opacity:1;transform:translate(-3%,-2%)scale(.95)}}body.cyber-page .cyber-vignette{contain:layout paint;pointer-events:none;z-index:3;background:radial-gradient(80% 80%,#0000 40%,#0006 100%);position:fixed;inset:0}body.cyber-page .cyber-rain-drop--thin{clip-path:polygon(.5px 0,3.5px 0,4px 100%,0 100%);width:4px;height:28px}body.cyber-page .cyber-rain-drop--fog{opacity:.15;filter:blur(.5px)}body.cyber-page .cyber-rain-drop--skew{animation-name:cyber-rain-fall-skew}@keyframes cyber-rain-fall-skew{to{transform:skew(-3deg)translateY(100vh)}}body.cyber-page .cyber-dust{pointer-events:none;z-index:2;contain:layout paint;position:fixed;inset:0;overflow:hidden}body.cyber-page .cyber-dust-particle{will-change:transform;background:#b0d8f8ad;border-radius:50%;animation:linear infinite cyber-dust-float;position:absolute;box-shadow:0 0 10px #7ec4ff59,0 0 20px #d692d229}@keyframes cyber-dust-float{0%{opacity:.7;transform:translate(0)scale(1)}25%{opacity:.95;transform:translate(15px,-8px)scale(1.1)}50%{opacity:.8;transform:translate(-10px,-20px)scale(.9)}75%{opacity:.9;transform:translate(8px,-15px)scale(1.05)}to{opacity:.7;transform:translateY(-30px)scale(1)}}body.cyber-page header{z-index:6;-webkit-backdrop-filter:blur(3px);position:fixed;top:0;left:0;right:0}body.cyber-page main{z-index:5;width:960px;padding-top:calc(3em + 56px);position:relative}body.cyber-page .title,body.cyber-page .date{color:#cae4ffed}body.cyber-page .date{color:#96bae4ad}body.cyber-page ul{flex-wrap:wrap;gap:2rem;margin:0;padding:0;list-style:none;display:flex}body.cyber-page ul li{width:calc(50% - 1rem)}body.cyber-page ul li *{text-decoration:none}body.cyber-page ul li:first-child{text-align:center;width:100%;margin-bottom:1rem}body.cyber-page ul li:first-child img{width:100%}body.cyber-page ul li:first-child .title{font-size:2.369rem}body.cyber-page ul li a{border:1px solid #74c2ff3d;border-radius:4px;padding:1rem;transition:border-color .2s,box-shadow .3s;display:block;position:relative;box-shadow:0 0 6px #64b6ff1a,0 0 16px #58a4f012,inset 0 0 8px #e092d208}body.cyber-page ul li a:hover{border-color:#7cccff9e;animation:.45s ease-in-out infinite cyber-neon-flicker;box-shadow:0 0 10px #70c4ff4d,0 0 24px #d692d233,inset 0 0 18px #88ccff14}@keyframes cyber-neon-flicker{0%,to{box-shadow:0 0 10px #70c4ff4d,0 0 24px #d692d233,inset 0 0 18px #88ccff14}50%{box-shadow:0 0 7px #70c4ff38,0 0 15px #d692d224,inset 0 0 10px #88ccff0f}}body.cyber-page ul li a:hover .title{color:#d4ecff;text-shadow:0 0 10px #78c8ff9e,0 0 22px #de96d64d,0 0 34px #5aaaf033;animation:.3s ease-in-out cyber-glitch}@keyframes cyber-glitch{0%{text-shadow:0 0 8px #78c8ff8c;transform:translate(0)}20%{text-shadow:2px 0 #e096d68c,-2px 0 #78caff80;transform:translate(-2px,2px)}40%{text-shadow:-2px 0 #78caff80,2px 0 #e096d68c;transform:translate(2px,-2px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{text-shadow:0 0 8px #78c8ff8c;transform:translate(0)}}body.cyber-page ul li a:hover .date{color:#c4e2fff2;text-shadow:0 0 10px #78c2ff73,0 0 20px #da94d242}body.cyber-page .img-wrapper{border-radius:4px;margin-bottom:.5rem;position:relative;overflow:hidden}body.cyber-page .img-wrapper:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#ffb6e4bd,#ea94d6e0,#aac8ffe6,#ea94d6e0,#ffb6e4bd,#0000);height:10px;transition:top 1.2s linear;position:absolute;top:-20px;left:0;right:0;box-shadow:0 0 24px #e896d69e,0 0 48px #6eb6ff52}body.cyber-page ul li a:hover .img-wrapper:before{top:100%}body.cyber-page .img-wrapper:after{content:"";z-index:2;pointer-events:none;opacity:.65;background:radial-gradient(55% 28% at 12% 100%,#26caff61,#0000 75%),radial-gradient(50% 24% at 88% 100%,#ff489452,#0000 75%);border-bottom:2px solid #8cd7ff7a;transition:opacity .4s;position:absolute;inset:0;box-shadow:inset 0 0 25px #6cbeff29,inset 0 0 50px #e094d41a}body.cyber-page ul li a:hover .img-wrapper:after,body.cyber-page ul li a:focus-visible .img-wrapper:after{opacity:1}body.cyber-page ul li img{filter:saturate(.75)contrast(1.05)brightness(.88)sepia(.15)hue-rotate(-2deg);width:100%;height:auto;transition:filter .3s,box-shadow .3s;display:block}body.cyber-page ul li a:hover img{filter:saturate(.88)contrast(1.11)brightness(.94)sepia(.08)hue-rotate(-6deg);box-shadow:0 0 15px #74c2ff38,0 0 30px #e094d433}body.cyber-page .title{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;min-height:2.4em;margin:0;font-size:1.2rem;line-height:1.2;transition:color .2s,text-shadow .2s;display:-webkit-box;overflow:hidden}body.cyber-page .date{margin:0;transition:color .2s,text-shadow .2s}body.cyber-page footer{box-shadow:0 -4px 42px #68b6ff24,0 -4px 36px #e092d229}body.cyber-page .cyber-load-glitch{z-index:9999;pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(90deg,#e292d21a 0%,#0000 45% 55%,#68b6ff1f 100%);animation:12s ease-out .5s infinite cyber-load-glitch;position:fixed;inset:0}@keyframes cyber-load-glitch{0%,81%,to{opacity:0;transform:translate(0)}83%{opacity:1;transform:translate(-3px)}86%{opacity:.9;transform:translate(3px)}90%{opacity:.5;transform:translate(-2px)}}@media (width<=720px){body.cyber-page main{padding-top:calc(1em + 56px)}body.cyber-page ul{gap:.5em}body.cyber-page ul li{text-align:center;width:100%}body.cyber-page ul li:first-child{margin-bottom:0}body.cyber-page ul li:first-child .title{font-size:1.563em}body.cyber-page .cyber-rain-drop:nth-child(2n),body.cyber-page .cyber-dust-particle:nth-child(2n){display:none}body.cyber-page .cyber-flicker{animation-duration:8s}}