:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d10;--title:#b9b7c6;--stage:#120e2e;--accent:#ff7aa2;--focus:#ffc2d4;--bar-ink:#fff;--bar-solid:#17151f;--bar-fade:#000000b8;--menu-bg:#181622f7;--hover:#ffffff24;--rail:#ffffff52;--display:"Fredoka", "Trebuchet MS", "Segoe UI", sans-serif;--body:"Nunito", "Segoe UI", system-ui, sans-serif}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#ebeaf0;--title:#3a3750}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#ebeaf0;--title:#3a3750}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--page);color:var(--title);font-family:var(--body)}.page{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100dvh;padding:16px;display:flex}.head{width:var(--player-w);align-items:baseline;gap:14px;display:flex}.back{font:500 14px/1.2 var(--display);color:var(--title);opacity:.7;white-space:nowrap;text-decoration:none}.back:hover,.back:focus-visible{opacity:1;text-decoration:underline}.title{font:600 17px/1.2 var(--display);letter-spacing:.01em;color:var(--title);margin:0}.page{--player-w:min(100%, 1440px, calc((100dvh - 80px) * 16 / 9))}.player{width:var(--player-w);color:var(--bar-ink);position:relative;container:player/inline-size}.stage{aspect-ratio:16/9;background:var(--stage);cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.bigplay{color:#fff;pointer-events:none;background:#0000008c;border-radius:50%;place-items:center;width:76px;height:76px;padding-left:4px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bigplay svg{width:36px;height:36px}.player:fullscreen{background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.player:fullscreen .stage{border-radius:0;width:min(100vw,177.778vh)}.player:fullscreen .bar{border-radius:0}.bar{z-index:2;background:linear-gradient(to bottom, transparent, var(--bar-fade));border-radius:0 0 12px 12px;grid-template-columns:auto auto 1fr auto auto auto auto;grid-template-areas:"play time scrub chap spd snd full";align-items:center;column-gap:2px;padding:40px 10px 8px;transition:opacity .25s;display:grid;position:absolute;bottom:0;left:0;right:0}.play{grid-area:play}.time{grid-area:time}.scrub{grid-area:scrub}#chap{grid-area:chap}#spd{grid-area:spd}#snd{grid-area:snd}#full{grid-area:full}.menu-anchor{display:contents}@container player (width>=640px){.player.idle:not(:has(:focus-visible)):not(:has([aria-expanded=true])) .bar{opacity:0;pointer-events:none}.player.idle:not(:has(:focus-visible)):not(:has([aria-expanded=true])) .stage{cursor:none}}@container player (width<=639px){.stage{border-radius:12px 12px 0 0}.bar{background:var(--bar-solid);grid-template-columns:auto auto 1fr auto auto auto auto;grid-template-areas:"scrub scrub scrub scrub scrub scrub scrub""play time.chap spd snd full";padding:0 4px 4px;position:relative}.bigplay{width:56px;height:56px}.bigplay svg{width:28px;height:28px}}@container player (width<=299px){.time .of{display:none}}.ic{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.ic:hover{background:var(--hover)}.ic svg{width:24px;height:24px}.speed{width:auto;min-width:48px;font:600 15px var(--display);padding:0 8px}.time{font:600 14px var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 8px}.time .of{opacity:.7}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.scrub{min-width:0;height:32px;margin:0 8px;position:relative}.track{height:4px;transition:height .12s;position:absolute;top:50%;left:7px;right:7px;transform:translateY(-50%)}.scrub:hover .track,.scrub:focus-within .track{height:6px}.seg{background:var(--rail);border-radius:2px;position:absolute;top:0;bottom:0;overflow:hidden}.fill{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.scrub input{appearance:none;cursor:pointer;background:0 0;border-radius:4px;width:100%;height:32px;margin:0;display:block;position:relative}.scrub input::-webkit-slider-runnable-track{background:0 0;height:32px}.scrub input::-moz-range-track{background:0 0;height:32px}.scrub input::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:14px;height:14px;margin-top:9px;transition:transform .12s}.scrub input::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px}.scrub:hover input::-webkit-slider-thumb{transform:scale(1.2)}.tip{z-index:3;background:var(--menu-bg);font:600 13px/1.25 var(--display);white-space:nowrap;pointer-events:none;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:6px 10px;display:flex;position:absolute;bottom:calc(100% + 2px);transform:translate(-50%)}.tip span:last-child{opacity:.75;font-variant-numeric:tabular-nums;font-weight:500}.menu{z-index:4;background:var(--menu-bg);border-radius:10px;flex-direction:column;min-width:120px;max-height:min(60vh,360px);padding:6px;display:flex;position:absolute;bottom:calc(100% + 4px);right:8px;overflow-y:auto;box-shadow:0 8px 28px #00000073}.menu.chapters{width:min(340px,100cqw - 16px)}.menu button{width:100%;color:inherit;text-align:left;cursor:pointer;font:500 15px/1.25 var(--display);background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 12px;display:flex}.menu button:hover,.menu button:focus-visible{background:var(--hover)}.menu button:focus-visible{outline-offset:-2px}.menu button[aria-current=true],.menu button[aria-checked=true]{color:var(--accent);font-weight:600}.menu .at{opacity:.7;font-variant-numeric:tabular-nums;flex:none}