:root{--bg:#0a0610;--bg-2:#160d1f;--text:#ffeef7;--muted:#b89aac;--pink:#ff76bd;--hot-pink:#ff2e8b;--cyan:#8fe3ff;--red:#f46;--warn:#fa4;--line:#ffcde238;--win-bg:#0c0810e0;--win-border:#ff76bd38;--sans:"Outfit", sans-serif;--jp:"Zen Kaku Gothic New", sans-serif;--dot:"DotGothic16", sans-serif;--mono:"IBM Plex Mono", monospace;font:400 16px/1.5 var(--jp);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}*{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}html,body,#app{min-height:100%}html{scroll-behavior:smooth;cursor:crosshair}a,button{cursor:pointer}body{background:radial-gradient(ellipse at 20% 15%, #ff76bd2e, transparent 25%), radial-gradient(ellipse at 80% 20%, #8fe3ff1f, transparent 22%), radial-gradient(ellipse at 50% 85%, #ff2e8b14, transparent 25%), radial-gradient(ellipse at 65% 50%, #6c5ce70d, transparent 20%), linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 50%, #060409 100%);min-width:320px;margin:0;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.3;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#ffffff02 0 1px,#0000 1px 64px);position:fixed;inset:0}p,h1{margin:0}.cursor-glow{pointer-events:none;z-index:1;opacity:0;will-change:transform;mix-blend-mode:screen;background:radial-gradient(circle,#ff76bd24 0%,#ff76bd0d 28%,#0000 68%);border-radius:50%;width:500px;height:500px;transition:opacity .5s;position:fixed;top:-250px;left:-250px}.cursor-glow.visible{opacity:1}.click-ring{border:1.5px solid var(--pink);pointer-events:none;z-index:200;will-change:transform, opacity;border-radius:50%;width:300px;height:300px;animation:.65s cubic-bezier(.23,1,.32,1) forwards ring-expand;position:fixed;box-shadow:0 0 24px #ff76bd4d,inset 0 0 24px #ff76bd0f}@keyframes ring-expand{0%{opacity:.8;border-width:2px;transform:translate(-50%,-50%)scale(0)}to{opacity:0;border-width:.5px;transform:translate(-50%,-50%)scale(1)}}.overload-flash{z-index:150;pointer-events:none;animation:1.8s steps(5,end) forwards overload-burst;position:fixed;inset:0}@keyframes overload-burst{0%{background:#ff76bd12}6%{background:0 0}12%{background:#8fe3ff0d}18%{background:0 0}24%{background:#ff2e8b17}30%{background:0 0}36%{background:#ff76bd0a}42%,to{background:0 0}}.overloaded .scanlines{opacity:.7!important}.overloaded .noise{opacity:.07!important}.overloaded .frame{border-color:#ff76bd66!important;box-shadow:0 32px 80px #0000006b,0 0 120px #ff76bd26!important}.scanlines{pointer-events:none;z-index:100;opacity:.45;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);transition:opacity .15s;animation:12s step-end infinite scanline-jitter;position:fixed;inset:0}@keyframes scanline-jitter{0%,94%,to{transform:translate(0)}95%{transform:translate(-2px)}96%{transform:translate(3px)}97%{transform:translate(-1px)}98%{transform:translate(1px)}}.noise{pointer-events:none;z-index:99;opacity:.035;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:150%;height:150%;transition:opacity .15s;animation:.5s steps(3,end) infinite noise-shift;position:fixed;inset:-25%}@keyframes noise-shift{0%{transform:translate(0)}25%{transform:translate(-3%,-5%)}50%{transform:translate(5%,2%)}75%{transform:translate(-2%,4%)}}.vignette{pointer-events:none;z-index:98;background:radial-gradient(circle,#0000 38%,#0000008c 100%);position:fixed;inset:0}.page{place-items:center;min-height:100dvh;padding:18px;display:grid;position:relative}.frame{border:1px solid var(--line);z-index:2;background:linear-gradient(#ffffff08,#0000 25%),#ffffff03;width:min(100%,1400px);min-height:calc(100dvh - 36px);transition:border-color .15s,box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 32px 80px #0000006b,0 0 80px #ff76bd0d,inset 0 0 60px #ff76bd04}.frame:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 35%,#ff76bd1a,#0000 20%),radial-gradient(circle at 70% 60%,#8fe3ff24,#0000 22%);animation:8s ease-in-out infinite frame-glow;position:absolute;inset:0}@keyframes frame-glow{0%,to{opacity:1}50%{opacity:.5}}.corner{font-family:var(--mono);color:#ff76bd33;z-index:3;pointer-events:none;font-size:.65rem;line-height:1;position:absolute}.c-tl{top:10px;left:12px}.c-tr{top:10px;right:12px}.c-bl{bottom:10px;left:12px}.c-br{bottom:10px;right:12px}.meta-bar p,.bottom-bar p,.tagline{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em}.meta-bar{z-index:3;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:24px;left:28px;right:28px}.meta-bar p{color:#c0a5b5;font-size:.68rem}.bottom-bar{z-index:3;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;bottom:24px;left:28px;right:28px}.bottom-bar p{color:#cbb0c0;font-size:.72rem}.blink-red{color:var(--red);animation:1.2s steps(2,end) infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.centerpiece{text-align:center;width:min(100% - 48px,1100px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.centerpiece h1,.ghost{font-family:var(--jp);letter-spacing:-.09em;font-size:clamp(6rem,20vw,14rem);font-weight:700;line-height:.88}.centerpiece h1{z-index:2;color:var(--text);text-shadow:0 0 30px #ff76bd26,0 0 60px #8fe3ff14;justify-items:center;transition:text-shadow .3s;animation:4s ease-in-out infinite title-breathe;display:grid;position:relative}.centerpiece h1.title-hover{text-shadow:0 0 50px #ff76bd59,0 0 100px #8fe3ff33,0 0 150px #ff2e8b1a}@keyframes title-breathe{0%,to{text-shadow:0 0 30px #ff76bd26,0 0 60px #8fe3ff14}50%{text-shadow:0 0 45px #ff76bd38,0 0 80px #8fe3ff1f}}.centerpiece h1 span{width:fit-content;animation:2.8s steps(2,end) infinite jitter;display:block;position:relative}.centerpiece h1 span:before,.centerpiece h1 span:after{content:attr(data-text);pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.centerpiece h1 span:before{color:#ff76bdcc;clip-path:polygon(0 0,100% 0,100% 46%,0 55%);animation:3.2s steps(3,end) infinite glitch-a;transform:translate(-.028em,-.01em)}.centerpiece h1 span:after{color:#8fe3ffd1;clip-path:polygon(0 58%,100% 48%,100% 100%,0 100%);animation:2.6s steps(3,end) infinite glitch-b;transform:translate(.03em,.018em)}@keyframes glitch-a{0%,84%,91%,to{transform:translate(-.028em,-.01em)}85%{transform:translate(-.07em,.025em)}87%{transform:translate(.05em,-.035em)}89%{transform:translate(-.04em,.01em)}}@keyframes glitch-b{0%,79%,87%,to{transform:translate(.03em,.018em)}80%{transform:translate(.065em,-.025em)}82%{transform:translate(-.045em,.035em)}85%{transform:translate(.035em,-.01em)}}@keyframes jitter{0%,to{transform:translate(0)}20%{transform:translate(-.01em,.01em)}40%{transform:translate(.018em,-.008em)}60%{transform:translate(-.014em)}80%{transform:translate(.01em,.014em)}}.ghost{z-index:0;opacity:.28;color:#0000;-webkit-text-stroke:1px #ffcde24d;pointer-events:none;justify-items:center;display:grid;position:absolute;inset:0}.ghost span{display:block}.ghost-a{transform:translate(-.04em,-.03em)}.ghost-b{transform:translate(.05em,.02em)}.tagline{z-index:2;color:var(--pink);letter-spacing:.24em;margin-top:22px;font-size:.7rem;animation:4s ease-in-out infinite tagline-glow;position:relative}@keyframes tagline-glow{0%,to{text-shadow:none}50%{text-shadow:0 0 12px #ff76bd4d}}.links{z-index:2;justify-content:center;gap:12px;margin-top:28px;display:flex;position:relative}.pill{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:#ff76bd0d;border:none;padding:7px 22px;font-size:.58rem;text-decoration:none;transition:color .3s cubic-bezier(.23,1,.32,1),border-color .3s cubic-bezier(.23,1,.32,1),box-shadow .3s;position:relative;overflow:hidden}.pill:before{content:"";background:#ff76bd1a;transition:transform .35s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:translate(-101%)}.pill:hover{color:var(--pink);box-shadow:0 0 24px #ff76bd1f}.pill:hover:before{transform:translate(0)}.ticker{z-index:50;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:.56rem;position:fixed;left:0;right:0;overflow:hidden}.ticker-top{color:var(--pink);opacity:.5;background:linear-gradient(#ff76bd0d,#0000);border-bottom:1px solid #ff76bd1f;padding:5px 0;top:0}.ticker-bottom{color:var(--cyan);opacity:.45;background:linear-gradient(#0000,#8fe3ff0a);border-top:1px solid #8fe3ff1f;padding:5px 0;bottom:0}.ticker-track{width:max-content;animation:30s linear infinite scroll-left;display:flex}.ticker-reverse{animation:34s linear infinite scroll-right}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.window{z-index:30;border:1px solid var(--win-border);background:var(--win-bg);-webkit-backdrop-filter:blur(16px);font-family:var(--mono);min-width:200px;font-size:.66rem;transition:scale .4s cubic-bezier(.23,1,.32,1),box-shadow .4s,border-color .4s;position:fixed;box-shadow:0 8px 32px #00000080,0 0 40px #ff76bd0a}.window:hover{border-color:#ff76bd73;scale:1.04;box-shadow:0 16px 48px #0000008c,0 0 50px #ff76bd1f,0 0 100px #ff76bd0a}.window:hover .window-title{color:var(--text);text-shadow:0 0 12px var(--pink)}.window-bar{background:linear-gradient(90deg,#ff76bd0f,#8fe3ff08);border-bottom:1px solid #ff76bd1f;justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.window-title{color:var(--pink);letter-spacing:.08em;font-size:.58rem;transition:color .3s,text-shadow .3s}.window-btns{gap:6px;display:flex}.wbtn{color:var(--muted);opacity:.5;font-size:.55rem;line-height:1}.wbtn-x{color:var(--red)}.window-body{color:var(--text);padding:12px}.window-body p{margin:0;line-height:1.65}.body-dark{background:#00000040}.win-sub{color:var(--muted);font-size:.56rem;margin-top:4px!important}.win-row{gap:8px;margin-top:10px;display:flex}.win-action{font-family:var(--mono);border:1px solid var(--win-border);color:var(--pink);letter-spacing:.06em;background:#ff76bd14;padding:4px 16px;font-size:.56rem;transition:background .2s,box-shadow .2s}.win-action:hover{background:#ff76bd26;box-shadow:0 0 16px #ff76bd1a}.heartbeat{color:var(--hot-pink);letter-spacing:.35em;font-size:.9rem;animation:1.4s ease-in-out infinite pulse-heart}@keyframes pulse-heart{0%,to{opacity:1}50%{opacity:.25}}.diary{color:var(--muted);font-family:var(--jp);letter-spacing:.06em;font-size:.7rem;line-height:2.1!important}.log-body p{color:var(--muted);font-size:.56rem;line-height:1.85!important}.txt-red{color:var(--red)}.txt-warn{color:var(--warn)}.cursor-blink{color:var(--pink);animation:.9s steps(2,end) infinite blink}.window-1{rotate:-1.5deg;translate:calc(var(--mx) * 12px) calc(var(--my) * 8px);top:12%;left:4%}.window-2{rotate:1.2deg;translate:calc(var(--mx) * 18px) calc(var(--my) * 12px);top:8%;right:5%}.window-3{rotate:.8deg;translate:calc(var(--mx) * 10px) calc(var(--my) * 14px);bottom:16%;left:6%}.window-4{rotate:-.6deg;translate:calc(var(--mx) * 16px) calc(var(--my) * 10px);bottom:12%;right:4%}.floaters{z-index:10;pointer-events:none;position:fixed;inset:0}.fl{font-family:var(--mono);opacity:0;translate:calc(var(--mx) * var(--fp) * 1px) calc(var(--my) * var(--fp) * 1px);position:absolute}.fl-1{color:var(--pink);font-size:1.1rem;animation:5s ease-in-out infinite fl-drift;top:15%;left:12%}.fl-2{color:var(--red);font-size:1.4rem;animation:4.2s ease-in-out -1.2s infinite fl-drift;top:25%;right:18%}.fl-3{color:var(--muted);font-size:.75rem;animation:6s ease-in-out -2.4s infinite fl-drift;top:35%;left:8%}.fl-4{color:var(--cyan);font-size:.65rem;animation:3.8s ease-in-out -.6s infinite fl-drift;top:60%;right:10%}.fl-5{color:var(--pink);font-size:1.3rem;animation:5.5s ease-in-out -3.2s infinite fl-drift;top:72%;left:15%}.fl-6{color:var(--muted);font-size:.62rem;font-family:var(--jp);animation:7s ease-in-out -1.8s infinite fl-drift;top:18%;right:32%}.fl-7{font-size:.95rem;animation:4.5s ease-in-out -.4s infinite fl-drift;top:80%;right:25%}.fl-8{color:var(--red);font-size:.65rem;animation:3.5s ease-in-out -2.8s infinite fl-drift;top:44%;left:5%}.fl-9{color:var(--hot-pink);font-size:1rem;animation:5.2s ease-in-out -1.5s infinite fl-drift;top:55%;right:6%}.fl-10{color:var(--warn);font-size:.85rem;animation:4.8s ease-in-out -3.8s infinite fl-drift;top:10%;left:40%}.fl-11{color:var(--muted);font-size:.65rem;animation:6.2s ease-in-out -.8s infinite fl-drift;bottom:30%;left:28%}.fl-12{color:var(--pink);font-size:.85rem;font-family:var(--dot);animation:4s ease-in-out -2.1s infinite fl-drift;top:42%;right:35%}.fl-13{color:var(--cyan);font-size:.55rem;animation:5.8s ease-in-out -3.5s infinite fl-drift;bottom:20%;right:40%}.fl-14{color:var(--muted);font-size:1.2rem;animation:4.4s ease-in-out -1s infinite fl-drift;top:68%;left:38%}.fl-15{color:var(--red);font-size:.75rem;animation:3.2s ease-in-out -2.6s infinite fl-drift;bottom:40%;left:45%}@keyframes fl-drift{0%,to{opacity:0;transform:translateY(10px)}18%,82%{opacity:.3}50%{opacity:.5;transform:translateY(-10px)}}.particles{z-index:5;pointer-events:none;position:fixed;inset:0}.particle{color:var(--muted);font-family:var(--mono);opacity:0;translate:calc(var(--mx) * var(--ppx) * 1px) calc(var(--my) * var(--ppx) * 1px);animation:particle-drift var(--pdur) ease-in-out var(--pd) infinite;position:absolute}@keyframes particle-drift{0%,to{opacity:0;transform:translateY(8px)scale(.8)}20%,80%{opacity:.2}50%{opacity:.35;transform:translateY(-8px)scale(1)}}.side-scroll{z-index:20;writing-mode:vertical-rl;width:16px;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:.28;font-size:.48rem;position:fixed;top:0;bottom:0;overflow:hidden}.side-left{color:var(--pink);border-right:1px solid #ff76bd14;left:0}.side-right{color:var(--cyan);border-left:1px solid #8fe3ff14;right:0}.side-track{height:max-content;animation:22s linear infinite scroll-up;display:flex}.side-track-reverse{animation:26s linear infinite scroll-down}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.frame{opacity:0;scale:.97}.centerpiece h1,.tagline,.links,.meta-bar,.bottom-bar,.corner,.window,.floaters,.particles{opacity:0}.mounted .frame{opacity:1;transition:opacity 1s cubic-bezier(.23,1,.32,1) .1s,scale 1s cubic-bezier(.23,1,.32,1) .1s;scale:1}.mounted .centerpiece h1{opacity:1;transition:opacity .8s cubic-bezier(.23,1,.32,1) .35s}.mounted .tagline{opacity:1;transition:opacity .7s .55s}.mounted .links{opacity:1;transition:opacity .6s .7s}.mounted .meta-bar{opacity:1;transition:opacity .6s .2s}.mounted .bottom-bar{opacity:1;transition:opacity .6s .25s}.mounted .corner{opacity:1;transition:opacity .5s .3s}.mounted .window-1{animation:.7s cubic-bezier(.23,1,.32,1) .5s both window-enter}.mounted .window-2{animation:.7s cubic-bezier(.23,1,.32,1) .65s both window-enter}.mounted .window-3{animation:.7s cubic-bezier(.23,1,.32,1) .8s both window-enter}.mounted .window-4{animation:.7s cubic-bezier(.23,1,.32,1) .95s both window-enter}@keyframes window-enter{0%{opacity:0}to{opacity:1}}.mounted .floaters{opacity:1;transition:opacity 1s .9s}.mounted .particles{opacity:1;transition:opacity 1.2s .6s}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(12px);background:#0a0610e0;place-items:center;padding:24px;animation:.3s modal-fade-in;display:grid;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{border:1px solid var(--win-border);background:var(--win-bg);-webkit-backdrop-filter:blur(16px);width:min(100%,560px);max-height:calc(100dvh - 48px);animation:.35s cubic-bezier(.23,1,.32,1) modal-scale-in;position:relative;overflow-y:auto;box-shadow:0 16px 64px #0009,0 0 80px #ff76bd14}@keyframes modal-scale-in{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.modal-bar{z-index:1;background:linear-gradient(90deg,#ff76bd0f,#8fe3ff08);border-bottom:1px solid #ff76bd1f;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:sticky;top:0}.modal-close{font-family:var(--mono);color:var(--red);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.9rem;line-height:1;transition:text-shadow .2s}.modal-close:hover{text-shadow:0 0 12px var(--red)}.modal-body{padding:32px}.modal-title{font-family:var(--mono);letter-spacing:.2em;color:var(--text);text-transform:uppercase;text-shadow:0 0 30px #ff76bd26,0 0 60px #8fe3ff14;margin:0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}.playlist{margin-top:48px}.track{border-bottom:1px solid var(--line);color:inherit;cursor:pointer;align-items:center;gap:20px;padding:18px 0;text-decoration:none;transition:background .3s;display:flex}.track:first-child{border-top:1px solid var(--line)}.track:hover{background:#ff76bd0a}.track-num{font-family:var(--mono);color:var(--cyan);min-width:24px;font-size:.65rem}.track-name{font-family:var(--jp);color:var(--text);font-size:.88rem;line-height:1.4}.track-artist{font-family:var(--mono);color:var(--muted);margin-top:3px;font-size:.6rem}.diary-entries{margin-top:48px}.entry{border-bottom:1px solid var(--line);padding:28px 0}.entry:first-child{border-top:1px solid var(--line)}.entry time{font-family:var(--mono);color:var(--cyan);letter-spacing:.1em;font-size:.58rem}.entry p{font-family:var(--jp);color:var(--muted);margin-top:14px;font-size:.85rem;line-height:2.2}.void-content{font-family:var(--mono);color:var(--muted);margin-top:60px;font-size:.7rem;line-height:2.4}.void-poem{opacity:.6;font-family:var(--jp)!important;color:var(--text)!important;font-size:.9rem!important}.void-spacer{height:24px}@media (width<=1100px) and (width>=1025px){.window{filter:brightness(.6);scale:.72}}@media (width<=1024px){.window{min-width:0;translate:none;scale:.68}.window-1{transform-origin:0 0}.window-2{transform-origin:100% 0}.window-3{transform-origin:0 100%}.window-4{transform-origin:100% 100%}}@media (width<=720px){.page{padding:10px}.frame{grid-template-rows:auto 1fr auto;gap:12px;min-height:calc(100dvh - 20px);padding:18px;display:grid}.meta-bar{flex-wrap:wrap;gap:10px;position:static}.meta-bar p{font-size:.58rem}.bottom-bar{flex-wrap:wrap;gap:10px;position:static}.bottom-bar p{font-size:.58rem}.centerpiece{align-self:center;width:100%;position:relative;inset:auto;transform:none}.centerpiece h1,.ghost{font-size:clamp(4.5rem,22vw,7rem)}.side-scroll,.cursor-glow,.corner{display:none}.floaters .fl{font-size:.55rem!important}.links{flex-wrap:wrap}.modal-body{padding:24px}}@media (width<=480px){.floaters,.particles{display:none}.ticker{font-size:.48rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cursor-glow,.noise,.floaters,.particles{display:none}}