@font-face{font-family:Dela Gothic One;font-style:normal;font-display:swap;font-weight:400;src:url(/resonance/assets/dela-gothic-one-cyrillic-400-normal-DJ9SKT-W.woff2)format("woff2"),url(/resonance/assets/dela-gothic-one-cyrillic-400-normal-CbgkSwdT.woff)format("woff")}@font-face{font-family:Dela Gothic One;font-style:normal;font-display:swap;font-weight:400;src:url(/resonance/assets/dela-gothic-one-latin-400-normal-AgyGD05y.woff2)format("woff2"),url(/resonance/assets/dela-gothic-one-latin-400-normal-qxqiosUh.woff)format("woff")}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resonance/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resonance/assets/onest-cyrillic-wght-normal-DayYxulF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resonance/assets/onest-math-wght-normal-Bl4ZGkZl.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resonance/assets/onest-symbols-wght-normal-DxQzqQfC.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resonance/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resonance/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/resonance/assets/onest-latin-wght-normal-Dun_Rd-l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/resonance/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/resonance/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/resonance/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/resonance/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/resonance/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#05030a;--fg:#f3eefc;--muted:#f3eefc99;--line:#ffffff1f;--glass:#100a1e8c;--pink:#ff4fa3;--cyan:#6ff0ff;--ease:cubic-bezier(.22, 1, .36, 1);--gutter:clamp(16px, 4vw, 40px);--display:"Dela Gothic One", system-ui, sans-serif;--body:"Onest Variable", system-ui, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}h1,p,ul{margin:0}ul{padding:0;list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}kbd{border:1px solid var(--line);min-width:1.6em;font-family:var(--mono);border-bottom-width:2px;border-radius:6px;place-items:center;padding:.1em .4em;font-size:.78em;display:inline-grid}.app{height:100%;position:relative;overflow:hidden}.app[data-hidden]{cursor:none}.app[data-hidden] .topbar,.app[data-hidden] .overlay{opacity:0;pointer-events:none;translate:0 8px}.stage{inset:0;position:fixed!important}.topbar{z-index:10;padding:20px var(--gutter);transition:opacity .6s var(--ease), translate .6s var(--ease);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--display);letter-spacing:.02em;color:inherit;align-items:center;gap:10px;font-size:1.1rem;text-decoration:none;display:inline-flex}.brand__mark{background:radial-gradient(circle at 35% 35%, #ffd1ea, var(--pink) 45%, #3a0b5e);width:18px;height:18px;box-shadow:0 0 18px var(--pink);border-radius:50%;animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{box-shadow:0 0 28px var(--pink);scale:1.2}}.topbar__link{color:var(--muted);font-size:.9rem;text-decoration:none;transition:color .2s}.topbar__link:hover{color:var(--fg)}.overlay{z-index:5;pointer-events:none;transition:opacity .6s var(--ease), translate .6s var(--ease);display:grid;position:fixed;inset:0}.overlay>*{pointer-events:auto}.start{width:min(560px,100%);padding:100px var(--gutter) 40px;animation:rise 1s var(--ease) both;background:linear-gradient(90deg,#05030ad9 30%,#0000);align-content:center;gap:22px;display:grid}@media (max-width:720px){.start{background:linear-gradient(#0000,#05030aeb 45%);align-content:end;width:100%}}@keyframes rise{0%{opacity:0;translate:0 20px}}.start__eyebrow{color:var(--cyan);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.start__title{font-family:var(--display);letter-spacing:-.01em;background:linear-gradient(100deg, #fff 20%, var(--pink) 55%, var(--cyan));color:#0000;filter:drop-shadow(0 0 30px #ff4fa359);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,9vw,6.4rem);font-weight:400;line-height:.95}.start__lead{max-width:440px;color:var(--muted);font-size:1.05rem;line-height:1.55}.start__sources{gap:10px;display:grid}.source{border:1px solid var(--line);background:var(--glass);text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .3s, translate .35s var(--ease), box-shadow .35s var(--ease);border-radius:18px;align-items:center;gap:16px;padding:14px 18px;display:flex}.source span{display:grid}.source small{color:var(--muted);font-size:.85rem}.source svg{color:var(--cyan);flex:none}.source:hover{box-shadow:0 0 30px -10px var(--cyan);border-color:#6ff0ff80;translate:4px}.source--main{box-shadow:0 12px 40px -12px var(--pink);background:linear-gradient(110deg,#ff4fa3d9,#8c3cffcc);border-color:#0000}.source--main small{color:#ffffffbf}.source--main svg{color:#fff}.source--main:hover{box-shadow:0 16px 50px -10px var(--pink);border-color:#0000}.start__keys{color:var(--muted);flex-wrap:wrap;gap:8px 16px;font-size:.82rem;display:flex}@media (pointer:coarse){.start__keys{display:none}}.player{width:min(1040px, 100% - 2 * var(--gutter));margin-bottom:max(20px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);animation:rise .7s var(--ease) both;border-radius:24px;grid-template-columns:minmax(0,1fr) auto auto;place-self:end center;align-items:center;gap:16px 20px;padding:12px 14px;display:grid;box-shadow:0 20px 60px -20px #000c}.player button{background:0 0;border:0;place-items:center;display:grid}@media (max-width:860px){.player{border-radius:20px;grid-template-columns:1fr}}.player__main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.player__play{color:#fff;width:50px;height:50px;box-shadow:0 0 24px -4px var(--pink);transition:scale .25s var(--ease);border-radius:50%;position:relative;background:linear-gradient(135deg, var(--pink), #8c3cff)!important}.player__play:hover{scale:1.07}.player__play:active{scale:.94}.player__info{gap:4px;min-width:0;display:grid}.player__track{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex;overflow:hidden}.player__live{background:#ff3b3b;border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite breathe;box-shadow:0 0 10px #ff3b3b}.player__time,.player__seek span{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.78rem}.player__seek{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}input[type=range]{--fill:0%;background:linear-gradient(90deg, var(--pink), var(--cyan)) 0 0/var(--fill) 100% no-repeat, var(--line);appearance:none;cursor:pointer;border-radius:2px;width:100%;height:4px;margin:0}input[type=range]::-webkit-slider-thumb{width:14px;height:14px;box-shadow:0 0 10px var(--cyan);appearance:none;background:#fff;border-radius:50%}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.mini-spectrum{width:96px;height:34px}@media (max-width:420px){.mini-spectrum{display:none}}.player__scenes{background:#0000004d;border-radius:999px;gap:4px;padding:4px;display:flex}.scene-tab{height:36px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:.9rem;font-weight:500;transition:background-color .3s,color .3s;display:inline-flex!important}.scene-tab kbd{font-size:.7rem}.scene-tab:hover{color:var(--fg)}.scene-tab[aria-checked=true]{color:var(--fg);background:#ffffff1f!important}@media (max-width:860px){.scene-tab{flex:1;justify-content:center}.scene-tab kbd{display:none}}.player__tools{align-items:center;gap:2px;display:flex}@media (max-width:860px){.player__tools{justify-content:space-between}}.tool{width:40px;height:40px;color:var(--muted);border-radius:12px;transition:background-color .2s,color .2s;position:relative}.tool:hover,.tool:focus-visible{color:var(--fg);background:#ffffff14!important}.tool__caption{display:none}@media (hover:none){.tool{grid-template-rows:auto auto;gap:3px;width:auto;min-width:56px;height:auto;padding:6px 4px}.tool__caption{font-size:.68rem;line-height:1;display:block}.tip{display:none!important}}.tip{z-index:2;border:1px solid var(--line);color:var(--fg);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s, translate .18s var(--ease);background:#0e081aeb;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:.8rem;font-weight:500;display:inline-flex;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 4px;box-shadow:0 8px 24px -8px #000c}.tip kbd{color:var(--muted)}.tip:after{content:"";border:5px solid #0000;border-top-color:#0e081aeb;position:absolute;top:100%;left:50%;translate:-50%}button:hover>.tip,button:focus-visible>.tip{opacity:1;transition-delay:.25s;translate:-50%}.player__tools>.tool:last-child .tip{left:auto;right:-6px;translate:0 4px}.player__tools>.tool:last-child .tip:after{left:auto;right:18px;translate:0}.player__tools>.tool:last-child:is(:hover,:focus-visible) .tip{translate:0}.volume{align-items:center;gap:4px;margin-right:6px;display:flex}.volume input{width:90px}@media (pointer:coarse){.volume input{display:none}}.scene-flash{z-index:4;background:var(--bg);pointer-events:none;animation:flash 1.3s var(--ease) forwards;place-items:center;display:grid;position:fixed;inset:0}.scene-flash span{font-family:var(--display);letter-spacing:.04em;animation:flash-title 1.3s var(--ease) forwards;font-size:clamp(2rem,7vw,5rem)}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes flash-title{0%{letter-spacing:.3em;filter:blur(8px)}}.show-ui{z-index:10;border:1px solid var(--line);background:var(--glass);opacity:0;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:.85rem;transition:opacity .4s;display:inline-flex;position:fixed;bottom:20px;left:50%;translate:-50%}.show-ui:hover,.show-ui:focus-visible{opacity:1}@media (pointer:coarse){.show-ui{opacity:.8}}.dropzone{z-index:20;border:2px dashed var(--cyan);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--display);animation:rise .3s var(--ease);pointer-events:none;background:#05030ab3;border-radius:28px;place-items:center;font-size:clamp(1.4rem,4vw,2.4rem);display:grid;position:fixed;inset:12px}.toast{z-index:30;color:#fff;background:#ff3b6b;border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:500;transition:opacity .3s;position:fixed;top:76px;left:50%;translate:-50%}.toast:empty{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}