.media-control{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.6rem 1rem;background:transparent;color:inherit;font:inherit;font-weight:600;line-height:1;cursor:pointer}.media-control--primary{background:var(--color-decorative-gold-from);color:var(--color-text-primary);border-color:transparent}.media-control--icon{width:2.3rem;height:2.3rem;padding:0;font-size:1.05rem}.media-control--toolbar{width:2rem;height:2rem;padding:0;border-color:var(--color-border, rgba(0, 0, 0, .15));background:var(--color-surface-2, rgba(0, 0, 0, .07));color:var(--color-content, #222);font-size:.75rem;font-weight:700;line-height:1.5}.media-control--toolbar:hover{background:var(--color-surface-3, rgba(0, 0, 0, .15))}.media-control--rate{border-color:var(--color-border-strong);background:transparent;padding:.35rem .8rem}.media-control--shell{width:100%}.media-control.is-pressed{background:var(--color-accent);color:#fff;border-color:transparent}.media-control--toolbar.is-pressed{color:var(--color-content, #222)}.media-control:disabled{opacity:.4;cursor:not-allowed}.media-control svg{width:1rem;height:1rem}.caption-timing{font-family:inherit;cursor:pointer}.caption-timing--line{display:grid;gap:0;width:100%;padding:.8rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-secondary);color:inherit;text-align:left;transition:border-color .15s,background .15s}.caption-timing--line.is-pressed{border-left:3px solid var(--color-accent);background:var(--color-accent-light)}.caption-timing--context-active{display:block;width:100%;padding:.75rem .85rem;border:1px solid color-mix(in srgb,var(--color-accent) 20%,var(--color-border));border-radius:.9rem;background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-primary));text-align:left}.caption-timing--context-item{display:block;width:100%;padding:.52rem .65rem;border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-bg-primary);text-align:left}.caption-timing--context-active:hover,.caption-timing--context-item:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border))}.caption-timing--context-item.is-pressed{border-color:color-mix(in srgb,var(--color-accent) 30%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-primary))}.caption-timing--chip{border:1px solid var(--color-border-strong);border-radius:999px;padding:.2rem .7rem;background:var(--color-bg-secondary);color:inherit;font-size:.75rem;font-weight:600}.caption-timing--link{all:unset;cursor:pointer;color:var(--color-text-secondary)}.caption-timing--link:hover{color:var(--color-accent)}.caption-timing--culture-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border);border-radius:999px;padding:.15rem .6rem;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.caption-timing--culture-chip:hover{border-color:var(--color-section-culture);color:var(--color-section-culture);background:color-mix(in srgb,var(--color-section-culture) 10%,var(--color-bg-secondary))}.caption-timing--navigation{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:2.2rem;padding:.2rem .65rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-bg-secondary);color:inherit;font-size:.72rem;font-weight:600;line-height:1;white-space:nowrap}.caption-timing--list-item{display:grid;gap:.15rem;width:100%;padding:.45rem .55rem;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;text-align:left}.caption-timing--list-item:hover,.caption-timing--list-item.is-pressed{border-color:var(--color-border-strong);background:var(--color-bg-secondary)}.caption-timing--sync-step,.caption-timing--sync-reset{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:2rem;padding:.15rem .45rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-bg-secondary);color:inherit;font-size:.7rem;font-weight:600;line-height:1;white-space:nowrap}.caption-timing--sync-reset{padding:.1rem .5rem;font-size:.85rem}.caption-timing--chip.is-pressed,.caption-timing--navigation.is-pressed{background:var(--color-accent);color:#fff;border-color:transparent}.caption-timing:disabled{opacity:.45;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.caption-timing{transition:none!important;animation:none!important}}.answer-token--placed,.answer-token--pool{min-height:34px;padding:.35rem .75rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-bg-primary);font-family:inherit;cursor:pointer;touch-action:manipulation}.answer-token--placed{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent-hover, var(--color-accent))}.answer-token--pool{color:var(--color-text-secondary, #6b7280);font-size:.82rem}.answer-token--pool.answer-token--state-selected{background:var(--color-status-warning-bg);border-color:var(--color-status-warning-text);color:var(--color-status-warning-text)}.answer-token--choice{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;min-height:44px;padding:.7rem .9rem;border:2px solid var(--color-border);border-radius:12px;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;font-size:.95rem;font-weight:500;text-align:left;cursor:pointer}.answer-token--choice.answer-token--state-correct{border-color:transparent;background:var(--color-status-success-bg);color:var(--color-status-success-text)}.answer-token--choice.answer-token--state-incorrect{border-color:transparent;background:var(--color-status-danger-bg);color:var(--color-status-danger-text)}.answer-token--state-locked{opacity:.5;cursor:not-allowed}.answer-token--inline{display:inline;vertical-align:baseline;min-height:0;padding:0;margin:0;border:none;border-radius:0;background:none;font:inherit;line-height:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.2em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.answer-token--inline:hover{border-color:transparent;background:none;color:var(--color-accent)}.answer-token--inline.answer-token--tone-vocab{text-decoration-color:var(--color-section-vocab);background:color-mix(in srgb,var(--color-section-vocab) 22%,transparent);box-shadow:inset 0 -1px color-mix(in srgb,var(--color-section-vocab) 34%,transparent);padding-inline:.14em;margin-inline:-.04em;border-radius:.32em}.answer-token--inline.answer-token--tone-expression{text-decoration-color:var(--color-section-expression);background:color-mix(in srgb,var(--color-section-expression) 22%,transparent);box-shadow:inset 0 -1px color-mix(in srgb,var(--color-section-expression) 34%,transparent);padding-inline:.14em;margin-inline:-.04em;border-radius:.32em}.dark .answer-token--inline.answer-token--tone-vocab{color:color-mix(in srgb,var(--color-section-vocab) 84%,white 16%);background:color-mix(in srgb,var(--color-section-vocab) 24%,transparent);box-shadow:inset 0 -1px color-mix(in srgb,white 10%,transparent),0 0 0 1px color-mix(in srgb,var(--color-section-vocab) 62%,transparent);text-decoration-thickness:2px;font-weight:600}.dark .answer-token--inline.answer-token--tone-expression{color:color-mix(in srgb,var(--color-section-expression) 86%,white 14%);background:color-mix(in srgb,var(--color-section-expression) 26%,transparent);box-shadow:inset 0 -1px color-mix(in srgb,white 10%,transparent),0 0 0 1px color-mix(in srgb,var(--color-section-expression) 64%,transparent);text-decoration-thickness:2px;font-weight:600}.answer-token--inline[data-state=selected]{color:var(--color-accent);text-decoration-color:var(--color-accent);text-decoration-thickness:2px;background:color-mix(in srgb,var(--color-accent) 8%,transparent);border-radius:2px}.dark .answer-token--inline[data-state=selected]{color:color-mix(in srgb,white 88%,var(--color-accent) 12%);background:color-mix(in srgb,var(--color-accent) 32%,rgba(255,255,255,.1));text-decoration-color:color-mix(in srgb,white 38%,var(--color-accent) 62%)}.recording-control{font-family:inherit;cursor:pointer;touch-action:manipulation}.recording-control--microphone{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:42px;padding:.55rem 1rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-bg-primary);color:var(--color-text-primary)}.recording-control--secondary{display:inline-flex;align-items:center;gap:.35rem;min-height:36px;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-secondary);color:var(--color-text-secondary, #6b7280);font-size:.82rem;opacity:.7}.recording-control--secondary:hover,.recording-control--secondary:focus-visible{opacity:1}.recording-control--playback{display:inline-flex;align-items:center;gap:.5rem;min-height:36px;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-secondary);color:var(--color-text-secondary, #6b7280);font-size:.82rem}.recording-control--voice-answer{display:inline-flex;align-items:center;gap:.35rem;min-height:36px;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-secondary);color:var(--color-text-secondary, #6b7280);font-size:.82rem}.recording-control--state-processing{cursor:wait}.recording-control:disabled{opacity:.5;cursor:not-allowed}.player-frame.svelte-1wk6kvn{position:absolute;inset:0;overflow:hidden;background:var(--color-bg-player)}.player-frame.svelte-1wk6kvn iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.player-unavailable.svelte-1wk6kvn{display:grid;place-items:center;height:100%;background:var(--color-text-primary);color:var(--color-bg-primary);text-align:center;padding:2rem}