/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root,:host{--trmp-spacing:.25rem;--trmp-text-xs:.75rem;--trmp-text-xs--line-height:calc(1 / .75);--trmp-text-lg:1.125rem;--trmp-text-lg--line-height:calc(1.75 / 1.125);--trmp-text-xl:1.25rem;--trmp-text-xl--line-height:calc(1.75 / 1.25);--trmp-text-2xl:1.5rem;--trmp-text-2xl--line-height:calc(2 / 1.5);--trmp-text-3xl:1.875rem;--trmp-text-3xl--line-height:calc(2.25 / 1.875);--trmp-leading-snug:1.375;--trmp-animate-spin:trmp-spin 6s linear infinite;--trmp-animate-pulse:trmp-pulse 5s linear infinite;--trmp-default-transition-duration:.15s;--trmp-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--trmp-color-primary:#31c27c;--trmp-color-primary-contrast:#05301c;--trmp-color-primary-text:var(--trmp-color-primary);--trmp-color-primary-hover:var(--trmp-color-primary)}@supports (color:color-mix(in lab, red, red)){:root,:host{--trmp-color-primary-hover:color-mix(in srgb, var(--trmp-color-primary) 85%, white)}}:root,:host{--trmp-color-panel:#000000bf;--trmp-color-panel-mobile:#000000eb;--trmp-color-panel-text:#fff;--trmp-color-panel-muted:#fff9;--trmp-color-controller:#e6e6e6;--trmp-color-surface:#f7f8fa;--trmp-color-list-item:#0000001a;--trmp-color-list-item-active:#00000059;--trmp-color-list-item-playing:#00000059;--trmp-color-track:#fff;--trmp-color-track-buffered:#0000001c;--trmp-color-lyric:var(--trmp-color-primary);--trmp-spacing-panel:60px;--trmp-spacing-panel-header:50px;--trmp-spacing-controller:80px;--trmp-spacing-controller-mobile:60px;--trmp-spacing-playlist-w:480px;--trmp-spacing-playlist-h:410px;--trmp-spacing-track-h:5px;--trmp-radius-panel:4px;--trmp-text-lyric:36px;--trmp-text-lyric-mobile:16px;--trmp-ease-player:cubic-bezier(.43, -.1, .16, 1.1);--trmp-shadow-panel:0 0 3px #403f3f;--trmp-animate-scale-in:trmp-scale-in var(--trmp-duration-player) var(--trmp-ease-player);--trmp-animate-scale-out:trmp-scale-out var(--trmp-duration-player) var(--trmp-ease-player);--trmp-animate-slide-up:trmp-slide-up var(--trmp-duration-player) var(--trmp-ease-player);--trmp-animate-slide-down:trmp-slide-down var(--trmp-duration-player) var(--trmp-ease-player);--trmp-animate-slide-in-right:trmp-slide-in-right var(--trmp-duration-player) var(--trmp-ease-player);--trmp-animate-remove:trmp-remove var(--trmp-duration-player) var(--trmp-ease-player)}.trmp\:pointer-events-none{pointer-events:none}.trmp\:absolute{position:absolute}.trmp\:fixed{position:fixed}.trmp\:relative{position:relative}.trmp\:inset-0{inset:0}.trmp\:inset-y-0{inset-block:0}.trmp\:-top-1{top:calc(var(--trmp-spacing) * -1)}.trmp\:-right-1{right:calc(var(--trmp-spacing) * -1)}.trmp\:right-0{right:0}.trmp\:right-3{right:calc(var(--trmp-spacing) * 3)}.trmp\:bottom-0{bottom:0}.trmp\:bottom-3{bottom:calc(var(--trmp-spacing) * 3)}.trmp\:bottom-5{bottom:calc(var(--trmp-spacing) * 5)}.trmp\:bottom-\[110px\]{bottom:110px}.trmp\:bottom-\[var\(--trmp-spacing-panel\)\]{bottom:var(--trmp-spacing-panel)}.trmp\:bottom-full{bottom:100%}.trmp\:left-0{left:0}.trmp\:left-1\/2{left:50%}.trmp\:-z-10{z-index:calc(10 * -1)}.trmp\:z-40{z-index:40}.trmp\:z-50{z-index:50}.trmp\:m-auto{margin:auto}.trmp\:my-auto{margin-block:auto}.trmp\:mr-1{margin-right:var(--trmp-spacing)}.trmp\:ml-1{margin-left:var(--trmp-spacing)}.trmp\:block{display:block}.trmp\:flex{display:flex}.trmp\:hidden{display:none}.trmp\:inline-block{display:inline-block}.trmp\:inline-flex{display:inline-flex}.trmp\:size-5{width:calc(var(--trmp-spacing) * 5);height:calc(var(--trmp-spacing) * 5)}.trmp\:size-6{width:calc(var(--trmp-spacing) * 6);height:calc(var(--trmp-spacing) * 6)}.trmp\:size-8{width:calc(var(--trmp-spacing) * 8);height:calc(var(--trmp-spacing) * 8)}.trmp\:size-10{width:calc(var(--trmp-spacing) * 10);height:calc(var(--trmp-spacing) * 10)}.trmp\:size-60{width:calc(var(--trmp-spacing) * 60);height:calc(var(--trmp-spacing) * 60)}.trmp\:size-\[70\%\]{width:70%;height:70%}.trmp\:size-controller{width:var(--trmp-spacing-controller);height:var(--trmp-spacing-controller)}.trmp\:size-px{width:1px;height:1px}.trmp\:h-panel{height:var(--trmp-spacing-panel)}.trmp\:h-panel-header{height:var(--trmp-spacing-panel-header)}.trmp\:h-playlist-h{height:var(--trmp-spacing-playlist-h)}.trmp\:w-\[100px\]{width:100px}.trmp\:w-full{width:100%}.trmp\:w-playlist-w{width:var(--trmp-spacing-playlist-w)}.trmp\:max-w-full{max-width:100%}.trmp\:min-w-0{min-width:0}.trmp\:min-w-4{min-width:calc(var(--trmp-spacing) * 4)}.trmp\:flex-1{flex:1}.trmp\:flex-none{flex:none}.trmp\:shrink-0{flex-shrink:0}.trmp\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.trmp\:scale-\[3\]{scale:3}.trmp\:animate-scale-in{animation:var(--trmp-animate-scale-in)}.trmp\:animate-slide-in-right{animation:var(--trmp-animate-slide-in-right)}.trmp\:animate-slide-up{animation:var(--trmp-animate-slide-up)}.trmp\:animate-spin{animation:var(--trmp-animate-spin)}.trmp\:cursor-default{cursor:default}.trmp\:cursor-move{cursor:move}.trmp\:flex-col{flex-direction:column}.trmp\:items-center{align-items:center}.trmp\:justify-between{justify-content:space-between}.trmp\:justify-center{justify-content:center}.trmp\:gap-1{gap:var(--trmp-spacing)}.trmp\:gap-2{gap:calc(var(--trmp-spacing) * 2)}.trmp\:gap-4{gap:calc(var(--trmp-spacing) * 4)}.trmp\:gap-5{gap:calc(var(--trmp-spacing) * 5)}.trmp\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trmp\:overflow-hidden{overflow:hidden}.trmp\:overflow-y-auto{overflow-y:auto}.trmp\:rounded{border-radius:.25rem}.trmp\:rounded-\[3px\]{border-radius:3px}.trmp\:rounded-\[10\%\]{border-radius:10%}.trmp\:rounded-\[50\%\]{border-radius:50%}.trmp\:border{border-style:var(--tw-border-style);border-width:1px}.trmp\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.trmp\:border-panel-muted{border-color:var(--trmp-color-panel-muted)}.trmp\:bg-controller{background-color:var(--trmp-color-controller)}.trmp\:bg-list-item{background-color:var(--trmp-color-list-item)}.trmp\:bg-panel{background-color:var(--trmp-color-panel)}.trmp\:bg-panel-mobile{background-color:var(--trmp-color-panel-mobile)}.trmp\:bg-primary{background-color:var(--trmp-color-primary)}.trmp\:bg-track-buffered{background-color:var(--trmp-color-track-buffered)}.trmp\:bg-cover{background-size:cover}.trmp\:bg-center{background-position:50%}.trmp\:p-0{padding:0}.trmp\:p-6{padding:calc(var(--trmp-spacing) * 6)}.trmp\:px-1{padding-inline:var(--trmp-spacing)}.trmp\:px-1\.5{padding-inline:calc(var(--trmp-spacing) * 1.5)}.trmp\:px-3{padding-inline:calc(var(--trmp-spacing) * 3)}.trmp\:px-4{padding-inline:calc(var(--trmp-spacing) * 4)}.trmp\:px-\[30px\]{padding-inline:30px}.trmp\:py-0\.5{padding-block:calc(var(--trmp-spacing) * .5)}.trmp\:py-1\.5{padding-block:calc(var(--trmp-spacing) * 1.5)}.trmp\:py-2{padding-block:calc(var(--trmp-spacing) * 2)}.trmp\:pb-6{padding-bottom:calc(var(--trmp-spacing) * 6)}.trmp\:text-center{text-align:center}.trmp\:text-left{text-align:left}.trmp\:text-2xl{font-size:var(--trmp-text-2xl);line-height:var(--tw-leading,var(--trmp-text-2xl--line-height))}.trmp\:text-3xl{font-size:var(--trmp-text-3xl);line-height:var(--tw-leading,var(--trmp-text-3xl--line-height))}.trmp\:text-lg{font-size:var(--trmp-text-lg);line-height:var(--tw-leading,var(--trmp-text-lg--line-height))}.trmp\:text-xl{font-size:var(--trmp-text-xl);line-height:var(--tw-leading,var(--trmp-text-xl--line-height))}.trmp\:text-xs{font-size:var(--trmp-text-xs);line-height:var(--tw-leading,var(--trmp-text-xs--line-height))}.trmp\:text-\[10px\]{font-size:10px}.trmp\:text-\[11px\]{font-size:11px}.trmp\:text-\[12px\]{font-size:12px}.trmp\:text-\[13px\]{font-size:13px}.trmp\:text-\[14px\]{font-size:14px}.trmp\:text-\[28px\]{font-size:28px}.trmp\:text-\[32px\]{font-size:32px}.trmp\:leading-4{--tw-leading:calc(var(--trmp-spacing) * 4);line-height:calc(var(--trmp-spacing) * 4)}.trmp\:leading-none{--tw-leading:1;line-height:1}.trmp\:leading-snug{--tw-leading:var(--trmp-leading-snug);line-height:var(--trmp-leading-snug)}.trmp\:whitespace-nowrap{white-space:nowrap}.trmp\:text-lyric{color:var(--trmp-color-lyric)}.trmp\:text-panel-muted{color:var(--trmp-color-panel-muted)}.trmp\:text-panel-text{color:var(--trmp-color-panel-text)}.trmp\:text-primary{color:var(--trmp-color-primary)}.trmp\:text-primary-contrast{color:var(--trmp-color-primary-contrast)}.trmp\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.trmp\:opacity-40{opacity:.4}.trmp\:shadow-panel{--tw-shadow:0 0 3px var(--tw-shadow-color,#403f3f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.trmp\:blur-\[80px\]{--tw-blur:blur(80px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.trmp\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--trmp-default-transition-timing-function));transition-duration:var(--tw-duration,var(--trmp-default-transition-duration))}.trmp\:\[animation-play-state\:paused\]{animation-play-state:paused}@media (hover:hover){.trmp\:hover\:bg-list-item-active:hover{background-color:var(--trmp-color-list-item-active)}.trmp\:hover\:text-primary:hover{color:var(--trmp-color-primary)}}:where([data-layout=desktop]) .trmp\:in-data-\[layout\=desktop\]\:flex{display:flex}:where([data-layout=mobile]) .trmp\:in-data-\[layout\=mobile\]\:size-controller-mobile{width:var(--trmp-spacing-controller-mobile);height:var(--trmp-spacing-controller-mobile)}:where([data-layout=mobile]) .trmp\:in-data-\[layout\=mobile\]\:text-lyric-mobile{font-size:var(--trmp-text-lyric-mobile)}.trmp\:data-\[current\]\:bg-list-item-playing[data-current]{background-color:var(--trmp-color-list-item-playing)}.trmp\:data-\[current\]\:text-primary-text[data-current]{color:var(--trmp-color-primary-text)}.trmp\:data-\[on\=true\]\:bg-primary[data-on=true]{background-color:var(--trmp-color-primary)}.trmp\:data-\[on\=true\]\:text-primary-contrast[data-on=true]{color:var(--trmp-color-primary-contrast)}.trmp\:data-\[open\=false\]\:hidden[data-open=false]{display:none}.trmp\:data-\[removing\]\:animate-remove[data-removing]{animation:var(--trmp-animate-remove)}:root{--trmp-duration-player:.35s}.trmp-root[data-theme=light]{--trmp-color-panel:#fff;--trmp-color-panel-mobile:#fff;--trmp-color-panel-text:#565656;--trmp-color-panel-muted:#444;--trmp-color-primary-text:#136334;--trmp-color-controller:#fff;--trmp-color-list-item:#fff;--trmp-color-list-item-active:#fafafa;--trmp-color-list-item-playing:#f2f2f2;--trmp-color-track:#00000017;--trmp-color-track-buffered:#0000000f;--trmp-shadow-panel:0 1px 2px 0 #00224d0d}.trmp-root[data-layout=mobile]{--trmp-color-list-item:#00000026;--trmp-color-list-item-playing:#000000bf;--trmp-color-list-item-active:#00000026}@layer trmp-base{.trmp-root{box-sizing:border-box;font:inherit}.trmp-root *,.trmp-root :before,.trmp-root :after{box-sizing:inherit}.trmp-root button{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.trmp-root button:disabled{cursor:default}.trmp-root ul{margin:0;padding:0;list-style:none}.trmp-root :focus-visible{outline:2px solid var(--trmp-color-primary);outline-offset:2px}.trmp-root::-webkit-scrollbar{background-color:var(--trmp-color-panel);width:8px}.trmp-root::-webkit-scrollbar-thumb{background-color:var(--trmp-color-primary);opacity:.5;height:20px}}input[type=range].trmp-range{appearance:none;height:var(--trmp-spacing-track-h);cursor:pointer;background:0 0;margin:0;padding:0}input[type=range].trmp-range::-webkit-slider-runnable-track{height:var(--trmp-spacing-track-h);border-radius:calc(var(--trmp-spacing-track-h) / 2);background:linear-gradient(to right, var(--trmp-color-primary) var(--trmp-range-fill,0%), var(--trmp-color-track) var(--trmp-range-fill,0%))}input[type=range].trmp-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:calc((var(--trmp-spacing-track-h) - 14px) / 2);background:var(--trmp-color-primary);border:2px solid #fff;border-radius:50%}input[type=range].trmp-range::-moz-range-track{height:var(--trmp-spacing-track-h);border-radius:calc(var(--trmp-spacing-track-h) / 2);background:var(--trmp-color-track)}input[type=range].trmp-range::-moz-range-progress{height:var(--trmp-spacing-track-h);border-radius:calc(var(--trmp-spacing-track-h) / 2);background:var(--trmp-color-primary)}input[type=range].trmp-range::-moz-range-thumb{background:var(--trmp-color-primary);border:2px solid #fff;border-radius:50%;width:10px;height:10px}input[type=range].trmp-range:disabled{cursor:default;opacity:.5}@media (prefers-reduced-motion:reduce){.trmp-root *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes trmp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes trmp-scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes trmp-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes trmp-slide-up{0%{transform:translateY(110%)}to{transform:translate(0)}}@keyframes trmp-slide-down{0%{transform:translate(0)}to{transform:translateY(110%)}}@keyframes trmp-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes trmp-pulse{0%{transform:scale(0)}50%{opacity:.6;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}@keyframes trmp-remove{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}body,html{height:100%;margin:0;padding:0}body{color:#1a1a1a;padding:20px;background:#f6f6f6;padding-bottom:100px;font-size:14px}a{color:#31c27c;text-decoration:none}.tag{color:#fff;background-color:#31c27c;border-radius:10px;margin-left:5px;padding:2px 10px;font-size:12px;display:inline-block}#root{padding-bottom:100px}.custom-player ul,.event-log{margin:0;padding:0;list-style:none}.custom-player li{margin:4px 0}.custom-player progress{width:240px;margin:8px 0;display:block}.event-log li{padding:2px 0;font-family:monospace;font-size:12px}main>section button,main>section select,fieldset select{text-align:center;touch-action:manipulation;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;color:#000000a6;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:4px;outline:none;height:35px;margin:20px 20px 20px 0;padding:8px 30px;font-size:16px;font-weight:400;line-height:1.15;transition:all .2s;display:inline-block;position:relative}:is(main>section button,main>section select,fieldset select):hover{color:#fff;background-color:#31c27c;border-color:#31c27c}fieldset label,main>section label{cursor:pointer;margin:20px 30px 20px 0;font-size:16px;display:inline-block}.toggle{padding:20px 0}.toggle button{margin-left:10px}.toggle .rc-switch-checked{background-color:#31c27c;border:#31c27c}.title{color:#31c27c;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;position:relative}.title .name a,.title .name a:focus,.title .name a:active,.title .name a:visited{color:#31c27c;text-decoration:none}@media (width<=767px){.title .name{margin-bottom:10px}}.title .version{font-size:14px}