*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#fdfbf9}.viewport{-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;cursor:url(/arrow-cursor.svg),auto;background-color:#fdfbf9;width:100vw;height:100vh;overflow:auto}.viewport::-webkit-scrollbar{display:none}.crowd{opacity:0;transition:opacity .6s}.crowd--loaded{opacity:1}.peep-slot{pointer-events:none;content-visibility:auto;contain-intrinsic-size:260px 351px;overflow:hidden}@keyframes row-reveal{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.peep-slot--enter{animation:.5s cubic-bezier(.25,.46,.45,.94) forwards row-reveal;animation-delay:var(--reveal-delay);opacity:0}.peep-slot svg{width:100%;height:100%;transition:filter .6s ease-out;overflow:hidden}[class*=splash-] svg{transition:filter .4s ease-in}.splash-sepia svg{filter:sepia(.8)saturate(1.4)}.splash-blue svg{filter:saturate(0)brightness(1.1)sepia()hue-rotate(180deg)saturate(2)}.splash-pink svg{filter:saturate(0)brightness(1.1)sepia()hue-rotate(290deg)saturate(2.5)}.splash-gold svg{filter:saturate(0)brightness(1.1)sepia()hue-rotate(15deg)saturate(2)}.splash-mint svg{filter:saturate(0)brightness(1.1)sepia()hue-rotate(120deg)saturate(2)}@keyframes blink{0%,to{opacity:1}40%,60%{opacity:0}}.peep-blink svg [id^=face\/]{animation:.3s ease-in-out blink}@keyframes earthquake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-5px,3px)rotate(-.3deg)}30%{transform:translate(4px,-4px)rotate(.3deg)}45%{transform:translate(-6px,1px)rotate(-.4deg)}60%{transform:translate(3px,-5px)rotate(.3deg)}75%{transform:translate(-3px,4px)rotate(-.2deg)}90%{transform:translate(5px,-2px)rotate(.2deg)}}@keyframes peep-scatter{0%{transform:translate(0)rotate(0)}25%{transform:translate(var(--sx), var(--sy)) rotate(var(--sr))}to{transform:translate(0)rotate(0)}}.crowd.earthquake{animation:.25s ease-in-out infinite earthquake}.crowd.earthquake .peep-slot{--sx:0px;--sy:0px;--sr:0deg;animation:1.5s cubic-bezier(.25,.46,.45,.94) forwards peep-scatter}.crowd.earthquake .peep-slot:nth-child(6n){--sx:-18px;--sy:-12px;--sr:-8deg}.crowd.earthquake .peep-slot:nth-child(6n+1){--sx:14px;--sy:-16px;--sr:6deg}.crowd.earthquake .peep-slot:nth-child(6n+2){--sx:-10px;--sy:20px;--sr:-5deg}.crowd.earthquake .peep-slot:nth-child(6n+3){--sx:22px;--sy:8px;--sr:10deg}.crowd.earthquake .peep-slot:nth-child(6n+4){--sx:-16px;--sy:-20px;--sr:-12deg}.crowd.earthquake .peep-slot:nth-child(6n+5){--sx:12px;--sy:14px;--sr:7deg}@keyframes bob-vertical{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes bob-horizontal{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@keyframes bob-circular{0%{transform:translate(6px)}12.5%{transform:translate(4px,-4px)}25%{transform:translateY(-6px)}37.5%{transform:translate(-4px,-4px)}50%{transform:translate(-6px)}62.5%{transform:translate(-4px,4px)}75%{transform:translateY(6px)}87.5%{transform:translate(4px,4px)}to{transform:translate(6px)}}.bobbing{will-change:transform;transform-origin:bottom;animation-timing-function:cubic-bezier(.37,0,.63,1);animation-iteration-count:infinite;animation-duration:var(--dur);animation-delay:var(--del)}.motion-vertical .bobbing{animation-name:bob-vertical}.motion-horizontal .bobbing{animation-name:bob-horizontal}.motion-circular .bobbing{animation-name:bob-circular;animation-timing-function:linear}@keyframes swing-left{0%,to{transform:translate(-4px,-1px)rotate(-1.5deg)}50%{transform:translate(4px,-1px)rotate(1.5deg)}}@keyframes swing-right{0%,to{transform:translate(4px,-1px)rotate(1.5deg)}50%{transform:translate(-4px,-1px)rotate(-1.5deg)}}.motion-swing .bobbing{animation-timing-function:cubic-bezier(.45,.05,.55,.95)}.motion-swing [data-row-parity=even] .bobbing{animation-name:swing-left}.motion-swing [data-row-parity=odd] .bobbing{animation-name:swing-right}.topbar{z-index:9999;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:16px;right:16px}.topbar-row{align-items:center;gap:10px;display:flex}.topbar-group{background:#fdfbf9;border-radius:20px;padding:4px;transition:box-shadow .2s,transform .2s;box-shadow:0 1px 2px #00000040}.topbar-group:hover{transform:translateY(-1px);box-shadow:0 4px 4px #00000026}.topbar-inner{background:#fdfbf9;border:2.3px solid #3b82f6;border-radius:16px;align-items:center;gap:2px;padding:4px;display:flex}.topbar-btn{color:#111;cursor:url(/hand-cursor.svg),pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px;padding:6px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;transition:background-color .2s,color .2s}.topbar-btn.active{color:#fff;background-color:#3b82f6}.topbar-btn.icon-btn{justify-content:center;align-items:center;padding:6px 8px;display:flex}.topbar-btn.icon-btn svg{display:block}.topbar-btn:not(.active):hover{background-color:#0000000a}@media (max-width:640px){.topbar{gap:6px;top:10px;right:10px}.topbar-group{padding:3px}.topbar-inner{border-width:2px;padding:3px}.topbar-btn{padding:5px 8px;font-size:11px}}