*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#191c35;color:#fff6df;font-family:Arial,Helvetica,sans-serif}main{height:100svh;width:100%;position:relative;overflow:hidden}canvas,.grain{position:absolute;inset:0;width:100%;height:100%}canvas{touch-action:pan-y}.grain{pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:absolute;top:max(30px,env(safe-area-inset-top));left:4%;pointer-events:none}.brand{color:inherit;text-decoration:none;font-size:20px;font-weight:900;letter-spacing:1px;display:flex;align-items:center;gap:10px;pointer-events:auto}.mark{display:block;width:64px;height:44px;object-fit:contain;flex:none}.dot{font-size:11px;align-self:flex-start}footer{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));right:4%}button{border:1px solid #ffffff30;background:#191c3570;color:#fff2dd;border-radius:30px;padding:13px 18px;font-size:12px;cursor:pointer;backdrop-filter:blur(10px);min-height:44px}button:hover{background:#4b3c54}button:focus-visible,a:focus-visible{outline:2px solid #ffc17e;outline-offset:5px}#soundIcon{margin-right:8px}.sounddot{display:inline-block;width:5px;height:5px;background:#777489;border-radius:50%;margin-left:12px}button[aria-pressed=true] .sounddot{background:#f6c183}#render-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}#render-status[hidden]{display:none}.loader{display:block;width:28px;height:28px;border:2px solid #fff2dd33;border-top-color:#efad72;border-radius:50%;animation:spin 1s linear infinite}.load-error{background:#191c35dd;border-radius:14px;padding:20px;text-align:center;color:#fff2dd;max-width:80%;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loader{animation:none}}@media(max-width:650px){header{top:max(24px,env(safe-area-inset-top));left:6%}.brand{font-size:16px}footer{right:6%;bottom:max(22px,env(safe-area-inset-bottom))}}
footer{left:4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.privacy-link{color:#fff2ddcc;font-size:12px;text-underline-offset:4px;padding:12px 0;min-height:44px;display:inline-flex;align-items:center;text-shadow:0 1px 4px #191c35}.privacy-link:hover{color:#fff2dd}@media(max-width:650px){footer{left:6%}}

#sound.invite{background:linear-gradient(135deg,#f6c183,#ef9f6c);color:#2a1d33;border-color:#ffe0b5;font-weight:800;letter-spacing:.8px;font-size:14px;padding:15px 24px;min-height:50px;position:relative;box-shadow:0 4px 18px #ef9f6c55;white-space:nowrap}#sound.invite:hover{background:linear-gradient(135deg,#ffd29c,#f4ae7c)}#sound.invite .sounddot{background:#2a1d33}#sound.invite::after{content:'';position:absolute;inset:-1px;border-radius:inherit;border:2px solid #f6c183;opacity:0;pointer-events:none;animation:invite 2.6s ease-out 1.5s infinite}@keyframes invite{0%{opacity:.75;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.18,1.45)}}@media(prefers-reduced-motion:reduce){#sound.invite::after{animation:none}}@media(max-width:420px){footer{gap:12px}#sound.invite{padding:15px 18px}#sound.invite #soundIcon{margin-right:5px}#sound.invite .sounddot{display:none}}#sound.intro{z-index:5;box-shadow:0 10px 40px #ef9f6c88;animation:introPop .45s ease-out both}@keyframes introPop{from{opacity:0}to{opacity:1}}