:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}@font-face{font-family:Audiowide;src:url(/assets/Audiowide-Regular-C4bZP0Ef.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/Manrope-VariableFont_wght-DAGrG0F2.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f7f9fc;--bg-secondary:#eef2f7;--card-bg:#fff;--card-bg-hover:#f3f6fa;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent-primary:#4da8da;--accent-secondary:#8b7cf6;--border-color:#e5e7eb;--success:#3cb179;--warning:#f4b740;--error:#e35d6a}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0b1120;--bg-secondary:#111827;--card-bg:#1a2333;--card-bg-hover:#243041;--text-primary:#f3f4f6;--text-secondary:#b8c1cc;--text-muted:#7c8796;--accent-primary:#5eead4;--accent-secondary:#a78bfa;--border-color:#2b3548;--success:#34d399;--warning:#fbbf24;--error:#fb7185}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);cursor:default;text-align:center;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:manipulation;flex-direction:column;margin:0;padding:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:300;display:flex;overflow:hidden}body{position:fixed;inset:0}h1,h2,h3,h4,h5,h6,.title-head{box-sizing:border-box;margin:0 10px 15px 15px;padding:0;font-family:Audiowide,sans-serif;font-size:32px;font-weight:300;line-height:1.4}p{box-sizing:border-box;margin:0;padding:0;line-height:1.5;display:inline-block}button{all:unset;box-sizing:border-box;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none}main{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;display:flex}.player-cont{flex-direction:column;justify-content:center;align-items:center;max-width:300px;max-height:300px;display:flex}.logo{width:300px;max-width:300px;height:300px;max-height:300px;fill:var(--text-primary);margin:5px}.panel{justify-content:center;align-items:center;display:flex;position:fixed;top:5px;right:5px}.theme-toggle{width:35px;height:35px;color:var(--text-primary);fill:var(--card-bg);border:1px solid var(--border-color);background:var(--card-bg);border-radius:100%;justify-content:center;align-items:center;margin:5px;padding:2px;transition:all .3s;display:flex}.theme-toggle:hover,theme-toggle:active{background:var(--card-bg-hover)}.fill-bg-secondary{fill:var(--text-primary)}.player-button{width:75px;height:75px;fill:var(--text-primary);border:2px solid var(--text-muted);background:var(--card-bg);border-radius:100%;justify-content:center;align-items:center;transition:all .3s;display:flex}.player-button:hover,.player-button:active{background:var(--card-bg-hover)}.modal{z-index:1000;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal--active{opacity:1;pointer-events:auto;animation:.3s forwards modalFadeIn}.modal--closing{animation:.3s forwards modalFadeOut}.modal__content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:var(--card-bg);border:1px solid var(--text-muted);border-radius:5px;width:100%;max-width:1000px;max-height:calc(100dvh - 30px);margin:15px;padding:15px;position:relative;overflow:hidden auto}.modal__content::-webkit-scrollbar{display:none}.modal--active .modal__content{animation:.3s forwards modalScaleIn}.modal--closing .modal__content{animation:.3s forwards modalScaleOut}.modal__close{cursor:pointer;background:0 0;border:0;position:absolute;top:5px;right:5px}@keyframes modalFadeIn{to{opacity:1}}@keyframes modalFadeOut{to{opacity:0}}@keyframes modalScaleIn{to{transform:scale(1)}}@keyframes modalScaleOut{to{transform:scale(.95)}}.modal-button-close{color:var(--text-primary);border-radius:100%;width:25px;height:25px;transition:all .3s}.modal-button-close:hover,.modal-button-close:active{background:var(--card-bg-hover)}.button-main{background:var(--card-bg);border:1px solid var(--text-muted);border-radius:5px;padding:3px 10px;font-weight:600;text-decoration:none;transition-duration:.3s;display:inline-block}.button-main:hover,.button-main:active{background:var(--card-bg-hover)}.mg-15{margin:15px}.is-loading .player-button{animation:3s linear infinite hourglass-rotate}@keyframes hourglass-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
