.qp.svelte-1l3dv4z{--qp-stage: color-mix(in oklch, var(--theme-bg-base) 8%, black);--qp-ink: color-mix(in oklch, white 94%, var(--theme-primary) 6%);--qp-accent: var(--theme-primary);--qp-glow: var(--theme-primary-light, var(--theme-primary));position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:var(--qp-stage);color:var(--qp-ink);font-family:var(--theme-font-body);outline:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.qp.screen.svelte-1l3dv4z{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;width:auto;height:auto}.media.svelte-1l3dv4z{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--qp-stage)}.picture.svelte-1l3dv4z{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.dim.svelte-1l3dv4z{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--qp-stage) 46%,transparent);pointer-events:none}.topscrim.svelte-1l3dv4z{position:absolute;left:0;right:0;top:0;height:110px;background:linear-gradient(0deg,transparent,color-mix(in oklch,var(--qp-stage) 45%,transparent));pointer-events:none}.scrim.svelte-1l3dv4z{position:absolute;left:0;right:0;bottom:0;height:300px;background:linear-gradient(180deg,transparent,color-mix(in oklch,var(--qp-stage) 78%,transparent));pointer-events:none}.glass.svelte-1l3dv4z{background:color-mix(in oklch,var(--qp-stage) 48%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--qp-ink) 16%,transparent);color:var(--qp-ink)}.pl-x.svelte-1l3dv4z{position:absolute;left:16px;top:max(48px,calc(env(safe-area-inset-top,0px) + 12px));display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;cursor:pointer}.pl-x.svelte-1l3dv4z svg:where(.svelte-1l3dv4z){fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.said.svelte-1l3dv4z{position:absolute;left:50%;top:50%;max-width:calc(100% - 48px);margin:0;padding:10px 16px;border-radius:var(--theme-radius-md, 10px);font:500 15px/22px var(--theme-font-body);text-align:center;transform:translate(-50%,-50%)}.alert.svelte-1l3dv4z{position:absolute;left:50%;top:max(48px,calc(env(safe-area-inset-top,0px) + 12px));width:max-content;max-width:calc(100% - 152px);margin:0;padding:10px 14px;border-radius:var(--theme-radius-md, 10px);font:500 14px/20px var(--theme-font-body);transform:translate(-50%)}.playbtn.svelte-1l3dv4z{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:72px;height:72px;border:0;border-radius:999px;transform:translate(-50%,-50%);cursor:pointer}.playbtn.svelte-1l3dv4z svg:where(.svelte-1l3dv4z){margin-left:4px;fill:currentColor}.foot.svelte-1l3dv4z{position:absolute;left:24px;right:24px;bottom:max(28px,calc(env(safe-area-inset-bottom,0px) + 12px));display:flex;flex-direction:column;gap:22px;max-width:64rem;margin:0 auto;pointer-events:none}.foot.svelte-1l3dv4z>:where(.svelte-1l3dv4z){pointer-events:auto}.landed.svelte-1l3dv4z{display:flex;flex-direction:column;gap:12px}.lab.svelte-1l3dv4z{display:flex;align-items:baseline;gap:8px;margin:0;font:600 17px/24px var(--theme-font-body);color:var(--qp-ink)}.lab-words.svelte-1l3dv4z{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab.svelte-1l3dv4z em:where(.svelte-1l3dv4z){flex:none;margin-left:auto;font:500 13px/1 var(--theme-font-body);font-style:normal;font-variant-numeric:tabular-nums;color:color-mix(in oklch,var(--qp-ink) 62%,transparent)}.three-btns.svelte-1l3dv4z{display:flex;gap:8px;max-width:32rem}.three-btns.svelte-1l3dv4z button:where(.svelte-1l3dv4z){flex:1 1 auto;min-height:44px;padding:0 14px;border:0;border-radius:999px;font:600 14px/1 var(--theme-font-body);white-space:nowrap;cursor:pointer}.three-btns.svelte-1l3dv4z button:where(.svelte-1l3dv4z):disabled{opacity:.7;cursor:progress}.three-btns.svelte-1l3dv4z button:where(.svelte-1l3dv4z):focus-visible{outline:2px solid var(--qp-ink);outline-offset:3px}.notice.svelte-1l3dv4z{order:-1;align-self:flex-start;max-width:32rem;margin:0;padding:10px 14px;border-radius:var(--theme-radius-md, 10px);font:500 14px/20px var(--theme-font-body)}.lab-edit.svelte-1l3dv4z{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.lab-edit.svelte-1l3dv4z:focus-visible{outline:2px solid var(--qp-ink);outline-offset:3px}.wordform.svelte-1l3dv4z{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;max-width:32rem}.wordinput.svelte-1l3dv4z{min-width:0;min-height:44px;padding:0 14px;border:0;border-radius:999px;font:500 16px/1 var(--theme-font-body)}.wordinput.svelte-1l3dv4z::placeholder{color:color-mix(in oklch,var(--qp-ink) 60%,transparent)}.wordkeep.svelte-1l3dv4z,.wordnot.svelte-1l3dv4z{min-height:44px;padding:0 14px;border:0;border-radius:999px;font:600 14px/1 var(--theme-font-body);cursor:pointer}.wordkeep.svelte-1l3dv4z{background:var(--qp-ink);color:var(--qp-stage)}.wordkeep.svelte-1l3dv4z:disabled{opacity:.55;cursor:not-allowed}.markbtn.svelte-1l3dv4z{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:30rem;min-height:56px;margin:0 auto;padding:0 24px;border:0;border-radius:999px;background:var(--qp-ink);color:var(--qp-stage);font:600 18px/1 var(--theme-font-body);letter-spacing:-.005em;cursor:pointer;box-shadow:0 10px 28px color-mix(in oklch,black 30%,transparent)}.markbtn.svelte-1l3dv4z:active{transform:scale(.98)}.markbtn.svelte-1l3dv4z:disabled{opacity:.7;cursor:progress}.markbtn.svelte-1l3dv4z:focus-visible,.wordkeep.svelte-1l3dv4z:focus-visible,.wordnot.svelte-1l3dv4z:focus-visible,.wordinput.svelte-1l3dv4z:focus-visible{outline:2px solid var(--qp-ink);outline-offset:3px}.markflag.svelte-1l3dv4z{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.pl-foot.svelte-1l3dv4z{position:relative}.ln.svelte-1l3dv4z{position:relative;height:44px;touch-action:none;cursor:pointer}.ln-base.svelte-1l3dv4z,.ln-played.svelte-1l3dv4z,.ln-heat.svelte-1l3dv4z{position:absolute;top:50%;height:3px;margin-top:-1.5px;border-radius:3px;transition:height var(--theme-motion-fast, .15s) var(--theme-ease, ease),margin-top var(--theme-motion-fast, .15s) var(--theme-ease, ease)}.ln-base.svelte-1l3dv4z{left:0;right:0;background:color-mix(in oklch,var(--qp-ink) 30%,transparent)}.ln-base.svelte-1l3dv4z:focus-visible{outline:2px solid var(--qp-ink);outline-offset:8px}.ln-played.svelte-1l3dv4z{left:0;background:color-mix(in oklch,var(--qp-ink) 88%,transparent);pointer-events:none}.ln-heat.svelte-1l3dv4z{background:linear-gradient(90deg,transparent,var(--qp-glow) 50%,transparent);pointer-events:none}.ln-glow.svelte-1l3dv4z{position:absolute;top:50%;height:18px;margin-top:-9px;border-radius:999px;background:radial-gradient(closest-side,var(--qp-glow),transparent);filter:blur(4px);opacity:.9;pointer-events:none}.ln.held.svelte-1l3dv4z .ln-base:where(.svelte-1l3dv4z),.ln.held.svelte-1l3dv4z .ln-played:where(.svelte-1l3dv4z),.ln.held.svelte-1l3dv4z .ln-heat:where(.svelte-1l3dv4z){height:7px;margin-top:-3.5px}.ln-dot.svelte-1l3dv4z{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;padding:0;border:0;border-radius:999px;background:var(--qp-ink);box-shadow:0 0 0 2px color-mix(in oklch,var(--qp-stage) 80%,transparent);cursor:pointer;transition:width var(--theme-motion-fast, .15s) var(--theme-ease, ease),height var(--theme-motion-fast, .15s) var(--theme-ease, ease),margin var(--theme-motion-fast, .15s) var(--theme-ease, ease)}.ln-dot.on.svelte-1l3dv4z{width:16px;height:16px;margin:-8px 0 0 -8px;box-shadow:0 0 0 3px var(--qp-accent),0 0 14px 2px color-mix(in oklch,var(--qp-glow) 70%,transparent)}.ln-dot.svelte-1l3dv4z:focus-visible{outline:2px solid var(--qp-ink);outline-offset:4px}.ln-head.svelte-1l3dv4z{position:absolute;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:999px;background:var(--qp-ink);box-shadow:0 1px 4px color-mix(in oklch,black 40%,transparent);pointer-events:none}.ln-times.svelte-1l3dv4z{display:flex;justify-content:space-between;margin-top:-6px;font:500 12px/16px var(--theme-font-body);font-variant-numeric:tabular-nums;color:color-mix(in oklch,var(--qp-ink) 72%,transparent)}.ticks.svelte-1l3dv4z{position:absolute;top:50%;display:flex;gap:6px;height:22px;margin-top:-11px;transform:translate(-50%);pointer-events:none}.ticks.svelte-1l3dv4z i:where(.svelte-1l3dv4z){width:2px;height:100%;border-radius:1px;background:color-mix(in oklch,var(--qp-ink) 55%,transparent)}.ticks.svelte-1l3dv4z i.mid:where(.svelte-1l3dv4z){background:var(--qp-ink)}.ticks.svelte-1l3dv4z i.far:where(.svelte-1l3dv4z){align-self:center;height:60%;opacity:.6}.finger.svelte-1l3dv4z{position:absolute;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:999px;background:color-mix(in oklch,var(--qp-ink) 26%,transparent);box-shadow:0 0 0 1px color-mix(in oklch,var(--qp-ink) 40%,transparent);pointer-events:none}.bubble.svelte-1l3dv4z{position:absolute;bottom:72px;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%);pointer-events:none}.frame.svelte-1l3dv4z{display:block;border-radius:var(--theme-radius-lg, 12px);background:var(--qp-stage);box-shadow:0 0 0 2px var(--qp-ink),0 18px 40px color-mix(in oklch,black 45%,transparent)}.t.svelte-1l3dv4z{font:600 17px/1 var(--theme-font-body);font-variant-numeric:tabular-nums;color:var(--qp-ink);white-space:nowrap}.t.svelte-1l3dv4z small:where(.svelte-1l3dv4z){margin-left:6px;font:500 13px/1 var(--theme-font-body);color:color-mix(in oklch,var(--qp-ink) 72%,transparent)}@media(prefers-reduced-motion:reduce){.ln-base.svelte-1l3dv4z,.ln-played.svelte-1l3dv4z,.ln-heat.svelte-1l3dv4z,.ln-dot.svelte-1l3dv4z{transition:none}}