:root{font-family:Arial,Helvetica,sans-serif;color:#e9eaf0;background:#010205;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}html{height:-webkit-fill-available}body{position:fixed;top:0;right:0;bottom:0;left:0}.experience{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 0 80%,#00184b,transparent 50%),#010205}.liquid-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.liquid-scene canvas{display:block;width:100%;height:100%}.identity{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}h1{margin:0;padding:0;width:clamp(69px,8.86vw,113px);line-height:0}.wordmark{display:block;width:100%;height:auto;overflow:visible}.socials{position:absolute;left:50%;bottom:calc(13% + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;align-items:center;gap:25px}.socials a,.pending-link{display:grid;place-items:center;padding:11px;color:#8b93aa;transition:color .2s}.socials a:hover{color:#fff}.socials a:focus-visible{outline:1px solid #b3d8ff;outline-offset:5px}.pending-link{opacity:.6;cursor:default}.liquid-fallback canvas{display:none}.liquid-fallback:before,.liquid-fallback:after{content:"";position:absolute;width:70%;height:110%;border-radius:45%;filter:blur(50px);background:radial-gradient(ellipse,#0042d8,transparent 65%);animation:liquid-drift 28s ease-in-out infinite alternate}.liquid-fallback:before{left:-45%;top:-30%}.liquid-fallback:after{right:-40%;bottom:-40%;animation-delay:-14s}.reduced-motion:before,.reduced-motion:after{animation:none}@keyframes liquid-drift{0%{transform:translateY(-7%) rotate(-20deg)}to{transform:translateY(12%) rotate(15deg)}}@media(max-width:600px){h1{width:82px}.socials{bottom:calc(14% + env(safe-area-inset-bottom,0px));gap:23px}}.wordmark{animation:wei-float 9s ease-in-out infinite;transform-origin:center}@keyframes wei-float{0%,to{transform:translateZ(0) rotate(0)}25%{transform:translate3d(2.5px,-5px,0) rotate(.3deg)}50%{transform:translate3d(-2px,-1px,0) rotate(-.25deg)}75%{transform:translate3d(1.5px,3.5px,0) rotate(.18deg)}}@media(prefers-reduced-motion:reduce){.wordmark{animation:none}}.audio-player{position:absolute;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;width:196px;height:52px;max-width:calc(100vw - 40px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));padding:6px 12px 6px 6px;background:#050a14d9;border-radius:999px;color:#c0d0e1}.perimeter-progress{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.perimeter-progress svg{display:block;width:100%;height:100%;overflow:visible}.perimeter-progress use{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.perimeter-track{stroke:#b8d5ff16}.perimeter-loop{stroke:#7dafe53d}.perimeter-fill{stroke:#b5dcf0;stroke-opacity:.8}.perimeter-progress .perimeter-marker{stroke:#d9eeff;stroke-width:2}.record-button{position:relative;display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid #d1e8ff25;background:#0b1120;border-radius:50%;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.record-cover{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;animation:record-spin 20s linear infinite}.record-control{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#02050950;color:#f0f8ff;transition:background .2s}.record-control svg{width:12px;height:12px;stroke-width:1.4}.record-button:hover .record-control{background:#02050920}.record-button:focus-visible{outline:1px solid #b3d8ff;outline-offset:4px}.record-button:disabled{cursor:wait}.track-content{flex:1;min-width:0}.track-title{font-size:10px;line-height:1.4;font-weight:500;color:#d9e7f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-version{font-size:7.5px;line-height:1.5;color:#7c91aa;margin-top:2px}.is-loading .record-control{animation:audio-loading 1.2s ease-in-out infinite alternate}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes audio-loading{0%{opacity:.35}to{opacity:.8}}@media(max-width:600px){.socials{bottom:calc(96px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.record-cover,.is-loading .record-control{animation:none}}