@font-face{font-family:Birdie;src:url(/Birdie-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{color:#fff;background:#060d1b;font-family:Tahoma,Verdana,Arial,sans-serif}*{box-sizing:border-box}body{isolation:isolate;background:#060d1b;min-height:100vh;margin:0}body:before{content:"";z-index:-2;pointer-events:none;filter:blur(38px);will-change:transform;background-color:#0000;background-image:radial-gradient(38% 25% at 58% 47%,#e9bba8 0%,#d39b95 26%,#0000 72%),radial-gradient(48% 24% at 77% 33%,#ed8150 0%,#a13d32 38%,#0000 76%),radial-gradient(45% 34% at 37% 64%,#63b4d4 0%,#257ebd 38%,#0000 76%),radial-gradient(40% 43% at 76% 85%,#124edb 0%,#103582 50%,#0000 80%),radial-gradient(48% 38% at 13% 29%,#030914 20%,#0000 83%),linear-gradient(145deg,#040a14 18%,#101e3a 53%,#083b98 100%);background-position:50%;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;animation:20s ease-in-out infinite gradient-drift;position:fixed;inset:-28%}body:after{content:"";z-index:-1;pointer-events:none;opacity:.38;mix-blend-mode:overlay;filter:grayscale()contrast(180%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes gradient-drift{0%,to{background-position:45% 55%;background-size:100% 100%;transform:translate(-6%,4%)scale(1.08)rotate(-10deg)}25%{background-position:60% 35%;background-size:125% 110%;transform:translate(6%,-5%)scale(1.18)rotate(8deg)}50%{background-position:35% 65%;background-size:110% 130%;transform:translate(-3%,-7%)scale(1.1)rotate(14deg)}75%{background-position:65% 45%;background-size:130% 115%;transform:translate(7%,5%)scale(1.2)rotate(-5deg)}}@media (prefers-reduced-motion:reduce){body:before{will-change:auto;animation:none}}main{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.download{text-align:center;flex-direction:column;align-items:center;display:flex;transform:translateY(-12px)}.mark{color:#fff;width:110px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.mark:focus-visible{outline-offset:5px;outline:1px dotted #1b2935}.mark .logo{aspect-ratio:1885/834;background:currentColor;width:100%;display:block;-webkit-mask:url(/sonic-labs-logo.png) 50%/contain no-repeat;mask:url(/sonic-labs-logo.png) 50%/contain no-repeat}@media (max-height:580px){.mark{width:90px;bottom:5px}}.release{letter-spacing:.13em;color:#fff;margin:0;font:11px Tahoma,Verdana,Arial,sans-serif;position:fixed;top:28px;right:32px}.folder{color:#fff;outline:none;width:64px;height:56px;text-decoration:none;display:block}.folder svg{width:64px;height:56px;transition:transform .12s;display:block}.folder:hover svg{transform:translateY(-2px)}.folder:focus-visible{outline-offset:5px;outline:1px dotted #1b2935}h1{color:#fff;text-shadow:none;margin:11px 0 2px;font:400 12px/1.5 Tahoma,Verdana,Arial,sans-serif}.file-size{color:#fff;margin:0;font:12px/1.5 Tahoma,Verdana,Arial,sans-serif}@media (prefers-reduced-motion:reduce){.folder svg{transition:none}}.stats-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.stats-panel{color:#fff;width:min(100%,420px)}.stats-kicker{letter-spacing:.13em;color:#fff;margin:0 0 18px;font:11px/1.5 Menlo,Monaco,Consolas,monospace}.stats-title{color:#fff;margin:0 0 28px;font:400 22px/1.3 Tahoma,Verdana,Arial,sans-serif}.stats-panel form{flex-direction:column;gap:10px;display:flex}.stats-panel label,.stats-grid dt,.stats-back{color:#fff;font:13px/1.5 Tahoma,Verdana,Arial,sans-serif}.stats-panel input{background:#fffefa;border:1px solid #aaa49b;border-radius:0;width:100%;padding:11px 12px;font:16px Tahoma,Verdana,Arial,sans-serif}.stats-panel button{color:#fff;cursor:pointer;background:#6c6660;border:1px solid #6c6660;align-self:flex-start;padding:9px 18px;font:13px Tahoma,Verdana,Arial,sans-serif}.stats-error{color:#fff;margin:0;font:13px/1.5 Tahoma,Verdana,Arial,sans-serif}.stats-grid{grid-template-columns:1fr 1fr;gap:18px;margin:0 0 24px;display:grid}.stats-grid div{border-top:1px solid #c9c4bb;padding-top:10px}.stats-grid dt{margin:0 0 8px}.stats-grid dd{color:#fff;margin:0;font:400 38px/1 Tahoma,Verdana,Arial,sans-serif}.stats-note{color:#fff;margin:0 0 30px;font:12px/1.6 Menlo,Monaco,Consolas,monospace}.visitor-list{border-top:1px solid #c9c4bb;padding-top:18px}.visitor-list ul{max-height:38vh;margin:0;padding:0;list-style:none;overflow:auto}.visitor-list li{overflow-wrap:anywhere;border-bottom:1px solid #dedad3;flex-direction:column;gap:3px;padding:9px 0;font:12px/1.5 Menlo,Monaco,Consolas,monospace;display:flex}.visitor-city{font-size:13px}.visitor-detail{color:#fff;justify-content:space-between;gap:12px;display:flex}.visitor-list time{color:#fff;white-space:nowrap}.code-only{width:min(100%,260px)}.code-only input{text-align:left;caret-color:#fff;-webkit-tap-highlight-color:transparent;background:#fffefa;border:1px solid #aaa49b;border-radius:0;width:100%;padding:11px 12px;font:17px/1.5 Menlo,Monaco,Consolas,monospace}.code-only input:focus{box-shadow:none;border-color:#6c6660;outline:none}.code-only input[aria-invalid=true]{border-color:#a2352d}.site-code{width:min(100%,190px)}.site-code input{text-transform:uppercase;padding:8px 10px;font-size:14px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.release,.mark{color:#fff}.stats-panel{color:#fff;background:#071328d9;padding:24px}.stats-title,.stats-kicker,.stats-panel label,.stats-grid dt,.stats-back,.stats-note,.visitor-detail,.visitor-list time{color:#fff}.stats-grid div,.visitor-list{border-color:#ffffff38}.visitor-list li{border-color:#ffffff24}.code-only input,.stats-panel input{color:#fff;background:#071328a6}.code-only input::placeholder,.stats-panel input::placeholder{color:#fff;opacity:1}.stats-code{height:45px;position:relative}.stats-code input,.stats-code input:focus,.stats-code input:active{transform-origin:0 0;-moz-text-size-adjust:100%;text-size-adjust:100%;width:114.286%;padding:12.5px 14px;font:16px/1.5 Menlo,Monaco,Consolas,monospace;transform:scale(.875)}.stats-code input::placeholder{font:inherit}.password-field{height:45px;position:relative}.stats-code .password-field input{color:#0000;caret-color:#fff;-webkit-text-fill-color:transparent!important}.stats-code .password-field input::placeholder{color:#fff;-webkit-text-fill-color:#fff!important}.stats-code .password-field input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #142239}.password-dots{color:#fff;pointer-events:none;white-space:nowrap;font:14px/1.5 Menlo,Monaco,Consolas,monospace;position:absolute;top:50%;left:12px;right:12px;overflow:hidden;transform:translateY(-50%)}.stats-dashboard{height:100vh;grid-template-rows:minmax(0,1fr);height:100dvh;min-height:0;padding:76px 24px 100px;overflow:hidden}.stats-dashboard .stats-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent;min-height:0;max-height:100%;overflow-y:auto}.stats-dashboard .visitor-list ul{max-height:none;overflow:visible}.stats-clock{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:3px;font:11px/1.5 Menlo,Monaco,Consolas,monospace;display:flex;position:fixed;top:24px;right:32px}@media (max-width:480px){.stats-clock{top:18px;right:20px}.stats-dashboard{padding:76px 16px 96px}.visitor-detail{flex-wrap:wrap;gap:2px}}.code-error{color:#fff;text-align:left;width:100%;margin:8px 0 0;font:12px/1.5 Menlo,Monaco,Consolas,monospace;position:absolute;top:100%;left:0}
