@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-vietnamese-standard-normal-9GtAklmW.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-latin-ext-standard-normal-BaQ5u-C4.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-latin-standard-normal-CHqbGEEr.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(./space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(./space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(./space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;-webkit-user-select:none;user-select:none}.splitting{--word-center: calc((var(--word-total) - 1) / 2);--char-center: calc((var(--char-total) - 1) / 2);--line-center: calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent: calc(var(--word-index) / var(--word-total));--line-percent: calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent: calc(var(--char-index) / var(--char-total));--char-offset: calc(var(--char-index) - var(--char-center));--distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) );--distance-sine: calc(var(--char-offset) / var(--char-center));--distance-percent: calc((var(--distance) / var(--char-center)))}@property --w{syntax: "<number>"; inherits: false; initial-value: 100;}@property --g{syntax: "<number>"; inherits: false; initial-value: 700;}@property --lift{syntax: "<length>"; inherits: false; initial-value: 0px;}:root{--orange:#ff5a17;--ink:#140e0a;--paper:#f7efe2;--beat:652ms;--fs:120px}html,body{margin:0;height:100%;overflow:hidden;background:var(--orange);color:var(--ink)}body{font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased}.poster{position:relative;height:100%;box-sizing:border-box;padding:clamp(12px,2.6vw,26px) clamp(14px,3vw,30px);display:flex;flex-direction:column;background:radial-gradient(circle at 1px 1px,rgba(20,14,10,.13) 1px,transparent 1.4px) 0 0/5px 5px}.top{display:flex;justify-content:space-between;font:500 11px/1 DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:8px}.bpm{display:flex;align-items:center;gap:7px}.bpm i{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:pulse var(--beat) steps(1) infinite}@keyframes pulse{50%{background:var(--paper)}}.head{flex:1;min-height:0;margin:0;padding:.14em 0 .08em;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:.04em;font-family:Anybody Variable,sans-serif;font-size:var(--fs);line-height:.8;text-transform:uppercase;letter-spacing:.01em;font-weight:400;-webkit-user-select:none;user-select:none;cursor:crosshair}.head br{display:none}.ln{display:block;white-space:nowrap;font-size:calc(var(--s,1) * 1em)}.l2{text-align:right}.l3{color:transparent;-webkit-text-stroke:max(2px,.028em) var(--ink);text-align:right;word-spacing:.18em}.l4{text-align:left}.head .char{display:inline-block;--near:0;font-variation-settings:"wdth" calc(var(--w) - var(--near) * 30),"wght" calc(var(--g) + var(--near) * 200);transform:translateY(var(--lift));animation-duration:calc(var(--beat) * 4);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.65,0,.35,1)}.head .char.hot{color:var(--paper)}.l3 .char.hot{color:var(--paper);-webkit-text-stroke-color:var(--paper)}[data-mode=wave] .head .char{animation-name:wave;animation-delay:calc(var(--char-index) * -.11s - var(--line-index, 0) * .3s)}@keyframes wave{0%,to{--w:56;--g:850}50%{--w:148;--g:300}}[data-mode=stairs] .head .char{animation-name:stairs;animation-timing-function:steps(4,jump-none);animation-delay:calc(var(--char-index) * var(--beat) / -4)}@keyframes stairs{0%{--lift:0px;--w:80;--g:900}to{--lift:-.09em;--w:130;--g:500}}[data-mode=press] .head .char{animation-name:press;animation-duration:calc(var(--beat) * 2);animation-timing-function:cubic-bezier(.2,1.6,.3,1);animation-delay:calc(var(--word-index) * var(--beat) / 2)}@keyframes press{0%{--w:150;--g:100}35%,to{--w:70;--g:900}}.paused .head .char,.paused .bpm i{animation-play-state:paused}.foot{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;border-top:2px solid var(--ink);padding-top:9px}.colo{margin:0;max-width:52ch;font-size:12.5px;line-height:1.35;font-weight:500}.colo b{font-family:DM Mono,monospace;font-weight:500;font-size:10px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:3px}.modes{display:flex;gap:0;border:2px solid var(--ink);flex:none}.modes button{font:600 11px/1 DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--ink);border:0;padding:10px 12px;cursor:pointer}.modes button:hover{background:#140e0a1f}.modes button+button{border-left:2px solid var(--ink)}.modes button.on{background:var(--ink);color:var(--orange)}@media(max-width:560px){.foot{flex-direction:column;align-items:stretch;gap:14px}.colo{font-size:11px;max-width:none}.modes button{flex:1;padding:10px 6px;font-size:10px}}@media(max-height:420px){.colo{display:none}}