:root { --bg:#c9c1b0; }
html, body { margin:0; height:100%; overflow:hidden; background:var(--bg); }
#rain { position:fixed; inset:0; width:100%; height:100%; display:block; }
.logo { position:fixed; inset:0; margin:0; display:grid; place-items:center; pointer-events:none; }
#logo { display:block; }
#icons { position:fixed; inset:0; overflow:hidden; pointer-events:none; }
#icons a { position:absolute; left:0; top:0; display:block; pointer-events:auto; will-change:transform; }
#icons svg { display:block; width:100%; height:100%; filter:url(#wob); overflow:visible; }
.logo { z-index:2; }
#stop { position:fixed; right:16px; bottom:16px; z-index:3; background:#1E1B1B; color:#fef8f0; border:0; border-radius:99px; padding:13px 20px; font:600 15px/1.2 "Helvetica Neue",system-ui,sans-serif; letter-spacing:.01em; cursor:pointer; box-shadow:0 4px 18px rgba(29,26,43,.35); transition:transform .15s,background .15s,color .15s; }
#stop:hover, #stop:focus-visible { background:#FF6B1A; color:#1E1B1B; transform:translateY(-2px); outline:none; }
@media (max-width:480px) { #stop { left:16px; right:16px; font-size:14px; } }