:root{--pink:#ff3fa4;--pink-dark:#b8215f;--pink-soft:#ff8fc9;--blue:#4fc3f7;--cyan:#fff;--ink:#fdf0f6;--ink-dim:#c98fb0;--void:#0d0410}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--ink);margin:0;font-family:Inter,sans-serif;overflow:hidden}#webCanvas{z-index:0;position:fixed;inset:0}.halftone,.vignette{z-index:1;pointer-events:none;position:fixed;inset:0}.halftone{opacity:.32;background-image:radial-gradient(#ff3fa452 1px,#0000 1.35px);background-size:14px 14px}.vignette{background:radial-gradient(circle at 50% 42%,#0000 28%,#0d0410eb 100%)}.glitch-strip{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,var(--cyan),transparent);height:2px;position:fixed;left:0;right:0}.page{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;height:100vh;padding:20px 16px;display:flex;position:relative}.logo{letter-spacing:.03em;color:var(--pink);text-shadow:2px 0 var(--cyan),-1.5px 0 var(--pink-soft),0 4px 0 var(--pink-dark);font-family:Bangers,cursive;font-size:58px;animation:5.2s infinite glitch}@keyframes glitch{0%,92%,to{transform:none}93%{transform:translate(-1.5px,1px)}94%{transform:translate(1.5px,-1px)}95%{transform:translate(-1px)}}.tagline,.greeting{text-transform:uppercase;letter-spacing:.12em;font-family:JetBrains Mono,monospace}.tagline{color:var(--cyan);opacity:.82;max-width:32ch;font-size:11px;line-height:1.5}.greeting{color:var(--ink-dim);letter-spacing:.06em;font-size:12.5px}.clock{color:var(--pink);letter-spacing:.04em;margin-top:-4px;font-family:JetBrains Mono,monospace;font-size:15px}.search-zone{z-index:9;width:min(540px,90vw);position:relative}.search-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0e;border:1.5px solid #ff3fa461;border-radius:999px;align-items:center;gap:10px;padding:11px 18px;transition:border-color .2s,box-shadow .2s;display:flex}.search-box:focus-within{border-color:var(--pink);box-shadow:0 0 0 3px #ff3fa42e,0 0 24px #ff3fa447}.search-box input{color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14.5px}.search-box input::placeholder{color:var(--ink-dim);opacity:.9}.search-box button{cursor:pointer;opacity:.9;background:0 0;border:0;align-items:center;font-size:18px;line-height:1;display:flex}.search-box button:hover{opacity:1}.spider-thread{z-index:10;transform-origin:top;background:linear-gradient(#0000,#fff9);width:1px;height:54px;animation:3.3s ease-in-out infinite swing;position:absolute;top:-54px;right:16px}@keyframes swing{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.spider{cursor:pointer;font-size:17px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.spider:hover{animation:.32s skitter}@keyframes skitter{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 3px))}75%{transform:translate(calc(3px - 50%))}}.links-row{flex-wrap:wrap;justify-content:center;gap:13px;display:flex}.quick-link{color:var(--ink);letter-spacing:.04em;opacity:.92;flex-direction:column;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10.5px;text-decoration:none;display:flex}.quick-link:hover{opacity:1}.icon{background:linear-gradient(165deg,var(--blue),#0d1f4d);border:1.5px solid #ff3fa46b;border-radius:50%;place-items:center;width:46px;height:46px;font-size:19px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.quick-link:hover .icon{border-color:var(--cyan);transform:translateY(-3px)rotate(-3deg);box-shadow:0 8px 20px #ffffff38}.sense-corner{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c0816b8;border:1px solid #ff3fa44d;border-radius:12px;width:178px;padding:10px 12px;position:fixed;top:20px;right:22px}.sense-label{letter-spacing:.11em;color:var(--pink-soft);text-transform:uppercase;align-items:center;gap:5px;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex}.dot{background:var(--pink);width:5px;height:5px;box-shadow:0 0 6px var(--pink);border-radius:50%;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.sense-pic{object-fit:cover;background:#ff3fa414;border:1px solid #ff3fa447;border-radius:8px;width:100%;height:68px;margin-bottom:6px;display:block}.sense-text{color:var(--ink-dim);min-height:26px;font-size:10px;line-height:1.45}.sense-refresh{color:var(--pink);cursor:pointer;background:0 0;border:1px solid #ff3fa461;border-radius:99px;margin-top:7px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:8px;transition:background .15s}.sense-refresh:hover{background:#ff3fa424}.web-shot{z-index:3;pointer-events:none;box-shadow:0 0 6px #fff,0 0 12px var(--pink);background:#fff;border-radius:50%;animation:.35s ease-out forwards splat;position:fixed}@keyframes splat{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1)}}.mouse-spider{z-index:6;pointer-events:none;font-size:13px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.spider-hang{z-index:5;transform-origin:top;cursor:pointer;width:88px;animation:4.4s ease-in-out infinite hang;position:fixed;top:0;left:18px}.hang-thread{background:linear-gradient(#0000,#fff9);width:1px;height:52px;margin:0 auto}.hang-spider{text-align:center;margin-top:-5px;font-size:32px}@keyframes hang{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@media (width<=700px){.sense-corner{width:148px;top:auto;bottom:16px;right:14px}.spider-hang{display:none}.logo{font-size:52px}}@media (width<=480px){.logo{font-size:40px}.links-row{gap:10px}.page{gap:18px}}