body.cyber-page{background:#090b12!important;background-image:none!important;background-size:auto!important;min-height:100vh!important;--chrome-bg: rgba(7, 13, 24, .72);--chrome-border: rgba(112, 196, 255, .2);--chrome-link: rgba(196, 226, 255, .92);--chrome-link-hover: rgba(232, 206, 245, .98);--chrome-active: rgba(228, 158, 224, .9);--chrome-text-muted: rgba(156, 188, 224, .76)}body.cyber-page:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#05070b,#090c14 20%,#111a2d 52%,#090c14 80%,#05070b)}body.cyber-page:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 82% 52% at 50% 18%,rgba(110,186,255,.14) 0%,transparent 50%),radial-gradient(ellipse 62% 42% at 82% 78%,rgba(255,132,88,.06) 0%,transparent 40%),radial-gradient(ellipse 52% 37% at 20% 62%,rgba(226,150,214,.06) 0%,transparent 45%);animation:cyber-fog-drift 20s ease-in-out infinite alternate;pointer-events:none}@keyframes cyber-fog-drift{0%{opacity:.7;transform:translate(-2%,-1%)}to{opacity:1;transform:translate(2%,1%)}}body.cyber-page .cyber-rain{position:fixed;inset:0;pointer-events:none;z-index:6;overflow:hidden;contain:layout paint}body.cyber-page .cyber-rain-drop{position:absolute;top:-20px;width:6px;height:38px;clip-path:polygon(1.5px 0,4.5px 0,6px 100%,0 100%);will-change:transform;background:linear-gradient(to bottom,transparent 0%,rgba(210,208,198,.38) 40%,rgba(195,190,182,.52) 70%,transparent 100%);animation:cyber-rain-fall linear infinite}@keyframes cyber-rain-fall{to{transform:translateY(100vh)}}body.cyber-page .cyber-spotlight{position:fixed;top:0;left:0;width:calc(hypot(100vw,100vh) * 1.3 / 1.41421356);height:calc(hypot(100vw,100vh) * 1.3 / 1.41421356);pointer-events:none;z-index:5;contain:layout paint}body.cyber-page .cyber-spotlight-tl{position:absolute;inset:0;transform-origin:0 0;background:conic-gradient(from 180deg at 0 0,transparent 0deg 302deg,rgba(120,192,255,.18) 304deg,rgba(96,182,255,.32) 307deg,rgba(206,234,255,.92) 310deg,rgba(96,182,255,.32) 313deg,rgba(120,192,255,.18) 316deg,transparent 319deg 360deg);animation:cyber-spotlight-sweep-tl 12s ease-in-out infinite}body.cyber-page .cyber-spotlight-tr{position:absolute;inset:0;transform-origin:100% 0;background:conic-gradient(from 180deg at 100% 0,transparent 0deg 33deg,rgba(120,192,255,.18) 35deg,rgba(96,182,255,.32) 38deg,rgba(206,234,255,.92) 41deg,rgba(96,182,255,.32) 44deg,rgba(120,192,255,.18) 47deg,transparent 50deg 360deg);animation:cyber-spotlight-sweep-tr 24s ease-in-out infinite;animation-delay:-1.5s}@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{position:fixed;inset:0;contain:layout paint;background:radial-gradient(ellipse 25% 30% at 85% 20%,rgba(255,146,96,.18) 0%,transparent 55%),radial-gradient(ellipse 20% 24% at 20% 68%,rgba(96,182,255,.28) 0%,transparent 55%),radial-gradient(ellipse 28% 35% at 70% 85%,rgba(224,146,212,.2) 0%,transparent 55%);animation:cyber-neon-flicker-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes cyber-neon-flicker-glow{0%,to{opacity:.8}25%{opacity:1}50%{opacity:.5}75%{opacity:.95}}body.cyber-page .cyber-haze{position:fixed;inset:0;contain:layout paint;background:radial-gradient(ellipse 100% 80% at 50% 50%,rgba(52,84,128,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 30% 30%,rgba(224,144,208,.05) 0%,transparent 50%),radial-gradient(ellipse 35% 25% at 70% 70%,rgba(255,134,92,.04) 0%,transparent 50%);animation:cyber-haze-drift 20s ease-in-out infinite alternate;pointer-events:none;z-index:1}@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{position:fixed;inset:0;contain:layout paint;background:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 40%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:3}body.cyber-page .cyber-rain-drop--thin{width:4px;height:28px;clip-path:polygon(.5px 0,3.5px 0,4px 100%,0 100%)}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{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden;contain:layout paint}body.cyber-page .cyber-dust-particle{position:absolute;border-radius:50%;will-change:transform;background:#b0d8f8ad;box-shadow:0 0 10px #7ec4ff59,0 0 20px #d692d229;animation:cyber-dust-float linear infinite}@keyframes cyber-dust-float{0%{transform:translate(0) scale(1);opacity:.7}25%{transform:translate(15px,-8px) scale(1.1);opacity:.95}50%{transform:translate(-10px,-20px) scale(.9);opacity:.8}75%{transform:translate(8px,-15px) scale(1.05);opacity:.9}to{transform:translateY(-30px) scale(1);opacity:.7}}body.cyber-page header{position:fixed;top:0;left:0;right:0;z-index:6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}body.cyber-page main{position:relative;z-index:5;width:960px;padding-top:calc(3em + 56px)}body.cyber-page .title,body.cyber-page .date{color:#cae4ffed}body.cyber-page .date{color:#96bae4ad}body.cyber-page ul{display:flex;flex-wrap:wrap;gap:2rem;list-style:none;margin:0;padding:0}body.cyber-page ul li{width:calc(50% - 1rem)}body.cyber-page ul li *{text-decoration:none}body.cyber-page ul li:first-child{width:100%;margin-bottom:1rem;text-align:center}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{display:block;position:relative;padding:1rem;border-radius:4px;border:1px solid rgba(116,194,255,.24);box-shadow:0 0 6px #64b6ff1a,0 0 16px #58a4f012,inset 0 0 8px #e092d208;transition:border-color .2s,box-shadow .3s}body.cyber-page ul li a:hover{border-color:#7cccff9e;box-shadow:0 0 10px #70c4ff4d,0 0 24px #d692d233,inset 0 0 18px #88ccff14;animation:cyber-neon-flicker .45s ease-in-out infinite}@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{animation:cyber-glitch .3s ease-in-out;color:#d4ecff;text-shadow:0 0 10px rgba(120,200,255,.62),0 0 22px rgba(222,150,214,.3),0 0 34px rgba(90,170,240,.2)}@keyframes cyber-glitch{0%{transform:translate(0);text-shadow:0 0 8px rgba(120,200,255,.55)}20%{transform:translate(-2px,2px);text-shadow:2px 0 rgba(224,150,214,.55),-2px 0 rgba(120,202,255,.5)}40%{transform:translate(2px,-2px);text-shadow:-2px 0 rgba(120,202,255,.5),2px 0 rgba(224,150,214,.55)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0);text-shadow:0 0 8px rgba(120,200,255,.55)}}body.cyber-page ul li a:hover .date{color:#c4e2fff2;text-shadow:0 0 10px rgba(120,194,255,.45),0 0 20px rgba(218,148,210,.26)}body.cyber-page .img-wrapper{position:relative;margin-bottom:.5rem;border-radius:4px;overflow:hidden}body.cyber-page .img-wrapper:before{content:"";position:absolute;left:0;right:0;top:-20px;height:10px;z-index:3;background:linear-gradient(90deg,transparent,rgba(255,182,228,.74),rgba(234,148,214,.88),rgba(170,200,255,.9),rgba(234,148,214,.88),rgba(255,182,228,.74),transparent);box-shadow:0 0 24px #e896d69e,0 0 48px #6eb6ff52;pointer-events:none;transition:top 1.2s linear}body.cyber-page ul li a:hover .img-wrapper:before{top:100%}body.cyber-page .img-wrapper:after{content:"";position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 25px #6cbeff29,inset 0 0 50px #e094d41a;pointer-events:none;opacity:0;transition:opacity .4s ease}body.cyber-page ul li a:hover .img-wrapper:after{opacity:1}body.cyber-page ul li img{display:block;width:100%;height:auto;filter:saturate(.75) contrast(1.05) brightness(.88) sepia(.15) hue-rotate(-2deg);transition:filter .3s,box-shadow .3s}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{margin:0;font-size:1.2rem;line-height:1.2;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;transition:color .2s,text-shadow .2s}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{position:fixed;inset:0;z-index:9999;pointer-events:none;background:linear-gradient(90deg,rgba(226,146,210,.1) 0%,transparent 45%,transparent 55%,rgba(104,182,255,.12) 100%);mix-blend-mode:screen;opacity:0;animation:cyber-load-glitch 12s ease-out .5s infinite}@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(max-width:720px){body.cyber-page main{padding-top:calc(1em + 56px)}body.cyber-page ul{gap:.5em}body.cyber-page ul li{width:100%;text-align:center}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){display:none}body.cyber-page .cyber-dust-particle:nth-child(2n){display:none}body.cyber-page .cyber-flicker{animation-duration:8s}}