:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{margin:0}html,body,#root{height:100%}body{overscroll-behavior:none;background:#f4f3f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.mt-display{box-sizing:border-box;color:#ececed;font-kerning:normal;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;transform-origin:50%;backface-visibility:hidden;background:#08080a;border-radius:15px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.mt-player{align-items:center;gap:46px;padding:0 30px 0 26px;display:flex;position:absolute;inset:0}.mt-art{background:#16171a;border-radius:7px;flex:none;width:121px;height:121px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.mt-art img,.mt-art-empty{object-fit:cover;width:100%;height:100%;display:block}.mt-art-empty{background:linear-gradient(145deg,#1c1d21,#121316)}.mt-meta{flex:0 0 352px;min-width:0}.mt-title{letter-spacing:-.005em;color:#f5f5f7;white-space:nowrap;text-overflow:ellipsis;font-size:36px;font-weight:400;line-height:1.14;overflow:hidden}.mt-sub{color:#8b8d93;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:21px;line-height:1.2;overflow:hidden}.mt-scrub{cursor:pointer;touch-action:none;margin-top:15px;padding:7px 0}.mt-scrub:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #e8600c}.mt-track{background:#ffffff30;border-radius:999px;height:5px;position:relative}.mt-fill{border-radius:inherit;background:#fff;height:100%;position:relative}.mt-display[data-playing] .mt-fill{transition:width 1s linear}.mt-knob{background:#fff;border-radius:50%;width:13px;height:13px;margin-right:-6.5px;transition:transform .13s;position:absolute;top:50%;right:0;transform:translateY(-50%)scale(0)}.mt-scrub:hover .mt-knob,.mt-scrub:focus-visible .mt-knob{transform:translateY(-50%)scale(1)}.mt-times{color:#86888e;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:17px;display:flex}.mt-controls{flex:1;justify-content:center;align-items:center;gap:56px;margin-top:40px;display:flex}.mt-btn{appearance:none;color:#e7e8ea;cursor:pointer;background:0 0;border:0;margin:0;padding:0;transition:color .15s,transform .15s,opacity .15s;display:flex}.mt-btn svg{width:30px;height:30px;display:block}.mt-btn-play svg{width:37px;height:37px}.mt-btn:hover{color:#fff;transform:scale(1.07)}.mt-btn:active{transform:scale(.95)}.mt-btn:disabled{opacity:.28;cursor:default;transform:none}.mt-btn:focus-visible{outline-offset:7px;border-radius:6px;outline:2px solid #e8600c}.mt-brand{color:#a7a9ae;flex:none;margin-top:40px;transition:color .15s;display:flex}.mt-brand svg{width:40px;height:40px;display:block}a.mt-brand:hover{color:#1ed760}a.mt-brand:focus-visible{outline-offset:5px;border-radius:50%;outline:2px solid #e8600c}.mt-booting{place-items:center;display:grid;position:absolute;inset:0}.mt-mark{fill:#d7d8db;width:44px;height:44px}.mt-mark circle{fill:#4a4c51}.mt-mark rect{opacity:.16;animation:.88s linear infinite mt-tick}@keyframes mt-tick{0%{opacity:1}55%,to{opacity:.16}}.mt-display[data-state=error] .mt-title{color:#d8d9dc;font-size:29px}.mt-display[data-state=error] .mt-sub{color:#83858b;white-space:normal;line-height:1.35}.mt-glass{z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,#ffffff1a 0%,#ffffff08 36%,#fff0 58%,#ffffff05 100%),radial-gradient(130% 160% at 50% 130%,#0000 58%,#0000004d 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 7px 16px #0000008c,inset 0 -3px 9px #00000061}@media (prefers-reduced-motion:reduce){.mt-mark rect{animation-duration:2.4s}.mt-display[data-playing] .mt-fill{transition:none}}.app{background:#f4f3f0;position:fixed;inset:0;overflow:hidden}.app canvas{touch-action:none;cursor:grab;display:block}.app canvas:active{cursor:grabbing}.spotify-host{pointer-events:none;width:300px;height:80px;position:absolute;bottom:0;left:0}.spotify-host:after{content:"";background:#f4f3f0;position:absolute;inset:-2px}.hud{color:#6b7075;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:11px;position:absolute}.hud-tl{top:28px;left:32px}.hud-tr{text-align:right;top:28px;right:32px}.hud-b{color:#9aa0a6;text-transform:none;letter-spacing:.04em;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 32px;font-size:10px;display:grid;bottom:20px;left:0;right:0}.hud-label{letter-spacing:.02em;color:#16191c;font-size:20px;font-weight:700}.hud-sub{flex-direction:column;gap:2px;margin-top:6px;font-size:9px;line-height:1.5;display:flex}.hud-tr .hud-sub{align-items:flex-end}.hud-hints{text-align:center;justify-self:center;margin:0}.made-by{color:inherit;pointer-events:auto;justify-self:start;text-decoration:none;transition:color .15s}.made-by:hover{color:#16191c}.made-by:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #e8600c}.socials{justify-self:end;gap:8px;display:flex}.social-btn{pointer-events:auto;color:#6b7075;background:#fff;border:1px solid #d6d9dc;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .15s,color .15s;display:flex}.social-btn:hover{color:#16191c;border-color:#16191c}.social-btn:focus-visible{outline-offset:2px;outline:2px solid #e8600c}.side-toggle{pointer-events:auto;appearance:none;color:#16191c;font:inherit;letter-spacing:.1em;cursor:pointer;background:#fff;border:1px solid #d6d9dc;border-radius:999px;padding:6px 14px;font-size:11px;transition:border-color .15s,background .15s}.side-toggle:hover{border-color:#16191c}.side-toggle:focus-visible{outline-offset:2px;outline:2px solid #e8600c}.side-toggle b{font-weight:700}kbd{font:inherit;color:#6b7075;border:1px solid #d6d9dc;border-bottom-width:2px;border-radius:4px;padding:1px 5px}@media (max-width:900px){.hud-hints{display:none}}@media (max-width:640px){.hud-tl,.hud-tr{top:16px}.hud-tl{left:18px}.hud-tr{right:18px}.hud-label{font-size:16px}.hud-b{padding:0 18px}}