.payment-cancel[data-v-c8569c72]{margin-top:var(--navbar-height);width:100%;min-height:calc(100vh - var(--navbar-height));display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,hsla(0,0%,100%,.7),rgba(246,248,251,.96)),var(--color-page);padding:2rem}.cancel-container[data-v-c8569c72]{background:var(--workspace-shell-bg);border:1px solid var(--workspace-shell-border);border-radius:var(--radius-xl);width:100%;max-width:600px;box-shadow:var(--workspace-shell-shadow)}.content-wrapper[data-v-c8569c72]{padding:3rem;min-height:400px;display:flex;align-items:center;justify-content:center}.cancel-content[data-v-c8569c72]{width:100%;text-align:center}.cancel-icon[data-v-c8569c72]{width:4rem;height:4rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background:var(--color-danger-bg);color:var(--color-danger);animation:scale-in-c8569c72 .5s ease-out}.cancel-icon .material-icons-outlined[data-v-c8569c72]{font-size:2.65rem}h1[data-v-c8569c72]{color:var(--color-text);font-size:clamp(2rem,5vw,2.5rem);margin-bottom:.75rem;font-weight:800;letter-spacing:-.04em}.description[data-v-c8569c72]{color:var(--color-text-subtle);font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.buttons[data-v-c8569c72]{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn[data-v-c8569c72]{min-height:44px;padding:0 1.35rem;border-radius:var(--radius-pill);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-outline[data-v-c8569c72]{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-outline[data-v-c8569c72]:hover{background:var(--color-text);color:var(--color-text-inverse);transform:translateY(-1px)}@keyframes scale-in-c8569c72{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:640px){.content-wrapper[data-v-c8569c72]{padding:2rem;min-height:300px}.buttons[data-v-c8569c72]{flex-direction:column}h1[data-v-c8569c72]{font-size:2rem}.description[data-v-c8569c72]{font-size:1rem}}.payment-success[data-v-1c48ab98]{margin-top:var(--navbar-height);width:100%;min-height:calc(100vh - var(--navbar-height));display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,hsla(0,0%,100%,.7),rgba(246,248,251,.96)),var(--color-page);padding:2rem}.success-container[data-v-1c48ab98]{background:var(--workspace-shell-bg);border:1px solid var(--workspace-shell-border);border-radius:var(--radius-xl);width:100%;max-width:640px;box-shadow:var(--workspace-shell-shadow)}.content-wrapper[data-v-1c48ab98]{padding:3rem;min-height:400px;display:flex;align-items:center;justify-content:center}.status-container[data-v-1c48ab98]{text-align:center;width:100%}.status-mark[data-v-1c48ab98]{width:4rem;height:4rem;margin:0 auto 1.5rem;border-radius:var(--radius-xl);display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-muted)}.status-mark .material-icons-outlined[data-v-1c48ab98]{font-size:2.65rem}.error-icon[data-v-1c48ab98],.spinner[data-v-1c48ab98],.success-icon[data-v-1c48ab98]{margin-bottom:1.5rem}.spinner[data-v-1c48ab98]{color:var(--color-brand-600);background:var(--color-brand-50)}.spinner .material-icons-outlined[data-v-1c48ab98]{animation:spin-1c48ab98 1s linear infinite}.error-icon[data-v-1c48ab98]{color:var(--color-danger);background:var(--color-danger-bg)}.success-icon[data-v-1c48ab98]{color:var(--color-success);background:var(--color-success-bg);animation:scale-in-1c48ab98 .5s ease-out}.success-content[data-v-1c48ab98]{width:100%;text-align:center}h1[data-v-1c48ab98]{color:var(--color-text);font-size:clamp(2rem,5vw,2.5rem);margin-bottom:.7rem;font-weight:800;letter-spacing:-.04em}h2[data-v-1c48ab98]{color:var(--color-text-muted);font-size:1.25rem;margin-bottom:1.25rem;font-weight:500}.description[data-v-1c48ab98]{color:var(--color-text-subtle);font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.membership-details[data-v-1c48ab98]{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.25rem;margin:2rem 0;text-align:left}.membership-details h3[data-v-1c48ab98]{color:var(--color-text);font-size:1.25rem;margin-bottom:1.5rem;font-weight:600}.details-grid[data-v-1c48ab98]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.detail-item[data-v-1c48ab98]{display:flex;flex-direction:column;gap:.5rem}.detail-item .label[data-v-1c48ab98]{color:var(--color-text-subtle);font-size:.9rem;font-weight:500}.detail-item .value[data-v-1c48ab98]{color:var(--color-text);font-size:1.1rem;font-weight:600}.buttons[data-v-1c48ab98]{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn[data-v-1c48ab98]{min-height:44px;padding:0 1.35rem;border-radius:var(--radius-pill);font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s}.btn-primary[data-v-1c48ab98]{background:var(--color-text);color:var(--color-text-inverse);border:none}.btn-primary[data-v-1c48ab98]:hover{background:var(--color-brand-600);transform:translateY(-1px)}.btn-outline[data-v-1c48ab98]{background:transparent;color:var(--color-success);border:2px solid var(--color-success)}.btn-outline[data-v-1c48ab98]:hover{background:var(--color-success);color:var(--color-text-inverse);transform:translateY(-2px)}@keyframes scale-in-1c48ab98{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin-1c48ab98{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.content-wrapper[data-v-1c48ab98]{padding:2rem;min-height:300px}.buttons[data-v-1c48ab98]{flex-direction:column}h1[data-v-1c48ab98]{font-size:2rem}h2[data-v-1c48ab98]{font-size:1.25rem}.details-grid[data-v-1c48ab98]{grid-template-columns:1fr}}.creation-page[data-v-5d8847b8]{width:min(680px,100%);margin:0 auto;padding:var(--space-8) 0 var(--space-12);color:var(--ink-primary)}.creation-head[data-v-5d8847b8]{text-align:center}.creation-head h1[data-v-5d8847b8]{margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}.creation-head p[data-v-5d8847b8]{margin:var(--space-3) 0 0;color:var(--ink-secondary);font-size:var(--font-size-md);line-height:1.6}.creation-tabs[data-v-5d8847b8]{display:flex;gap:2px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:var(--space-6) auto var(--space-8);padding:2px;border-radius:var(--radius-md);background:rgba(16,24,32,.06)}.creation-tabs a[data-v-5d8847b8]{display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:34px;padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--ink-secondary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;white-space:nowrap}.creation-tabs a[data-v-5d8847b8]:hover{color:var(--ink-primary)}.creation-tabs a.is-active[data-v-5d8847b8]{background:var(--surface-panel);color:var(--ink-primary);font-weight:600;box-shadow:var(--shadow-sm),0 0 0 .5px rgba(16,24,32,.08)}.creation-note[data-v-5d8847b8]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1) var(--space-4);margin:var(--space-8) 0 0;color:var(--ink-tertiary);font-size:var(--font-size-xs);line-height:1.6}.creation-note strong[data-v-5d8847b8]{color:var(--ink-secondary);font-family:var(--font-family-data);font-weight:500;font-variant-numeric:tabular-nums}.creation-link[data-v-5d8847b8]{padding:0;border:0;background:transparent;color:var(--signal-active-strong);font:inherit;font-weight:600;cursor:pointer}.creation-link[data-v-5d8847b8]:hover{text-decoration:underline}.creation-link[data-v-5d8847b8]:focus-visible,.creation-tabs a[data-v-5d8847b8]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}@media (max-width:640px){.creation-page[data-v-5d8847b8]{padding-top:var(--space-4)}.creation-tabs[data-v-5d8847b8]{width:100%}.creation-tabs a[data-v-5d8847b8]{flex:1;min-width:0;padding:0 var(--space-2)}}.home-subtitle[data-v-4cd91e26]{max-width:680px;margin:1.5rem 0 0;color:var(--ink-primary);font-size:clamp(1.2rem,1.4vw,1.375rem);font-weight:500;line-height:1.6;text-wrap:pretty}.subtitle-line[data-v-4cd91e26]{min-height:1.6em;margin:.2rem 0}.subtitle-word[data-v-4cd91e26]{display:inline-block;margin:0 .12rem;padding:.02rem .16rem;border-radius:4px;transition:color .2s ease,background-color .2s ease,transform .2s ease}.subtitle-word.highlight[data-v-4cd91e26]{color:var(--ink-primary);background:var(--signal-active);box-shadow:0 0 0 3px color-mix(in srgb,var(--signal-active) 18%,transparent);transform:translateY(-1px)}.home-subtitle.is-english .subtitle-line[data-v-4cd91e26]{margin:0}.home-subtitle.is-english .subtitle-word[data-v-4cd91e26]{margin:0;padding:0 .12rem}@media screen and (max-width:860px){.home-subtitle[data-v-4cd91e26]{margin-left:auto;margin-right:auto}}@media screen and (max-width:640px){.home-subtitle[data-v-4cd91e26]{font-size:1.08rem;line-height:1.6}}.mainland-access-notice[data-v-2b939450]{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--ink-secondary);font-size:var(--font-size-xs);line-height:1.5}.mainland-access-notice .material-icons[data-v-2b939450]{flex:0 0 auto;margin-top:1px;color:var(--color-warning-text);font-size:.95rem}.library-feature[data-v-609e7a26]{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr);align-items:center;gap:clamp(var(--space-8),4vw,var(--space-16));width:min(1180px,100%)}.library-card-media[data-v-609e7a26],.library-media[data-v-609e7a26]{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--signal-active-strong);font-family:var(--font-family-data);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.02em}.library-media .material-icons-outlined[data-v-609e7a26]{font-size:1rem}.library-feature-copy h3[data-v-609e7a26]{margin:var(--space-3) 0 0;color:var(--ink-primary);font-size:clamp(1.75rem,2.4vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}.library-feature-copy p[data-v-609e7a26]{margin:var(--space-4) 0 0;color:var(--ink-secondary);font-size:1rem;line-height:1.65}.library-feature-copy ul[data-v-609e7a26]{display:grid;gap:var(--space-3);margin:var(--space-6) 0 0;padding:var(--space-5) 0 0;border-top:1px solid var(--border-subtle);list-style:none}.library-feature-copy li[data-v-609e7a26]{position:relative;padding-left:var(--space-5);color:var(--ink-primary);font-size:.9375rem;line-height:1.55}.library-feature-copy li[data-v-609e7a26]:before{content:"";position:absolute;top:.62em;left:0;width:6px;height:6px;border-radius:50%;background:var(--ink-tertiary)}.library-feature-copy .action-buttons[data-v-609e7a26]{margin-top:var(--space-8)}.library-feature-copy .btn .material-icons[data-v-609e7a26]{font-size:1.1rem}.library-shot[data-v-609e7a26]{display:block;width:100%;padding:0;overflow:hidden;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-panel);box-shadow:var(--shadow-float);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.library-shot img[data-v-609e7a26]{display:block;width:100%;height:auto}.library-shot[data-v-609e7a26]:hover{transform:translateY(-2px);border-color:var(--border-active);box-shadow:var(--shadow-lift)}.library-browse[data-v-609e7a26]:focus-visible,.library-card[data-v-609e7a26]:focus-visible,.library-shot[data-v-609e7a26]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.library-more[data-v-609e7a26]{width:min(1180px,100%)}.library-more-head[data-v-609e7a26]{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.library-more-head h3[data-v-609e7a26]{margin:0;color:var(--ink-primary);font-size:1.25rem;font-weight:600}.library-browse[data-v-609e7a26]{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) 0;border:0;border-radius:var(--radius-sm);background:none;color:var(--signal-active-strong);font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer}.library-browse .material-icons[data-v-609e7a26]{font-size:1rem;transition:transform .18s ease}.library-browse:hover .material-icons[data-v-609e7a26]{transform:translateX(2px)}.library-grid[data-v-609e7a26]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.library-card[data-v-609e7a26]{display:flex;align-items:stretch;gap:var(--space-4);width:100%;height:100%;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-panel);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.library-card[data-v-609e7a26]:hover{border-color:var(--border-default);box-shadow:var(--shadow-hover)}.library-card-image[data-v-609e7a26]{flex:0 0 96px;overflow:hidden;border-radius:6px;background:var(--surface-subtle)}.library-card-image img[data-v-609e7a26]{display:block;width:100%;height:100%;min-height:72px;-o-object-fit:cover;object-fit:cover}.library-card-body[data-v-609e7a26]{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding:var(--space-1) 0}.library-card-body strong[data-v-609e7a26]{color:var(--ink-primary);font-size:.9375rem;font-weight:600;line-height:1.35}.library-card-desc[data-v-609e7a26]{display:-webkit-box;overflow:hidden;color:var(--ink-secondary);font-size:.875rem;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (prefers-reduced-motion:reduce){.library-browse .material-icons[data-v-609e7a26],.library-shot[data-v-609e7a26]{transition:none}.library-browse:hover .material-icons[data-v-609e7a26],.library-shot[data-v-609e7a26]:hover{transform:none}}@media (max-width:1024px){.library-feature[data-v-609e7a26]{grid-template-columns:1fr}.library-grid[data-v-609e7a26]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.library-grid[data-v-609e7a26]{grid-template-columns:1fr}.library-more-head[data-v-609e7a26]{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.scenario-list[data-v-8f18a59a]{margin:0;padding:0;border-top:1px solid var(--border-subtle);list-style:none}.scenario-list li[data-v-8f18a59a]{border-bottom:1px solid var(--border-subtle)}.scenario-row[data-v-8f18a59a]{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;-moz-column-gap:var(--space-4);column-gap:var(--space-4);width:100%;padding:var(--space-6) var(--space-4);border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .18s ease}.scenario-row[data-v-8f18a59a]:hover{background:var(--surface-panel)}.scenario-row[data-v-8f18a59a]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.scenario-index[data-v-8f18a59a]{align-self:start;padding-top:.4em;color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.scenario-text[data-v-8f18a59a]{display:grid;gap:var(--space-1);min-width:0}.scenario-text strong[data-v-8f18a59a]{color:var(--ink-primary);font-size:1.375rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}.scenario-desc[data-v-8f18a59a]{color:var(--ink-secondary);font-size:.9375rem;line-height:1.6}.scenario-action[data-v-8f18a59a]{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--signal-active-strong);font-size:.9375rem;font-weight:600;white-space:nowrap}.scenario-action .material-icons[data-v-8f18a59a]{font-size:1rem;transition:transform .18s ease}.scenario-row:hover .scenario-action .material-icons[data-v-8f18a59a]{transform:translateX(2px)}@media (prefers-reduced-motion:reduce){.scenario-action .material-icons[data-v-8f18a59a],.scenario-row[data-v-8f18a59a]{transition:none}.scenario-row:hover .scenario-action .material-icons[data-v-8f18a59a]{transform:none}}@media (max-width:640px){.scenario-row[data-v-8f18a59a]{grid-template-columns:2rem minmax(0,1fr);row-gap:var(--space-3);padding:var(--space-5) 0}.scenario-row[data-v-8f18a59a]:hover{background:transparent}.scenario-text strong[data-v-8f18a59a]{font-size:1.1875rem}.scenario-action[data-v-8f18a59a]{grid-column:2}}.workflow-grid[data-v-64bee14c]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);width:min(1180px,100%);margin:0;padding:0;list-style:none}.workflow-step[data-v-64bee14c]{display:flex;flex-direction:column;min-width:0}.workflow-shot[data-v-64bee14c]{aspect-ratio:3/2;overflow:hidden;margin-bottom:var(--space-5);border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-subtle)}.workflow-shot img[data-v-64bee14c]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.workflow-index[data-v-64bee14c]{color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-sm);font-weight:500}.workflow-step h3[data-v-64bee14c]{margin:var(--space-2) 0 0;color:var(--ink-primary);font-size:1.25rem;font-weight:600;line-height:1.35}.workflow-step p[data-v-64bee14c]{margin:var(--space-2) 0 0;color:var(--ink-secondary);font-size:.9375rem;line-height:1.65}@media (max-width:1024px){.workflow-grid[data-v-64bee14c]{grid-template-columns:1fr;max-width:560px}}#app{max-width:100vw}.home-page{--home-subtle:#8793a4;--home-yellow:#ffd166;--home-panel:#fff;--home-panel-soft:#f5f8fc;--home-shadow:0 24px 60px rgba(17,24,39,0.14);--home-shadow-soft:0 14px 34px rgba(17,24,39,0.09);position:relative;min-height:100vh;width:100%;overflow-x:hidden;color:var(--home-ink);background:linear-gradient(180deg,#eef7f6,#fff 32%,#f7f7f2 66%,#eef7f6);scroll-behavior:smooth}@supports (overflow:clip){#app,.home-page{overflow-x:clip}}.home-page:before{inset:0;background:linear-gradient(90deg,rgba(17,24,39,.04) 1px,transparent 0),linear-gradient(180deg,rgba(17,24,39,.035) 1px,transparent 0);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 48%);mask-image:linear-gradient(180deg,#000,transparent 48%)}.home-page:after,.home-page:before{content:"";position:absolute;z-index:0;pointer-events:none}.home-page:after{top:7.5rem;left:50%;width:min(1180px,92vw);height:280px;transform:translateX(-50%);background:linear-gradient(115deg,transparent 21%,rgba(53,199,201,.16) 21% 21.5%,transparent 21.5% 100%),linear-gradient(115deg,transparent 54%,rgba(17,24,39,.08) 54% 54.45%,transparent 54.45% 100%),linear-gradient(115deg,transparent 78%,rgba(53,199,201,.12) 78% 78.35%,transparent 78.35% 100%)}.section{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;padding:5rem 2rem;box-sizing:border-box}.hero-section{min-height:auto;padding:calc(var(--navbar-height) + 2.7rem) 2rem 4rem;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:3.5rem;margin:0 auto}.hero-content{width:100%}.hero-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border:1px solid rgba(37,99,235,.18);border-radius:var(--radius-pill);background:hsla(0,0%,100%,.9);color:var(--home-blue-dark);font-size:.95rem;font-weight:700;box-shadow:0 10px 24px rgba(37,99,235,.09)}.hero-kicker .material-icons{font-size:1.1rem}.main-heading{max-width:760px;margin:1.4rem 0 1rem;color:var(--home-ink);font-size:clamp(2.65rem,4.35vw,4.45rem);line-height:1.02;font-weight:820;letter-spacing:-.032em;white-space:pre-line}.hero-description{max-width:680px;margin:1rem 0 0;font-size:1rem;line-height:1.7}.action-buttons{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}.hero-product-nav{gap:.65rem;max-width:560px;margin-top:1.65rem}.hero-product-link{min-width:0;display:flex;align-items:center;gap:.6rem;padding:.78rem .85rem;border:1px solid rgba(17,24,39,.08);border-radius:14px;color:var(--home-ink);background:hsla(0,0%,100%,.72);box-shadow:0 10px 26px rgba(17,24,39,.06)}.hero-product-link .material-icons{flex:0 0 auto;color:var(--home-blue);font-size:1.18rem}.hero-product-link strong{min-width:0;overflow:hidden;font-size:.9rem;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.faq-link,.whisper-container{display:inline-flex;align-items:center;gap:.45rem}.faq-link{margin-top:1rem;color:var(--home-blue-dark);text-decoration:none;font-size:.95rem;font-weight:700}.faq-link:hover{color:var(--home-blue)}.faq-link .material-icons{font-size:1.1rem}.powered-by{margin-top:1.15rem}.whisper-container{margin-top:1rem}.whisper-icon{width:24px;height:24px}.whisper-text{font-size:.92rem;font-weight:650}.subtitle-meta,.whisper-text{margin:0;color:var(--home-subtle)}.subtitle-meta{font-size:.75rem;font-weight:800;text-transform:uppercase}.waveform{height:118px;display:flex;align-items:center;gap:.38rem;padding:1rem 1rem 1.25rem;border-radius:14px;background:linear-gradient(90deg,hsla(0,0%,100%,.045) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(135deg,#0b1320,#12243a);background-size:42px 42px,42px 42px,auto;overflow:hidden;margin:1rem 1.25rem 0;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06)}.waveform span{width:100%;min-width:6px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#8eeaff,var(--home-cyan) 48%,var(--home-green));opacity:.9;transform-origin:50% 50%}.preview-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 1.25rem;border:1px solid rgba(223,231,241,.92);border-top:0;border-radius:0 0 14px 14px;background:#fff;overflow:hidden}.preview-context div{min-width:0;padding:.72rem .8rem;border-right:1px solid rgba(223,231,241,.92)}.preview-context div:last-child{border-right:0}.preview-context span,.preview-context strong{display:block}.preview-context span{color:var(--home-subtle);font-size:.68rem;font-weight:760}.preview-context strong{margin-top:.16rem;color:var(--home-ink);font-size:.78rem;line-height:1.25}.subtitle-panel{margin:.95rem 1.25rem 0;padding:1rem;border:1px solid rgba(37,99,235,.12);border-left:4px solid var(--home-blue);border-radius:14px;background:#f8fbff}.preview-subtitle{margin:.35rem 0 0;color:var(--home-ink);font-size:1.35rem;line-height:1.45;font-weight:750}.preview-subtitle mark{padding:.08rem .25rem;border-radius:4px;color:#5a4100;background:var(--home-yellow);box-shadow:0 0 0 1px rgba(255,209,102,.35)}.preview-translation{margin:.65rem 0 0;color:var(--home-muted);font-size:.95rem;line-height:1.6}.practice-toolbar{display:flex;align-items:center;gap:.55rem;margin:.95rem 1.25rem 0}.practice-toolbar button{width:40px;height:40px;border:1px solid var(--home-line);border-radius:12px;color:var(--home-ink);background:#fff;display:inline-flex;align-items:center;justify-content:center}.practice-toolbar .play-button{color:#fff;background:linear-gradient(135deg,var(--home-blue),var(--home-cyan));border-color:var(--home-blue)}.preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.95rem 1.25rem 1.25rem}.preview-metrics div{min-width:0;padding:.85rem;border:1px solid rgba(223,231,241,.92);border-radius:13px;background:#fff}.preview-metrics span,.preview-metrics strong{display:block}.preview-metrics strong{color:var(--home-ink);font-size:1.35rem}.preview-metrics span{margin-top:.2rem;color:var(--home-subtle);font-size:.78rem;font-weight:700;line-height:1.25}.capability-section,.features-section{min-height:auto}.product-lines-grid{grid-template-columns:1.15fr .85fr .85fr;width:100%;max-width:1280px}.product-line-card{min-width:0;padding:1.35rem;border:1px solid rgba(223,231,241,.94);border-radius:18px;background:linear-gradient(180deg,hsla(0,0%,100%,.94),rgba(247,250,252,.92));box-shadow:0 14px 34px rgba(17,24,39,.07)}.product-line-card .material-icons{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;background:var(--home-console);font-size:1.25rem}.product-line-card h3{margin:1rem 0 0;color:var(--home-ink);font-size:1.22rem;line-height:1.2}.product-line-card p{margin:.58rem 0 0;color:var(--home-muted);font-size:.94rem;line-height:1.58}.product-line-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.05rem}.product-line-chips span{padding:.36rem .54rem;border:1px solid rgba(37,99,235,.16);border-radius:var(--radius-pill);color:var(--home-blue-dark);background:rgba(37,99,235,.06);font-size:.76rem;font-weight:750}.product-line-1{color:#fff;background:linear-gradient(135deg,rgba(37,99,235,.3),transparent 42%),var(--home-console)}.product-line-1 h3,.product-line-1 p{color:#fff}.product-line-1 p{color:#c7d2e2}.product-line-1 .material-icons{color:var(--home-console);background:#fff}.product-line-1 .product-line-chips span{color:#dceafe;border-color:hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.08)}.product-line-4{grid-column:span 2}.features-container{display:grid;grid-template-columns:1.1fr .9fr 1fr;grid-auto-rows:minmax(210px,auto);gap:1.05rem;width:100%;max-width:1280px;padding:0;margin:0 auto;perspective:1000px}.feature-card{border:1px solid rgba(223,231,241,.95);border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(17,24,39,.055);min-width:0;margin:0;padding:1.35rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card-1{grid-row:span 2}.feature-card-3{color:#fff;background:linear-gradient(135deg,rgba(32,184,216,.26),transparent 44%),var(--home-console)}.feature-card-3 h3,.feature-card-3 li,.feature-card-3 p{color:#fff}.feature-card-3 .feature-icon{color:var(--home-console);background:#fff}.feature-card-4{grid-column:span 2}.feature-card:before{content:"";width:100%;height:3px;margin-bottom:1.05rem;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--home-blue),var(--home-cyan))}.feature-card:hover{transform:translateY(-4px);border-color:rgba(37,99,235,.28);box-shadow:var(--home-shadow-soft)}.feature-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;background:var(--home-console)}.feature-icon i{font-size:1.35rem}.feature-card h3{margin:1rem 0 0;color:var(--home-ink);font-size:1.2rem;line-height:1.25}.feature-card p{margin:.55rem 0 0;color:var(--home-muted);font-size:.95rem;line-height:1.6}.feature-list{width:100%;margin:1rem 0 0;padding:0;list-style:none}.feature-list li{display:flex;align-items:flex-start;gap:.5rem;margin:.55rem 0;color:var(--home-muted);font-size:.92rem;line-height:1.45}.feature-list li:before{content:"";width:7px;height:7px;flex:0 0 7px;margin-top:.45rem;border-radius:var(--radius-pill);background:var(--home-green)}.slide-enter-active,.slide-leave-active{transition:all .5s ease}.slide-enter-from{opacity:0;transform:translateX(30px)}.slide-leave-to{opacity:0;transform:translateX(-30px)}.faq-link,.feature-card,.hero-content .action-buttons .btn,.hero-description,.hero-kicker,.home-subtitle,.main-heading,.preview-metrics div{will-change:transform,opacity}.play-button,.waveform span{will-change:transform}.home-page{--home-ink:#111827;--home-muted:#526071;--home-subtle:#7c8a97;--home-line:#dfe7e4;--home-blue:#111827;--home-blue-dark:#111827;--home-green:#35c7c9;--home-yellow:#f4d35e;--home-cyan:#35c7c9;--home-console:#111827;--home-panel:#fbfbf7;--home-panel-soft:#eef7f6;--home-shadow:0 28px 80px rgba(17,24,39,0.12);--home-shadow-soft:0 18px 48px rgba(17,24,39,0.08);background:#f7f7f2}.home-page:after,.home-page:before{display:none}.section{padding:7rem 2rem}.hero-section{display:flex;max-width:1220px;padding:calc(var(--navbar-height) + 4rem) 2rem 5rem;gap:3.25rem}.hero-content{max-width:920px;margin:0 auto;text-align:center}.hero-kicker{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--home-muted);font-size:.98rem;font-weight:650}.hero-kicker .material-icons{display:none}.main-heading{max-width:920px;margin:1.1rem auto 1rem;font-size:clamp(3.25rem,7.2vw,7.5rem);line-height:.95;font-weight:640;letter-spacing:-.065em}.hero-description{max-width:660px;margin:1.2rem auto 0;color:var(--home-muted);font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.5}.hero-content .action-buttons{justify-content:center;margin-top:1.9rem}.hero-product-nav{display:none}.waveform{height:156px;margin:1.25rem 1.45rem 0;border-radius:18px;background:linear-gradient(90deg,hsla(0,0%,100%,.055) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.045) 1px,transparent 0),#151515;background-size:48px 48px,48px 48px,auto}.waveform span{background:linear-gradient(180deg,#f6f6ef,#8d8d84 55%,#2f7660)}.practice-toolbar,.preview-context,.preview-metrics,.subtitle-panel{margin-left:1.45rem;margin-right:1.45rem}.subtitle-panel{border-color:#d8d8cf;border-left-color:#111;background:#fbfbf7}.practice-toolbar .play-button{background:#111;border-color:#111}.preview-context,.preview-metrics div{border-color:#deded6}.product-lines-grid{display:grid;grid-template-columns:1fr;gap:2rem}.product-line-card{position:relative;min-height:420px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);align-items:center;gap:3rem;padding:clamp(1.5rem,4vw,3rem);overflow:hidden;border-color:#d8d8cf;border-radius:24px;background:#fbfbf7;box-shadow:none}.product-line-card:after{content:"";min-height:300px;border:1px solid #d8d8cf;border-radius:20px;background:linear-gradient(180deg,rgba(17,17,17,.08),transparent 1px),linear-gradient(90deg,rgba(17,17,17,.06),transparent 1px),radial-gradient(circle at 28% 26%,rgba(17,17,17,.16),transparent 18%),radial-gradient(circle at 72% 58%,rgba(47,118,96,.18),transparent 22%),linear-gradient(135deg,#f0f0e9,#fff);background-size:100% 42px,42px 100%,auto,auto,auto;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9)}.product-line-card:nth-child(2n){grid-template-columns:minmax(360px,1.2fr) minmax(0,.8fr)}.product-line-card:nth-child(2n):after{order:-1}.product-line-1,.product-line-4{grid-column:auto;grid-row:auto;color:var(--home-ink);background:#fbfbf7}.product-line-1 p{color:var(--home-muted)}.product-line-1 .material-icons,.product-line-card .material-icons{width:auto;height:auto;justify-content:flex-start;border-radius:0;color:var(--home-muted);background:transparent;font-size:1.35rem}.product-line-card h3{max-width:440px;margin-top:.85rem;font-size:clamp(1.8rem,3vw,3rem);line-height:1.02;font-weight:620;letter-spacing:-.035em}.product-line-card p{max-width:440px;margin-top:.9rem;font-size:1.02rem;line-height:1.55}.product-line-1 .product-line-chips,.product-line-chips{gap:.5rem}.product-line-1 .product-line-chips span,.product-line-chips span{border-color:#d8d8cf;background:transparent}.legacy-product-lines{display:none}.scenario-interview{background:radial-gradient(circle at 12% 20%,rgba(53,199,201,.13),transparent 28%),linear-gradient(135deg,rgba(238,247,246,.78),hsla(0,0%,100%,.96))}.scenario-podcast{background:radial-gradient(circle at 14% 16%,rgba(76,196,161,.14),transparent 30%),linear-gradient(135deg,rgba(236,253,245,.72),hsla(0,0%,100%,.96))}.scenario-pronunciation{background:radial-gradient(circle at 12% 18%,rgba(53,199,201,.13),transparent 28%),linear-gradient(135deg,rgba(238,247,246,.78),hsla(0,0%,100%,.96))}.workflow-demo-practice{gap:.7rem;background:linear-gradient(180deg,hsla(0,0%,100%,.78),rgba(236,253,245,.74)),rgba(248,253,251,.86)}.workflow-demo-practice p{margin:0;padding:.78rem;border-radius:13px;color:#0f172a;background:#fff;font-size:.9rem;font-weight:760;line-height:1.5}.workflow-demo-practice mark{padding:.04rem .18rem;border-radius:5px;color:#111827;background:#a7f3d0}.features-container{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;max-width:1180px;gap:1px;border:1px solid #d8d8cf;background:#d8d8cf}.feature-card,.feature-card-3,.feature-card-4{grid-column:auto;grid-row:auto;min-height:320px;padding:2rem;border:0;border-radius:0;color:var(--home-ink);background:#fbfbf7;box-shadow:none}.feature-card:before{display:none}.feature-card:hover{transform:none;border-color:transparent;box-shadow:none}.feature-card-3 h3,.feature-card-3 li,.feature-card-3 p{color:inherit}.feature-card-3 .feature-icon,.feature-icon{width:auto;height:auto;justify-content:flex-start;border-radius:0;color:var(--home-muted);background:transparent}.feature-card h3{font-size:1.55rem;font-weight:650;letter-spacing:-.02em}.hero-product-link,.preview-context div,.product-line-card{will-change:transform,opacity}.home-page{isolation:isolate;--home-bg:#f4f6ef;--home-bg-soft:#fbfcf7;--home-bg-rule:rgba(17,24,39,0.055);background:linear-gradient(118deg,rgba(23,107,77,.14),transparent 24%),linear-gradient(242deg,rgba(53,199,201,.11),transparent 28%),linear-gradient(180deg,rgba(255,209,102,.08),transparent 22%),linear-gradient(180deg,var(--home-bg),var(--home-bg-soft) 34%,#f6f8f1 68%,#eef6f2)}.home-page:before{display:block;background:linear-gradient(90deg,rgba(17,24,39,.04) 1px,transparent 0),linear-gradient(180deg,rgba(17,24,39,.032) 1px,transparent 0);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.26) 58%,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.26) 58%,transparent);opacity:.78}.home-page:after{display:block;top:5.75rem;width:min(1320px,94vw);height:460px;background:linear-gradient(180deg,transparent 18%,rgba(17,24,39,.035) 18% 18.18%,transparent 18.18% 100%),linear-gradient(180deg,transparent 43%,rgba(53,199,201,.058) 43% 43.18%,transparent 43.18% 100%),linear-gradient(180deg,transparent 68%,rgba(23,107,77,.042) 68% 68.16%,transparent 68.16% 100%),linear-gradient(90deg,transparent,hsla(0,0%,100%,.16) 38%,hsla(0,0%,100%,.08) 58%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);opacity:.68}.home-motion-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.96;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.86) 58%,rgba(0,0,0,.42));mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.86) 58%,rgba(0,0,0,.42))}.caption-rail,.sound-wave{position:absolute;display:block;will-change:transform,opacity}.sound-wave{width:min(920px,78vw);height:92px;display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,.9vw,14px);padding:0 clamp(18px,2vw,34px);border:solid rgba(53,199,201,.1);border-width:1px 0;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(236,253,245,.34),hsla(0,0%,100%,.2),transparent);overflow:hidden;opacity:.78}.sound-wave i{flex:0 0 4px;height:28%;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(53,199,201,.56),rgba(23,107,77,.24),transparent);box-shadow:0 0 18px rgba(53,199,201,.16);transform-origin:50% 50%;animation:home-wave-breathe 4.6s ease-in-out infinite}.sound-wave i:nth-child(2n){height:46%;animation-delay:-.7s}.sound-wave i:nth-child(3n){height:62%;animation-delay:-1.6s}.sound-wave i:nth-child(4n){height:36%;animation-delay:-2.3s}.sound-wave i:nth-child(5n){height:72%;animation-delay:-3.1s}.wave-one{top:8.2rem;right:-1.6rem;transform:rotate(-8deg);animation:home-wave-drift-one 13s ease-in-out infinite alternate}.wave-two{top:25rem;left:-2.8rem;width:min(780px,72vw);opacity:.58;transform:rotate(7deg);animation:home-wave-drift-two 15s ease-in-out infinite alternate}.wave-three{bottom:4.5rem;left:max(10vw,6rem);width:min(860px,76vw);opacity:.42;transform:rotate(-4deg);animation:home-wave-drift-three 16s ease-in-out infinite alternate}.caption-rail{width:min(680px,64vw);height:2px;background:linear-gradient(90deg,transparent,rgba(17,24,39,.04),rgba(53,199,201,.15),rgba(23,107,77,.06),transparent);opacity:.62}.rail-one{top:14rem;left:max(7vw,5rem);transform:rotate(-4deg);animation:home-caption-drift-one 13s ease-in-out infinite alternate}.rail-two{top:28rem;right:max(3vw,2.5rem);opacity:.48;transform:rotate(5deg);animation:home-caption-drift-two 15s ease-in-out infinite alternate}.rail-three{top:44rem;left:18vw;opacity:.36;transform:rotate(-3deg);animation:home-caption-drift-three 17s ease-in-out infinite alternate}@keyframes home-wave-breathe{0%{transform:scaleY(.48);opacity:.5}42%{transform:scaleY(1.42);opacity:.96}to{transform:scaleY(.72);opacity:.66}}@keyframes home-wave-drift-one{to{transform:translate3d(-88px,42px,0) rotate(-3deg)}}@keyframes home-wave-drift-two{to{transform:translate3d(96px,-34px,0) rotate(2deg)}}@keyframes home-wave-drift-three{to{transform:translate3d(-82px,-30px,0) rotate(-6deg)}}@keyframes home-caption-drift-one{to{transform:translate3d(76px,30px,0) rotate(-1deg)}}@keyframes home-caption-drift-two{to{transform:translate3d(-92px,-28px,0) rotate(2deg)}}@keyframes home-caption-drift-three{to{transform:translate3d(68px,-26px,0) rotate(1deg)}}.hero-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);width:min(1280px,100%);max-width:1280px;padding:calc(var(--navbar-height) + 3rem) 2rem 5rem;gap:clamp(2rem,5vw,4.75rem)}.hero-content{max-width:560px;margin:0;text-align:left}.hero-description,.home-subtitle,.main-heading{margin-left:0;margin-right:0}.hero-content .action-buttons{justify-content:flex-start}.hero-product-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:540px}.hero-product-link{font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.hero-product-link.active,.hero-product-link:hover{border-color:rgba(23,107,77,.34);color:#111;background:hsla(0,0%,100%,.92);transform:translateY(-1px)}.hero-product-link.active .material-icons{color:#176b4d}.preview-pulse{min-width:0;overflow:hidden;color:hsla(0,0%,100%,.56);font-size:.78rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;animation:preview-pulse-pop .44s ease}@keyframes preview-pulse-pop{0%{opacity:.28;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.feature-card,.product-line-card{transition:border-color .22s ease,background .22s ease}.feature-card:hover,.product-line-card:hover{border-color:rgba(23,107,77,.3);background:#fff}@media (prefers-reduced-motion:reduce){.preview-pulse{animation:none}}.product-lines-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.82fr) minmax(0,.82fr);grid-template-rows:repeat(2,minmax(230px,auto));gap:1rem;max-width:1180px}.product-line-card,.product-line-card:nth-child(2n){min-height:240px;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;grid-template-columns:none;padding:clamp(1.25rem,2.2vw,1.8rem);border-color:#d8d8cf;border-radius:20px;background:rgba(251,251,247,.94)}.product-line-card:after{display:none}.product-line-1{grid-row:span 2;min-height:500px;color:#f7f7f2;background:radial-gradient(circle at 84% 18%,rgba(139,215,187,.18),transparent 15rem),linear-gradient(180deg,#191919,#101010)}.product-line-2{grid-column:span 2}.product-line-3,.product-line-4{min-height:230px}.product-line-1 h3,.product-line-1 p{color:inherit}.product-line-1 p{color:rgba(247,247,242,.68)}.product-line-copy{min-width:0}.product-line-1 .material-icons,.product-line-card .material-icons,.product-line-copy>.material-icons{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(17,17,17,.12);border-radius:12px;color:#111;background:#fff;font-size:1.15rem}.product-line-1 .product-line-copy>.material-icons{border-color:hsla(0,0%,100%,.12);color:#8bd7bb;background:hsla(0,0%,100%,.08)}.product-line-card h3{max-width:460px;margin-top:1rem;font-size:clamp(1.65rem,2.7vw,2.65rem);line-height:1}.product-line-card p{max-width:430px;margin-top:.75rem}.product-line-1 .product-line-chips span,.product-line-chips span{border-color:rgba(17,17,17,.12);color:#3f3f3b;background:hsla(0,0%,100%,.58)}.product-line-1 .product-line-chips span{border-color:hsla(0,0%,100%,.12);color:rgba(247,247,242,.78);background:hsla(0,0%,100%,.07)}.product-line-visual{position:relative;min-height:118px;display:flex;align-items:center;gap:.5rem;overflow:hidden;padding:1rem;border:1px solid rgba(17,17,17,.1);border-radius:16px;background:linear-gradient(90deg,rgba(17,17,17,.05) 1px,transparent 0),linear-gradient(180deg,rgba(17,17,17,.04) 1px,transparent 0),hsla(0,0%,100%,.62);background-size:36px 36px}.product-line-1 .product-line-visual{min-height:220px;border-color:hsla(0,0%,100%,.1);background:linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.04) 1px,transparent 0),hsla(0,0%,100%,.045);background-size:38px 38px}.product-line-visual span{flex:1;max-width:28px;border-radius:999px;background:linear-gradient(180deg,#f7f7f2,#8bd7bb 58%,#176b4d)}.product-line-visual span:first-child{height:34%}.product-line-visual span:nth-child(2){height:58%}.product-line-visual span:nth-child(3){height:78%}.product-line-visual span:nth-child(4){height:46%}.product-line-visual span:nth-child(5){height:88%}.product-line-visual span:nth-child(6){height:52%}.visual-transcribe,.visual-translate,.visual-tts{align-items:stretch;flex-direction:column;justify-content:center}.visual-transcribe span,.visual-translate span,.visual-tts span{width:100%;max-width:none;height:12px;border-radius:999px;background:rgba(17,17,17,.13)}.visual-translate span:nth-child(2n){width:72%;background:rgba(23,107,77,.24)}.visual-transcribe span:first-child,.visual-transcribe span:nth-child(4){width:58%}.visual-transcribe span:nth-child(2),.visual-transcribe span:nth-child(5){width:88%;background:rgba(23,107,77,.18)}.visual-tts{flex-direction:row;align-items:center}.visual-tts span{width:14px;height:42%;background:#111}.visual-tts span:nth-child(2),.visual-tts span:nth-child(5){height:72%;background:#176b4d}.hero-section{grid-template-columns:minmax(0,.7fr) minmax(780px,1.3fr);align-items:center;width:min(1480px,100%);max-width:1480px;min-height:calc(100vh - var(--navbar-height));padding:calc(var(--navbar-height) + 4.2rem) 2rem 6.8rem;gap:clamp(2rem,4vw,4rem)}.preview-panel-head,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.preview-panel-head{padding:1.1rem 1.2rem 0;color:#64748b;font-size:.78rem;font-weight:760}.preview-panel-head strong,.setting-row strong{color:#0f172a}.setting-row span{display:block;color:#64748b;font-size:.62rem;font-weight:740}.subtitle-translation{margin:.38rem 0 0;color:#64748b;font-size:.78rem;font-weight:720;line-height:1.45}.subtitle-translation mark{padding:.06rem .22rem;border-radius:5px;color:#0f172a;background:#a7f3d0}.upload-panel{padding:1rem}.setting-row{padding:.78rem 0;border-bottom:1px solid rgba(226,232,240,.86)}.setting-row:first-child{padding-top:0}.export-note{padding:.85rem;border:1px solid rgba(23,107,77,.16);border-radius:14px;background:rgba(236,253,245,.72)}.export-note strong{display:block;color:#0f172a;font-weight:840}.export-note p{margin:.35rem 0 0;color:#176b4d;font-size:.74rem;font-weight:720;line-height:1.45}@media (prefers-reduced-motion:reduce){.caption-rail,.sound-wave,.sound-wave i{animation:none}}.home-page{--home-content-width:min(1180px,100%)}.home-page .section:not(.hero-section){gap:var(--space-10)}.home-page .section-copy{display:flex;flex-direction:column;align-items:flex-start;width:var(--home-content-width);text-align:left}.home-page .section-title{max-width:820px;margin:0;color:var(--ink-primary);font-family:var(--font-family-display);font-size:clamp(2.25rem,3.6vw,3.5rem);font-weight:600;line-height:1.1;letter-spacing:-.035em}.home-page:not(.is-english) .section-title{font-family:var(--font-family-display-zh);font-weight:700;letter-spacing:-.055em}.home-page .section-copy p{max-width:640px;margin:var(--space-4) 0 0;color:var(--ink-secondary);font-size:1.0625rem;line-height:1.65}.home-page .stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:var(--home-content-width);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.home-page .stat-item{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-6) var(--space-5)}.home-page .stat-item:first-child{padding-left:0}.home-page .stat-item+.stat-item{border-left:1px solid var(--border-subtle)}.home-page .stat-value{color:var(--ink-primary);font-family:var(--font-family-data);font-size:2rem;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.1}.home-page .stat-label{color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.5}.home-page .pricing-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:var(--home-content-width);overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel);cursor:pointer;transition:border-color .18s ease}.home-page .pricing-info:hover{border-color:var(--border-active)}.home-page .pricing-info:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.home-page .plan-card{min-width:0;padding:var(--space-6)}.home-page .plan-card+.plan-card{border-left:1px solid var(--border-subtle)}.home-page .plan-card.pro{background:var(--surface-active)}.home-page .plan-label{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-panel);color:var(--ink-secondary);font-size:var(--font-size-xs);font-weight:500}.home-page .plan-card h3{margin:var(--space-4) 0 0;color:var(--ink-primary);font-size:1.25rem;font-weight:600;line-height:1.3}.home-page .plan-card ul{margin:var(--space-5) 0 0;padding:0;border-top:1px solid var(--border-subtle);list-style:none}.home-page .plan-card li{padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);color:var(--ink-secondary);font-size:.9375rem;line-height:1.45}.home-page .plan-card li:last-child{border-bottom:0}.home-page .pricing-allowance-note{width:var(--home-content-width);margin:calc(var(--space-4) - var(--space-10)) 0 0;color:var(--ink-tertiary);font-size:var(--font-size-sm);line-height:1.5}.home-page .split-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:start;gap:var(--space-10) clamp(var(--space-8),5vw,var(--space-16));width:var(--home-content-width)}.home-page .split-layout .section-copy{width:auto}.home-page .faq-container{border-top:1px solid var(--border-subtle)}.home-page .faq-item{border-bottom:1px solid var(--border-subtle)}.home-page .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0;color:var(--ink-primary);font-size:1.0625rem;font-weight:600;line-height:1.4;cursor:pointer;list-style:none}.home-page .faq-item summary::-webkit-details-marker{display:none}.home-page .faq-toggle{flex:0 0 auto;color:var(--ink-tertiary);font-size:1.25rem;transition:transform .2s ease}.home-page .faq-item[open] .faq-toggle{transform:rotate(45deg)}.home-page .faq-answer p{max-width:640px;margin:0;padding-bottom:var(--space-5);color:var(--ink-secondary);font-size:.9375rem;line-height:1.65}.home-page .cta-section{gap:0;padding-bottom:0}.home-page .footer-cta-card{display:flex;flex-direction:column;align-items:center;width:var(--home-content-width);padding:clamp(var(--space-12),6vw,var(--space-24)) var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel);text-align:center}.home-page .footer-cta-card p{max-width:640px;margin:var(--space-4) 0 0;color:var(--ink-secondary);font-size:1.0625rem;line-height:1.65}.home-page .footer-cta-card .action-buttons{justify-content:center;margin-top:var(--space-8)}.home-page .footer-cta-notes{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-6);margin-top:var(--space-6)}.home-page .footer-cta-notes span{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-secondary);font-size:var(--font-size-sm)}.home-page .footer-cta-notes span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-tertiary)}.home-page .site-footer{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(130px,1fr));gap:clamp(var(--space-6),5vw,var(--space-16));width:var(--home-content-width);margin-top:var(--space-24);padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--border-subtle);text-align:left}.home-page .footer-brand{display:grid;align-content:start;gap:var(--space-4)}.home-page .footer-logo{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-primary);font-size:var(--font-size-md);font-weight:700}.home-page .footer-logo img{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.home-page .footer-brand p{max-width:330px;margin:0;color:var(--ink-secondary);font-size:.9375rem;line-height:1.65}.home-page .footer-email{width:-moz-fit-content;width:fit-content;color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:600;text-decoration:none}.home-page .footer-column{display:grid;align-content:start;gap:var(--space-3);min-width:0}.home-page .footer-social{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-left:-12px}.home-page .footer-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:var(--ink-secondary)}.home-page .footer-social svg{width:20px;height:20px;fill:currentColor}.home-page .footer-social a:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.home-page .footer-social a:hover{color:var(--ink-primary)}.home-page .footer-column strong{margin-bottom:var(--space-1);color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:600}.home-page .footer-column a,.home-page .footer-column button{width:-moz-fit-content;width:fit-content;padding:0;border:0;background:transparent;color:var(--ink-secondary);font:inherit;font-size:var(--font-size-sm);line-height:1.4;text-align:left;text-decoration:none;cursor:pointer}.home-page .footer-column a:hover,.home-page .footer-column button:hover,.home-page .footer-email:hover{color:var(--ink-primary)}.home-page .footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);color:var(--ink-tertiary);font-size:.8125rem}@media (prefers-reduced-motion:reduce){.home-page .faq-toggle,.home-page .pricing-info{transition:none}}@media (max-width:1024px){.home-page .split-layout{grid-template-columns:1fr}}@media (max-width:860px){.home-page .section:not(.hero-section){gap:var(--space-8)}.home-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:0}.home-page .stat-item,.home-page .stat-item:first-child{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border-subtle)}.home-page .stat-item+.stat-item{border-left:0}.home-page .stat-item:nth-child(2n){border-left:1px solid var(--border-subtle)}.home-page .pricing-info{grid-template-columns:1fr}.home-page .plan-card+.plan-card{border-top:1px solid var(--border-subtle);border-left:0}.home-page .pricing-allowance-note{margin-top:calc(var(--space-4) - var(--space-8))}.home-page .site-footer{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-16)}.home-page .footer-brand{grid-column:1/-1}}@media (max-width:640px){.home-page .section-title{font-size:clamp(2rem,9vw,2.5rem)}.home-page .footer-cta-card p,.home-page .section-copy p{font-size:var(--font-size-md)}.home-page .stat-value{font-size:1.625rem}.home-page .footer-cta-card{padding:var(--space-10) var(--space-5)}.home-page .footer-cta-card .action-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:320px}.home-page .footer-cta-notes{flex-direction:column;align-items:center}.home-page .footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.home-page{--home-ink:var(--ink-primary);--home-muted:var(--ink-secondary);--home-subtle:var(--ink-tertiary);--home-line:var(--border-default);--home-blue:var(--ink-primary);--home-blue-dark:var(--ink-primary);--home-green:var(--signal-active);--home-yellow:var(--signal-marker);--home-cyan:var(--signal-active);--home-console:var(--ink-primary);--home-panel:var(--surface-panel);--home-panel-soft:var(--surface-subtle);--home-shadow:var(--shadow-float);--home-shadow-soft:var(--shadow-lift);background:var(--surface-canvas)}.main-heading{font-family:var(--font-family-display);font-weight:600;letter-spacing:-.035em}.preview-context span,.preview-metrics strong,.preview-time,.training-card-meta,.training-progress{font-family:var(--font-family-data);font-variant-numeric:tabular-nums}.home-page .btn-primary{background:var(--ink-primary);box-shadow:0 10px 24px rgba(16,24,32,.14)}.home-page .btn-primary:hover{background:#000a10;box-shadow:0 12px 28px rgba(16,24,32,.18)}.home-page .preview-subtitle mark,.home-page mark{color:var(--ink-primary);background:color-mix(in srgb,var(--signal-active) 48%,#fff)}.home-page .subtitle-panel{border-left-width:1px;border-left-color:var(--border-default)}.home-page a:focus-visible,.home-page button:focus-visible{outline-color:var(--signal-active-strong);box-shadow:var(--focus-ring-brand-strong)}@media (max-width:640px){.main-heading{letter-spacing:-.028em}}@media (max-width:1180px){.hero-section{grid-template-columns:1fr;gap:2rem}.hero-content{max-width:820px;justify-self:center}.features-container{grid-template-columns:repeat(2,minmax(0,1fr))}.highlights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-line-card,.product-line-card:nth-child(2n){grid-template-columns:1fr}.product-line-card:nth-child(2n):after{order:0}}@media (max-width:860px){.section{padding:4.5rem 1rem}.hero-section{padding:calc(var(--navbar-height) + 1.8rem) 1rem 3rem}.hero-content{text-align:center}.main-heading{font-size:clamp(3.25rem,15vw,5.3rem);line-height:.94}.hero-description,.main-heading{margin-left:auto;margin-right:auto}.action-buttons{justify-content:center}.hero-content .action-buttons{display:grid;width:100%;max-width:320px}.hero-content .action-buttons,.hero-product-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:auto;margin-right:auto}.hero-product-nav{max-width:520px}.powered-by,.whisper-container{justify-content:center}.product-lines-grid{grid-template-columns:1fr}.product-line-1,.product-line-4{grid-column:auto;grid-row:auto}.features-container{grid-template-columns:1fr;grid-auto-rows:auto}.feature-card-1,.feature-card-4{grid-column:auto;grid-row:auto}}@media (max-width:640px){.home-page:before{background-size:48px 48px}.hero-section{gap:1.5rem;padding:calc(var(--navbar-height) + 2.6rem) .875rem 3.2rem}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-kicker{order:0;padding:.38rem .65rem;font-size:.86rem}.main-heading{order:1;max-width:410px;margin:1rem auto .75rem;font-size:clamp(3.15rem,16vw,4.65rem);line-height:.92;letter-spacing:-.065em}.home-subtitle{order:2;max-width:340px;margin-top:0;font-size:1.08rem;line-height:1.6}.home-subtitle .subtitle-line{min-height:auto;margin:.1rem 0}.hero-description{display:block;order:3;max-width:360px;font-size:.98rem;line-height:1.5}.faq-link{order:4;margin-top:.9rem;font-size:.82rem}.action-buttons{width:100%;flex-direction:column}.hero-content .action-buttons{order:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-width:340px;margin-top:1.15rem}.hero-content .action-buttons .btn{width:100%;height:44px;min-height:44px;padding:0 .85rem;border-radius:10px}.mainland-access-notice{order:5;max-width:340px;margin-inline:auto;text-align:center}.powered-by{display:none}.hero-product-nav{order:5;width:100%;max-width:340px;margin-top:1rem}.hero-product-link{padding:.62rem .68rem;border-radius:12px}.hero-product-link strong{font-size:.78rem}.waveform{height:96px;gap:.25rem;padding:.75rem;margin:0 1rem}.waveform span{min-width:4px}.preview-context{grid-template-columns:1fr;margin:0 1rem}.preview-context div{border-right:0;border-bottom:1px solid rgba(223,231,241,.92)}.preview-context div:last-child{border-bottom:0}.preview-subtitle{font-size:1rem}.subtitle-panel{margin:.75rem 1rem 0;padding:.85rem}.preview-translation{display:none}.practice-toolbar{margin:.75rem 1rem 0;flex-wrap:wrap}.preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.75rem 1rem 1rem}.preview-metrics div{padding:.65rem .55rem}.preview-metrics strong{font-size:1rem}.preview-metrics span{font-size:.65rem}.feature-card,.product-line-card{padding:1rem}.product-line-card{min-height:auto;border-radius:18px}.product-line-card:after{min-height:180px;border-radius:15px}.product-line-card h3{font-size:1.8rem}.features-container{border-radius:0}}@media (max-width:380px){.main-heading{font-size:3rem}.practice-toolbar{gap:.4rem}.preview-metrics strong{font-size:.95rem}}@media (max-width:720px){.home-motion-bg{opacity:.84}}@media (max-width:640px){.hero-product-nav{display:grid}}@media (max-width:860px){.product-lines-grid{grid-template-columns:1fr;grid-template-rows:auto}.product-line-1,.product-line-2,.product-line-3,.product-line-4{grid-column:auto;grid-row:auto;min-height:auto}.product-line-1 .product-line-visual,.product-line-visual{min-height:132px}}@media (max-width:640px){.tts-tabs{width:100%}.tts-tabs span{flex:1;justify-content:center}}.home-page:not(.is-english) .main-heading{font-family:var(--font-family-display-zh);font-weight:700;letter-spacing:-.055em}.home-page .hero-section{grid-template-columns:minmax(360px,.72fr) minmax(720px,1.28fr);width:min(1500px,100%);max-width:1500px;gap:clamp(2.5rem,4.5vw,5.5rem)}@media (min-width:861px){.home-page .hero-content{max-width:600px}.home-page .main-heading{max-width:600px;margin:var(--space-5) 0 0;font-size:clamp(3.25rem,5vw,5.75rem);line-height:1.02;text-wrap:balance}.home-page.is-english .main-heading{font-size:clamp(2.75rem,3.7vw,4.25rem);line-height:1.04;letter-spacing:-.035em}.home-page .hero-description{max-width:520px;margin-top:var(--space-4);color:var(--ink-secondary);font-size:1rem;line-height:1.65}}.home-page .action-buttons .btn{min-height:48px;padding:0 var(--space-5);gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-pill);font-size:.9375rem;font-weight:600;box-shadow:var(--shadow-sm);transition:transform .16s ease,background .16s ease,border-color .16s ease}.home-page .action-buttons .btn .material-icons,.home-page .action-buttons .btn .material-icons-outlined{font-size:1.125rem}.home-page .action-buttons .btn-primary{background:var(--ink-primary);color:var(--color-text-inverse)}.home-page .action-buttons .btn-primary:hover{background:#000a10}.home-page .action-buttons .btn-secondary{border-color:var(--border-default);background:var(--surface-panel);color:var(--ink-primary)}.home-page .action-buttons .btn-secondary:hover{border-color:var(--border-active)}.home-page .action-buttons .btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.home-page .action-buttons .btn:focus-visible{outline:2px solid var(--signal-active-strong);outline-offset:2px}@media (prefers-reduced-motion:reduce){.home-page .action-buttons .btn,.home-page .action-buttons .btn:hover{transform:none;transition:none}}.home-page .section[id]{scroll-margin-top:var(--navbar-height)}@media (min-width:861px){.home-page .section:not(.hero-section){padding-top:var(--space-12);padding-bottom:var(--space-12)}}.home-page .mainland-access-notice{max-width:560px;margin-top:var(--space-3)}.home-page .desktop-recommend-notice{display:none}@media (max-width:768px){.home-page .desktop-recommend-notice{order:5;display:flex;align-items:flex-start;gap:var(--space-2);max-width:340px;margin:var(--space-4) auto 0;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-secondary);font-size:var(--font-size-xs);line-height:1.6;text-align:left}.home-page .desktop-recommend-notice .material-icons{flex:0 0 auto;margin-top:1px;color:var(--signal-active-strong);font-size:1rem}}.home-page .hero-shot{position:relative;display:block;width:100%;max-width:900px;justify-self:end;padding:0;border:0;background:transparent;color:var(--ink-primary);font:inherit;cursor:pointer}.home-page .hero-shot-frame{display:block;overflow:hidden;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-panel);box-shadow:var(--shadow-float);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-page .hero-shot:hover .hero-shot-frame{transform:translateY(-2px);border-color:var(--border-active);box-shadow:var(--shadow-lift)}.home-page .hero-shot:focus-visible{outline:none}.home-page .hero-shot:focus-visible .hero-shot-frame{box-shadow:var(--shadow-float),var(--focus-ring-brand-strong)}.home-page .hero-shot-image{display:block;width:100%;height:auto}.home-page .hero-shot-hint{position:absolute;bottom:var(--space-3);left:var(--space-3);display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 var(--space-2) 0 6px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink-primary) 78%,transparent);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:600;line-height:1;pointer-events:none;transition:transform .18s ease,background-color .18s ease}.home-page .hero-shot-hint .material-icons{font-size:1rem}.home-page .hero-shot:hover .hero-shot-hint{transform:translateY(-2px);background:var(--ink-primary)}@media (prefers-reduced-motion:reduce){.home-page .hero-shot-frame,.home-page .hero-shot-hint{transition:none}.home-page .hero-shot:hover .hero-shot-frame,.home-page .hero-shot:hover .hero-shot-hint{transform:none}}@media (max-width:1180px){.home-page .hero-section{grid-template-columns:minmax(320px,.72fr) minmax(610px,1.28fr);gap:2rem}}@media (max-width:980px){.home-page .hero-section{grid-template-columns:1fr;width:min(760px,100%)}.home-page .hero-content{max-width:680px}.home-page .hero-shot{justify-self:stretch;max-width:none}}@media (max-width:720px){.home-page .hero-section{padding-inline:.8rem}.home-page:not(.is-english) .main-heading{max-width:360px;font-size:clamp(2.75rem,14vw,4rem);line-height:.98}}.subtitle-line[data-v-4cf7439c]{position:relative;padding:0 1.5rem;border-radius:var(--radius-md);transition:all .3s ease;cursor:pointer;display:flex;background:var(--background-color);width:100%;max-width:min(1100px,90%);box-sizing:border-box;font-size:clamp(.875rem,1vw,1rem);line-height:1.5}.subtitle-line.active[data-v-4cf7439c]{background:var(--color-brand-50);box-shadow:var(--shadow-sm)}.subtitle-line[data-v-4cf7439c]:hover{background:var(--color-brand-50)}.subtitle-content[data-v-4cf7439c]{flex:1;margin:0 2rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;min-height:1.5rem;padding:.5rem 0}.subtitle-line.has-line-actions>.subtitle-content[data-v-4cf7439c]{margin-right:9rem}.subtitle-content-stack[data-v-4cf7439c]{display:flex;flex-direction:column;gap:4px;z-index:1}.text-wrapper[data-v-4cf7439c]{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md)}.text-content[data-v-4cf7439c]{position:relative;z-index:1;width:100%;word-break:break-word;white-space:pre-wrap;line-height:1.8;font-family:Inter,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;letter-spacing:.01em;color:var(--el-text-color-primary);padding:.25rem 0;transition:font-size .2s ease}.subtitle-line.active .text-content[data-v-4cf7439c]{font-weight:500}.subtitle-translation[data-v-4cf7439c]{position:relative;z-index:1;width:100%;word-break:break-word;white-space:pre-wrap;line-height:1.8;font-family:Inter,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-style:italic;font-weight:400;letter-spacing:.01em;color:var(--el-text-color-primary);padding:.25rem 0;transition:font-size .2s ease;opacity:.8}.subtitle-content span[data-v-4cf7439c]{display:inline;line-height:1.6;width:100%;word-break:break-word;white-space:pre-wrap}[data-v-4cf7439c] .word-highlight{background-color:var(--color-accent-500)!important;color:var(--color-text-inverse)!important;padding:2px 2px!important;border-radius:var(--radius-sm)!important;display:inline!important}[data-v-4cf7439c] .lookup-word{cursor:pointer;border-radius:var(--radius-sm);padding:0 .04em}[data-v-4cf7439c] .lookup-word:hover{background:var(--color-brand-100)}[data-v-4cf7439c] .saved-word{background:linear-gradient(transparent 58%,color-mix(in srgb,var(--signal-marker) 55%,transparent) 0)}[data-v-4cf7439c] .assessment-word-Mispronunciation,[data-v-4cf7439c] .assessment-word-poor{text-decoration:underline;-webkit-text-decoration-color:#dc2626;text-decoration-color:#dc2626;text-decoration-thickness:.16em;text-underline-offset:.18em}[data-v-4cf7439c] .assessment-word-needs-practice{text-decoration:underline;-webkit-text-decoration-color:#d97706;text-decoration-color:#d97706;text-decoration-thickness:.14em;text-underline-offset:.18em}[data-v-4cf7439c] .assessment-word-Omission{border:1px dashed #dc2626;border-radius:var(--radius-sm);padding:0 .12em}[data-v-4cf7439c] .assessment-word-Insertion{background:#fee2e2;border-radius:var(--radius-sm);padding:0 .12em}[data-v-4cf7439c] .assessment-word-MissingBreak,[data-v-4cf7439c] .assessment-word-Monotone,[data-v-4cf7439c] .assessment-word-UnexpectedBreak{-webkit-text-decoration:underline dotted #7c3aed;text-decoration:underline dotted #7c3aed;text-decoration-thickness:.14em;text-underline-offset:.18em}.progress-overlay[data-v-4cf7439c]{position:absolute;left:0;top:0;z-index:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(102,204,204,.18),rgba(102,204,204,.34));box-shadow:inset -1px 0 0 rgba(102,204,204,.45);pointer-events:none;transition:width .08s linear}.subtitle-line textarea[data-v-4cf7439c]{width:100%;border:none;background:transparent;resize:none;font-family:inherit;font-size:inherit;line-height:1.5;padding:.5rem 0;margin:0;color:inherit;outline:none;overflow:hidden;text-align:center;min-height:2.5rem;box-sizing:border-box}.edit-buttons[data-v-4cf7439c]{gap:.5rem}.edit-buttons[data-v-4cf7439c],.line-actions[data-v-4cf7439c]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center}.line-actions[data-v-4cf7439c]{gap:.35rem;z-index:2}.btn-action[data-v-4cf7439c]{background:var(--color-surface-muted);border:none;padding:.4rem;cursor:pointer;outline:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.btn-action[data-v-4cf7439c]:disabled{cursor:not-allowed;opacity:.35;box-shadow:none}.btn-action.active[data-v-4cf7439c]{background:var(--color-brand-100);color:var(--color-brand-700)}.btn-action[data-v-4cf7439c]:hover{background:var(--color-brand-50);box-shadow:var(--shadow-control)}.btn-action img[data-v-4cf7439c]{width:clamp(.875rem,1vw,1rem);height:clamp(.875rem,1vw,1rem);opacity:.7}.btn-action:hover img[data-v-4cf7439c]{opacity:1}.assessment-badge[data-v-4cf7439c]{min-width:2rem;height:1.85rem;border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--el-text-color-primary);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;box-shadow:var(--shadow-sm)}.assessment-badge.done[data-v-4cf7439c]{background:var(--color-brand-50);color:var(--color-brand-700)}.assessment-badge.excellent[data-v-4cf7439c]{background:#dcfce7;color:#166534}.assessment-badge.good[data-v-4cf7439c]{background:#e0f2fe;color:#075985}.assessment-badge.needs-practice[data-v-4cf7439c]{background:#fef3c7;color:#92400e}.assessment-badge.poor[data-v-4cf7439c]{background:#fee2e2;color:#b91c1c}.assessment-badge.assessing[data-v-4cf7439c]{color:var(--color-text-subtle)}.assessment-badge.error[data-v-4cf7439c]{background:#fee2e2;color:#b91c1c}.assessment-details[data-v-4cf7439c]{margin:.35rem 0 0 5rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--el-text-color-primary);box-shadow:var(--shadow-sm)}.assessment-summary[data-v-4cf7439c]{margin-bottom:.55rem;font-size:.86rem;font-weight:600;color:var(--el-text-color-primary)}.assessment-score-grid[data-v-4cf7439c]{display:flex;flex-wrap:wrap;gap:.45rem .85rem;font-size:.8rem}.assessment-score-grid strong[data-v-4cf7439c]{margin-left:.2rem}.assessment-weak-words[data-v-4cf7439c]{gap:.35rem;margin-top:.55rem}.assessment-section-label[data-v-4cf7439c]{flex-basis:100%;color:var(--color-text-subtle);font-size:.76rem;font-weight:600}.assessment-word-chip[data-v-4cf7439c]{display:inline-flex;align-items:center;padding:.15rem .4rem;border-radius:var(--radius-sm);background:#fef3c7;color:#92400e;font-size:.78rem;border:1px solid transparent}.assessment-word-chip.is-Mispronunciation[data-v-4cf7439c],.assessment-word-chip.is-poor[data-v-4cf7439c]{background:#fee2e2;color:#b91c1c}.assessment-word-chip.is-Omission[data-v-4cf7439c]{background:#fff7ed;border-color:#f97316;color:#9a3412}.assessment-word-chip.is-Insertion[data-v-4cf7439c]{background:#fef2f2;border-color:#ef4444;color:#991b1b}.assessment-word-chip.is-MissingBreak[data-v-4cf7439c],.assessment-word-chip.is-Monotone[data-v-4cf7439c],.assessment-word-chip.is-UnexpectedBreak[data-v-4cf7439c]{background:#f3e8ff;color:#6b21a8}.assessment-word-detail[data-v-4cf7439c]{margin-top:.55rem;padding:.5rem;border-radius:var(--radius-sm);background:var(--color-surface-muted)}.assessment-word-detail-header[data-v-4cf7439c]{display:flex;gap:.5rem;font-size:.8rem}.assessment-word-detail-header span[data-v-4cf7439c]{color:var(--color-text-subtle)}.assessment-play-word[data-v-4cf7439c]{margin-top:.45rem;border:none;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-brand-700);display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .45rem;cursor:pointer;font-size:.78rem;font-weight:600}.assessment-recognized-text[data-v-4cf7439c]{margin-top:.5rem;color:var(--color-text-subtle);font-size:.78rem}.assessment-record-again[data-v-4cf7439c]{margin-top:.65rem;border:none;border-radius:var(--radius-sm);background:var(--color-brand-50);color:var(--color-brand-700);display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;cursor:pointer;font-size:.8rem;font-weight:600}.timestamp[data-v-4cf7439c]{min-width:70px;color:var(--color-text-subtle);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.9rem;margin-right:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-feature-settings:"tnum" 1}.subtitle-mask[data-v-4cf7439c]{position:absolute;width:100%;height:100%;background:var(--color-accent-500);border-radius:var(--radius-md);opacity:1}.subtitle-line.subtitle-hidden .subtitle-translation[data-v-4cf7439c],.subtitle-line.subtitle-hidden .text-content[data-v-4cf7439c]{color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.subtitle-line.subtitle-hidden .subtitle-translation[data-v-4cf7439c]{opacity:0}.subtitle-line.subtitle-hidden[data-v-4cf7439c] .word-highlight{background-color:transparent!important;color:transparent!important}@media (max-width:768px){.subtitle-line[data-v-4cf7439c]{padding:0;margin:.4rem auto;max-width:100%;font-size:.9rem;height:auto}.subtitle-content[data-v-4cf7439c]{margin:0;justify-content:flex-start}.subtitle-line.has-line-actions>.subtitle-content[data-v-4cf7439c]{margin-right:0}.subtitle-line.has-line-actions .subtitle-content[data-v-4cf7439c]{padding-right:8.75rem}.line-actions[data-v-4cf7439c]{right:0;gap:.25rem}.timestamp[data-v-4cf7439c]{min-width:55px;font-size:.8rem;margin-right:.5rem}.edit-buttons[data-v-4cf7439c]{right:0}.btn-action[data-v-4cf7439c]{padding:.3rem}.text-wrapper[data-v-4cf7439c]{width:100%}}.subtitle-line[data-v-4cf7439c]{min-height:64px;flex:0 0 auto;max-width:100%;margin:0;padding:.85rem .95rem;align-items:flex-start;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;border:1px solid transparent;border-radius:13px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.line-icon[data-v-4cf7439c]{display:block;width:14px;height:14px;flex:0 0 14px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.icon-play[data-v-4cf7439c]{mask-image:url(../img/play.4abd90f6.svg);-webkit-mask-image:url(../img/play.4abd90f6.svg)}.icon-pause[data-v-4cf7439c]{mask-image:url(../img/pause.98b395d6.svg);-webkit-mask-image:url(../img/pause.98b395d6.svg)}.icon-refresh[data-v-4cf7439c]{mask-image:url(../img/refresh.3f77003f.svg);-webkit-mask-image:url(../img/refresh.3f77003f.svg)}.icon-microphone[data-v-4cf7439c]{mask-image:url(../img/microphone.5270b1f9.svg);-webkit-mask-image:url(../img/microphone.5270b1f9.svg)}.icon-edit[data-v-4cf7439c]{mask-image:url(../img/edit.9f8b9be2.svg);-webkit-mask-image:url(../img/edit.9f8b9be2.svg)}.icon-check[data-v-4cf7439c]{mask-image:url(../img/check.597c38e7.svg);-webkit-mask-image:url(../img/check.597c38e7.svg)}.icon-close[data-v-4cf7439c]{mask-image:url(../img/close.d35b86bd.svg);-webkit-mask-image:url(../img/close.d35b86bd.svg)}.icon-sparkles[data-v-4cf7439c]{mask-image:url(../img/sparkles.35e54ee5.svg);-webkit-mask-image:url(../img/sparkles.35e54ee5.svg)}.subtitle-line[data-v-4cf7439c]:before{content:"";position:absolute;top:.75rem;bottom:.75rem;left:0;width:3px;background:transparent;border-radius:999px}.subtitle-line[data-v-4cf7439c]:hover{background:#fff;border-color:#e8edf3}.subtitle-line.active[data-v-4cf7439c]{background:linear-gradient(135deg,#fff,#f5f9ff);border-color:#cfe0ff;box-shadow:0 9px 28px rgba(37,99,235,.09);padding-top:1rem;padding-bottom:1rem}.subtitle-line.active[data-v-4cf7439c]:before{background:#2563eb}.timestamp[data-v-4cf7439c]{grid-column:1;min-width:58px;margin:.28rem .8rem 0 0;padding:.24rem .4rem;color:#94a3b8;background:#f1f5f9;border-radius:7px;font-size:.67rem;text-align:center}.subtitle-line.active .timestamp[data-v-4cf7439c]{color:#1d4ed8;background:#eaf2ff}.subtitle-content[data-v-4cf7439c]{grid-column:2;min-width:0;justify-content:flex-start;min-height:0;margin:0;padding:0;text-align:left}.subtitle-line.has-line-actions>.subtitle-content[data-v-4cf7439c]{margin-right:0}.text-wrapper[data-v-4cf7439c]{min-width:0;justify-content:flex-start;overflow:visible;isolation:isolate}.subtitle-content-stack[data-v-4cf7439c]{width:100%;min-width:0;align-items:flex-start;gap:.45rem;position:relative;z-index:2}.subtitle-content .subtitle-translation[data-v-4cf7439c],.subtitle-content .text-content[data-v-4cf7439c]{display:block;width:100%;max-width:100%;min-width:0;padding:0;color:#475569;line-height:1.38;text-align:left;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.subtitle-line.active .subtitle-content .text-content[data-v-4cf7439c]{color:#0f172a;font-weight:560;line-height:1.42}.subtitle-content .subtitle-translation[data-v-4cf7439c]{color:#7c8ba1;font-size:.82em!important;font-style:normal;opacity:1}[data-v-4cf7439c] .word-highlight{color:#1e3a8a!important;background:#dbeafe!important;box-shadow:0 0 0 2px #dbeafe;border-radius:4px!important}.edit-buttons[data-v-4cf7439c],.line-actions[data-v-4cf7439c]{grid-column:3;position:static;align-self:flex-start;justify-self:end;margin-top:.1rem;min-width:6.7rem;gap:.28rem;transform:none;opacity:.82}.subtitle-line:not(:hover):not(.active) .line-actions[data-v-4cf7439c]{opacity:.62}.subtitle-line.active .line-actions[data-v-4cf7439c],.subtitle-line:hover .line-actions[data-v-4cf7439c]{opacity:1}.btn-action[data-v-4cf7439c]{padding:0;color:#64748b;background:#fff;border:1px solid #e5eaf1;border-radius:8px;box-shadow:none}.btn-action.active[data-v-4cf7439c],.btn-action[data-v-4cf7439c]:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;box-shadow:none}.btn-action img[data-v-4cf7439c]{width:14px;height:14px}.subtitle-line .btn-action[data-v-4cf7439c]:disabled{opacity:.62;color:#94a3b8;background:#f8fafc;border-color:#eef2f7}.assessment-badge[data-v-4cf7439c]{min-width:34px;height:30px;padding:0 .45rem;border-radius:8px;box-shadow:none;font-size:.72rem;font-weight:750}.assessment-details[data-v-4cf7439c]{flex:0 0 auto;width:calc(100% - 5rem);margin:.15rem 0 0 5rem;padding:.9rem;background:#fff;border:1px solid #dfe7f1;box-shadow:0 10px 26px rgba(15,23,42,.07)}.assessment-summary[data-v-4cf7439c]{margin-bottom:.75rem;color:#172033;font-size:.82rem;font-weight:700}.assessment-score-grid[data-v-4cf7439c]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.assessment-score-grid span[data-v-4cf7439c]{display:flex;flex-direction:column;gap:.18rem;padding:.55rem;color:#7c8ba1;background:#f8fafc;border-radius:9px;font-size:.67rem}.assessment-score-grid strong[data-v-4cf7439c]{margin:0;color:#172033;font-size:.9rem}.assessment-weak-words[data-v-4cf7439c]{margin-top:.75rem}.assessment-recognized-text[data-v-4cf7439c],.assessment-word-detail[data-v-4cf7439c]{padding:.65rem}.assessment-play-word[data-v-4cf7439c],.assessment-record-again[data-v-4cf7439c]{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px}.progress-overlay[data-v-4cf7439c]{z-index:1;border-radius:10px;background:linear-gradient(90deg,rgba(37,99,235,.06),rgba(37,99,235,.12));box-shadow:inset -1px 0 0 rgba(37,99,235,.18)}.subtitle-mask[data-v-4cf7439c]{inset:0;z-index:1;background:#dbeafe;border-radius:8px;pointer-events:none}@media (max-width:768px){.subtitle-line[data-v-4cf7439c]{min-height:58px;padding:.7rem;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.timestamp[data-v-4cf7439c]{display:none}.subtitle-content[data-v-4cf7439c]{grid-column:1}.subtitle-line.has-line-actions .subtitle-content[data-v-4cf7439c]{padding-right:0}.line-actions[data-v-4cf7439c]{grid-column:2;position:static;flex-wrap:wrap;max-width:4.5rem;min-width:0;justify-content:flex-end}.assessment-details[data-v-4cf7439c]{width:100%;margin-left:0}.assessment-score-grid[data-v-4cf7439c]{grid-template-columns:repeat(2,minmax(0,1fr))}}.subtitle-line[data-v-4cf7439c]{min-height:60px;padding:var(--space-3) var(--space-4);gap:var(--space-3);background:transparent;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;box-shadow:none;align-items:center}.subtitle-line[data-v-4cf7439c]:before{display:none}.subtitle-line[data-v-4cf7439c]:hover{background:var(--surface-subtle);border-color:var(--border-subtle);box-shadow:none}.subtitle-line.active[data-v-4cf7439c]{padding-top:var(--space-3);padding-bottom:var(--space-3);background:var(--surface-active);border-color:var(--border-subtle);box-shadow:none}.timestamp[data-v-4cf7439c]{align-self:center;margin-top:0;padding:0;background:transparent;color:var(--ink-tertiary);border:0;border-radius:0;font-family:var(--font-family-data);font-size:var(--font-size-xs);font-weight:400}.subtitle-line.active .timestamp[data-v-4cf7439c]{color:var(--signal-active-strong);background:transparent}.subtitle-content .subtitle-translation[data-v-4cf7439c],.subtitle-content .text-content[data-v-4cf7439c]{color:var(--ink-primary);line-height:1.5}.subtitle-content-stack[data-v-4cf7439c],.subtitle-content[data-v-4cf7439c],.text-wrapper[data-v-4cf7439c]{align-self:center;justify-content:center}.subtitle-line.active .subtitle-content .text-content[data-v-4cf7439c]{color:var(--ink-primary);font-weight:600}.subtitle-content .subtitle-translation[data-v-4cf7439c]{margin-top:.1rem;color:var(--ink-secondary)}.edit-buttons[data-v-4cf7439c],.line-actions[data-v-4cf7439c]{min-width:6.9rem;align-self:center;justify-content:flex-end;margin-top:0}.btn-action[data-v-4cf7439c]{width:30px;height:30px;color:var(--ink-tertiary);background:transparent;border-color:transparent;border-radius:var(--radius-sm)}.subtitle-line.active .btn-action[data-v-4cf7439c],.subtitle-line:hover .btn-action[data-v-4cf7439c]{color:var(--ink-secondary)}.subtitle-line .btn-action.active[data-v-4cf7439c],.subtitle-line .btn-action[data-v-4cf7439c]:hover{color:var(--ink-primary);background:rgba(16,24,32,.07);border-color:transparent}.subtitle-line .btn-action[data-v-4cf7439c]:disabled{color:var(--ink-tertiary);background:transparent;border-color:transparent}.subtitle-line .btn-action.line-recording-action[data-v-4cf7439c]{color:var(--ink-primary);background:var(--surface-panel);border:1px solid var(--border-default)}.subtitle-line textarea[data-v-4cf7439c]{min-height:4.25rem;padding:.55rem .65rem;background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-md);text-align:left}.assessment-details[data-v-4cf7439c]{border-color:var(--border-default);border-radius:var(--radius-md);box-shadow:none}[data-v-4cf7439c] .lookup-word:hover,[data-v-4cf7439c] .word-highlight{color:var(--ink-primary);background:color-mix(in srgb,var(--signal-active) 42%,#fff)!important}.subtitle-line.subtitle-hidden .subtitle-content-stack[data-v-4cf7439c]{visibility:hidden}.subtitle-line.subtitle-hidden .subtitle-mask[data-v-4cf7439c]{z-index:3}@media (max-width:768px){.subtitle-line[data-v-4cf7439c]{min-height:0;grid-template-columns:minmax(0,1fr);gap:var(--space-2);padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;box-shadow:none}.subtitle-line[data-v-4cf7439c]:hover{background:transparent;border-color:var(--border-subtle);box-shadow:none}.subtitle-line.active[data-v-4cf7439c]{background:var(--surface-active);border-color:var(--border-subtle);box-shadow:none}.line-actions[data-v-4cf7439c]{grid-column:1;min-width:0;max-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:var(--space-2);opacity:1}.subtitle-line:not(.active) .line-actions .btn-action[data-v-4cf7439c],.subtitle-line:not(.active):not(.has-assessment) .line-actions[data-v-4cf7439c]{display:none}.btn-action[data-v-4cf7439c]{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.subtitle-line[data-v-4cf7439c]:before{transition:none}}.assessment-badge[data-v-4cf7439c]{cursor:pointer;border:1px solid transparent;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.assessment-badge[aria-expanded=true][data-v-4cf7439c],.assessment-badge[data-v-4cf7439c]:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(18,32,51,.1)}.assessment-badge[aria-expanded=true][data-v-4cf7439c]{border-color:rgba(15,116,117,.34)}.assessment-details[data-v-4cf7439c]{width:min(680px,calc(100% - 4rem));max-width:680px;margin:-.1rem auto .32rem;padding:.64rem .68rem;box-sizing:border-box;display:grid;gap:.54rem;color:#334155;background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,252,251,.96)),#fff;border:1px solid rgba(53,199,201,.24);border-radius:12px;box-shadow:0 10px 24px rgba(18,32,51,.06)}.assessment-details.excellent[data-v-4cf7439c]{border-color:rgba(22,101,52,.2)}.assessment-details.good[data-v-4cf7439c]{border-color:rgba(15,116,117,.22)}.assessment-details.needs-practice[data-v-4cf7439c]{border-color:rgba(217,119,6,.24)}.assessment-details.poor[data-v-4cf7439c]{border-color:rgba(225,29,72,.22)}.assessment-details-header[data-v-4cf7439c]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.assessment-summary-block[data-v-4cf7439c]{display:flex;align-items:baseline;gap:.5rem;min-width:0}.assessment-score-label[data-v-4cf7439c],.assessment-section-label[data-v-4cf7439c],.assessment-summary-label[data-v-4cf7439c]{color:#64748b;font-size:.68rem;font-weight:760;line-height:1}.assessment-score-label[data-v-4cf7439c]{display:inline;padding:0;gap:0;background:transparent;border-radius:0}.assessment-summary-block strong[data-v-4cf7439c]{color:#111827;font-size:.84rem;font-weight:780;line-height:1.35}.assessment-mini-action[data-v-4cf7439c]{min-height:32px;padding:.34rem .58rem;display:inline-flex;align-items:center;justify-content:center;gap:.34rem;border:1px solid #d8e3ef;border-radius:9px;background:#fff;color:#475569;font-size:.76rem;font-weight:760;white-space:nowrap;cursor:pointer}.assessment-mini-action.is-primary[data-v-4cf7439c]{color:#0f7475;background:#ecfeff;border-color:rgba(53,199,201,.32)}.assessment-mini-action.is-primary .line-icon[data-v-4cf7439c]{width:13px;height:13px}.assessment-score-grid[data-v-4cf7439c]{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:.3rem}.assessment-score-pill[data-v-4cf7439c]{position:relative;min-height:34px;padding:.32rem .4rem .32rem .52rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.24rem;overflow:hidden;border:1px solid rgba(214,224,235,.9);border-radius:8px;background:#fff}.assessment-score-pill[data-v-4cf7439c]:before{display:none}.assessment-score-pill strong[data-v-4cf7439c]{color:#172033;font-size:.82rem;font-weight:820;line-height:1}.assessment-score-pill.is-total strong[data-v-4cf7439c]{font-size:.9rem}.assessment-score-pill.excellent[data-v-4cf7439c]{color:#166534;border-color:rgba(22,101,52,.22);background:var(--color-success-bg)}.assessment-score-pill.good[data-v-4cf7439c]{color:var(--signal-active-strong);border-color:var(--border-active);background:var(--surface-active)}.assessment-score-pill.needs-practice[data-v-4cf7439c]{color:#92400e;border-color:rgba(217,119,6,.24);background:var(--color-warning-bg)}.assessment-score-pill.poor[data-v-4cf7439c]{color:#be123c;border-color:rgba(225,29,72,.24);background:var(--color-danger-bg)}.assessment-score-pill.excellent[data-v-4cf7439c]:before{background:#16a34a}.assessment-score-pill.good[data-v-4cf7439c]:before{background:#0f7475}.assessment-score-pill.needs-practice[data-v-4cf7439c]:before{background:#d97706}.assessment-score-pill.poor[data-v-4cf7439c]:before{background:#e11d48}.assessment-score-pill.excellent strong[data-v-4cf7439c],.assessment-score-pill.good strong[data-v-4cf7439c],.assessment-score-pill.needs-practice strong[data-v-4cf7439c],.assessment-score-pill.poor strong[data-v-4cf7439c]{color:currentColor}.assessment-weak-words[data-v-4cf7439c]{display:flex;align-items:center;flex-wrap:wrap;gap:.32rem;margin:0}.assessment-weak-words .assessment-section-label[data-v-4cf7439c]{flex:0 0 auto;margin-right:.1rem}.assessment-word-chip[data-v-4cf7439c]{min-height:28px;padding:.2rem .46rem;border-radius:8px;border:1px solid rgba(251,146,60,.22);background:#fff7ed;color:#9a3412;font-size:.76rem;font-weight:700;cursor:pointer}.assessment-word-chip.is-Mispronunciation[data-v-4cf7439c],.assessment-word-chip.is-poor[data-v-4cf7439c]{background:#fff1f2;border-color:rgba(225,29,72,.22);color:#be123c}.assessment-word-chip.is-Insertion[data-v-4cf7439c],.assessment-word-chip.is-Omission[data-v-4cf7439c]{background:#fff7ed;border-color:rgba(249,115,22,.22);color:#9a3412}.assessment-word-chip.is-MissingBreak[data-v-4cf7439c],.assessment-word-chip.is-Monotone[data-v-4cf7439c],.assessment-word-chip.is-UnexpectedBreak[data-v-4cf7439c]{background:#eef4ff;border-color:rgba(29,78,216,.18);color:#1d4ed8}.assessment-word-chip.active[data-v-4cf7439c]{border-color:currentColor;box-shadow:0 0 0 2px rgba(15,116,117,.08)}.assessment-recognized-text[data-v-4cf7439c],.assessment-word-detail[data-v-4cf7439c]{margin:0;padding:.52rem .6rem;display:flex;align-items:center;gap:.55rem;min-width:0;border:1px solid rgba(224,231,240,.8);border-radius:9px;background:#f8fafc}.assessment-word-detail[data-v-4cf7439c]{justify-content:space-between}.assessment-word-detail-header[data-v-4cf7439c]{display:inline-flex;align-items:center;gap:.42rem;min-width:0}.assessment-word-detail-header strong[data-v-4cf7439c]{color:#111827;font-size:.82rem}.assessment-word-detail-header span[data-v-4cf7439c]{color:#64748b;font-size:.76rem;font-weight:700}.assessment-play-word[data-v-4cf7439c]{margin:0;min-height:28px;padding:.26rem .46rem;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:.75rem;font-weight:760;white-space:nowrap}.assessment-recognized-text[data-v-4cf7439c]{align-items:baseline}.assessment-recognized-text .assessment-section-label[data-v-4cf7439c]{flex:0 0 auto}.assessment-recognized-copy[data-v-4cf7439c]{min-width:0;color:#64748b;font-size:.78rem;line-height:1.35}.assessment-billing-text[data-v-4cf7439c]{color:#64748b;font-size:.72rem;font-weight:650;text-align:right}.assessment-language-label[data-v-4cf7439c]{display:block;margin-top:.18rem;color:#64748b;font-size:.7rem;font-weight:650}@media (max-width:1180px){.assessment-details[data-v-4cf7439c]{width:min(620px,calc(100% - 2rem))}.assessment-score-grid[data-v-4cf7439c]{grid-template-columns:repeat(4,minmax(72px,1fr))}}@media (max-width:768px){.assessment-details[data-v-4cf7439c]{width:100%;max-width:100%;margin:.32rem 0 0;padding:.68rem}.assessment-details-header[data-v-4cf7439c],.assessment-recognized-text[data-v-4cf7439c],.assessment-word-detail[data-v-4cf7439c]{align-items:flex-start;flex-direction:column}.assessment-score-grid[data-v-4cf7439c]{grid-template-columns:repeat(2,minmax(0,1fr))}.subtitle-line.has-assessment .line-actions[data-v-4cf7439c]{flex-wrap:nowrap;max-width:none;gap:.32rem}}.word-lookup-popover[data-v-6dfd40ba]{position:fixed;z-index:50;width:320px;max-width:calc(100vw - 24px);overflow-y:auto;padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel);color:var(--ink-primary);box-shadow:var(--shadow-float);text-align:left;font-family:var(--font-family-base)}.lookup-header[data-v-6dfd40ba]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.lookup-heading[data-v-6dfd40ba]{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.lookup-word-title[data-v-6dfd40ba]{font-size:var(--font-size-xl);font-weight:700;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}.lookup-lemma[data-v-6dfd40ba]{color:var(--ink-tertiary);font-size:var(--font-size-xs);font-weight:500}.lookup-icon-button[data-v-6dfd40ba]{flex:0 0 auto;width:32px;height:32px;margin:-6px -6px 0 0;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-tertiary);cursor:pointer}.lookup-icon-button[data-v-6dfd40ba]:hover{background:var(--surface-subtle);color:var(--ink-primary)}.lookup-pronunciation[data-v-6dfd40ba]{min-height:32px;margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.lookup-audio[data-v-6dfd40ba]{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-panel);color:var(--ink-secondary);cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.lookup-audio.playing[data-v-6dfd40ba],.lookup-audio[data-v-6dfd40ba]:hover{border-color:var(--border-active);background:var(--surface-active);color:var(--signal-active-strong)}.lookup-phonetic[data-v-6dfd40ba]{color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.4}.lookup-icon[data-v-6dfd40ba]{display:block;width:14px;height:14px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.icon-close[data-v-6dfd40ba]{mask-image:url(../img/close.d35b86bd.svg);-webkit-mask-image:url(../img/close.d35b86bd.svg)}.icon-volume[data-v-6dfd40ba]{mask-image:url(../img/volume.138e717d.svg);-webkit-mask-image:url(../img/volume.138e717d.svg)}.icon-check[data-v-6dfd40ba]{mask-image:url(../img/check.597c38e7.svg);-webkit-mask-image:url(../img/check.597c38e7.svg)}.lookup-body[data-v-6dfd40ba],.lookup-error-block[data-v-6dfd40ba],.lookup-loading[data-v-6dfd40ba]{margin-top:var(--space-3)}.lookup-gloss-row[data-v-6dfd40ba]{display:flex;align-items:baseline;gap:var(--space-2)}.lookup-pos[data-v-6dfd40ba],.lookup-sense-pos[data-v-6dfd40ba]{flex:0 0 auto;padding:1px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--ink-secondary);font-size:var(--font-size-xs);font-weight:500;line-height:1.5}.lookup-gloss[data-v-6dfd40ba]{font-size:var(--font-size-lg);font-weight:600;line-height:1.4}.lookup-section[data-v-6dfd40ba]{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.lookup-section-label[data-v-6dfd40ba]{display:block;margin-bottom:var(--space-1);color:var(--ink-tertiary);font-size:var(--font-size-xs);font-weight:500}.lookup-context[data-v-6dfd40ba]{margin:0;color:var(--ink-primary);font-size:var(--font-size-sm);line-height:1.6}.lookup-senses ul[data-v-6dfd40ba]{margin:0;padding:0;display:grid;gap:var(--space-2);list-style:none}.lookup-senses li[data-v-6dfd40ba]{display:flex;align-items:baseline;gap:var(--space-2);color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.5}.lookup-footer[data-v-6dfd40ba]{margin-top:var(--space-4);display:grid;gap:var(--space-2)}.lookup-save[data-v-6dfd40ba],.lookup-secondary[data-v-6dfd40ba]{min-height:36px;padding:0 var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.lookup-save[data-v-6dfd40ba]{width:100%;border:1px solid var(--ink-primary);background:var(--ink-primary);color:var(--color-text-inverse)}.lookup-save[data-v-6dfd40ba]:hover:not(:disabled){opacity:.88}.lookup-save[data-v-6dfd40ba]:disabled{cursor:default}.lookup-save.saved[data-v-6dfd40ba]{border-color:var(--border-default);background:var(--surface-subtle);color:var(--color-success-text)}.lookup-secondary[data-v-6dfd40ba]{border:1px solid var(--border-default);background:var(--surface-panel);color:var(--ink-primary)}.lookup-secondary[data-v-6dfd40ba]:hover{background:var(--surface-subtle)}.lookup-audio[data-v-6dfd40ba]:focus-visible,.lookup-icon-button[data-v-6dfd40ba]:focus-visible,.lookup-save[data-v-6dfd40ba]:focus-visible,.lookup-secondary[data-v-6dfd40ba]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.lookup-error-block[data-v-6dfd40ba]{display:grid;justify-items:start;gap:var(--space-2)}.lookup-error[data-v-6dfd40ba]{margin:0;color:var(--color-danger);font-size:var(--font-size-sm);line-height:1.5}.lookup-loading[data-v-6dfd40ba]{display:grid;gap:var(--space-2)}.lookup-skeleton[data-v-6dfd40ba]{display:block;height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-subtle),var(--color-border) 50%,var(--surface-subtle));background-size:200% 100%;animation:lookup-shimmer-6dfd40ba 1.2s ease-in-out infinite}.skeleton-phonetic[data-v-6dfd40ba]{width:88px}.skeleton-gloss[data-v-6dfd40ba]{width:55%;height:20px}.skeleton-line[data-v-6dfd40ba]{width:100%}.skeleton-line.short[data-v-6dfd40ba]{width:70%}@keyframes lookup-shimmer-6dfd40ba{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.lookup-skeleton[data-v-6dfd40ba]{animation:none}}@media (max-width:640px){.word-lookup-popover[data-v-6dfd40ba]{left:12px!important;right:12px;top:auto!important;bottom:76px!important;width:auto;max-height:60vh!important}}.subtitle-display[data-v-42a30a9c]{height:100%;overflow-y:auto;padding:1rem;scroll-behavior:smooth;background:transparent;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;align-items:stretch;gap:.42rem;max-width:none;padding:.95rem 1.35rem 5rem}.subtitle-display[data-v-42a30a9c]>*{flex-shrink:0}@media (max-width:768px){.subtitle-display[data-v-42a30a9c]{gap:.35rem;padding:.6rem .55rem 4rem}}.text-display[data-v-82c0d5ea]{flex:1;display:flex;flex-direction:column;min-height:0;padding:0;height:100%}.text-content[data-v-82c0d5ea]{flex:1;overflow-y:auto;max-width:none;width:auto;margin:0;padding:var(--space-6) max(var(--space-6),calc(50% - 380px)) 10rem;min-height:0;box-sizing:border-box}.markdown-body[data-v-82c0d5ea]{font-family:var(--font-family-base);font-size:1.02rem;line-height:1.78;color:var(--ink-primary);background-color:transparent!important}.markdown-body h1[data-v-82c0d5ea],.markdown-body h2[data-v-82c0d5ea],.markdown-body h3[data-v-82c0d5ea],.markdown-body h4[data-v-82c0d5ea],.markdown-body h5[data-v-82c0d5ea],.markdown-body h6[data-v-82c0d5ea]{margin-top:1.5em;margin-bottom:1em;color:#111827;border-bottom:none}.markdown-body p[data-v-82c0d5ea]{margin-bottom:1.2em;white-space:pre-wrap}.markdown-body code[data-v-82c0d5ea]{background-color:var(--color-surface-muted);padding:.2em .4em;border-radius:var(--radius-sm);font-family:Fira Code,monospace}.markdown-body pre[data-v-82c0d5ea]{background-color:var(--color-surface-muted);padding:1em;border-radius:var(--radius-md);overflow-x:auto}.markdown-body pre code[data-v-82c0d5ea]{background-color:transparent;padding:0}.markdown-body blockquote[data-v-82c0d5ea]{border-left:4px solid var(--border-color);padding-left:1em;color:var(--text-secondary);margin:1em 0;background-color:transparent}.markdown-body ol[data-v-82c0d5ea],.markdown-body ul[data-v-82c0d5ea]{padding-left:2em;margin:1em 0}.markdown-body img[data-v-82c0d5ea]{max-width:100%;border-radius:var(--radius-md)}.markdown-body a[data-v-82c0d5ea]{color:var(--color-brand-600);text-decoration:none}.markdown-body a[data-v-82c0d5ea]:hover{text-decoration:underline}.markdown-body table[data-v-82c0d5ea]{border-collapse:collapse;width:100%;margin:1em 0}.markdown-body td[data-v-82c0d5ea],.markdown-body th[data-v-82c0d5ea]{border:1px solid var(--border-color);padding:.5em 1em}.markdown-body th[data-v-82c0d5ea]{background-color:var(--background-secondary)}@media (max-width:768px){.text-display[data-v-82c0d5ea]{padding:0;height:calc(100vh - 8rem)}.text-content[data-v-82c0d5ea]{margin:.6rem .55rem 4rem;padding:1rem;border-radius:10px}.markdown-body[data-v-82c0d5ea]{font-size:.9375rem;line-height:1.6}.markdown-body h1[data-v-82c0d5ea]{font-size:1.5rem}.markdown-body h2[data-v-82c0d5ea]{font-size:1.3rem}.markdown-body h3[data-v-82c0d5ea]{font-size:1.1rem}.markdown-body h4[data-v-82c0d5ea]{font-size:1rem}.markdown-body h5[data-v-82c0d5ea]{font-size:.9rem}.markdown-body h6[data-v-82c0d5ea]{font-size:.8rem}.markdown-body p[data-v-82c0d5ea]{font-size:.9375rem;margin:.75rem 0}.markdown-body ol[data-v-82c0d5ea],.markdown-body ul[data-v-82c0d5ea]{padding-left:1.25rem}.markdown-body li[data-v-82c0d5ea]{margin:.25rem 0}.markdown-body code[data-v-82c0d5ea],.markdown-body pre[data-v-82c0d5ea]{font-size:.875rem}}.text-content[data-v-82c0d5ea]::-webkit-scrollbar{width:8px}.text-content[data-v-82c0d5ea]::-webkit-scrollbar-track{background:transparent}.text-content[data-v-82c0d5ea]::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-sm)}.text-content[data-v-82c0d5ea]::-webkit-scrollbar-thumb:hover{background:var(--ink-tertiary)}.text-content[data-v-82c0d5ea]{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}@keyframes spin-82c0d5ea{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.material-icons.spinning[data-v-82c0d5ea]{animation:spin-82c0d5ea 1s linear infinite}.export-panel[data-v-c7a0aa92]{box-sizing:border-box;position:absolute;top:var(--navbar-height);right:0;bottom:0;z-index:10;width:var(--sidebar-width);min-width:var(--sidebar-width);overflow-y:auto;padding:var(--space-1) var(--space-3);border-left:1px solid var(--border-subtle);background:var(--color-page)}.panel-section[data-v-c7a0aa92]{display:grid;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.panel-section[data-v-c7a0aa92]:last-child{border-bottom:0}.section-label[data-v-c7a0aa92]{margin:0;padding:0 var(--space-3);color:var(--ink-tertiary);font-size:var(--font-size-xs);font-weight:600;line-height:1.5}.tool-row[data-v-c7a0aa92]{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:36px;padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-secondary);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.tool-row[data-v-c7a0aa92]:hover{background:var(--surface-subtle);color:var(--ink-primary)}.tool-row--danger[data-v-c7a0aa92]:hover{background:var(--color-danger-bg);color:var(--color-danger)}.tool-icon[data-v-c7a0aa92]{flex:0 0 18px;width:18px;height:18px;background:var(--ink-tertiary);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.tool-row:hover .tool-icon[data-v-c7a0aa92]{background:var(--ink-secondary)}.tool-row--danger:hover .tool-icon[data-v-c7a0aa92]{background:currentColor}.tool-icon--subtitles[data-v-c7a0aa92]{mask-image:url(../img/eye.0b45ac36.svg);-webkit-mask-image:url(../img/eye.0b45ac36.svg)}.tool-icon--edit[data-v-c7a0aa92]{mask-image:url(../img/edit.9f8b9be2.svg);-webkit-mask-image:url(../img/edit.9f8b9be2.svg)}.tool-icon--time[data-v-c7a0aa92]{mask-image:url(../img/clock.01ea80bb.svg);-webkit-mask-image:url(../img/clock.01ea80bb.svg)}.tool-icon--audio[data-v-c7a0aa92]{mask-image:url(../img/volume.138e717d.svg);-webkit-mask-image:url(../img/volume.138e717d.svg)}.tool-icon--delete[data-v-c7a0aa92]{mask-image:url(../img/close.d35b86bd.svg);-webkit-mask-image:url(../img/close.d35b86bd.svg)}.export-formats[data-v-c7a0aa92]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-2)}.export-chip[data-v-c7a0aa92]{height:32px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-panel);color:var(--ink-primary);font-family:var(--font-family-data);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:background .16s ease,border-color .16s ease}.export-chip[data-v-c7a0aa92]:hover{border-color:var(--border-active);background:var(--surface-subtle)}.export-chip[data-v-c7a0aa92]:focus-visible,.tool-row[data-v-c7a0aa92]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}@media (max-width:1100px){.export-panel[data-v-c7a0aa92]{position:fixed;top:calc(var(--navbar-height) + 60px);right:calc(var(--sidebar-width)*-1);background:var(--surface-panel);box-shadow:var(--shadow-md);transition:right .24s ease}.export-panel.show[data-v-c7a0aa92]{right:0}}@media (max-width:768px){.export-panel[data-v-c7a0aa92]{top:3.5rem}}.player-select-popper.el-popper{max-width:calc(100vw - 24px);padding:var(--space-1) 0;overflow:hidden;background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-float)}.player-select-popper .el-popper__arrow{display:none}.player-select-popper .el-select-dropdown__wrap{max-height:304px}.player-select-popper .el-select-dropdown__item{height:36px;margin:0 var(--space-1);padding:0 var(--space-3);color:var(--ink-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:36px}.player-select-popper .el-select-dropdown__item.is-hovering{background:var(--surface-subtle)}.player-select-popper .el-select-dropdown__item.is-selected{color:var(--signal-active-strong);background:var(--surface-active);font-weight:600}.explanation-content[data-v-62796e71]{display:grid;gap:var(--space-6)}.explanation-content[data-v-62796e71]>*{animation:content-rise-62796e71 .52s var(--ease-spring) both}.explanation-content[data-v-62796e71]>:nth-child(2){animation-delay:70ms}.explanation-content[data-v-62796e71]>:nth-child(3){animation-delay:.14s}.explanation-content[data-v-62796e71]>:nth-child(n+4){animation-delay:.21s}.explanation-gist[data-v-62796e71]{margin:0;color:var(--color-text);font-size:1.02rem;line-height:1.65;letter-spacing:-.005em}.hairline-list[data-v-62796e71]{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-border)}.hairline-list li[data-v-62796e71]{display:grid;gap:3px;padding:var(--space-3) 0 14px;border-bottom:1px solid var(--color-border)}.hairline-list strong[data-v-62796e71]{color:var(--color-text);font-size:.94rem;font-weight:600;line-height:1.5;letter-spacing:-.005em;overflow-wrap:anywhere}.point-phrase[data-v-62796e71]{justify-self:start;background:linear-gradient(transparent 64%,color-mix(in srgb,var(--signal-marker) 50%,transparent) 0)}.hairline-list p[data-v-62796e71]{margin:0;color:var(--color-text-muted);font-size:.86rem;line-height:1.6}.follow-up-answer[data-v-62796e71]{display:grid;gap:var(--space-2)}.follow-up-answer h3[data-v-62796e71]{margin:0;color:var(--color-text-subtle);font-size:.75rem;font-weight:500;letter-spacing:.02em}@keyframes content-rise-62796e71{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.explanation-content[data-v-62796e71]>*{animation:none}}.sentence-explanation[data-v-1a62754a]{display:flex;flex-direction:column;gap:var(--space-8)}.skeleton[data-v-1a62754a]{display:grid;gap:10px;padding-top:var(--space-1)}.skeleton span[data-v-1a62754a]{height:10px;background:linear-gradient(90deg,var(--color-surface-muted),var(--color-border) 50%,var(--color-surface-muted));background-size:200% 100%;border-radius:3px;animation:skeleton-shimmer-1a62754a 1.3s linear infinite}.skeleton span.short[data-v-1a62754a]{width:58%}.explanation-error[data-v-1a62754a]{display:grid;justify-items:start;gap:var(--space-2)}.explanation-error p[data-v-1a62754a],.follow-up-error[data-v-1a62754a]{margin:0;color:var(--color-danger);font-size:.88rem;line-height:1.6}.follow-up-pending[data-v-1a62754a]{display:grid;gap:var(--space-3)}h3[data-v-1a62754a]{margin:0;color:var(--color-text-subtle);font-size:.75rem;font-weight:500;letter-spacing:.02em}.follow-up-bar[data-v-1a62754a]{display:grid}.follow-up-bar h3[data-v-1a62754a]{padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.follow-up-bar button[data-v-1a62754a]{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0;color:var(--color-text);background:transparent;border:0;border-bottom:1px solid var(--color-border);cursor:pointer;font:inherit;font-size:.9rem;font-weight:500;text-align:left;transition:color .18s ease}.follow-up-bar svg[data-v-1a62754a]{width:14px;height:14px;fill:none;stroke:var(--color-text-subtle);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s var(--ease-spring),stroke .18s ease}.follow-up-bar button[data-v-1a62754a]:hover:not(:disabled){color:var(--color-brand-700)}.follow-up-bar button:hover:not(:disabled) svg[data-v-1a62754a]{stroke:var(--color-brand-700);transform:translateX(3px)}.follow-up-bar button[data-v-1a62754a]:disabled{color:var(--color-text-subtle);cursor:not-allowed}.explanation-footer[data-v-1a62754a]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:calc(var(--space-2)*-1);color:var(--color-text-subtle);font-size:.75rem}.text-button[data-v-1a62754a]{padding:0;color:var(--color-brand-700);background:transparent;border:0;cursor:pointer;font:inherit;font-size:.8rem;font-weight:500}.text-button[data-v-1a62754a]:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}.text-button[data-v-1a62754a]:disabled{color:var(--color-text-subtle);cursor:not-allowed}button[data-v-1a62754a]:focus-visible{outline:2px solid var(--color-brand-700);outline-offset:2px}@keyframes skeleton-shimmer-1a62754a{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton span[data-v-1a62754a]{animation:none}.follow-up-bar button[data-v-1a62754a],.follow-up-bar svg[data-v-1a62754a]{transition:none}}.learning-assistant[data-v-7acb37a7]{position:absolute;top:var(--navbar-height);right:0;bottom:0;width:var(--learning-assistant-width,380px);display:flex;flex-direction:column;overflow:hidden;color:var(--color-text);background:var(--color-page);border-left:1px solid var(--border-subtle);z-index:120}.learning-assistant.assistant-panel-enter-active[data-v-7acb37a7]{transition:transform var(--duration-panel) var(--ease-spring),opacity .26s ease-out}.learning-assistant.assistant-panel-leave-active[data-v-7acb37a7]{transition:transform var(--duration-panel-exit) var(--ease-exit),opacity var(--duration-panel-exit) var(--ease-exit)}.learning-assistant.assistant-panel-enter-from[data-v-7acb37a7],.learning-assistant.assistant-panel-leave-to[data-v-7acb37a7]{opacity:0;transform:translateX(28px)}.assistant-swap-enter-active[data-v-7acb37a7]{transition:opacity .28s ease-out,transform .36s var(--ease-spring)}.assistant-swap-leave-active[data-v-7acb37a7]{transition:opacity .14s ease-in}.assistant-swap-enter-from[data-v-7acb37a7]{opacity:0;transform:translateY(6px)}.assistant-swap-leave-to[data-v-7acb37a7]{opacity:0}.assistant-header[data-v-7acb37a7]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6) 0}.assistant-header h2[data-v-7acb37a7]{margin:0;color:var(--color-text-subtle);font-size:.75rem;font-weight:500;letter-spacing:.02em}.assistant-close[data-v-7acb37a7]{width:28px;height:28px;margin-right:calc(var(--space-2)*-1);display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--color-text-subtle);background:transparent;border:0;border-radius:50%;cursor:pointer;transition:background .16s ease,color .16s ease}.assistant-close svg[data-v-7acb37a7]{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.assistant-close[data-v-7acb37a7]:hover{color:var(--color-text);background:var(--color-surface-muted)}.assistant-sentence[data-v-7acb37a7]{margin:var(--space-3) var(--space-6) var(--space-6);color:var(--color-text);font-size:1.28rem;font-weight:600;line-height:1.42;letter-spacing:-.022em;text-wrap:pretty}.assistant-sentence mark[data-v-7acb37a7]{color:inherit;background:linear-gradient(transparent 64%,color-mix(in srgb,var(--signal-marker) 50%,transparent) 0)}.assistant-tabs[data-v-7acb37a7]{display:flex;gap:var(--space-6);margin:0 var(--space-6);border-bottom:1px solid var(--color-border)}.assistant-tabs button[data-v-7acb37a7]{position:relative;padding:0 0 var(--space-3);color:var(--color-text-subtle);background:transparent;border:0;cursor:pointer;font:inherit;font-size:.86rem;font-weight:500;transition:color .2s ease}.assistant-tabs button[data-v-7acb37a7]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-text);transform:scaleX(0);transition:transform .32s var(--ease-spring)}.assistant-tabs button.active[data-v-7acb37a7],.assistant-tabs button[data-v-7acb37a7]:hover{color:var(--color-text)}.assistant-tabs button.active[data-v-7acb37a7]:after{transform:scaleX(1)}.assistant-content[data-v-7acb37a7]{min-height:0;flex:1;overflow-y:auto;padding:var(--space-6);scrollbar-width:thin}.assessment-content[data-v-7acb37a7]{display:grid;gap:var(--space-6)}.assessment-summary[data-v-7acb37a7]{display:grid;gap:var(--space-1)}.assessment-summary>span[data-v-7acb37a7],.score-item span[data-v-7acb37a7],.section-label[data-v-7acb37a7]{color:var(--color-text-subtle);font-size:.75rem;font-weight:500}.assessment-summary strong[data-v-7acb37a7]{font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.assessment-summary small[data-v-7acb37a7]{color:var(--color-text-subtle);font-size:.75rem}.assessment-score-grid[data-v-7acb37a7]{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--color-border)}.score-item[data-v-7acb37a7]{display:grid;gap:2px;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.score-item[data-v-7acb37a7]:nth-child(odd){padding-right:var(--space-4)}.score-item[data-v-7acb37a7]:nth-child(2n){padding-left:var(--space-4);border-left:1px solid var(--color-border)}.score-item strong[data-v-7acb37a7]{font-family:var(--font-family-data);font-size:1.35rem;font-weight:500;letter-spacing:-.02em}.assessment-section[data-v-7acb37a7]{display:grid;gap:var(--space-2)}.word-list[data-v-7acb37a7]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.word-list button[data-v-7acb37a7]{min-height:32px;padding:0 var(--space-3);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font:inherit;font-size:.82rem;transition:color .16s ease,border-color .16s ease}.word-list button[data-v-7acb37a7]:hover{color:var(--color-text);border-color:var(--color-border-strong)}.word-list button.active[data-v-7acb37a7]{color:var(--color-brand-700);background:var(--color-brand-50);border-color:var(--color-brand-200)}.word-detail[data-v-7acb37a7]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.word-detail>div[data-v-7acb37a7]{display:grid;gap:2px}.word-detail span[data-v-7acb37a7]{color:var(--color-text-subtle);font-size:.75rem}.word-detail button[data-v-7acb37a7]{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;color:var(--color-brand-700);background:transparent;border:0;cursor:pointer;font:inherit;font-size:.8rem;font-weight:500}.assistant-empty[data-v-7acb37a7],.billing-text[data-v-7acb37a7],.recognized-text p[data-v-7acb37a7]{margin:0;color:var(--color-text-muted);font-size:.86rem;line-height:1.6}.billing-text[data-v-7acb37a7]{color:var(--color-text-subtle);font-size:.75rem}button[data-v-7acb37a7]:focus-visible{outline:2px solid var(--color-brand-700);outline-offset:2px}@media (prefers-reduced-motion:reduce){.learning-assistant.assistant-panel-enter-active[data-v-7acb37a7],.learning-assistant.assistant-panel-leave-active[data-v-7acb37a7]{transition:opacity .12s linear}.learning-assistant.assistant-panel-enter-from[data-v-7acb37a7],.learning-assistant.assistant-panel-leave-to[data-v-7acb37a7]{transform:none}.assistant-close[data-v-7acb37a7],.assistant-swap-enter-active[data-v-7acb37a7],.assistant-swap-leave-active[data-v-7acb37a7],.assistant-tabs button[data-v-7acb37a7],.assistant-tabs button[data-v-7acb37a7]:after,.word-list button[data-v-7acb37a7]{transition:none}.assistant-swap-enter-from[data-v-7acb37a7]{transform:none}}@media (max-width:1100px){.learning-assistant[data-v-7acb37a7]{position:fixed;top:calc(var(--navbar-height) + var(--space-3));right:var(--space-3);bottom:var(--space-3);width:min(400px,calc(100vw - var(--space-6)));background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-float)}}@media (max-width:640px){.learning-assistant[data-v-7acb37a7]{top:auto;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);width:auto;max-height:72dvh}.learning-assistant.assistant-panel-enter-from[data-v-7acb37a7],.learning-assistant.assistant-panel-leave-to[data-v-7acb37a7]{transform:translateY(32px)}.assistant-header[data-v-7acb37a7]{padding:var(--space-4) var(--space-4) 0}.assistant-sentence[data-v-7acb37a7]{margin:var(--space-2) var(--space-4) var(--space-5);font-size:1.12rem}.assistant-tabs[data-v-7acb37a7]{margin-inline:var(--space-4)}.assistant-content[data-v-7acb37a7]{padding:var(--space-5) var(--space-4)}}.file-identity[data-v-107ca1ea]{display:flex;align-items:center;gap:.75rem;min-width:0}.title-eyebrow[data-v-107ca1ea]{display:block;margin-bottom:.15rem;color:var(--ink-tertiary);font-size:var(--font-size-xs);font-weight:500}.player-icon[data-v-107ca1ea]{display:block;width:17px;height:17px;flex:0 0 17px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.file-identity .back-button[data-v-107ca1ea]{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;padding:0;border:none;border-radius:50%;background:rgba(16,24,32,.07);color:var(--ink-primary);box-shadow:none;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.file-identity .back-button .material-icons[data-v-107ca1ea]{margin-right:2px;font-size:18px}.file-identity .back-button[data-v-107ca1ea]:hover{background:rgba(16,24,32,.12)}.file-identity .back-button[data-v-107ca1ea]:active{transform:scale(.94)}.file-identity .back-button[data-v-107ca1ea]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.icon-captions[data-v-107ca1ea]{mask-image:url(../img/captions.26bde139.svg);-webkit-mask-image:url(../img/captions.26bde139.svg)}.icon-microphone[data-v-107ca1ea]{mask-image:url(../img/microphone.5270b1f9.svg);-webkit-mask-image:url(../img/microphone.5270b1f9.svg)}.icon-split[data-v-107ca1ea]{mask-image:url(../img/split.6b87dbe0.svg);-webkit-mask-image:url(../img/split.6b87dbe0.svg)}.icon-eye[data-v-107ca1ea]{mask-image:url(../img/eye.0b45ac36.svg);-webkit-mask-image:url(../img/eye.0b45ac36.svg)}.icon-translate[data-v-107ca1ea]{mask-image:url(../img/translate.c2e41f37.svg);-webkit-mask-image:url(../img/translate.c2e41f37.svg)}.icon-text[data-v-107ca1ea]{mask-image:url(../img/text.38b6859d.svg);-webkit-mask-image:url(../img/text.38b6859d.svg)}.icon-loading[data-v-107ca1ea]{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;background:transparent;mask-image:none;-webkit-mask-image:none;animation:topBarSpin-107ca1ea .8s linear infinite}.tour-help-icon[data-v-107ca1ea]{font-size:20px}.more-dots[data-v-107ca1ea],.more-dots[data-v-107ca1ea]:after,.more-dots[data-v-107ca1ea]:before{width:3px;height:3px;background:currentColor;border-radius:50%}.more-dots[data-v-107ca1ea]{position:relative}.more-dots[data-v-107ca1ea]:after,.more-dots[data-v-107ca1ea]:before{content:"";position:absolute;left:0}.more-dots[data-v-107ca1ea]:before{top:-6px}.more-dots[data-v-107ca1ea]:after{top:6px}@keyframes topBarSpin-107ca1ea{to{transform:rotate(1turn)}}.translate-control[data-v-107ca1ea]{display:inline-flex;align-items:center}.top-bar .mobile-more-button[data-v-107ca1ea]{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-secondary);box-shadow:none;cursor:pointer;transition:background-color .16s ease,color .16s ease}.top-bar .mobile-more-button[data-v-107ca1ea]:hover{background:var(--surface-subtle);color:var(--ink-primary)}.top-bar .mobile-more-button.active[data-v-107ca1ea]{background:var(--surface-active);color:var(--signal-active-strong)}.top-bar .mobile-more-button[data-v-107ca1ea]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.top-bar-actions[data-v-107ca1ea]{display:flex;align-items:center;gap:.75rem;min-width:0;margin-left:auto}.display-mode-toggle--aux[data-v-107ca1ea]{margin-right:0}.display-mode-toggle--primary[data-v-107ca1ea]{margin-right:0;flex-shrink:0}[data-v-107ca1ea] .el-dropdown-menu__item{padding:8px 16px;font-size:14px;display:flex;align-items:center;gap:8px}.split-option[data-v-107ca1ea]{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:232px}.split-option-text[data-v-107ca1ea]{display:flex;flex-direction:column;gap:2px;min-width:0}.split-option-label[data-v-107ca1ea]{color:var(--ink-primary);font-size:var(--font-size-sm);line-height:1.4}.split-option.is-selected .split-option-label[data-v-107ca1ea]{font-weight:600}.split-option-hint[data-v-107ca1ea]{color:var(--ink-tertiary);font-size:var(--font-size-xs);line-height:1.5;white-space:normal}.split-option-check[data-v-107ca1ea]{flex:0 0 auto;color:var(--signal-active-strong);font-size:18px}[data-v-107ca1ea] .mobile-player-menu .el-dropdown-menu__item{min-width:132px;font-size:.86rem}@media (max-width:768px){.top-bar[data-v-107ca1ea]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem;margin-bottom:0;overflow:hidden}.file-identity[data-v-107ca1ea]{gap:.45rem;min-width:0}.title[data-v-107ca1ea]{display:none}.top-bar-actions[data-v-107ca1ea]{min-width:0;justify-content:flex-end;gap:.25rem;margin-left:auto;overflow:hidden}.display-mode-toggle--aux[data-v-107ca1ea]{display:flex;order:1;padding:0;background:transparent}.display-mode-toggle--primary[data-v-107ca1ea]{order:2}.display-mode-toggle--aux .action-split[data-v-107ca1ea],.display-mode-toggle--aux .action-translate[data-v-107ca1ea]{display:none}.display-mode-toggle[data-v-107ca1ea]{flex:0 0 auto;gap:.16rem;margin:0;padding:.18rem;border-radius:10px;align-items:center}.top-bar .btn[data-v-107ca1ea]{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;min-height:32px;height:32px;padding:0;gap:0;border-radius:8px;font-size:0;line-height:1;white-space:nowrap}.action-readalong[data-v-107ca1ea]{min-width:32px}.player-icon[data-v-107ca1ea]{width:14px;height:14px;flex-basis:14px}.btn-icon[data-v-107ca1ea]{width:32px;min-width:32px;height:32px;margin-left:0}}.sound-creature[data-v-0ace98f6]{width:64px;height:64px;flex:0 0 64px;color:var(--signal-active-strong)}.sound-creature svg[data-v-0ace98f6]{display:block;width:100%;height:100%;overflow:visible}.sound-body[data-v-0ace98f6]{fill:currentColor;transition:d .1s ease-out;transform-origin:32px 32px}.sound-face[data-v-0ace98f6]{fill:var(--surface-panel);transition:opacity .2s ease}.sound-eyes[data-v-0ace98f6]{transform-origin:32px 27px;animation:sound-blink-0ace98f6 5.8s infinite}.sound-mouth[data-v-0ace98f6]{fill:none;stroke:var(--surface-panel);stroke-width:1.6;stroke-linecap:round}.sound-wave[data-v-0ace98f6]{fill:var(--surface-panel);opacity:0;transition:opacity .18s ease}.sound-wave rect[data-v-0ace98f6]{transition:none}.listening-mark[data-v-0ace98f6]{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;opacity:0}.state-idle .sound-face[data-v-0ace98f6],.state-listening .sound-face[data-v-0ace98f6]{transform-origin:32px 32px;animation:sound-look-0ace98f6 2.4s ease-in-out infinite}.state-listening .sound-body[data-v-0ace98f6]{animation:sound-attend-0ace98f6 2.4s ease-in-out infinite}.state-listening .listening-mark[data-v-0ace98f6]{opacity:.5;animation:sound-hear-0ace98f6 1.8s ease-in-out infinite}.state-ready .sound-face[data-v-0ace98f6],.state-waiting .sound-face[data-v-0ace98f6]{transform:none}.state-ready .sound-mouth[data-v-0ace98f6],.state-waiting .sound-mouth[data-v-0ace98f6]{fill:var(--surface-panel);stroke:none;transform-origin:32px 41px;animation:sound-speak-0ace98f6 1.4s ease-in-out infinite}.state-ready .sound-body[data-v-0ace98f6],.state-waiting .sound-body[data-v-0ace98f6]{animation:sound-invite-0ace98f6 2.8s ease-in-out infinite}.state-speaking .sound-face[data-v-0ace98f6]{opacity:0}.state-speaking .sound-wave[data-v-0ace98f6]{opacity:1}.state-paused[data-v-0ace98f6]{color:var(--ink-tertiary)}.state-paused .sound-eyes[data-v-0ace98f6]{animation:none;transform:scaleY(.18)}.state-paused .sound-mouth[data-v-0ace98f6]{opacity:.72}@keyframes sound-blink-0ace98f6{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.12)}}@keyframes sound-attend-0ace98f6{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes sound-look-0ace98f6{0%,to{transform:translate(0)}35%,65%{transform:translate(-4px,-2px)}}@keyframes sound-speak-0ace98f6{0%,to{transform:scale(1.15,.25)}30%{transform:scale(1.2,1.5)}58%{transform:scale(.9,.65)}78%{transform:scale(1.1,1.25)}}@keyframes sound-hear-0ace98f6{0%,to{opacity:.25}50%{opacity:.65}}@keyframes sound-invite-0ace98f6{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-1px) scale(.97,1.03)}}@media (prefers-reduced-motion:reduce){.listening-mark[data-v-0ace98f6],.sound-body[data-v-0ace98f6],.sound-eyes[data-v-0ace98f6],.sound-face[data-v-0ace98f6],.sound-mouth[data-v-0ace98f6]{animation:none}.sound-body[data-v-0ace98f6],.sound-face[data-v-0ace98f6],.sound-wave[data-v-0ace98f6],.sound-wave rect[data-v-0ace98f6]{transition:none}}.read-along-container[data-v-1d1a215a]{position:absolute;right:0;bottom:80px;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);justify-content:center;padding:0 1rem;border:0;background:transparent;pointer-events:none}.read-along-main.read-mode-following[data-v-1d1a215a],.read-along-main[data-v-1d1a215a]{display:grid;grid-template-columns:auto minmax(110px,auto) auto;width:-moz-max-content;width:max-content;max-width:min(680px,100%);min-height:60px;margin:0;padding:.375rem .75rem;gap:.625rem;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--shadow-float);pointer-events:auto}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px)){.read-along-main.read-mode-following[data-v-1d1a215a],.read-along-main[data-v-1d1a215a]{background:var(--surface-floating-glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}}.read-along-main.is-recording[data-v-1d1a215a],.read-along-main.is-waiting[data-v-1d1a215a]{border-color:var(--border-default)}.mode-menu[data-v-1d1a215a]{position:relative;justify-self:start}.mode-menu-trigger[data-v-1d1a215a]{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--ink-primary);font:inherit;font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .16s ease}.mode-menu-trigger[aria-expanded=true][data-v-1d1a215a],.mode-menu-trigger[data-v-1d1a215a]:hover{background:var(--surface-panel)}.mode-menu-caret[data-v-1d1a215a]{width:6px;height:6px;margin-left:var(--space-1);border-right:1.5px solid var(--ink-secondary);border-bottom:1.5px solid var(--ink-secondary);transform:translateY(2px) rotate(-135deg)}.mode-menu-popup[data-v-1d1a215a]{position:absolute;bottom:100%;left:0;z-index:100;display:grid;gap:var(--space-1);width:min(320px,calc(100vw - 2rem));margin-bottom:var(--space-2);padding:var(--space-2);border:1px solid var(--border-default);border-radius:12px;background:var(--surface-panel);box-shadow:var(--shadow-float);transform-origin:bottom left}.mode-menu-item[data-v-1d1a215a]{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-secondary);font:inherit;text-align:left;cursor:pointer}.mode-menu-item .read-icon[data-v-1d1a215a]{margin-top:2px}.mode-menu-item[data-v-1d1a215a]:hover{background:var(--surface-subtle)}.mode-menu-item.active[data-v-1d1a215a]{background:var(--surface-active);color:var(--ink-primary)}.mode-menu-copy[data-v-1d1a215a]{display:grid;flex:1;gap:2px;min-width:0}.mode-menu-copy strong[data-v-1d1a215a]{color:var(--ink-primary);font-size:.875rem;font-weight:600}.mode-menu-copy small[data-v-1d1a215a]{color:var(--ink-secondary);font-size:.75rem;line-height:1.5}.mode-menu-item[data-v-1d1a215a]:focus-visible,.mode-menu-trigger[data-v-1d1a215a]:focus-visible{outline:2px solid var(--signal-active-strong);outline-offset:2px}.read-along-stage[data-v-1d1a215a]{display:flex;align-items:center;justify-self:center;min-width:0;gap:.55rem;padding:0;border:0}.mic-settings[data-v-1d1a215a]{justify-self:end}.live-caption[data-v-1d1a215a]{display:flex;align-items:center;gap:var(--space-2);max-width:min(560px,100%);min-height:32px;padding:var(--space-1) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);pointer-events:auto}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px)){.live-caption[data-v-1d1a215a]{background:var(--surface-floating-glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}}.live-caption-mode[data-v-1d1a215a]{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;color:var(--signal-active-strong);font-size:.72rem;font-weight:600;white-space:nowrap}.live-caption-dot[data-v-1d1a215a]{width:6px;height:6px;border-radius:50%;background:var(--signal-active)}.live-caption.is-fallback .live-caption-mode[data-v-1d1a215a]{color:var(--ink-secondary)}.live-caption.is-fallback .live-caption-dot[data-v-1d1a215a]{background:var(--ink-tertiary)}.live-caption-text[data-v-1d1a215a]{min-width:0;overflow:hidden;color:var(--ink-primary);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.live-caption.is-fallback .live-caption-text[data-v-1d1a215a]{color:var(--ink-secondary)}.creature-frame[data-v-1d1a215a]{position:relative;display:inline-grid;place-items:center}.pause-ring[data-v-1d1a215a]{position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(var(--signal-active) calc(var(--pause-progress, 0)*360deg),var(--border-subtle) 0);opacity:0;transition:opacity .16s ease;pointer-events:none;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}.creature-frame.is-counting .pause-ring[data-v-1d1a215a]{opacity:1}.attempt-actions[data-v-1d1a215a]{display:flex;align-items:center;justify-self:end;gap:var(--space-2)}.attempt-button[data-v-1d1a215a]{display:inline-flex;align-items:center;gap:var(--space-1);height:36px;min-height:36px;padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-panel);color:var(--ink-primary);font-size:.82rem;font-weight:600;white-space:nowrap;box-shadow:none}.attempt-button[data-v-1d1a215a]:hover{border-color:var(--border-active);background:var(--surface-subtle)}.attempt-button[data-v-1d1a215a]:focus-visible{outline:2px solid var(--signal-active-strong);outline-offset:2px}@media (prefers-reduced-motion:reduce){.pause-ring[data-v-1d1a215a]{transition:none}}.recording-tools[data-v-1d1a215a]{display:flex;align-items:center;justify-self:end;gap:.25rem}.recording-library-summary[data-v-1d1a215a]{display:grid;min-width:4.5rem;margin-right:.25rem;line-height:1.1}.recording-library-summary strong[data-v-1d1a215a]{color:var(--ink-primary);font-size:.72rem;font-weight:600;white-space:nowrap}.recording-library-summary span[data-v-1d1a215a]{color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:.65rem}.recording-tool-button[data-v-1d1a215a]{width:36px;min-width:36px;height:36px;min-height:36px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-secondary);box-shadow:none}.recording-tool-button.active[data-v-1d1a215a],.recording-tool-button[data-v-1d1a215a]:hover:not(:disabled){color:var(--signal-active-strong);background:var(--surface-active);border-color:transparent}.recording-tool-button[data-v-1d1a215a]:disabled{cursor:not-allowed;opacity:.38}.read-along-stage-copy[data-v-1d1a215a]{display:grid;min-width:3rem;gap:.16rem}.read-along-stage-copy span[data-v-1d1a215a]{color:var(--ink-tertiary);font-size:.65rem;font-weight:600;line-height:1}.read-along-stage-copy strong[data-v-1d1a215a]{color:var(--ink-primary);font-size:.82rem;font-weight:700;line-height:1.1;white-space:nowrap}.read-along-stage.state-ready strong[data-v-1d1a215a],.read-along-stage.state-speaking strong[data-v-1d1a215a]{color:var(--signal-active-strong)}.read-icon[data-v-1d1a215a]{display:block;width:15px;height:15px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.icon-microphone[data-v-1d1a215a]{mask-image:url(../img/microphone.5270b1f9.svg);-webkit-mask-image:url(../img/microphone.5270b1f9.svg)}.icon-headphones[data-v-1d1a215a]{mask-image:url(../img/voice.45af155d.svg);-webkit-mask-image:url(../img/voice.45af155d.svg)}.icon-settings[data-v-1d1a215a]{mask-image:url(../img/settings.b1fe15bd.svg);-webkit-mask-image:url(../img/settings.b1fe15bd.svg)}.icon-play[data-v-1d1a215a]{mask-image:url(../img/play.4abd90f6.svg);-webkit-mask-image:url(../img/play.4abd90f6.svg)}.icon-pause[data-v-1d1a215a]{mask-image:url(../img/pause.98b395d6.svg);-webkit-mask-image:url(../img/pause.98b395d6.svg)}.icon-edit[data-v-1d1a215a]{mask-image:url(../img/edit.9f8b9be2.svg);-webkit-mask-image:url(../img/edit.9f8b9be2.svg)}.icon-check[data-v-1d1a215a]{mask-image:url(../img/check.597c38e7.svg);-webkit-mask-image:url(../img/check.597c38e7.svg)}.icon-repeat[data-v-1d1a215a]{mask-image:url(../img/repeat.3690a5cc.svg);-webkit-mask-image:url(../img/repeat.3690a5cc.svg)}.icon-download[data-v-1d1a215a]{mask-image:url(../img/upload.48e3d184.svg);-webkit-mask-image:url(../img/upload.48e3d184.svg);transform:rotate(180deg)}.mic-settings .vad-settings[data-v-1d1a215a]{display:grid;gap:var(--space-4);width:min(320px,calc(100vw - 2rem));max-height:calc(100vh - 240px);overflow-y:auto;padding:var(--space-4);border:1px solid var(--border-default);border-radius:12px;background:var(--surface-panel);box-shadow:var(--shadow-float)}.vad-group[data-v-1d1a215a]{display:grid;gap:var(--space-2)}.vad-group+.vad-group[data-v-1d1a215a]{padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.vad-group-head[data-v-1d1a215a]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.vad-group-title[data-v-1d1a215a]{color:var(--ink-primary);font-size:.82rem;font-weight:600}.vad-link-button[data-v-1d1a215a]{padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--signal-active-strong);font-size:.78rem;font-weight:600;cursor:pointer}.vad-link-button[data-v-1d1a215a]:disabled{color:var(--ink-tertiary);cursor:wait}.vad-actions[data-v-1d1a215a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.vad-action-button[data-v-1d1a215a]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-primary);font:inherit;font-size:.82rem;cursor:pointer}.vad-action-button[data-v-1d1a215a]:hover:not(:disabled){background:var(--surface-subtle)}.vad-action-button[data-v-1d1a215a]:disabled{color:var(--ink-tertiary);cursor:not-allowed}.vad-hint[data-v-1d1a215a]{margin:0;color:var(--ink-secondary);font-size:.75rem;line-height:1.5}.vad-toggle[data-v-1d1a215a]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-subtle);color:inherit;font:inherit;text-align:left;cursor:pointer}.vad-toggle[data-v-1d1a215a]:hover{border-color:var(--border-default)}.vad-toggle-copy[data-v-1d1a215a]{display:grid;gap:2px;min-width:0}.vad-toggle-copy strong[data-v-1d1a215a]{color:var(--ink-primary);font-size:.82rem;font-weight:600}.vad-toggle-copy small[data-v-1d1a215a]{color:var(--ink-secondary);font-size:.72rem;line-height:1.45}.vad-switch[data-v-1d1a215a]{position:relative;flex:0 0 34px;width:34px;height:20px;border-radius:var(--radius-pill);background:var(--color-border-strong);transition:background .16s ease}.vad-switch span[data-v-1d1a215a]{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--surface-panel);box-shadow:0 1px 2px rgba(15,23,42,.2);transition:transform .16s ease}.vad-switch.active[data-v-1d1a215a]{background:var(--signal-active-strong)}.vad-switch.active span[data-v-1d1a215a]{transform:translateX(14px)}.vad-status[data-v-1d1a215a]{margin:0;color:var(--color-warning-text);font-size:.72rem;line-height:1.45}.vad-slider[data-v-1d1a215a]{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.vad-slider-head[data-v-1d1a215a]{display:flex;align-items:baseline;justify-content:space-between}.vad-slider-head label[data-v-1d1a215a]{color:var(--ink-primary);font-size:.8rem;font-weight:600}.vad-slider-head output[data-v-1d1a215a]{color:var(--ink-primary);font-family:var(--font-family-data);font-size:.8rem}.vad-slider input[type=range][data-v-1d1a215a]{width:100%;margin:0;accent-color:var(--signal-active-strong);cursor:pointer}.vad-action-button[data-v-1d1a215a]:focus-visible,.vad-link-button[data-v-1d1a215a]:focus-visible,.vad-slider input[type=range][data-v-1d1a215a]:focus-visible,.vad-toggle[data-v-1d1a215a]:focus-visible{outline:2px solid var(--signal-active-strong);outline-offset:2px}@media (prefers-reduced-motion:reduce){.vad-switch[data-v-1d1a215a],.vad-switch span[data-v-1d1a215a]{transition:none}}.microphone-device-select[data-v-1d1a215a]{width:100%}.microphone-device-select[data-v-1d1a215a] .el-select__wrapper{min-height:42px;padding:.45rem .7rem;background:hsla(0,0%,100%,.9);border:1px solid rgba(23,107,77,.16);border-radius:11px;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.microphone-device-select[data-v-1d1a215a] .el-select__wrapper:hover{border-color:rgba(15,118,110,.38)}.microphone-device-select[data-v-1d1a215a] .el-select__wrapper.is-focused{background:#fff;border-color:rgba(45,191,193,.78);box-shadow:0 0 0 3px rgba(45,191,193,.13)}.microphone-device-select[data-v-1d1a215a] .el-select__selected-item{color:#172033;font-size:.84rem;font-weight:720}.microphone-device-select.is-disabled[data-v-1d1a215a] .el-select__wrapper{cursor:wait;opacity:.58}.status-dot[data-v-1d1a215a]{width:6px;height:6px;background:currentColor;border-radius:50%}@media (max-width:768px){.read-along-container[data-v-1d1a215a]{bottom:78px;padding:0 .625rem}.read-along-main.read-mode-following[data-v-1d1a215a],.read-along-main[data-v-1d1a215a]{grid-template-columns:max-content minmax(0,1fr) max-content;width:100%;max-width:100%;min-height:48px;gap:.375rem;padding:.3125rem .375rem;border-radius:var(--radius-pill)}.mode-menu-trigger[data-v-1d1a215a]{height:36px;padding:0 var(--space-3)}.mode-menu-label[data-v-1d1a215a]{display:none}.read-along-stage[data-v-1d1a215a]{min-width:0;gap:.35rem;padding:0}.read-along-stage[data-v-1d1a215a] .sound-creature{width:46px;height:46px;flex-basis:46px}.read-along-stage-copy span[data-v-1d1a215a]{display:none}.read-along-stage-copy[data-v-1d1a215a]{min-width:2.8rem}.recording-library-summary[data-v-1d1a215a]{display:none}.recording-tool-button[data-v-1d1a215a]{flex:0 0 34px;width:34px;min-width:34px;height:34px;min-height:34px}.attempt-actions[data-v-1d1a215a]{gap:var(--space-1)}.attempt-button[data-v-1d1a215a]{height:34px;min-height:34px;padding:0 var(--space-3)}}.audio-controls[data-v-5d881282]{position:absolute;z-index:20;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(680px,calc(100% - 32px));height:60px;padding:0 16px;transform:translateX(-50%);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--shadow-float)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px)){.audio-controls[data-v-5d881282]{background:var(--surface-floating-glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}}.audio-controls .controls[data-v-5d881282]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:58px;height:58px;gap:18px;padding:0}.playback-settings[data-v-5d881282],.transport-cluster[data-v-5d881282]{gap:2px;padding:0;border:0;background:transparent}.audio-controls .control-btn[data-v-5d881282],.setting-trigger[data-v-5d881282]{width:36px;min-width:36px;height:36px;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;box-shadow:none}.audio-controls .control-btn[data-v-5d881282]:hover,.setting-control.open .setting-trigger[data-v-5d881282],.setting-trigger[data-v-5d881282]:hover{border:0;background:var(--surface-active);color:var(--ink-primary);box-shadow:none;transform:none}.audio-controls .control-btn--play[data-v-5d881282]{width:42px;min-width:42px;height:42px;border:0;border-radius:var(--radius-pill);background:var(--ink-primary);box-shadow:none}.audio-controls .control-btn--play.playing[data-v-5d881282],.audio-controls .control-btn--play[data-v-5d881282]:hover{border:0;background:var(--ink-primary);box-shadow:none}.audio-controls .progress-container[data-v-5d881282]{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:0;width:100%;max-width:none;padding:0}.time-display[data-v-5d881282]{gap:8px;color:var(--ink-tertiary)}.time-display span[data-v-5d881282]{min-width:32px;font-family:var(--font-family-data);font-size:10px;font-weight:500}.audio-controls .progress-bar-container[data-v-5d881282],.audio-controls .progress-bar[data-v-5d881282]{height:3px}.audio-controls .progress-bar-container[data-v-5d881282]{background:var(--border-default)}.audio-controls .progress-bar[data-v-5d881282]{background:var(--signal-active-strong)}.audio-controls .progress-handle[data-v-5d881282]{width:9px;height:9px;border:2px solid var(--signal-active-strong);box-shadow:none;opacity:0}.audio-controls .progress-bar-container:hover .progress-handle[data-v-5d881282]{opacity:1}.setting-glyph[data-v-5d881282]{background:transparent;font-weight:600}.setting-icon[data-v-5d881282]{width:20px;height:20px}.setting-popover[data-v-5d881282]{width:248px;padding:14px;border-color:var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-float)}.popover-head[data-v-5d881282]{margin-bottom:4px;color:var(--ink-primary);font-size:13px;font-weight:600}.popover-head strong[data-v-5d881282]{font-family:var(--font-family-data);font-size:12px;font-weight:600}.popover-help[data-v-5d881282]{margin:0 0 14px;color:var(--ink-secondary);font-size:12px;line-height:1.5}.setting-choice.active[data-v-5d881282]{border-color:var(--ink-primary);background:var(--ink-primary);box-shadow:none}.audio-controls button[data-v-5d881282]:focus-visible,.audio-controls input[data-v-5d881282]:focus-visible,.progress-bar-container[data-v-5d881282]:focus-visible{outline:2px solid var(--signal-active-strong);outline-offset:2px}@media (max-width:720px){.audio-controls[data-v-5d881282]{width:calc(100% - 20px);height:58px;padding:0 10px}.audio-controls .controls[data-v-5d881282]{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:none;min-height:56px;height:56px;gap:6px}.audio-controls .progress-container[data-v-5d881282]{display:flex;grid-area:auto}.audio-controls .control-btn[data-v-5d881282],.setting-trigger[data-v-5d881282]{width:30px;min-width:30px;height:34px}.audio-controls .control-btn--play[data-v-5d881282]{width:38px;min-width:38px;height:38px}.playback-settings[data-v-5d881282]{gap:0}.time-display span[data-v-5d881282]{display:none}}@media (max-width:480px){.audio-controls .progress-container[data-v-5d881282]{position:absolute;left:24px;right:24px;bottom:6px;width:auto}.setting-popover[data-v-5d881282]{position:fixed;left:50%;right:auto;bottom:calc(100% + 12px);width:min(280px,calc(100vw - 32px));transform:translateX(-50%)}.setting-popover[data-v-5d881282]:after{display:none}.audio-controls .controls[data-v-5d881282]{grid-template-columns:auto auto;justify-content:space-between}}@media (prefers-reduced-motion:reduce){.audio-controls .progress-bar[data-v-5d881282],.audio-controls .progress-handle[data-v-5d881282]{transition:none}}.youtube-player-shell[data-v-3c76f8f8]{position:relative;width:100%;height:100%;background:#07101d}.youtube-player-mount[data-v-3c76f8f8],.youtube-player-mount[data-v-3c76f8f8] iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}.youtube-player-loading[data-v-3c76f8f8]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:#d9fdfb;background:#07101d;font-size:var(--font-size-sm)}.youtube-player-spinner[data-v-3c76f8f8]{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:var(--color-brand-500);border-radius:50%;animation:youtubePlayerSpin-3c76f8f8 .8s linear infinite}@keyframes youtubePlayerSpin-3c76f8f8{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.youtube-player-spinner[data-v-3c76f8f8]{animation:none}}.media-workspace[data-v-53e40412]{flex:1 1 auto;min-height:0;overflow:hidden}.media-workspace.is-audio[data-v-53e40412]{display:flex}.media-workspace.is-video[data-v-53e40412]{display:grid;grid-template-columns:minmax(0,2fr) minmax(22rem,1fr)}.media-stage[data-v-53e40412],.transcript-body[data-v-53e40412],.transcript-pane[data-v-53e40412]{min-width:0;min-height:0}.media-stage[data-v-53e40412]{display:grid;grid-template-rows:minmax(0,1fr);padding:0;gap:0;overflow:hidden;border-right:1px solid var(--border-subtle)}.video-frame[data-v-53e40412]{position:relative;display:grid;place-items:center;align-self:center;justify-self:center;width:calc(100% - 1.5rem);max-height:calc(100% - 1.5rem);aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);background:#07101d}.video-element[data-v-53e40412]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#07101d;cursor:pointer}.stage-play-button[data-v-53e40412]:focus-visible,.video-element[data-v-53e40412]:focus-visible,.youtube-video-hit-area[data-v-53e40412]:focus-visible{outline:3px solid #67e0dc;outline-offset:3px}.youtube-video-hit-area[data-v-53e40412]{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:0;border:0;color:var(--color-text-inverse);background:transparent;cursor:pointer}.stage-play-button[data-v-53e40412]{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.55rem;min-height:46px;padding:0 1rem;border:1px solid hsla(0,0%,100%,.22);border-radius:999px;color:#fff;background:rgba(7,16,29,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:inherit;font-size:.82rem;font-weight:750;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.28)}.stage-play-button[data-v-53e40412]:hover{background:#13a8a8;border-color:#55d7d4}.stage-play-icon[data-v-53e40412]{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.segment-counter[data-v-53e40412]{position:absolute;z-index:3;top:.75rem;right:.75rem;padding:.36rem .52rem;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#d9fdfb;background:rgba(7,16,29,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.66rem;font-weight:750;pointer-events:none}.transcript-pane[data-v-53e40412]{display:flex;flex-direction:column;overflow:hidden}.is-audio .transcript-body[data-v-53e40412],.is-audio .transcript-pane[data-v-53e40412]{flex:1 1 auto;width:100%}.transcript-body[data-v-53e40412]{flex:1 1 auto;overflow:hidden}.transcript-body[data-v-53e40412] .subtitle-container,.transcript-body[data-v-53e40412] .subtitle-display{width:100%;height:100%;max-width:none}.transcript-body[data-v-53e40412] .subtitle-display{gap:0;padding:0 0 10rem}.is-audio .transcript-body[data-v-53e40412] .subtitle-display{padding-inline:max(var(--space-6),calc(50% - 480px))}.transcript-body[data-v-53e40412] .word-highlight{color:#0b6665!important;background:#c9f4f1!important}@media (max-width:980px){.media-workspace.is-video[data-v-53e40412]{grid-template-columns:minmax(0,3fr) minmax(18rem,2fr)}}@media (max-width:768px){.media-workspace.is-video[data-v-53e40412]{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.media-stage[data-v-53e40412]{grid-template-rows:auto;gap:0;padding:0;border-right:0;border-bottom:1px solid var(--border-subtle)}.video-frame[data-v-53e40412]{width:100%;height:auto;max-height:none;margin:0;border-width:0;border-radius:0;box-shadow:none}.segment-counter[data-v-53e40412]{top:.5rem;right:.5rem}.stage-play-button[data-v-53e40412]{min-height:40px;padding:0 .8rem;font-size:.74rem}}@media (max-height:540px) and (orientation:landscape){.media-stage[data-v-53e40412]{grid-template-rows:minmax(0,1fr);padding:0}}@media (prefers-reduced-motion:reduce){.stage-play-button[data-v-53e40412]{transition:none}}.player-tour[data-v-c686db2a]{position:fixed;inset:0;z-index:3000;pointer-events:none}.tour-shade[data-v-c686db2a]{position:fixed;background:var(--color-overlay);pointer-events:auto}.tour-shade--full[data-v-c686db2a]{inset:0}.tour-ring[data-v-c686db2a]{position:fixed;border-radius:var(--radius-md);box-shadow:0 0 0 2px var(--surface-panel)}.tour-card[data-v-c686db2a]{position:fixed;width:min(340px,calc(100vw - 32px));padding:var(--space-4) var(--space-5) var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-float);pointer-events:auto}.tour-card-head[data-v-c686db2a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.tour-progress[data-v-c686db2a]{color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.tour-skip[data-v-c686db2a]{padding:var(--space-1) 0;border:none;background:none;color:var(--ink-secondary);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.tour-skip[data-v-c686db2a]:hover{color:var(--ink-primary)}.tour-card h3[data-v-c686db2a]{margin:0;color:var(--ink-primary);font-size:var(--font-size-md);font-weight:600;line-height:1.35}.tour-card p[data-v-c686db2a]{margin:var(--space-2) 0 0;color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.6;white-space:pre-line}.tour-card-actions[data-v-c686db2a]{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.tour-btn[data-v-c686db2a]{height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.tour-btn--primary[data-v-c686db2a]{border:1px solid var(--ink-primary);color:var(--color-text-inverse);background:var(--ink-primary)}.tour-btn--secondary[data-v-c686db2a]{border:1px solid var(--border-default);color:var(--ink-primary);background:var(--surface-panel)}.tour-btn[data-v-c686db2a]:focus-visible,.tour-skip[data-v-c686db2a]:focus-visible{outline:2px solid var(--signal-active-strong);outline-offset:2px}.dialog-overlay[data-v-69dd6574]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-69dd6574]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:500px;overflow:hidden;animation:dialog-appear-69dd6574 .2s ease-out}@keyframes dialog-appear-69dd6574{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header[data-v-69dd6574]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.dialog-heading[data-v-69dd6574]{display:flex;align-items:center;min-width:0}.dialog-heading-copy[data-v-69dd6574]{min-width:0}.dialog-header h3[data-v-69dd6574]{margin:0;font-size:1.25rem;color:var(--color-text)}.close-btn[data-v-69dd6574]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;padding:0;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:1.35rem;cursor:pointer;line-height:1;transition:color .18s ease,background .18s ease,border-color .18s ease}.close-btn[data-v-69dd6574]:hover{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border-strong)}.close-btn[data-v-69dd6574]:focus-visible{outline:none;border-color:var(--signal-active-strong);box-shadow:var(--focus-ring-brand)}.close-btn svg[data-v-69dd6574]{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7}@media (prefers-reduced-motion:reduce){.dialog[data-v-69dd6574]{animation:none}}.dialog-content[data-v-69dd6574]{padding:1.5rem}.dialog-buttons[data-v-69dd6574]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--color-surface-muted);border-top:1px solid var(--color-border)}.option-select[data-v-b0404548]{position:relative;width:100%;min-width:0;z-index:1}.option-select.open[data-v-b0404548]{z-index:30}.option-select-control[data-v-b0404548]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);width:100%;min-height:44px;padding:0 var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:600;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.open .option-select-control[data-v-b0404548],.option-select-control[data-v-b0404548]:hover{border-color:color-mix(in srgb,var(--signal-active-strong) 45%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 94%,var(--color-brand-50))}.option-select-control[data-v-b0404548]:focus-visible{border-color:var(--signal-active-strong);box-shadow:var(--focus-ring-brand);outline:none}.option-select-control[data-v-b0404548]:disabled{color:var(--color-text-subtle);background:var(--color-surface-muted);cursor:not-allowed}.option-select-badge[data-v-b0404548]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .3rem;color:var(--signal-active-strong);background:var(--color-brand-50);border:1px solid color-mix(in srgb,var(--signal-active) 32%,var(--color-border));border-radius:var(--radius-sm);font-family:var(--font-family-data);font-size:var(--font-size-xs);font-weight:600}.option-select-item-label[data-v-b0404548],.option-select-value[data-v-b0404548]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-select-arrow[data-v-b0404548]{width:8px;height:8px;margin:-4px 2px 0 0;color:var(--color-text-muted);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}.open .option-select-arrow[data-v-b0404548]{margin-top:4px;transform:rotate(225deg)}.option-select-menu[data-v-b0404548]{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:40;width:100%;max-height:220px;overflow-y:auto;padding:var(--space-1);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.option-select-item[data-v-b0404548]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:38px;padding:var(--space-2) var(--space-3);color:var(--color-text-muted);background:transparent;border:0;border-radius:var(--radius-sm);font:inherit;font-size:var(--font-size-sm);font-weight:500;text-align:left;cursor:pointer}.option-select-item.selected[data-v-b0404548],.option-select-item[data-v-b0404548]:focus-visible,.option-select-item[data-v-b0404548]:hover{color:var(--signal-active-strong);background:var(--color-brand-50);outline:none}.option-select-check[data-v-b0404548]{width:7px;height:7px;flex:0 0 7px;border-radius:var(--radius-pill);background:transparent}.option-select-item.selected .option-select-check[data-v-b0404548]{background:var(--signal-active);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal-active) 16%,transparent)}.membership-panel[data-v-1e017b5a]{display:grid;gap:var(--space-2);width:100%;color:var(--ink-secondary);font-size:var(--font-size-xs)}.usage-meta[data-v-1e017b5a],.usage-row[data-v-1e017b5a]{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.plan-name[data-v-1e017b5a]{color:var(--ink-secondary);font-weight:600}.usage-value[data-v-1e017b5a]{font-family:var(--font-family-data);font-variant-numeric:tabular-nums}.usage-value strong[data-v-1e017b5a]{color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:600}.usage-value small[data-v-1e017b5a]{color:var(--ink-tertiary);font-size:var(--font-size-xs)}.usage-track[data-v-1e017b5a]{height:4px;overflow:hidden;border-radius:var(--radius-pill);background:var(--border-subtle)}.usage-track span[data-v-1e017b5a]{display:block;height:100%;border-radius:inherit;background:var(--signal-active-strong)}.usage-track.is-warning span[data-v-1e017b5a]{background:var(--color-warning)}.usage-track.is-exception span[data-v-1e017b5a]{background:var(--color-danger)}.permanent-row[data-v-1e017b5a]{margin-top:var(--space-1)}.permanent-track span[data-v-1e017b5a]{background:var(--signal-marker)}.usage-meta[data-v-1e017b5a]{color:var(--ink-tertiary)}.upgrade-link[data-v-1e017b5a]{margin-left:auto;padding:0;border:0;background:transparent;color:var(--signal-active-strong);font:inherit;font-weight:600;cursor:pointer}.upgrade-link[data-v-1e017b5a]:hover{text-decoration:underline}.upgrade-link[data-v-1e017b5a]:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--focus-ring-brand-strong)}.membership-skeleton[data-v-1e017b5a]{display:grid;gap:var(--space-2)}.membership-skeleton span[data-v-1e017b5a]{display:block;border-radius:var(--radius-pill);background:var(--border-subtle)}.skeleton-line[data-v-1e017b5a]{width:70%;height:12px}.skeleton-track[data-v-1e017b5a]{width:100%;height:4px}.sidebar[data-v-75770322]{position:fixed;top:var(--app-navbar-height);bottom:0;left:0;z-index:10;width:var(--sidebar-width);display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--color-page)}.sidebar-nav[data-v-75770322]{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:var(--space-4) var(--space-3)}.sidebar-section+.sidebar-section[data-v-75770322]{margin-top:var(--space-5)}.sidebar-section+.sidebar-section-bottom[data-v-75770322]{margin-top:auto;padding-top:var(--space-5)}.section-label[data-v-75770322]{padding:0 var(--space-3) var(--space-2);color:var(--ink-tertiary);font-size:var(--font-size-xs);font-weight:600}.menu-item[data-v-75770322]{width:100%;min-height:36px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-secondary);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color .16s ease,color .16s ease}.menu-item+.menu-item[data-v-75770322]{margin-top:2px}.menu-item[data-v-75770322]:hover{background:var(--surface-subtle);color:var(--ink-primary)}.menu-item.active[data-v-75770322]{background:var(--surface-active);color:var(--ink-primary);font-weight:600}.menu-item.active .menu-icon[data-v-75770322]{color:var(--signal-active-strong)}.menu-item[data-v-75770322]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.menu-icon[data-v-75770322]{flex:0 0 18px;width:18px;height:18px;color:var(--ink-tertiary);background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.menu-item:hover .menu-icon[data-v-75770322]{color:var(--ink-secondary)}.referral-item[data-v-75770322]{color:var(--ink-primary);font-weight:500}.referral-item.active .menu-icon[data-v-75770322],.referral-item .menu-icon[data-v-75770322],.referral-item:hover .menu-icon[data-v-75770322]{color:var(--signal-reward)}.menu-label[data-v-75770322]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-calendar[data-v-75770322]{mask-image:url(../img/calendar.4c2f601e.svg);-webkit-mask-image:url(../img/calendar.4c2f601e.svg)}.icon-recent[data-v-75770322]{mask-image:url(../img/history.1903e9de.svg);-webkit-mask-image:url(../img/history.1903e9de.svg)}.icon-material[data-v-75770322]{mask-image:url(../img/library.3bf014b2.svg);-webkit-mask-image:url(../img/library.3bf014b2.svg)}.icon-learning[data-v-75770322]{mask-image:url(../img/sparkles.35e54ee5.svg);-webkit-mask-image:url(../img/sparkles.35e54ee5.svg)}.icon-vocabulary[data-v-75770322]{mask-image:url(../img/text.38b6859d.svg);-webkit-mask-image:url(../img/text.38b6859d.svg)}.icon-transcribe[data-v-75770322]{mask-image:url(../img/captions.26bde139.svg);-webkit-mask-image:url(../img/captions.26bde139.svg)}.icon-youtube[data-v-75770322]{mask-image:url(../img/play.4abd90f6.svg);-webkit-mask-image:url(../img/play.4abd90f6.svg)}.icon-gift[data-v-75770322]{mask-image:url(../img/gift.8409a8e9.svg);-webkit-mask-image:url(../img/gift.8409a8e9.svg)}.icon-speech[data-v-75770322]{mask-image:url(../img/voice.45af155d.svg);-webkit-mask-image:url(../img/voice.45af155d.svg)}.sidebar-footer[data-v-75770322]{flex:0 0 auto;padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--border-subtle)}@media (max-width:768px){.sidebar[data-v-75770322]{top:3.5rem;z-index:1000;width:min(280px,calc(100vw - 3rem));background:var(--surface-panel);box-shadow:var(--shadow-md);transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar.mobile-open[data-v-75770322]{transform:translateX(0)}}.audio-player-wrapper{height:88vh;display:flex;position:relative;justify-content:center;padding:0 var(--space-8) 0 calc(var(--sidebar-width) + var(--space-8));transition:padding-right .2s ease}.audio-player-wrapper.has-export-panel{padding-right:calc(240px + var(--space-6))}.audio-player-wrapper.has-learning-assistant{--learning-assistant-width:380px;padding-right:calc(var(--learning-assistant-width) + var(--space-6))}.player-container{height:100%;flex:1;display:flex;flex-direction:column;gap:20px;padding:20px;background:var(--background-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);max-width:1200px;width:100%;overflow:hidden;margin-top:6rem}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-dialog{background:var(--color-surface);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center}.points-status{color:var(--color-text-muted);margin:1rem 0}.player-header{border-bottom:1px solid var(--color-border)}.back-button,.player-header{display:flex;align-items:center}.back-button{cursor:pointer;width:40px;height:40px;justify-content:center;border-radius:var(--radius-pill);background:var(--surface-card);transition:all .2s ease}.back-button:hover{background:var(--primary-color);color:var(--color-text-inverse)}.audio-info{flex:1}.audio-info h2{margin:0;font-size:1.5rem;color:var(--color-text);text-align:center}.top-bar{justify-content:space-between;margin-bottom:1rem;min-width:0}.top-bar,.top-bar .back-btn{display:flex;align-items:center}.top-bar .back-btn{background:none;border:none;padding:.5rem;cursor:pointer;justify-content:center}.top-bar .back-btn img{width:24px;height:24px}.top-bar .title{flex:1;min-width:0}.top-bar .title h2{margin:0;font-size:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generate-subtitles .btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.generate-subtitles .btn i{font-size:1rem}.generate-subtitles .btn:disabled{opacity:.7;cursor:not-allowed}.display-mode-toggle{display:flex;gap:.5rem;margin-right:1rem;min-width:0}.display-mode-toggle .btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.display-mode-toggle .btn i{font-size:1rem}.top-bar .btn{padding:1rem;font-size:.875rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.25rem;min-width:-moz-fit-content;min-width:fit-content}.top-bar .btn.btn-primary{background:var(--color-accent-500);color:var(--color-text-inverse);box-shadow:var(--shadow-control)}.top-bar .btn.btn-primary:hover{background:var(--color-accent-700)}.top-bar .btn.btn-secondary{background:var(--background-color);color:var(--el-text-color-regular);box-shadow:var(--shadow-control)}.top-bar .btn.btn-secondary:hover{background:var(--el-fill-color-light)}.subtitle-container{height:65vh;overflow-y:auto;background:var(--background-color);padding:20px;border-bottom:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.subtitle-container::-webkit-scrollbar{width:8px}.subtitle-container::-webkit-scrollbar-track{background:transparent}.subtitle-container::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:var(--radius-sm);border:2px solid transparent}.subtitle-container::-webkit-scrollbar-thumb:hover{background-color:var(--ink-tertiary)}.audio-controls{height:5vh;padding:0}.controls{gap:1rem;padding:0 1rem}.control-btn,.controls{display:flex;align-items:center}.control-btn{width:30px;height:30px;border-radius:var(--radius-pill);border:none;background:var(--background-color);cursor:pointer;justify-content:center;transition:all .2s ease}.control-btn:hover{background:var(--color-brand-50)}.control-btn img{width:50%;height:50%;opacity:.8}.additional-controls{display:flex;align-items:center;gap:1rem}.font-size-control,.volume-control{position:relative;display:flex;align-items:center}.font-size-slider,.volume-slider{position:absolute;width:30px;height:100px;bottom:100%;left:50%;transform:translateX(-50%);background:var(--color-surface);padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-control);display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem;z-index:100}.font-size-slider:after,.volume-slider:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-surface)}.font-size-range,.volume-range{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:var(--radius-pill);outline:none;writing-mode:bt-lr;transform:rotate(-90deg);transform-origin:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}.font-size-range::-webkit-slider-thumb,.volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--color-accent-500);border-radius:var(--radius-pill);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.font-size-range::-webkit-slider-thumb:hover,.volume-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-container{flex:1;padding:0 1rem;max-width:800px;margin:0 auto}.progress-container,.time-display{display:flex;align-items:center;width:100%}.time-display{gap:1rem;font-size:.75rem;color:var(--color-text-muted)}.time-display span{min-width:3.5em;text-align:center}.progress-bar-container{position:relative;flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-pill);cursor:pointer;display:flex;align-items:center}.progress-bar{left:0;width:0;height:4px;transition:width .1s ease;pointer-events:none}.progress-bar,.progress-handle{position:absolute;background:var(--color-accent-500);border-radius:var(--radius-pill)}.progress-handle{top:50%;width:12px;height:12px;transform:translate(-50%,-50%);transition:all .1s ease}.progress-handle:hover{transform:translate(-50%,-50%) scale(1.2)}.tooltip{position:absolute;bottom:100%;transform:translateX(-50%);background:var(--color-overlay-strong);color:var(--color-text-inverse);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;margin-bottom:.5rem;white-space:nowrap}.playback-mode,.playback-speed{position:relative;display:flex;align-items:center}.mode-btn,.speed-btn{background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.75rem;border-radius:var(--radius-sm);transition:all .2s ease}.font-size-control img,.mode-btn img,.speed-btn img,.volume-control img{width:16px;height:16px;filter:invert(77%) sepia(40%) saturate(757%) hue-rotate(152deg) brightness(87%) contrast(89%);opacity:.7}.font-size-control:hover img,.mode-btn:hover img,.speed-btn:hover img,.volume-control:hover img{opacity:1}.mode-options,.speed-options{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--color-surface);padding:.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-control);display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem;z-index:100;min-width:120px}.mode-options:after,.speed-options:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-surface)}.mode-option,.speed-option{padding:.5rem 1rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;text-align:center;color:var(--color-text-muted)}.mode-option:hover,.speed-option:hover{background:var(--color-brand-50);color:var(--color-accent-500)}.mode-option.active,.speed-option.active{background:var(--color-accent-500);color:var(--color-text-inverse)}.export-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-accent-500);transition:all .2s ease}.export-btn:hover{color:var(--color-brand-500)}.read-along-container{display:flex;align-items:center;justify-content:center}.read-along-main{flex-direction:row;width:auto;background-color:var(--background-color);border-radius:var(--radius-md);box-shadow:var(--shadow-control)}.read-along-modes{gap:.5rem;padding:.5rem;border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--background-color)}.read-along-modes .btn{font-size:.875rem;padding:.25rem .5rem;display:flex;align-items:center;gap:.5rem;border-radius:var(--radius-sm);transition:all .2s}.read-along-modes .btn.btn-primary{border-radius:var(--radius-md);background:var(--color-accent-500);color:var(--color-text-inverse);box-shadow:var(--shadow-control)}.read-along-modes .btn.btn-primary:hover{background:var(--color-accent-700)}.read-along-modes .btn.btn-secondary{border-radius:var(--radius-md);background:var(--background-color);color:var(--el-text-color-regular);box-shadow:var(--shadow-control)}.read-along-modes .btn.btn-secondary:hover{background:var(--el-fill-color-light)}.divider{width:1px;height:40px;background-color:var(--el-border-color);margin:0 15px}.recording-status{width:14.5rem}.visualizer-container{border:1px solid var(--el-border-color-lighter);border-radius:var(--radius-pill);flex:1;min-width:0;background:linear-gradient(180deg,rgba(102,204,204,.08),rgba(102,204,204,.02));transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.visualizer-container.listening{border-color:rgba(102,204,204,.5);box-shadow:0 0 0 4px rgba(102,204,204,.08)}.visualizer-container.recording{border-color:rgba(245,108,108,.38);box-shadow:0 0 0 4px rgba(245,108,108,.08)}.visualizer-container.listening:before,.visualizer-container.recording:before{content:"";position:absolute;inset:6px;border-radius:var(--radius-pill);border:1px solid rgba(102,204,204,.14)}.visualizer-container.recording:before{border-color:rgba(245,108,108,.16)}.audio-visualizer{height:34px;width:100%;display:block}.recording-status-text{width:48px;height:26px;display:flex;align-items:center;justify-content:center;gap:.25rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font-weight:600}.recording-status-text.waiting{border-color:rgba(102,204,204,.34);background:rgba(102,204,204,.08);color:var(--color-accent-700)}.recording-status-text.recording{border-color:rgba(245,108,108,.28);background:rgba(245,108,108,.08);color:var(--color-danger,#f56c6c)}.recording-status-text.recording i{font-size:.5rem}.recordings-controls{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--background-color);border-radius:var(--radius-md);min-width:220px}.recordings-controls .time-display{font-size:.9rem;color:var(--el-text-color-regular);min-width:80px;text-align:center}.mic-settings{position:relative;display:flex;justify-content:flex-end;width:auto}.mic-settings .slider-popup{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background:var(--el-bg-color);border-radius:var(--radius-md);box-shadow:var(--shadow-control);z-index:100;transform-origin:bottom right}.setting-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.setting-item:last-child{margin-bottom:0}.setting-item label{font-size:.8rem;color:var(--el-text-color-secondary)}.setting-item .value{font-size:.8rem;color:var(--el-text-color-regular);text-align:right}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .2s ease-in}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translateY(10px) scale(.95)}.btn{gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.btn,.btn.btn-icon{display:flex;align-items:center;transition:all .2s}.btn.btn-icon{width:32px;height:32px;min-width:32px;padding:0;border-radius:var(--radius-pill);justify-content:center;background:var(--background-color);border:none;cursor:pointer}.btn.btn-icon:hover{background:var(--color-brand-50)}.btn.btn-icon i,.btn.btn-icon img{width:16px;height:16px;font-size:14px;color:var(--el-text-color-regular)}.btn.btn-icon img{filter:var(--icon-filter)}@media (max-width:768px){.audio-player-wrapper{padding:0;height:80vh;margin-top:-2rem}.player-container{border-radius:var(--radius-xl);height:90%;padding:1rem}.top-bar{height:1.5rem}.top-bar .btn{font-size:0;padding:0;width:32px;height:32px;justify-content:center}.top-bar .btn i{font-size:14px;margin:0}.top-bar .controls{display:flex;gap:8px;margin-left:auto}.player-header{padding-bottom:.5rem}.title{display:none}.subtitle-container,.text-container{flex:1;height:calc(100vh - 8rem);overflow:hidden}.audio-controls{height:2rem;padding:.5rem 0}.controls{padding:0 .5rem;flex-wrap:nowrap;justify-content:space-between;gap:.5rem}.progress-container{display:none}.additional-controls{gap:.5rem}.control-btn{width:28px;height:28px}.mode-value,.speed-value{font-size:.8rem;color:var(--color-text-muted)}.read-along-container{flex-direction:column}.read-along-modes .btn{font-size:0;padding:0;width:32px;height:32px;min-width:32px;justify-content:center}.read-along-modes .btn i,.read-along-modes .btn img{font-size:14px;margin:0;width:16px;height:16px}.read-along-main,.recordings-controls{width:100%}.recording-status{flex:1;min-width:0;width:auto}.recordings-controls{justify-content:space-between;min-width:auto}.audio-visualizer{height:32px}}.audio-player-wrapper{min-height:0;height:100vh;overflow:hidden;padding:var(--navbar-height) 0 0 var(--sidebar-width)}.audio-player-wrapper.has-export-panel{padding-right:var(--sidebar-width)}.audio-player-wrapper.has-learning-assistant{padding-right:var(--learning-assistant-width)}.player-container{height:calc(100vh - var(--navbar-height));margin-top:0;max-width:none;padding:0;gap:0;background:transparent;border:0;border-radius:0;box-shadow:none}.top-bar{min-height:60px;padding:var(--space-2) var(--space-6);gap:1rem;border-bottom:1px solid var(--border-subtle);background:transparent}.top-bar .title h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;color:var(--ink-primary);font-size:var(--font-size-md);font-weight:600;line-height:1.3;letter-spacing:0}.title-eyebrow{color:#64748b;font-size:.68rem;font-weight:700;letter-spacing:0;text-transform:none}.back-button{width:36px;height:36px;border-radius:9px;background:#f8fafc;border:1px solid #dfe7f1;color:#475569}.back-button:hover{background:#111827;border-color:#111827;color:#fff}.display-mode-toggle{gap:2px;padding:2px;background:rgba(16,24,32,.06);border:0;border-radius:var(--radius-md)}.top-bar .btn{min-height:32px;padding:0 .7rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;box-shadow:none}.display-mode-toggle--primary .btn.btn-primary,.top-bar .btn.btn-primary{background:#111827;border-color:#111827;color:#fff;box-shadow:none}.top-bar .btn.btn-secondary{color:#526078}.top-bar .btn.btn-secondary:hover{background:#fff;border-color:#d6e0eb;color:#111827}.subtitle-container{flex:1 1 auto;height:auto;min-height:0;padding:0;background:transparent;border:0;border-radius:0}.read-along-container{margin:0;padding:.55rem 1rem 0;background:#f8fafc;pointer-events:auto}.read-along-main{display:grid;grid-template-columns:auto auto minmax(0,12rem) auto;max-width:860px;margin:0 auto;padding:.32rem;gap:.4rem;border-radius:12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 24px rgba(18,32,51,.06)}.read-along-modes{width:10rem;height:32px;border-radius:9px}.read-along-modes:before{border-radius:7px;background:#111827}.read-along-modes .btn{overflow:hidden}.read-along-modes .mode-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.read-along-main>.btn-icon{width:30px;min-width:30px;height:30px;margin:0}.interval-display{min-width:2.2rem;padding:0 .3rem;color:#334155;font-size:.76rem;font-weight:720;text-align:center;white-space:nowrap}.recording-status{display:grid;grid-template-columns:auto minmax(5.5rem,1fr) auto;width:auto;gap:.35rem}.recording-status-text{min-width:4.4rem;width:auto;white-space:nowrap}.visualizer-container{min-width:5.5rem;max-width:12rem;height:30px}.mic-settings{min-width:30px}.audio-controls{height:74px;padding:0 1rem;border-top:1px solid #e6ecf4;background:#fff}.controls{min-height:74px;gap:.65rem;padding:0}.btn.btn-icon,.control-btn,.mode-btn,.speed-btn{min-width:38px;width:auto;height:38px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;box-shadow:none}.btn.btn-icon:hover,.control-btn:hover,.mode-btn:hover,.speed-btn:hover{background:#f8fbff;border-color:#cbd8e8}.control-btn--play{min-width:48px;height:48px;flex-basis:48px;border-radius:13px;background:#111827;border-color:#111827;box-shadow:0 12px 22px rgba(17,24,39,.18)}.control-btn--play.playing,.control-btn--play:hover{background:#1d5fbf;border-color:#1d5fbf}.control-btn--play img{width:20px;height:20px;opacity:1;filter:brightness(0) invert(1)}.progress-container{padding:0 .55rem}.time-display{gap:.78rem;color:#64748b;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.72rem;font-weight:620}.progress-bar-container{height:8px;background:#e7edf5}.progress-bar{height:8px;background:linear-gradient(90deg,#111827,#1d5fbf)}.progress-handle{width:16px;height:16px;border:3px solid #1d5fbf;box-shadow:0 4px 12px rgba(29,95,191,.24)}.mode-btn,.speed-btn{padding:0 .62rem;font-size:.76rem;font-weight:650}.mode-value,.speed-value{color:#334155}@media (max-width:1100px){.audio-player-wrapper,.audio-player-wrapper.has-export-panel,.audio-player-wrapper.has-learning-assistant{padding-left:0;padding-right:0}.audio-player-wrapper .sidebar{display:none}.read-along-main{grid-template-columns:auto auto minmax(4.8rem,1fr) auto;max-width:calc(100% - 1rem)}.read-along-modes{width:5.2rem}.read-along-modes .mode-label{display:none}.visualizer-container{min-width:4.8rem}}@media (max-width:768px){.audio-player-wrapper,.audio-player-wrapper.has-export-panel,.audio-player-wrapper.has-learning-assistant{width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;margin-top:0;padding:0;overflow:hidden}.player-container{width:100%;max-width:100%;min-width:0;height:100vh;height:100dvh;border:0;border-radius:0}.top-bar{min-height:50px;height:auto;padding:.5rem;flex:0 0 auto}.subtitle-container{padding:0;overflow-y:auto}.read-along-container{padding:.42rem .55rem 0}.read-along-main{grid-template-columns:auto auto auto;gap:.28rem;max-width:100%}.read-along-main .recording-status{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;width:100%}.read-along-modes{width:4.8rem}.interval-display{min-width:1.8rem;font-size:.7rem}.visualizer-container{min-width:0;max-width:none}.audio-controls{height:58px;padding:0 .55rem}.controls{min-height:58px}.control-btn,.mode-btn,.speed-btn{min-width:32px;height:32px}.control-btn--play{min-width:40px;height:40px;flex-basis:40px}}.read-along-main{--read-control-height:34px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 2rem);min-height:44px;gap:.5rem;overflow:visible}.read-along-modes{display:flex;width:auto;min-width:-moz-max-content;min-width:max-content;flex:0 0 auto;gap:.25rem;padding:.2rem;overflow:visible}.read-along-modes:before{display:none}.read-along-modes .btn{width:auto;min-width:7.25rem;height:var(--read-control-height);min-height:var(--read-control-height);padding:0 .75rem;justify-content:center;line-height:1;overflow:visible;white-space:nowrap}.read-along-modes .mode-label{display:inline;overflow:visible;text-overflow:clip;white-space:nowrap}.read-along-main>.btn-icon{flex:0 0 var(--read-control-height);width:var(--read-control-height);min-width:var(--read-control-height);height:var(--read-control-height);min-height:var(--read-control-height)}.interval-display{flex:0 0 auto;min-width:2.25rem}.recording-status{display:flex;align-items:center;flex:0 1 auto;min-width:0;gap:.45rem}.recording-status-text{flex:0 0 auto;min-width:4.5rem;line-height:1}.visualizer-container{flex:0 1 7.5rem;min-width:7.5rem;max-width:7.5rem}.visualizer-container .audio-visualizer{height:100%}.read-along-main .btn,.read-along-main .btn-icon,.recording-status-text,.visualizer-container{box-sizing:border-box;align-self:center}.mic-settings{flex:0 0 auto}@media (max-width:1100px){.read-along-main{flex-wrap:wrap;justify-content:flex-start;max-width:100%}.read-along-modes{width:auto}.read-along-modes .mode-label{display:inline}}@media (max-width:768px){.read-along-main{width:100%;justify-content:center}.read-along-modes .btn{min-width:2.4rem;padding:0 .5rem}.read-along-modes .mode-label{display:none}.recording-status{flex-basis:100%;justify-content:center}.visualizer-container{flex-basis:7rem;min-width:7rem;max-width:7rem}}.audio-controls{height:82px;padding:0 1.05rem;border-top:1px solid #e3ebf3;background:linear-gradient(180deg,rgba(248,250,252,.54),#fff 44%),#fff}.audio-controls .controls{display:grid;grid-template-columns:auto minmax(7rem,1fr) auto;align-items:center;min-height:82px;gap:.68rem;padding:0}.playback-settings,.transport-cluster{display:flex;align-items:center;gap:.48rem}.transport-cluster{padding:.25rem;border:1px solid #e4ebf3;border-radius:14px;background:#f8fafc}.audio-controls .control-btn{width:38px;min-width:38px;height:38px;border:1px solid #dfe7f1;border-radius:11px;background:#fff;color:#475569;box-shadow:0 1px 2px rgba(18,32,51,.04)}.audio-controls .control-btn:hover{background:#ecfeff;border-color:#9ee8ea;color:#0f7475;transform:translateY(-1px)}.audio-controls .control-btn--step img{width:16px;height:16px;opacity:.72}.audio-controls .control-btn--play{width:48px;min-width:48px;height:48px;border-radius:14px;background:#111827;border-color:#111827;box-shadow:0 14px 28px rgba(17,24,39,.22)}.audio-controls .control-btn--play.playing,.audio-controls .control-btn--play:hover{background:#0f7475;border-color:#0f7475;box-shadow:0 14px 30px rgba(15,116,117,.24)}.progress-container{max-width:none;padding:0}.time-display{gap:.82rem;color:#617086}.time-display span{min-width:3.4rem;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.72rem;font-weight:700;letter-spacing:0}.progress-bar-container{height:5px;background:#e3ebe9;border:0;overflow:visible}.progress-bar-container:before{content:"";position:absolute;inset:-9px 0}.progress-bar{height:5px;background:linear-gradient(90deg,#111827,#0f7475)}.progress-handle{width:13px;height:13px;background:#fff;border:2px solid #0f7475;box-shadow:0 3px 9px rgba(15,116,117,.2)}.playback-settings{justify-content:flex-end;padding:.25rem;border:1px solid #e4ebf3;border-radius:15px;background:#f8fafc}.setting-control{position:relative;display:inline-flex}.setting-trigger{height:40px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:0 .68rem;border:1px solid #dfe7f1;border-radius:12px;background:#fff;color:#475569;font:inherit;font-size:.76rem;font-weight:760;letter-spacing:0;cursor:pointer;box-shadow:0 1px 2px rgba(18,32,51,.04);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.setting-control.open .setting-trigger,.setting-trigger:hover{background:#ecfeff;border-color:#9ee8ea;color:#0f7475;box-shadow:0 9px 20px rgba(15,116,117,.1);transform:translateY(-1px)}.setting-glyph{position:relative;width:22px;height:22px;flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eef4f8;color:currentColor}.setting-glyph--font{font-size:.72rem;font-weight:900;line-height:1}.setting-glyph--volume{align-items:flex-end;gap:2px;padding-bottom:5px}.setting-glyph--volume span{width:3px;border-radius:999px;background:currentColor;opacity:.9}.setting-glyph--volume span:first-child{height:6px}.setting-glyph--volume span:nth-child(2){height:10px}.setting-glyph--volume span:nth-child(3){height:14px}.setting-glyph--volume.muted span{height:4px;opacity:.45}.setting-glyph--speed{min-width:34px;width:auto;padding:0 .42rem;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.7rem;font-weight:820}.setting-trigger--speed .speed-value{display:none}.setting-glyph--mode:before{content:"";width:12px;height:12px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%}.setting-glyph--mode:after{content:"";position:absolute;right:4px;top:5px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor;transform:rotate(-16deg)}.mode-value,.setting-value,.speed-value{color:inherit;white-space:nowrap}.mode-value,.setting-value{display:none}.setting-popover{position:absolute;right:0;bottom:calc(100% + .72rem);z-index:130;width:236px;padding:.86rem;border:1px solid #dbe6ef;border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(18,32,51,.14)}.setting-popover:after{content:"";position:absolute;right:1rem;top:100%;width:12px;height:12px;background:#fff;border-right:1px solid #dbe6ef;border-bottom:1px solid #dbe6ef;transform:translateY(-6px) rotate(45deg)}.popover-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.8rem;color:#64748b;font-size:.74rem;font-weight:760}.popover-head strong{color:#111827;font-size:.82rem;font-weight:820}.setting-range{position:static;top:auto;left:auto;transform:none;transform-origin:center;writing-mode:horizontal-tb;width:100%;height:8px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;outline:none;background:linear-gradient(90deg,#111827 var(--range-progress),#e6eef6 var(--range-progress) 100%)}.setting-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border:3px solid #0f7475;border-radius:50%;background:#fff;box-shadow:0 5px 14px rgba(15,116,117,.22);cursor:pointer}.setting-range::-moz-range-thumb{width:14px;height:14px;border:3px solid #0f7475;border-radius:50%;background:#fff;box-shadow:0 5px 14px rgba(15,116,117,.22);cursor:pointer}.range-scale{display:flex;justify-content:space-between;margin-top:.55rem;color:#94a3b8;font-size:.68rem;font-weight:700}.speed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem}.setting-choice{min-height:34px;border:1px solid #e1e9f2;border-radius:10px;background:#f8fafc;color:#526078;font:inherit;font-size:.76rem;font-weight:760;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.setting-choice:hover{border-color:#9ee8ea;background:#ecfeff;color:#0f7475}.setting-choice.active{border-color:#111827;background:#111827;color:#fff;box-shadow:0 10px 20px rgba(17,24,39,.16)}.setting-popover--mode{width:248px}.setting-choice--mode{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.16rem;padding:.62rem .72rem;text-align:left}.setting-choice--mode+.setting-choice--mode{margin-top:.46rem}.setting-choice--mode small{color:inherit;opacity:.68;font-size:.68rem;font-weight:700}.read-along-container{padding:.64rem 1.1rem;border-top:1px solid #edf2f7;background:linear-gradient(90deg,rgba(236,254,255,.52),rgba(248,250,252,.88) 42%,hsla(0,0%,100%,.96)),#f8fafc}.read-along-main{--read-control-height:38px;min-height:68px;padding:.38rem .55rem;gap:.65rem;border:1px solid #d9e5ef;border-radius:14px;background:hsla(0,0%,100%,.96);box-shadow:0 10px 28px rgba(18,32,51,.07)}.read-along-main.is-waiting{border-color:rgba(53,199,201,.58);box-shadow:0 10px 28px rgba(53,199,201,.11)}.read-along-main.is-recording{border-color:rgba(53,199,201,.58);box-shadow:0 10px 28px rgba(53,199,201,.12)}.read-along-modes{gap:.22rem;padding:.22rem;border:1px solid #e1e9f2;border-radius:12px;background:#f1f5f9}.read-along-modes .btn{min-width:7.1rem;border:0;border-radius:10px;background:transparent;color:#526078;font-size:.78rem;font-weight:780;box-shadow:none}.read-along-modes .btn:hover{background:#fff;color:#111827}.read-along-modes .btn.active{background:#111827;color:#fff;box-shadow:0 9px 18px rgba(17,24,39,.16)}.recording-status{gap:.4rem}.recording-status-text{min-width:4.8rem;height:var(--read-control-height);padding:0 .62rem;border-color:#dfe7f1;background:#f8fafc;color:#526078;font-size:.72rem;font-weight:820}.recording-status-text.waiting{border-color:rgba(53,199,201,.42);background:#ecfeff;color:#0f7475}.recording-status-text.recording{border-color:rgba(15,116,117,.36);background:#ecfeff;color:#0f7475}.status-dot{box-shadow:0 0 0 4px rgba(82,96,120,.08)}.recording-status-text.waiting .status-dot{box-shadow:0 0 0 4px rgba(53,199,201,.14)}.recording-status-text.recording .status-dot{box-shadow:0 0 0 4px rgba(53,199,201,.16)}.visualizer-container{position:relative;min-width:8.2rem;max-width:8.2rem;height:var(--read-control-height);overflow:hidden;border-color:rgba(15,116,117,.18);border-radius:999px;background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(247,252,251,.98)),#fff}.visualizer-container:before{content:"";position:absolute;inset:7px 12px;z-index:0;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(53,199,201,.12),rgba(53,199,201,0) 68%);opacity:.58}.visualizer-container:not(.listening):not(.recording):after{content:"";position:absolute;left:14px;right:14px;top:50%;height:1px;z-index:1;background:repeating-linear-gradient(90deg,rgba(8,125,114,.28) 3px,transparent 3px 7px);transform:translateY(-50%)}.visualizer-container.listening{border-color:rgba(15,116,117,.26);box-shadow:inset 0 0 0 1px rgba(53,199,201,.06),0 0 0 3px rgba(53,199,201,.06)}.visualizer-container.listening:before,.visualizer-container.recording:before{inset:7px 12px;border:0;pointer-events:none}.visualizer-container.recording{border-color:rgba(15,116,117,.34);box-shadow:inset 0 0 0 1px rgba(15,116,117,.07),0 0 0 3px rgba(53,199,201,.08),0 7px 18px rgba(15,116,117,.08)}.visualizer-container.recording:before{opacity:.78}.audio-visualizer{position:relative;z-index:1}.read-along-main>.btn-icon{border-color:#dfe7f1;background:#f8fafc;color:#526078}.mic-settings .btn-icon:hover,.read-along-main>.btn-icon:hover{border-color:#9ee8ea;background:#ecfeff;color:#0f7475}.interval-display{min-width:2.4rem;height:var(--read-control-height);display:inline-flex;align-items:center;justify-content:center;border:1px solid #e1e9f2;border-radius:11px;background:#fff;color:#111827;font-size:.78rem;font-weight:820}@media (max-width:980px){.audio-controls .controls{grid-template-columns:auto minmax(10rem,1fr) auto;gap:.58rem}.mode-value,.setting-value{display:none}.setting-trigger{padding:0 .5rem}}@media (min-width:1500px){.mode-value,.setting-value{display:inline}}@media (max-width:768px){.audio-controls{height:68px;padding:0 .55rem}.audio-controls .controls{grid-template-columns:auto 1fr;min-height:68px}.audio-controls .progress-container{display:none}.playback-settings,.transport-cluster{gap:.28rem;padding:.2rem;border-radius:13px}.audio-controls .control-btn{width:34px;min-width:34px;height:34px;border-radius:10px}.audio-controls .control-btn--play{width:42px;min-width:42px;height:42px;border-radius:12px}.playback-settings{justify-self:end}.setting-trigger{width:34px;min-width:34px;height:34px;padding:0;border-radius:10px}.setting-glyph{width:21px;height:21px;flex-basis:21px}.setting-glyph--speed{min-width:28px;padding:0;font-size:.64rem}.setting-popover{right:-.15rem;width:min(236px,calc(100vw - 1.5rem))}.read-along-container{padding:.52rem .55rem}.read-along-main{width:100%;min-height:50px;padding:.35rem;border-radius:14px}.read-along-modes .btn{min-width:2.45rem}.recording-status{flex-basis:100%}.visualizer-container{flex:1 1 auto;min-width:6rem;max-width:none}}.read-along-main.read-mode-following{width:-moz-fit-content;width:fit-content;max-width:calc(100% - 1rem);min-height:56px;justify-content:center;gap:.6rem;padding:.48rem .62rem}.read-along-main.read-mode-following .read-along-modes{flex:0 0 auto}.read-along-main.read-mode-following .read-along-modes .btn{min-width:5.9rem;padding:0 .62rem}.following-interval-control{height:40px;display:inline-flex;align-items:center;flex:0 0 auto;gap:.5rem;padding:.25rem .35rem .25rem .7rem;border:1px solid rgba(15,116,117,.18);border-radius:13px;background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,250,252,.96));box-shadow:0 8px 18px rgba(18,32,51,.06)}.following-interval-control .interval-label{color:#526078;font-size:.76rem;font-weight:780;line-height:1;white-space:nowrap}.following-interval-control .interval-stepper{display:grid;grid-template-columns:34px 62px 34px;align-items:center;gap:.16rem;padding:.16rem;border:1px solid #dfe7f1;border-radius:11px;background:#f1f5f9}.following-interval-control .interval-stepper-button{width:100%;min-width:0;height:30px;min-height:30px;margin:0;padding:0;border:0;border-radius:8px;background:#fff;color:#526078;box-shadow:0 1px 2px rgba(18,32,51,.04)}.following-interval-control .interval-stepper-button:hover:not(:disabled){border-color:#9ee8ea;background:#ecfeff;color:#0f7475}.following-interval-control .interval-stepper-button:disabled{color:#b5c0cf;cursor:not-allowed;opacity:.58;box-shadow:none}.following-interval-control .interval-display{min-width:62px;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:.14rem;padding:0 .56rem;border:1px solid #dce6f1;border-radius:8px;background:#fff;color:#111827;text-align:center;line-height:1;box-shadow:0 1px 2px rgba(18,32,51,.04)}.following-interval-control .interval-value{color:#111827;font-size:.92rem;font-weight:820;line-height:1}.following-interval-control .interval-unit{color:#526078;font-size:.68rem;font-weight:760;line-height:1}@media (max-width:768px){.read-along-main.read-mode-following{width:100%;max-width:100%;min-height:48px;gap:.4rem;padding:.34rem}.read-along-main.read-mode-following .read-along-modes .btn{min-width:2.45rem}.following-interval-control{height:36px;gap:.34rem;padding:.2rem .28rem .2rem .54rem;border-radius:12px}.following-interval-control .interval-label{font-size:.7rem}.following-interval-control .interval-stepper{grid-template-columns:30px 48px 30px;gap:.12rem;padding:.12rem;border-radius:10px}.following-interval-control .interval-stepper-button{height:28px;min-height:28px;border-radius:8px}.following-interval-control .interval-display{min-width:48px;height:28px;padding:0 .34rem;border-radius:8px}.following-interval-control .interval-value{font-size:.86rem}.following-interval-control .interval-unit{font-size:.64rem}}.audio-player-wrapper{background:var(--surface-canvas)}.control-btn--play,.read-along-modes .btn.active,.top-bar .btn.btn-primary{color:var(--color-text-inverse);border-color:var(--ink-primary);background:var(--ink-primary)}.top-bar .btn.btn-secondary{color:var(--ink-secondary);border-color:transparent;background:transparent;box-shadow:none}.top-bar .btn.btn-secondary:hover{color:var(--ink-primary);border-color:transparent;background:transparent}.control-btn,.read-along-main>.btn-icon,.read-along-modes .btn{color:var(--ink-secondary);border-color:var(--border-default);background:var(--surface-panel);box-shadow:none}.control-btn:hover,.read-along-main>.btn-icon:hover,.read-along-modes .btn:hover{color:var(--ink-primary);border-color:var(--border-active);background:var(--surface-active)}.read-along-container,.recording-status,.settings-panel{border-color:var(--border-default);background:var(--surface-panel)}.progress-bar-container{border-color:var(--border-default);background:color-mix(in srgb,var(--ink-secondary) 12%,#fff)}.progress-bar{background:linear-gradient(90deg,var(--signal-active-strong),var(--signal-active))}.progress-bar-container:before{background:transparent}.progress-handle{border-color:var(--signal-active-strong);background:var(--surface-panel)}.progress-time,.recordings-controls .time-display,.subtitle-time,.time-display{font-family:var(--font-family-data);font-variant-numeric:tabular-nums}.visualizer-container.listening{border-color:var(--border-active);background:var(--surface-active)}.recording-status{background:transparent}.recording-status-text.waiting{color:var(--signal-active-strong)}@media (prefers-reduced-motion:reduce){.progress-bar,.progress-handle,.visualizer-container:before{animation:none;transition:none}}.player-container[data-v-66ddb294]{position:relative}.audio-player-wrapper[data-v-66ddb294]{transition:padding-right var(--duration-panel) var(--ease-spring)}.audio-player-wrapper.has-video[data-v-66ddb294]{padding-left:0}.audio-player-wrapper.has-video .player-container[data-v-66ddb294]{position:relative;max-width:none}.generation-dialog-intro[data-v-66ddb294]{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:400;line-height:1.5}.player-container[data-v-66ddb294] .dialog-overlay--generation{padding:var(--space-5);background:color-mix(in srgb,var(--color-overlay-strong) 58%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-container[data-v-66ddb294] .dialog--generation{width:min(100%,580px);max-width:580px;border-color:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-float)}.player-container[data-v-66ddb294] .dialog--generation .dialog-header{align-items:flex-start;padding:var(--space-6) var(--space-6) var(--space-5);border-bottom:0}.player-container[data-v-66ddb294] .dialog--generation .dialog-heading{align-items:flex-start;gap:var(--space-3)}.player-container[data-v-66ddb294] .dialog--generation .dialog-header h3{color:var(--ink-primary);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.025em;line-height:1.25}.player-container[data-v-66ddb294] .dialog--generation .dialog-content{padding:0 var(--space-6) var(--space-5)}.player-container[data-v-66ddb294] .dialog--generation .dialog-buttons{gap:var(--space-2);margin:0;padding:var(--space-4) var(--space-6) var(--space-5);background:var(--color-surface);border-top-color:var(--border-subtle)}.generation-dialog-mark[data-v-66ddb294]{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:42px;height:42px;flex:0 0 42px;color:var(--signal-active-strong);background:var(--surface-active);border:1px solid var(--border-active);border-radius:var(--radius-md)}.generation-dialog-mark i[data-v-66ddb294]{display:block;width:2px;background:currentColor;border-radius:var(--radius-pill)}.generation-dialog-mark i[data-v-66ddb294]:first-child,.generation-dialog-mark i[data-v-66ddb294]:nth-child(4){height:9px}.generation-dialog-mark i[data-v-66ddb294]:nth-child(2){height:17px}.generation-dialog-mark i[data-v-66ddb294]:nth-child(3){height:13px}.generation-settings-panel[data-v-66ddb294]{padding:var(--space-4);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.generation-settings[data-v-66ddb294]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.generation-field[data-v-66ddb294]{display:grid;gap:var(--space-2)}.generation-field-label[data-v-66ddb294]{color:var(--ink-secondary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em}.player-container[data-v-66ddb294] .dialog{overflow:visible}.player-container[data-v-66ddb294] .dialog--generation .option-select-control{min-height:48px;padding:0 var(--space-3);background:var(--color-surface);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.player-container[data-v-66ddb294] .dialog--generation .option-select-control:hover,.player-container[data-v-66ddb294] .dialog--generation .option-select.open .option-select-control{background:var(--color-surface);border-color:var(--border-active)}.player-container[data-v-66ddb294] .dialog--generation .option-select-badge{min-width:26px;height:26px;background:var(--surface-active);border-color:var(--border-active)}.player-container[data-v-66ddb294] .dialog--generation .option-select-menu{margin-top:2px;padding:var(--space-2);border-color:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-float)}.generation-usage[data-v-66ddb294]{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-1) 0;color:var(--ink-secondary);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.generation-usage-item[data-v-66ddb294]:last-child{color:var(--ink-tertiary)}.generation-cancel-btn[data-v-66ddb294],.generation-confirm-btn[data-v-66ddb294]{min-width:92px;min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.generation-cancel-btn[data-v-66ddb294]{color:var(--ink-secondary);background:var(--color-surface);border:1px solid var(--border-default)}.generation-confirm-btn[data-v-66ddb294]{color:var(--color-text-inverse);background:var(--ink-primary);border:1px solid var(--ink-primary)}.generation-cancel-btn[data-v-66ddb294]:hover{color:var(--ink-primary);background:var(--surface-subtle);border-color:var(--color-border-strong)}.generation-confirm-btn[data-v-66ddb294]:hover{background:color-mix(in srgb,var(--ink-primary) 88%,#fff);border-color:color-mix(in srgb,var(--ink-primary) 88%,#fff);box-shadow:var(--shadow-control);transform:translateY(-1px)}.generation-cancel-btn[data-v-66ddb294]:focus-visible,.generation-confirm-btn[data-v-66ddb294]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand)}@media (max-width:768px){.player-container[data-v-66ddb294] .dialog-overlay--generation{align-items:flex-end;padding:var(--space-3)}.player-container[data-v-66ddb294] .dialog--generation{width:100%}.player-container[data-v-66ddb294] .dialog--generation .dialog-header{padding:var(--space-5) var(--space-4) var(--space-4)}.player-container[data-v-66ddb294] .dialog--generation .dialog-content{padding:0 var(--space-4) var(--space-4)}.player-container[data-v-66ddb294] .dialog--generation .dialog-buttons{padding:var(--space-3) var(--space-4) var(--space-4)}.generation-settings[data-v-66ddb294]{grid-template-columns:1fr}.generation-usage[data-v-66ddb294]{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.generation-cancel-btn[data-v-66ddb294],.generation-confirm-btn[data-v-66ddb294]{flex:1}.audio-player-wrapper.has-video[data-v-66ddb294]{padding:0}.audio-player-wrapper.has-video .player-container[data-v-66ddb294]{height:100dvh;border-radius:0}}@media (prefers-reduced-motion:reduce){.generation-cancel-btn[data-v-66ddb294],.generation-confirm-btn[data-v-66ddb294]{transition:none}}@media (max-height:540px) and (orientation:landscape){.audio-player-wrapper.has-video[data-v-66ddb294]{padding:calc(var(--navbar-height) + .25rem) .35rem .25rem}.audio-player-wrapper.has-video .player-container[data-v-66ddb294]{height:calc(100dvh - var(--navbar-height) - .5rem)}.audio-player-wrapper.has-video[data-v-66ddb294] .top-bar{min-height:48px;height:48px;padding:.25rem .6rem}.audio-player-wrapper.has-video[data-v-66ddb294] .title-eyebrow{display:none}}.recent-files{max-width:none;margin:0;padding:0;width:100%;overflow:hidden;display:flex;flex-direction:column}.btn{border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-secondary)}.btn,.header-buttons .btn{font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.header-buttons .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-primary);white-space:nowrap;transition:background-color .16s ease,border-color .16s ease}.header-buttons .btn:hover{border-color:var(--border-active);background:var(--surface-subtle)}.header-buttons .btn:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.header-buttons .action-icon{display:block;width:16px;height:16px;flex:0 0 16px;color:var(--ink-secondary);background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.header-buttons .icon-transcribe{mask-image:url(../img/captions.26bde139.svg);-webkit-mask-image:url(../img/captions.26bde139.svg)}.header-buttons .icon-youtube{mask-image:url(../img/play.4abd90f6.svg);-webkit-mask-image:url(../img/play.4abd90f6.svg)}.header-buttons .icon-speech{mask-image:url(../img/voice.45af155d.svg);-webkit-mask-image:url(../img/voice.45af155d.svg)}.error,.loading{text-align:center;padding:2rem}.error{color:var(--color-danger)}.retry-btn{margin-top:1rem}.no-files{text-align:center;padding:2rem;color:var(--color-text-subtle)}.pagination-actions{display:flex;justify-content:center;padding:1rem 0 0}.load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:120px;height:36px;padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-primary)}.load-more-btn:hover:not(:disabled){border-color:var(--border-active);background:var(--surface-subtle)}.load-more-btn:disabled{cursor:wait;opacity:.7}.no-more-files{color:var(--color-text-subtle);font-size:.875rem}.table-container{width:100%;height:var(--workspace-fill-height);min-height:0;overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel)}table{width:100%;border-collapse:collapse;overflow:visible}td,th{padding:.95rem 1.1rem;text-align:left;border-bottom:1px solid var(--border-subtle);height:60px;vertical-align:middle}th{position:sticky;top:0;z-index:2;background:var(--surface-subtle);font-weight:600;color:var(--ink-secondary);font-size:var(--font-size-xs);text-transform:none;white-space:nowrap}th:first-child{width:38%;min-width:260px}tr{cursor:pointer;transition:background .16s ease}tr:hover{background:var(--workspace-row-hover)}tr:active{background:rgba(207,250,254,.48)}.is-opening-file tr{cursor:default}.row-opening{background:rgba(236,253,245,.72)}.row-opening td{color:var(--color-text)}.row-disabled{opacity:.58}.file-name-cell{display:flex;align-items:center;max-width:100%;gap:var(--space-3);min-width:0;color:var(--ink-primary);font-weight:600}.file-type-mark{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-md)}.file-type-mark .action-icon{display:block;width:16px;height:16px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.file-type-mark.type-stt{background:var(--surface-active);color:var(--signal-active-strong)}.file-type-mark.type-stt .action-icon{mask-image:url(../img/captions.26bde139.svg);-webkit-mask-image:url(../img/captions.26bde139.svg)}.file-type-mark.type-tts{background:var(--workspace-warm-bg);color:var(--color-warning-text)}.file-type-mark.type-tts .action-icon{mask-image:url(../img/voice.45af155d.svg);-webkit-mask-image:url(../img/voice.45af155d.svg)}.file-type-mark.type-youtube{background:var(--surface-subtle);color:var(--ink-primary)}.file-type-mark.type-youtube .action-icon{mask-image:url(../img/play.4abd90f6.svg);-webkit-mask-image:url(../img/play.4abd90f6.svg)}.file-name-text{display:-webkit-box;flex:1 1 auto;min-width:0;overflow:hidden;line-height:1.35;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.opening-spinner{flex:0 0 auto;color:#0f8f91;font-size:.8rem}.opening-text{flex:0 0 auto;color:#176b4d;font-size:.8rem;font-weight:600}.table-state-row{cursor:default}.table-state-row:hover{background:transparent;box-shadow:none;transform:none}td{color:var(--color-text-muted);font-size:.875rem;transition:color .16s ease}td:first-child{width:38%;min-width:260px}td:nth-child(2),td:nth-child(3){font-family:var(--font-family-data);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}td:first-child,tr:hover td{color:var(--color-text)}td:first-child{font-weight:600}tr:hover td:first-child{color:#176b4d}td:nth-child(2){color:var(--color-text-subtle);font-size:.875rem}td:nth-child(3){width:120px}.status-badge{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;min-width:74px;height:24px;justify-content:center}.status-completed{justify-content:flex-start;gap:var(--space-2);min-width:0;padding:0;background:transparent;color:var(--ink-secondary);font-weight:500}.status-completed:before{content:"";width:6px;height:6px;border-radius:var(--radius-pill);background:var(--color-success)}.status-processing{color:var(--color-brand-700);width:74px;padding:0;display:flex;align-items:center}.status-processing,.status-processing .progress-container{background-color:var(--color-brand-50);position:relative;overflow:hidden}.status-processing .progress-container{width:100%;height:100%;border-radius:var(--radius-pill)}.status-processing .progress-bar{position:absolute;height:100%;background:linear-gradient(90deg,var(--color-brand-200),var(--color-brand-300));transition:width .3s ease}.status-processing .progress-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;color:var(--color-brand-700);font-size:.75rem;font-weight:600;white-space:nowrap}.status-failed{background:var(--color-danger-bg);color:var(--color-danger)}.status-pending{background:var(--color-brand-50);color:var(--color-brand-500)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.actions{text-align:right;position:relative;width:40px}.dropdown{position:relative;display:inline-block}.btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;font-size:1rem;color:#94a3b8;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.btn-icon:hover{background:rgba(236,253,245,.78);color:#176b4d}.btn-icon .material-icons-outlined{font-size:20px}.btn-icon:disabled{cursor:wait;opacity:.45}.dropdown-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:120px;background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(251,252,247,.96));border-radius:10px;box-shadow:0 16px 40px rgba(15,23,42,.14);border:1px solid rgba(23,107,77,.14);z-index:1000;padding:.5rem 0;cursor:default}.dropdown-item{display:flex;align-items:center;width:100%;padding:.5rem 1rem;text-align:left;background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;font-size:.875rem;white-space:nowrap}.dropdown-item:hover{background:rgba(236,253,245,.78)}.dropdown-item.delete{color:var(--color-danger)}.dropdown-item.delete:hover{background:var(--color-danger-bg)}@media (max-width:768px){.recent-files{margin:0}.table-container{height:auto;max-height:none}.header-buttons .btn{flex:1;min-width:0;padding:0 var(--space-2);font-size:var(--font-size-xs)}table{display:block;overflow-x:auto;font-size:.9rem}td,th{padding:.75rem .5rem;white-space:nowrap}th{font-size:.8rem}td:first-child{max-width:150px;overflow:hidden;text-overflow:ellipsis}td:nth-child(2){min-width:100px}td:nth-child(3),td:nth-child(4){min-width:80px}.status-badge{min-width:74px;height:24px;padding:.25rem .5rem;font-size:.75rem}.status-processing{width:74px;padding:0}.actions{min-width:40px}.dropdown-menu{left:auto}.btn-icon{width:40px;height:40px;font-size:1.4rem}.dropdown-menu{right:0;min-width:140px;background:var(--color-surface)}.dropdown-item{padding:.75rem 1rem;font-size:1rem}}.material-library[data-v-bfe131ee]{max-width:none;margin:0;padding:0;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.library-body[data-v-bfe131ee]{min-height:240px}.library-section+.library-section[data-v-bfe131ee]{margin-top:var(--space-8)}.group-title[data-v-bfe131ee]{margin:0 0 var(--space-3);color:var(--ink-secondary);font-size:var(--font-size-sm);font-weight:600}.material-grid[data-v-bfe131ee]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:max-content;gap:var(--space-4)}.material-card[data-v-bfe131ee]{display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);text-align:left;font:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.material-card[data-v-bfe131ee]:hover{transform:translateY(-1px);border-color:var(--border-active);box-shadow:var(--shadow-lift)}.material-card[data-v-bfe131ee]:focus-visible{outline:2px solid var(--signal-active-strong);outline-offset:2px}.card-image[data-v-bfe131ee]{aspect-ratio:16/9;overflow:hidden;background:var(--surface-subtle)}.card-image img[data-v-bfe131ee]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-content[data-v-bfe131ee]{padding:var(--space-3)}.card-content h4[data-v-bfe131ee]{margin:0;overflow:hidden;color:var(--ink-primary);font-size:.9375rem;font-weight:600;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.card-content p[data-v-bfe131ee]{display:-webkit-box;min-height:2.9em;margin:var(--space-1) 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--ink-secondary);font-size:.8125rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.material-card[data-v-bfe131ee]{transition:none}.material-card[data-v-bfe131ee]:hover{transform:none}}@media (max-width:768px){.material-grid[data-v-bfe131ee]{grid-template-columns:1fr;gap:var(--space-3)}.material-card[data-v-bfe131ee]{display:grid;grid-template-columns:112px minmax(0,1fr)}.card-image[data-v-bfe131ee]{aspect-ratio:auto;height:100%;min-height:84px}}.material-category[data-v-4914c948]{max-width:none;margin:0;padding:0;width:100%;box-sizing:border-box}.category-header[data-v-4914c948]{justify-content:flex-start;align-items:center;gap:var(--space-4);min-width:0}.back-button[data-v-4914c948]{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;color:var(--ink-primary);background:rgba(16,24,32,.07);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.back-button .material-icons[data-v-4914c948]{font-size:18px;margin-right:2px}.back-button[data-v-4914c948]:hover{background:rgba(16,24,32,.12)}.back-button[data-v-4914c948]:active{transform:scale(.94)}.back-button[data-v-4914c948]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.category-meta[data-v-4914c948]{display:flex;gap:.4em;min-width:0}.category-meta span[data-v-4914c948]:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.course-layout[data-v-4914c948]{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-6);height:var(--workspace-fill-height);min-height:0}.course-layout.no-collections[data-v-4914c948]{grid-template-columns:1fr}.collection-rail[data-v-4914c948],.material-grid[data-v-4914c948]{scrollbar-width:thin;scrollbar-color:transparent transparent}.collection-rail[data-v-4914c948]:hover,.material-grid[data-v-4914c948]:hover{scrollbar-color:rgba(16,24,32,.18) transparent}.collection-rail[data-v-4914c948]::-webkit-scrollbar,.material-grid[data-v-4914c948]::-webkit-scrollbar{width:6px;height:6px}.collection-rail[data-v-4914c948]::-webkit-scrollbar-thumb,.material-grid[data-v-4914c948]::-webkit-scrollbar-thumb{border-radius:3px;background:transparent}.collection-rail[data-v-4914c948]:hover::-webkit-scrollbar-thumb,.material-grid[data-v-4914c948]:hover::-webkit-scrollbar-thumb{background:rgba(16,24,32,.18)}.collection-rail[data-v-4914c948]{display:flex;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;padding-right:var(--space-2);border-right:1px solid var(--border-subtle)}.rail-group-label[data-v-4914c948]{padding:var(--space-3) var(--space-3) var(--space-1);color:var(--ink-tertiary);font-size:var(--font-size-xs);font-weight:600}.rail-group-label[data-v-4914c948]:first-child{padding-top:0}.collection-btn[data-v-4914c948]{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--space-3);align-items:center;width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-secondary);text-align:left;font:inherit;cursor:pointer}.collection-btn[data-v-4914c948]:hover{color:var(--ink-primary);background:var(--surface-subtle)}.collection-btn.active[data-v-4914c948]{color:var(--ink-primary);background:var(--surface-active)}.collection-btn[data-v-4914c948]:focus-visible{outline:2px solid var(--signal-active-strong);outline-offset:-2px}.collection-index[data-v-4914c948]{color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;text-align:right}.collection-btn.active .collection-index[data-v-4914c948]{color:var(--signal-active-strong)}.collection-title[data-v-4914c948]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:var(--font-size-sm);font-weight:500;line-height:1.35}.collection-btn.active .collection-title[data-v-4914c948]{font-weight:600}.lesson-panel[data-v-4914c948]{display:flex;flex-direction:column;min-width:0;min-height:0}.panel-head[data-v-4914c948]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.collection-heading[data-v-4914c948]{min-width:0;margin:0;color:var(--ink-primary);font-size:var(--font-size-lg);font-weight:600;line-height:1.3}.collection-intro[data-v-4914c948]{min-width:0}.collection-description[data-v-4914c948]{margin:2px 0 0;color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.5}.panel-filters[data-v-4914c948]{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}.segmented[data-v-4914c948]{display:inline-flex;gap:2px;padding:2px;border-radius:var(--radius-md);background:rgba(16,24,32,.06)}.segment[data-v-4914c948]{display:inline-flex;align-items:center;gap:.35rem;height:28px;padding:0 var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink-secondary);font:inherit;font-size:.8125rem;font-weight:500;white-space:nowrap;cursor:pointer}.segment[data-v-4914c948]:hover{color:var(--ink-primary)}.segment.active[data-v-4914c948]{color:var(--ink-primary);background:var(--surface-panel);box-shadow:var(--shadow-sm),0 0 0 .5px rgba(16,24,32,.08)}.segment[data-v-4914c948]:focus-visible{outline:2px solid var(--signal-active-strong);outline-offset:1px}.segment-count[data-v-4914c948]{color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.material-grid-shell[data-v-4914c948]{position:relative;flex:1;min-height:220px;overflow:hidden}.material-grid[data-v-4914c948]{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-rows:max-content;align-content:start;gap:var(--space-4);height:100%;min-height:0;overflow:auto;padding:2px var(--space-1) 2px 2px}.material-item[data-v-4914c948]{display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);text-align:left;font:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.material-item[data-v-4914c948]:hover{transform:translateY(-1px);border-color:var(--border-active);box-shadow:var(--shadow-lift)}.material-item[data-v-4914c948]:focus-visible{outline:2px solid var(--signal-active-strong);outline-offset:2px}.item-image[data-v-4914c948]{position:relative;flex:0 0 auto;aspect-ratio:16/9;overflow:hidden;background:var(--surface-subtle)}.item-image img[data-v-4914c948]{position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.day-badge[data-v-4914c948],.media-badge[data-v-4914c948]{position:absolute;top:var(--space-2);padding:.2rem .4rem;border-radius:4px;color:var(--color-text-inverse);background:rgba(16,24,32,.72);font-size:.6875rem;font-weight:600;line-height:1}.day-badge[data-v-4914c948]{left:var(--space-2);font-family:var(--font-family-data);font-variant-numeric:tabular-nums}.media-badge[data-v-4914c948]{right:var(--space-2);display:inline-flex;align-items:center;gap:.2rem}.media-badge .material-icons-outlined[data-v-4914c948]{font-size:13px}.item-content[data-v-4914c948]{display:flex;flex:1;flex-direction:column;min-width:0;padding:var(--space-3)}.item-content h3[data-v-4914c948]{margin:0;overflow-wrap:anywhere;color:var(--ink-primary);font-size:.9rem;font-weight:600;line-height:1.35}.item-description[data-v-4914c948]{display:-webkit-box;margin:var(--space-1) 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--ink-secondary);font-size:.8125rem;line-height:1.45}.item-meta[data-v-4914c948]{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);min-width:0;font-size:var(--font-size-xs)}.item-facts[data-v-4914c948]{display:flex;gap:.35em;min-width:0;overflow:hidden;color:var(--ink-tertiary);font-family:var(--font-family-data);font-variant-numeric:tabular-nums;white-space:nowrap}.item-status[data-v-4914c948]{display:inline-flex;align-items:center;gap:.2rem;margin-left:auto;font-weight:600;white-space:nowrap}.item-status .material-icons-outlined[data-v-4914c948],.item-status .material-icons[data-v-4914c948]{font-size:14px}.item-status.owned[data-v-4914c948]{color:var(--signal-active-strong)}.item-status.locked[data-v-4914c948]{color:var(--ink-secondary)}.empty-message[data-v-4914c948]{grid-column:1/-1;justify-self:center;margin:var(--space-8) 0;color:var(--ink-secondary);font-size:var(--font-size-sm)}.pagination[data-v-4914c948]{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}.page-btn[data-v-4914c948]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;color:var(--ink-primary);background:rgba(16,24,32,.06);cursor:pointer}.page-btn[data-v-4914c948]:hover:not(:disabled){background:rgba(16,24,32,.1)}.page-btn[data-v-4914c948]:disabled{color:var(--ink-tertiary);cursor:not-allowed}.page-btn[data-v-4914c948]:focus-visible{outline:2px solid var(--signal-active-strong);outline-offset:2px}.page-info[data-v-4914c948]{min-width:60px;color:var(--ink-secondary);font-family:var(--font-family-data);font-size:var(--font-size-sm);text-align:center}.confirm-dialog-overlay[data-v-4914c948]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--color-overlay)}.confirm-dialog[data-v-4914c948]{width:min(360px,calc(100vw - 2rem));padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-float);text-align:center}.points-status[data-v-4914c948]{margin:var(--space-4) 0;color:var(--ink-secondary)}.dialog-buttons[data-v-4914c948]{display:flex;justify-content:center;gap:var(--space-3)}.dialog-buttons button[data-v-4914c948]{height:38px;padding:0 var(--space-5);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.dialog-buttons button[data-v-4914c948]:disabled{border-color:var(--border-default);color:var(--ink-tertiary);background:var(--surface-subtle);cursor:not-allowed}.cancel-btn[data-v-4914c948]{border:1px solid var(--border-default);color:var(--ink-primary);background:var(--surface-panel)}.confirm-btn[data-v-4914c948]{border:1px solid var(--ink-primary);color:var(--color-text-inverse);background:var(--ink-primary)}@media (prefers-reduced-motion:reduce){.back-button[data-v-4914c948],.material-item[data-v-4914c948]{transition:none}.back-button[data-v-4914c948]:active,.material-item[data-v-4914c948]:hover{transform:none}}@media (max-width:960px){.course-layout[data-v-4914c948]{grid-template-columns:1fr;gap:var(--space-4);height:auto}.collection-rail[data-v-4914c948]{flex-direction:row;gap:var(--space-1);overflow-x:auto;overflow-y:hidden;padding:0 0 var(--space-2);border-right:none}.rail-group-label[data-v-4914c948],.rail-group-label[data-v-4914c948]:first-child{flex:0 0 auto;align-self:center;padding:0 var(--space-2);white-space:nowrap}.collection-btn[data-v-4914c948]{flex:0 0 auto;grid-template-columns:auto auto;gap:var(--space-2);max-width:220px;width:auto}.collection-title[data-v-4914c948]{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media (max-width:768px){.category-header[data-v-4914c948]{flex-direction:row}.material-grid-shell[data-v-4914c948]{overflow:visible}.material-grid[data-v-4914c948]{grid-template-columns:1fr;height:auto;overflow:visible;padding:0}.material-item[data-v-4914c948]{display:grid;grid-template-columns:104px minmax(0,1fr)}.item-image[data-v-4914c948]{height:100%;min-height:104px;aspect-ratio:auto}.material-item--video[data-v-4914c948]{display:flex}.material-item--video .item-image[data-v-4914c948]{height:auto;min-height:0;aspect-ratio:16/9}.item-description[data-v-4914c948]{-webkit-line-clamp:1}}@media (max-width:430px){.category-header[data-v-4914c948]{gap:var(--space-3)}.panel-filters[data-v-4914c948],.segmented[data-v-4914c948]{width:100%}.segment[data-v-4914c948]{flex:1;justify-content:center;padding:0 var(--space-2)}.material-item[data-v-4914c948]{grid-template-columns:92px minmax(0,1fr)}}.leaderboard[data-v-66bdead5]{padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel);color:var(--ink-primary);font-size:var(--font-size-sm)}.board-head[data-v-66bdead5],.standings li[data-v-66bdead5]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}h2[data-v-66bdead5]{margin:0;font-size:var(--font-size-md);font-weight:600;line-height:1.4}p[data-v-66bdead5]{margin:0;color:var(--ink-secondary);line-height:1.6}button[data-v-66bdead5]{font:inherit;cursor:pointer}button[data-v-66bdead5]:disabled{opacity:.4;cursor:default}button[data-v-66bdead5]:focus-visible,summary[data-v-66bdead5]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.text-button[data-v-66bdead5]{padding:0;border:0;background:transparent;color:var(--signal-active-strong);font-size:var(--font-size-sm);font-weight:600}.board-state[data-v-66bdead5]{padding:var(--space-4) 0}.standing[data-v-66bdead5]{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin-top:var(--space-3);padding-bottom:var(--space-4)}.standing strong[data-v-66bdead5]{font-family:var(--font-family-data);font-size:var(--font-size-3xl);font-weight:500;font-variant-numeric:tabular-nums;line-height:1.1}.standing small[data-v-66bdead5]{margin-left:var(--space-2);color:var(--ink-secondary);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:400}.standing p[data-v-66bdead5]{flex:1;min-width:12em}.standings[data-v-66bdead5]{margin:0;padding:0;list-style:none}.standings li[data-v-66bdead5]{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md)}.standings li+li[data-v-66bdead5]{border-top:1px solid var(--border-subtle)}.standings .mine[data-v-66bdead5]{border-top-color:transparent;background:var(--surface-active)}.standings .mine+li[data-v-66bdead5]{border-top-color:transparent}.rank[data-v-66bdead5]{width:2em;color:var(--ink-tertiary);font-family:var(--font-family-data);font-variant-numeric:tabular-nums}.alias[data-v-66bdead5]{flex:1;overflow-wrap:anywhere}.alias small[data-v-66bdead5]{color:var(--signal-active-strong);font-size:var(--font-size-xs)}.standings strong[data-v-66bdead5]{font-family:var(--font-family-data);font-weight:500;font-variant-numeric:tabular-nums}.board-rules[data-v-66bdead5]{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.board-rules summary[data-v-66bdead5]{color:var(--ink-tertiary);font-size:var(--font-size-xs);cursor:pointer}.board-rules p[data-v-66bdead5]{margin-top:var(--space-2);font-size:var(--font-size-xs)}.checkin[data-v-48daec2e]{width:min(680px,100%);margin:0 auto;padding:var(--space-6) 0 var(--space-12);color:var(--ink-primary)}button[data-v-48daec2e]{font:inherit;cursor:pointer}button[data-v-48daec2e]:disabled{opacity:.35;cursor:default}button[data-v-48daec2e]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.primary-button[data-v-48daec2e]{flex:0 0 auto;height:44px;padding:0 var(--space-6);border:0;border-radius:var(--radius-pill);background:var(--ink-primary);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.checkin-state[data-v-48daec2e]{display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-16) 0;color:var(--ink-secondary);text-align:center}.checkin-state p[data-v-48daec2e]{margin:0}.streak-hero[data-v-48daec2e]{display:grid;justify-items:center;text-align:center}.streak-flame[data-v-48daec2e]{color:var(--ink-tertiary);font-size:2rem}.streak-flame.lit[data-v-48daec2e]{color:var(--signal-active-strong)}.streak-count[data-v-48daec2e]{margin-top:var(--space-1);font-family:var(--font-family-data);font-size:clamp(3.5rem,9vw,5rem);font-weight:500;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.04em}.streak-unit[data-v-48daec2e]{margin-top:var(--space-2);color:var(--ink-secondary);font-size:var(--font-size-sm)}.streak-message[data-v-48daec2e]{max-width:28em;margin:var(--space-3) 0 0;color:var(--ink-secondary);font-size:var(--font-size-md);line-height:1.6}.week-track[data-v-48daec2e]{display:flex;justify-content:center;gap:var(--space-4);margin:var(--space-8) 0 var(--space-6);padding:0;list-style:none}.week-track li[data-v-48daec2e]{display:grid;justify-items:center;gap:var(--space-2)}.week-name[data-v-48daec2e]{color:var(--ink-tertiary);font-size:var(--font-size-xs)}.week-mark[data-v-48daec2e]{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(16,24,32,.06);color:var(--ink-secondary);font-family:var(--font-family-data);font-size:var(--font-size-sm)}.week-mark .material-icons[data-v-48daec2e]{font-size:1.25rem}.week-track .complete .week-mark[data-v-48daec2e]{background:var(--signal-active-strong);color:var(--color-text-inverse)}.week-track .today .week-mark[data-v-48daec2e]{box-shadow:0 0 0 2px var(--color-page),0 0 0 4px var(--ink-primary)}.week-track .today .week-name[data-v-48daec2e]{color:var(--ink-primary);font-weight:600}.week-track .future .week-mark[data-v-48daec2e]{background:transparent;color:var(--ink-tertiary)}.panel[data-v-48daec2e]{padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel)}.footnote[data-v-48daec2e]{margin:var(--space-2) var(--space-5) var(--space-8);color:var(--ink-tertiary);font-size:var(--font-size-xs);line-height:1.6}.panel-head[data-v-48daec2e]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.panel h2[data-v-48daec2e]{margin:0;font-size:var(--font-size-md);font-weight:600;line-height:1.4}.panel-meta[data-v-48daec2e]{color:var(--ink-secondary);font-size:var(--font-size-sm)}.practice-button[data-v-48daec2e]{display:block;margin:0 auto var(--space-8)}.goal-head[data-v-48daec2e]{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.goal-value[data-v-48daec2e]{color:var(--ink-secondary);font-family:var(--font-family-data);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.goal-value.complete[data-v-48daec2e]{color:var(--signal-active-strong)}.meter[data-v-48daec2e]{height:8px;margin-top:var(--space-3);overflow:hidden;border-radius:var(--radius-pill);background:rgba(16,24,32,.06)}.meter.is-thin[data-v-48daec2e]{height:4px;margin-top:var(--space-4)}.meter>span[data-v-48daec2e]{display:block;height:100%;border-radius:inherit;background:var(--signal-active-strong);transition:width .35s ease}.month-nav[data-v-48daec2e]{display:flex;gap:var(--space-1)}.icon-button[data-v-48daec2e]{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-secondary)}.icon-button[data-v-48daec2e]:hover:not(:disabled){background:var(--surface-subtle);color:var(--ink-primary)}.month-summary[data-v-48daec2e]{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-5);margin:var(--space-1) 0 var(--space-4);color:var(--ink-secondary);font-size:var(--font-size-sm)}.month-summary strong[data-v-48daec2e]{color:var(--ink-primary);font-weight:500}.calendar-grid[data-v-48daec2e]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center;row-gap:var(--space-2)}.calendar-weekdays[data-v-48daec2e]{margin-bottom:var(--space-2);color:var(--ink-tertiary);font-size:var(--font-size-xs)}.calendar-day[data-v-48daec2e]{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-secondary);font-family:var(--font-family-data);font-size:var(--font-size-sm)}.calendar-day[data-v-48daec2e]:disabled{opacity:1;color:var(--ink-tertiary)}.calendar-day.outside[data-v-48daec2e]{visibility:hidden}.heat-1[data-v-48daec2e]{background:color-mix(in srgb,var(--signal-active-strong) 10%,var(--surface-panel))}.heat-2[data-v-48daec2e]{background:color-mix(in srgb,var(--signal-active-strong) 28%,var(--surface-panel));color:var(--ink-primary)}.heat-3[data-v-48daec2e]{background:color-mix(in srgb,var(--signal-active-strong) 60%,var(--surface-panel));color:var(--color-text-inverse)}.heat-4[data-v-48daec2e]{background:var(--signal-active-strong);color:var(--color-text-inverse)}.calendar-day.today[data-v-48daec2e]{font-weight:700;text-decoration:underline;text-underline-offset:3px}.calendar-day.selected[data-v-48daec2e]{box-shadow:0 0 0 2px var(--surface-panel),0 0 0 3.5px var(--ink-primary)}.day-detail[data-v-48daec2e]{display:flex;align-items:baseline;gap:var(--space-3);margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid var(--border-subtle);color:var(--ink-secondary);font-size:var(--font-size-sm)}.day-detail strong[data-v-48daec2e]{color:var(--ink-primary);font-family:var(--font-family-data);font-weight:500}.day-checked[data-v-48daec2e]{color:var(--signal-active-strong)}.panel-gap[data-v-48daec2e]{height:var(--space-8)}.goal-reward[data-v-48daec2e]{margin:var(--space-3) 0 0;color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.5}.goal-reward.earned[data-v-48daec2e]{color:var(--signal-active-strong);font-weight:600}.badge-reward[data-v-48daec2e]{color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs)}.badges .earned .badge-reward[data-v-48daec2e]{color:var(--signal-active-strong)}.badges[data-v-48daec2e]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);margin:var(--space-5) 0 0;padding:0;list-style:none}.badges li[data-v-48daec2e]{display:grid;justify-items:center;gap:var(--space-2);text-align:center}.badge-mark[data-v-48daec2e]{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(16,24,32,.06);color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-sm)}.badge-name[data-v-48daec2e]{color:var(--ink-tertiary);font-size:var(--font-size-xs);line-height:1.4}.badges .earned .badge-mark[data-v-48daec2e]{background:var(--signal-active-strong);color:var(--color-text-inverse);font-weight:600}.badges .earned .badge-name[data-v-48daec2e]{color:var(--ink-primary)}@media (prefers-reduced-motion:reduce){.meter>span[data-v-48daec2e]{transition:none}}@media (max-width:640px){.week-track[data-v-48daec2e]{gap:var(--space-2)}.week-mark[data-v-48daec2e]{width:36px;height:36px}.badges[data-v-48daec2e]{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--space-4)}}.learning-records[data-v-f2be7b9a]{width:100%;display:flex;flex-direction:column;color:var(--ink-primary)}.workspace-state.error[data-v-f2be7b9a]{flex-direction:column;color:var(--color-danger)}.detail-error button[data-v-f2be7b9a],.workspace-state button[data-v-f2be7b9a]{height:32px;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.records-layout[data-v-f2be7b9a]{height:var(--workspace-fill-height);min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(260px,30%) minmax(0,1fr);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel)}.practice-list[data-v-f2be7b9a]{min-height:0;overflow-y:auto;padding:var(--space-2);border-right:1px solid var(--border-subtle);scrollbar-width:thin}.practice-row[data-v-f2be7b9a]{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .16s ease}.practice-row+.practice-row[data-v-f2be7b9a]{margin-top:2px}.practice-row[data-v-f2be7b9a]:hover{background:var(--surface-subtle)}.practice-row.active[data-v-f2be7b9a]{background:var(--surface-active)}.practice-row[data-v-f2be7b9a]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.practice-main[data-v-f2be7b9a]{flex:1;min-width:0}.practice-main strong[data-v-f2be7b9a]{display:block;overflow:hidden;color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:600;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.practice-main small[data-v-f2be7b9a]{display:block;margin-top:2px;color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs)}.practice-score[data-v-f2be7b9a]{flex:0 0 auto;min-width:2ch;font-family:var(--font-family-data);font-size:var(--font-size-md);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.excellent[data-v-f2be7b9a]{color:var(--signal-active-strong)}.good[data-v-f2be7b9a]{color:var(--ink-primary)}.needs-practice[data-v-f2be7b9a]{color:var(--color-warning-text)}.poor[data-v-f2be7b9a]{color:var(--color-danger)}.unknown[data-v-f2be7b9a]{color:var(--ink-tertiary)}.report-panel[data-v-f2be7b9a]{min-width:0;min-height:0;overflow-y:auto;padding:var(--space-6) var(--space-8);scrollbar-width:thin}.report-header[data-v-f2be7b9a]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.report-heading[data-v-f2be7b9a]{min-width:0}.records-kicker[data-v-f2be7b9a]{margin:0 0 var(--space-1);color:var(--ink-tertiary);font-size:var(--font-size-xs);font-weight:500}.report-heading h2[data-v-f2be7b9a]{margin:0;overflow-wrap:anywhere;color:var(--ink-primary);font-size:var(--font-size-xl);font-weight:700;line-height:1.3}.report-date[data-v-f2be7b9a]{margin:var(--space-1) 0 0;color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs)}.report-title-actions[data-v-f2be7b9a]{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-2)}.report-delete[data-v-f2be7b9a],.report-open[data-v-f2be7b9a]{height:36px;display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-4) 0 var(--space-3);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;cursor:pointer}.report-open[data-v-f2be7b9a]{border:1px solid var(--ink-primary);background:var(--ink-primary);color:var(--color-text-inverse)}.report-open[data-v-f2be7b9a]:hover:not(:disabled){opacity:.88}.report-open[data-v-f2be7b9a]:disabled{cursor:wait;opacity:.6}.report-delete[data-v-f2be7b9a]{border:1px solid transparent;background:transparent;color:var(--ink-tertiary);font-weight:500}.report-delete[data-v-f2be7b9a]:hover{color:var(--color-danger);background:var(--color-danger-bg)}.report-delete .material-icons-outlined[data-v-f2be7b9a],.report-open .material-icons-outlined[data-v-f2be7b9a]{font-size:18px}.report-delete[data-v-f2be7b9a]:focus-visible,.report-open[data-v-f2be7b9a]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.action-error[data-v-f2be7b9a]{margin:var(--space-3) 0 0;color:var(--color-danger);font-size:var(--font-size-sm)}.detail-error[data-v-f2be7b9a],.detail-skeleton[data-v-f2be7b9a],.diagnostic-grid[data-v-f2be7b9a],.performance-overview[data-v-f2be7b9a],.weak-section[data-v-f2be7b9a]{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.section-heading[data-v-f2be7b9a]{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.section-heading span[data-v-f2be7b9a]{color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:600}.section-heading small[data-v-f2be7b9a]{color:var(--ink-tertiary);font-size:var(--font-size-xs);text-align:right}.performance-overview[data-v-f2be7b9a]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-8);align-items:center}.overall-card[data-v-f2be7b9a]{display:flex;align-items:center;gap:var(--space-5)}.score-orbit[data-v-f2be7b9a]{width:104px;aspect-ratio:1;padding:6px;border-radius:50%;background:conic-gradient(var(--signal-active) var(--score-progress),var(--border-subtle) 0)}.score-orbit-inner[data-v-f2be7b9a]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-panel)}.score-orbit-inner small[data-v-f2be7b9a],.score-orbit-inner span[data-v-f2be7b9a]{color:var(--ink-tertiary);font-size:.6875rem}.score-orbit-inner strong[data-v-f2be7b9a]{color:var(--ink-primary);font-family:var(--font-family-data);font-size:var(--font-size-2xl);font-weight:600;line-height:1.15}.practice-volume[data-v-f2be7b9a]{display:grid;gap:var(--space-3)}.practice-volume span[data-v-f2be7b9a]{display:grid;color:var(--ink-tertiary);font-size:var(--font-size-xs)}.practice-volume strong[data-v-f2be7b9a]{color:var(--ink-primary);font-family:var(--font-family-data);font-size:var(--font-size-lg);font-weight:600}.metric-row[data-v-f2be7b9a]{display:grid;grid-template-columns:4.5rem minmax(0,1fr) 2.5rem;align-items:center;gap:var(--space-3);min-height:32px}.metric-label[data-v-f2be7b9a]{color:var(--ink-secondary);font-size:var(--font-size-sm)}.metric-track[data-v-f2be7b9a]{height:4px;overflow:hidden;border-radius:var(--radius-pill);background:var(--border-subtle)}.metric-track span[data-v-f2be7b9a]{display:block;height:100%;border-radius:inherit;background:var(--signal-active-strong)}.metric-row strong[data-v-f2be7b9a]{color:var(--ink-primary);font-family:var(--font-family-data);font-size:var(--font-size-sm);font-weight:600;text-align:right}.diagnostic-grid[data-v-f2be7b9a]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-8)}.word-cloud[data-v-f2be7b9a]{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.word-chip[data-v-f2be7b9a]{color:var(--ink-primary);font-size:var(--font-size-sm)}.word-chip small[data-v-f2be7b9a]{margin-left:2px;color:var(--color-warning-text);font-family:var(--font-family-data);font-size:var(--font-size-xs);vertical-align:super}.focus-score[data-v-f2be7b9a]{display:flex;align-items:baseline;gap:var(--space-2)}.focus-score strong[data-v-f2be7b9a]{color:var(--color-warning-text);font-family:var(--font-family-data);font-size:var(--font-size-2xl);font-weight:600;line-height:1.2}.focus-score span[data-v-f2be7b9a]{color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:600}.focus-card p[data-v-f2be7b9a]{margin:var(--space-2) 0 0;color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.6}.sentence-list[data-v-f2be7b9a]{display:grid}.sentence-row[data-v-f2be7b9a]{display:grid;grid-template-columns:3.5rem minmax(0,1fr) 2.5rem;align-items:baseline;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border-subtle)}.sentence-row[data-v-f2be7b9a]:first-child{border-top:0}.sentence-index[data-v-f2be7b9a]{color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs)}.sentence-row p[data-v-f2be7b9a]{margin:0;color:var(--ink-primary);font-size:var(--font-size-sm);line-height:1.6}.sentence-row strong[data-v-f2be7b9a]{font-family:var(--font-family-data);font-size:var(--font-size-sm);font-weight:600;text-align:right}.muted[data-v-f2be7b9a]{margin:0;color:var(--ink-tertiary);font-size:var(--font-size-sm)}.detail-error[data-v-f2be7b9a]{display:flex;align-items:center;gap:var(--space-3);color:var(--color-danger);font-size:var(--font-size-sm)}.detail-skeleton[data-v-f2be7b9a]{display:grid;gap:var(--space-3)}.skeleton-label[data-v-f2be7b9a]{color:var(--ink-tertiary);font-size:var(--font-size-xs)}.skeleton-grid[data-v-f2be7b9a]{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-8)}.skeleton-grid i[data-v-f2be7b9a],.skeleton-wide[data-v-f2be7b9a]{display:block;height:72px;border-radius:var(--radius-md);background:var(--surface-subtle)}.delete-dialog[data-v-f2be7b9a]{position:fixed;inset:0;z-index:2100;padding:var(--space-5);display:grid;place-items:center}.delete-dialog-backdrop[data-v-f2be7b9a]{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--color-overlay)}.delete-dialog-card[data-v-f2be7b9a]{position:relative;width:min(420px,100%);padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-float)}.delete-dialog-card h3[data-v-f2be7b9a]{margin:0;color:var(--ink-primary);font-size:var(--font-size-lg);font-weight:600}.delete-dialog-card p[data-v-f2be7b9a]{margin:var(--space-2) 0 0;color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.6}.delete-dialog-actions[data-v-f2be7b9a]{margin-top:var(--space-5);display:flex;justify-content:flex-end;gap:var(--space-2)}.delete-dialog-actions button[data-v-f2be7b9a]{height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.delete-dialog-actions button[data-v-f2be7b9a]:disabled{cursor:wait;opacity:.6}.delete-dialog-actions button[data-v-f2be7b9a]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.dialog-cancel[data-v-f2be7b9a]{border:1px solid var(--border-default);background:var(--surface-panel);color:var(--ink-primary)}.dialog-delete[data-v-f2be7b9a]{border:1px solid var(--color-danger);background:var(--color-danger);color:var(--color-text-inverse)}@media (max-width:1100px){.diagnostic-grid[data-v-f2be7b9a],.performance-overview[data-v-f2be7b9a]{grid-template-columns:1fr;gap:var(--space-6)}}@media (max-width:768px){.records-layout[data-v-f2be7b9a]{height:auto;grid-template-columns:1fr}.practice-list[data-v-f2be7b9a]{max-height:260px;border-right:0;border-bottom:1px solid var(--border-subtle)}.report-panel[data-v-f2be7b9a]{padding:var(--space-5) var(--space-4)}.report-header[data-v-f2be7b9a]{flex-direction:column}}.sentence-notebook[data-v-79db7290]{height:var(--workspace-fill-height);display:flex;flex-direction:column;min-height:0}.sentence-toolbar[data-v-79db7290]{padding-bottom:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.sentence-search[data-v-79db7290]{width:min(360px,100%);height:36px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-md)}.sentence-search[data-v-79db7290]:focus-within{border-color:var(--signal-active-strong);box-shadow:var(--focus-ring-brand)}.sentence-search svg[data-v-79db7290]{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:var(--color-text-subtle);stroke-width:1.6;stroke-linecap:round}.sentence-search input[data-v-79db7290]{width:100%;border:0;outline:0;background:transparent;color:var(--color-text);font:inherit;font-size:.88rem}.sentence-search input[data-v-79db7290]::-moz-placeholder{color:var(--color-text-subtle)}.sentence-search input[data-v-79db7290]::placeholder{color:var(--color-text-subtle)}.sentence-count[data-v-79db7290]{color:var(--color-text-subtle);font-size:.8rem}.sentence-state[data-v-79db7290]{flex:1;min-height:240px;padding:var(--space-8);display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--ink-secondary);background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:center}.sentence-state.error[data-v-79db7290]{color:var(--color-danger)}.sentence-state button[data-v-79db7290]{min-height:34px;padding:0 var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;font:inherit}.sentence-content[data-v-79db7290]{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.45fr);background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.sentence-list[data-v-79db7290]{min-height:0;padding:var(--space-3);overflow-y:auto;border-right:1px solid var(--color-border);scrollbar-width:thin}.sentence-row[data-v-79db7290]{width:100%;padding:var(--space-3);display:grid;gap:4px;color:var(--color-text);background:transparent;border:0;border-radius:8px;cursor:pointer;font:inherit;text-align:left;transition:background .16s ease}.sentence-row+.sentence-row[data-v-79db7290]{margin-top:2px}.sentence-row[data-v-79db7290]:hover{background:var(--color-surface-muted)}.sentence-row.selected[data-v-79db7290]{background:var(--color-brand-50)}.sentence-row span[data-v-79db7290]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.92rem;line-height:1.5}.sentence-row small[data-v-79db7290]{overflow:hidden;color:var(--color-text-subtle);font-size:.78rem;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.sentence-detail[data-v-79db7290]{min-height:0;padding:var(--space-8) 0 var(--space-6) var(--space-10);display:flex;flex-direction:column;gap:var(--space-8);overflow-y:auto;scrollbar-width:thin}.sentence-detail[data-v-79db7290]>*{max-width:680px}.detail-head[data-v-79db7290]{display:grid;gap:var(--space-4)}.detail-head h2[data-v-79db7290]{margin:0;color:var(--color-text);font-size:1.5rem;font-weight:600;line-height:1.38;letter-spacing:-.024em;text-wrap:pretty}.source-row[data-v-79db7290]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.source-name[data-v-79db7290]{min-width:0;overflow:hidden;color:var(--color-text-muted);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.open-source[data-v-79db7290]{flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 var(--space-4);color:var(--color-text-inverse);background:var(--color-text);border:0;border-radius:8px;cursor:pointer;font:inherit;font-size:.82rem;font-weight:500;transition:opacity .16s ease}.open-source svg[data-v-79db7290]{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s var(--ease-spring)}.open-source:hover:not(:disabled) svg[data-v-79db7290]{transform:translateX(3px)}.open-source[data-v-79db7290]:disabled{cursor:progress;opacity:.6}.action-error[data-v-79db7290]{margin:0;color:var(--color-danger);font-size:.84rem}.explanation-missing[data-v-79db7290]{margin:0;color:var(--color-text-muted);font-size:.88rem}.detail-meta[data-v-79db7290]{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:var(--color-text-subtle);font-size:.78rem}.delete-link[data-v-79db7290]{padding:0;color:var(--color-text-subtle);background:transparent;border:0;cursor:pointer;font:inherit;font-size:.8rem;transition:color .16s ease}.delete-link[data-v-79db7290]:hover{color:var(--color-danger)}.detail-swap-enter-active[data-v-79db7290]{transition:opacity .26s ease-out,transform .38s var(--ease-spring)}.detail-swap-leave-active[data-v-79db7290]{transition:opacity .12s ease-in}.detail-swap-enter-from[data-v-79db7290]{opacity:0;transform:translateY(6px)}.detail-swap-leave-to[data-v-79db7290]{opacity:0}button[data-v-79db7290]:focus-visible,input[data-v-79db7290]:focus-visible{outline:2px solid var(--color-brand-700);outline-offset:2px}@media (prefers-reduced-motion:reduce){.detail-swap-enter-active[data-v-79db7290],.detail-swap-leave-active[data-v-79db7290],.open-source svg[data-v-79db7290],.sentence-row[data-v-79db7290],.sentence-search[data-v-79db7290]{transition:none}.detail-swap-enter-from[data-v-79db7290]{transform:none}}@media (max-width:768px){.sentence-toolbar[data-v-79db7290]{flex-direction:column;align-items:stretch}.sentence-search[data-v-79db7290]{width:100%}.sentence-count[data-v-79db7290]{align-self:flex-end}.sentence-notebook[data-v-79db7290]{height:auto}.sentence-content[data-v-79db7290]{height:auto;display:block}.sentence-list[data-v-79db7290]{max-height:300px;padding:var(--space-2);border-right:0;border-bottom:1px solid var(--color-border)}.sentence-detail[data-v-79db7290]{padding:var(--space-6) 0;gap:var(--space-6);overflow:visible}.detail-head h2[data-v-79db7290]{font-size:1.25rem}.source-row[data-v-79db7290]{flex-direction:column;align-items:stretch}.open-source[data-v-79db7290]{justify-content:center}}.vocabulary-book[data-v-127c9a31]{width:100%;display:flex;flex-direction:column;color:var(--ink-primary)}.notebook-tabs[data-v-127c9a31]{position:relative;flex:0 0 auto;padding:2px;display:grid;grid-template-columns:repeat(2,76px);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-subtle)}.notebook-tabs[data-v-127c9a31]:before{content:"";position:absolute;top:2px;bottom:2px;left:2px;width:76px;border-radius:var(--radius-sm);background:var(--surface-panel);box-shadow:var(--shadow-sm);transition:transform .24s ease}.notebook-tabs.is-second[data-v-127c9a31]:before{transform:translateX(100%)}.notebook-tabs button[data-v-127c9a31]{position:relative;min-height:30px;padding:0;border:0;background:transparent;color:var(--ink-secondary);font:inherit;font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.notebook-tabs button.active[data-v-127c9a31]{color:var(--ink-primary);font-weight:600}.notebook-tabs button[data-v-127c9a31]:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--focus-ring-brand-strong)}.vocabulary-panel[data-v-127c9a31]{height:var(--workspace-fill-height);min-height:0;display:flex;flex-direction:column}.state-panel[data-v-127c9a31]{flex:1;min-height:240px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel);color:var(--ink-secondary);font-size:var(--font-size-sm);text-align:center}.state-panel.error[data-v-127c9a31]{flex-direction:column;color:var(--color-danger)}.state-panel button[data-v-127c9a31]{height:32px;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-primary);font:inherit;cursor:pointer}.vocabulary-content[data-v-127c9a31]{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel)}.word-library[data-v-127c9a31]{min-width:0;min-height:0;display:flex;flex-direction:column;container-type:inline-size}.library-head[data-v-127c9a31]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.vocabulary-search[data-v-127c9a31]{flex:1;max-width:280px;height:32px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel)}.vocabulary-search[data-v-127c9a31]:focus-within{border-color:var(--signal-active-strong);box-shadow:var(--focus-ring-brand)}.vocabulary-search .material-icons[data-v-127c9a31]{color:var(--ink-tertiary);font-size:16px}.vocabulary-search input[data-v-127c9a31]{width:100%;border:0;outline:0;background:transparent;color:var(--ink-primary);font:inherit;font-size:var(--font-size-sm)}.vocabulary-search input[data-v-127c9a31]::-moz-placeholder{color:var(--ink-tertiary)}.vocabulary-search input[data-v-127c9a31]::placeholder{color:var(--ink-tertiary)}.library-count[data-v-127c9a31]{margin-left:auto;color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs);white-space:nowrap}.export-button[data-v-127c9a31]{height:32px;padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.export-button[data-v-127c9a31]:hover{background:var(--surface-subtle);color:var(--ink-primary)}.export-button[data-v-127c9a31]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.library-empty[data-v-127c9a31]{margin:0;padding:var(--space-8) var(--space-4);color:var(--ink-tertiary);font-size:var(--font-size-sm);text-align:center}.word-row[data-v-127c9a31],.word-table-head[data-v-127c9a31]{display:grid;grid-template-columns:minmax(10rem,1.3fr) minmax(6rem,1fr) minmax(0,1.6fr) 3.5rem 28px;align-items:center;-moz-column-gap:var(--space-4);column-gap:var(--space-4);padding:0 var(--space-3) 0 var(--space-4)}.word-table-head[data-v-127c9a31]{min-height:32px;border-bottom:1px solid var(--border-subtle);background:var(--surface-subtle);color:var(--ink-tertiary);font-size:var(--font-size-xs);font-weight:500}.word-list[data-v-127c9a31]{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.word-row[data-v-127c9a31]{min-height:44px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background-color .16s ease}.word-row[data-v-127c9a31]:hover{background:var(--surface-subtle)}.word-row.selected[data-v-127c9a31]{background:var(--surface-active)}.word-row[data-v-127c9a31]:focus-visible{outline:none;box-shadow:inset var(--focus-ring-brand-strong)}.col-word[data-v-127c9a31]{min-width:0;display:flex;align-items:baseline;gap:var(--space-2);overflow:hidden;white-space:nowrap}.word-text[data-v-127c9a31]{flex:0 0 auto;color:var(--ink-primary);font-size:var(--font-size-md);font-weight:600}.phonetic[data-v-127c9a31]{color:var(--ink-tertiary);font-size:var(--font-size-xs)}.col-context[data-v-127c9a31],.col-meaning[data-v-127c9a31],.phonetic[data-v-127c9a31]{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.col-meaning[data-v-127c9a31]{color:var(--ink-primary);font-size:var(--font-size-sm)}.col-context[data-v-127c9a31],.col-date[data-v-127c9a31]{color:var(--ink-tertiary);font-size:var(--font-size-xs)}.col-date[data-v-127c9a31]{font-family:var(--font-family-data);text-align:right}.row-audio[data-v-127c9a31]{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-tertiary);cursor:pointer;opacity:0;transition:opacity .16s ease}.row-audio[data-v-127c9a31]:focus-visible,.word-row.selected .row-audio[data-v-127c9a31],.word-row:hover .row-audio[data-v-127c9a31]{opacity:1}.row-audio[data-v-127c9a31]:hover{background:var(--surface-panel);color:var(--signal-active-strong)}.row-audio[data-v-127c9a31]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.icon-sound[data-v-127c9a31]{display:block;width:14px;height:14px;background:currentColor;mask-image:url(../img/volume.138e717d.svg);-webkit-mask-image:url(../img/volume.138e717d.svg);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain}@container (max-width: 720px){.word-row[data-v-127c9a31],.word-table-head[data-v-127c9a31]{grid-template-columns:minmax(9rem,1.2fr) minmax(0,1fr) 3.5rem 28px}.col-context[data-v-127c9a31]{display:none}}@container (max-width: 480px){.word-row[data-v-127c9a31],.word-table-head[data-v-127c9a31]{grid-template-columns:minmax(8rem,1fr) minmax(0,1fr) 28px}.col-date[data-v-127c9a31]{display:none}}.word-detail-panel[data-v-127c9a31]{min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:var(--space-6);border-left:1px solid var(--border-subtle);scrollbar-width:thin}.detail-head[data-v-127c9a31]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.detail-heading[data-v-127c9a31]{min-width:0}.detail-word[data-v-127c9a31]{display:block;overflow-wrap:anywhere;color:var(--ink-primary);font-size:var(--font-size-3xl);font-weight:700;line-height:1.15;letter-spacing:-.01em}.detail-sub[data-v-127c9a31]{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);margin-top:var(--space-2)}.detail-sub .phonetic[data-v-127c9a31]{font-size:var(--font-size-sm)}.detail-lemma[data-v-127c9a31],.detail-pos[data-v-127c9a31]{color:var(--ink-tertiary);font-size:var(--font-size-xs)}.detail-pos[data-v-127c9a31]{color:var(--signal-active-strong);font-weight:600}.detail-play[data-v-127c9a31]{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-pill);background:var(--ink-primary);color:var(--color-text-inverse);cursor:pointer;transition:opacity .16s ease}.detail-play[data-v-127c9a31]:hover{opacity:.85}.detail-play[data-v-127c9a31]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.detail-play .icon-sound[data-v-127c9a31]{width:16px;height:16px}.detail-translation[data-v-127c9a31]{margin:var(--space-5) 0 0;color:var(--ink-primary);font-size:var(--font-size-xl);font-weight:600;line-height:1.4}.detail-context-meaning[data-v-127c9a31]{margin:var(--space-2) 0 0;color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.6}.detail-section[data-v-127c9a31]{margin-top:var(--space-6)}.detail-section h3[data-v-127c9a31]{margin:0 0 var(--space-2);color:var(--ink-tertiary);font-size:var(--font-size-xs);font-weight:500}.context-quote[data-v-127c9a31]{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--ink-primary);font-size:var(--font-size-sm);line-height:1.7}.context-quote mark[data-v-127c9a31]{padding:0 2px;border-radius:3px;background:color-mix(in srgb,var(--signal-marker) 55%,transparent);color:inherit;font-weight:600}.definitions-list[data-v-127c9a31]{margin:0;padding-left:1.25rem;display:grid;gap:var(--space-2);color:var(--ink-primary);font-size:var(--font-size-sm);line-height:1.6}.definitions-list li[data-v-127c9a31]::marker{color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs)}.definition-pos[data-v-127c9a31]{margin-right:var(--space-2);color:var(--ink-tertiary);font-size:var(--font-size-xs)}.detail-footer[data-v-127c9a31]{margin-top:auto;padding-top:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--ink-tertiary);font-size:var(--font-size-xs)}.detail-delete[data-v-127c9a31]{padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-tertiary);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.detail-delete[data-v-127c9a31]:hover:not(:disabled){background:var(--color-danger-bg);color:var(--color-danger)}.detail-delete[data-v-127c9a31]:disabled{cursor:wait;opacity:.6}.detail-empty[data-v-127c9a31]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--ink-tertiary);text-align:center}.detail-empty-mark[data-v-127c9a31]{color:var(--border-default);font-family:var(--font-family-display);font-size:2.5rem;line-height:1}.detail-empty strong[data-v-127c9a31]{color:var(--ink-secondary);font-size:var(--font-size-sm);font-weight:600}.detail-empty p[data-v-127c9a31]{max-width:16rem;margin:0;font-size:var(--font-size-xs);line-height:1.6}.delete-message[data-v-127c9a31]{margin:0 0 var(--space-2);color:var(--ink-primary);font-size:var(--font-size-md)}.delete-warning[data-v-127c9a31]{margin:0;color:var(--color-danger);font-size:var(--font-size-sm)}.dialog-action[data-v-127c9a31]{height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.dialog-action.secondary[data-v-127c9a31]{border:1px solid var(--border-default);background:var(--surface-panel);color:var(--ink-primary)}.dialog-action.danger[data-v-127c9a31]{border:1px solid var(--color-danger);background:var(--color-danger);color:var(--color-text-inverse)}.dialog-action[data-v-127c9a31]:disabled{cursor:not-allowed;opacity:.55}@media (prefers-reduced-motion:reduce){.notebook-tabs[data-v-127c9a31]:before{transition:none}}@media (hover:none){.row-audio[data-v-127c9a31]{opacity:1}}@media (max-width:900px){.vocabulary-panel[data-v-127c9a31]{height:auto}.vocabulary-content[data-v-127c9a31]{grid-template-columns:1fr}.word-list[data-v-127c9a31]{max-height:360px}.word-detail-panel[data-v-127c9a31]{border-left:0;border-top:1px solid var(--border-subtle)}}@media (max-width:680px){.notebook-tabs[data-v-127c9a31]{align-self:flex-start}.vocabulary-search[data-v-127c9a31]{max-width:none}}.referral-page[data-v-74a3b6a0]{width:100%;display:flex;flex-direction:column}.referred-by[data-v-74a3b6a0]{color:var(--ink-secondary);font-size:var(--font-size-sm);white-space:nowrap}.referral-body[data-v-74a3b6a0]{display:flex;flex-direction:column;gap:var(--space-6)}.share-row[data-v-74a3b6a0]{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-8);padding:var(--space-6)}.share-block[data-v-74a3b6a0]{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field-label[data-v-74a3b6a0]{color:var(--ink-tertiary);font-size:var(--font-size-xs);font-weight:500}.control-row[data-v-74a3b6a0]{display:flex;align-items:center;gap:var(--space-3);min-height:40px}.referral-code[data-v-74a3b6a0]{color:var(--ink-primary);font-family:var(--font-family-data);font-size:var(--font-size-2xl);font-weight:600;letter-spacing:.16em;line-height:1}.rule-steps[data-v-74a3b6a0]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--border-subtle);list-style:none}.rule-step[data-v-74a3b6a0]{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;-moz-column-gap:var(--space-3);column-gap:var(--space-3);row-gap:var(--space-2);padding:var(--space-5) var(--space-6)}.rule-step+.rule-step[data-v-74a3b6a0]{border-left:1px solid var(--border-subtle)}.step-index[data-v-74a3b6a0]{color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs);line-height:1.7}.step-copy[data-v-74a3b6a0]{display:flex;flex-direction:column;gap:2px;min-width:0}.step-copy strong[data-v-74a3b6a0]{color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:600}.step-copy span[data-v-74a3b6a0]{color:var(--ink-secondary);font-size:var(--font-size-xs);line-height:1.5}.step-reward[data-v-74a3b6a0]{grid-column:2;justify-self:start;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--workspace-warm-bg);color:var(--color-warning-text);font-family:var(--font-family-data);font-size:var(--font-size-xs);font-weight:600;white-space:pre}.rule-note[data-v-74a3b6a0]{margin:0;padding:var(--space-3) var(--space-6);border-top:1px solid var(--border-subtle);color:var(--ink-tertiary);font-size:var(--font-size-xs);line-height:1.6}.bind-row[data-v-74a3b6a0]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.bind-title[data-v-74a3b6a0]{color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:600}.bind-hint[data-v-74a3b6a0]{color:var(--ink-tertiary);font-size:var(--font-size-xs)}.bind-error[data-v-74a3b6a0]{flex-basis:100%;color:var(--color-danger);font-size:var(--font-size-xs)}.section-header[data-v-74a3b6a0]{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.section-title[data-v-74a3b6a0]{margin:0;color:var(--ink-primary);font-size:var(--font-size-lg);font-weight:600}.section-summary[data-v-74a3b6a0]{display:inline-flex;gap:var(--space-2);color:var(--ink-secondary);font-size:var(--font-size-sm)}.invite-empty[data-v-74a3b6a0]{margin:0;padding:var(--space-8) var(--space-6);color:var(--ink-secondary);font-size:var(--font-size-sm);text-align:center}.invite-list[data-v-74a3b6a0]{margin:0;padding:0;list-style:none}.invite-row[data-v-74a3b6a0]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.4fr) 80px;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6)}.invite-row+.invite-row[data-v-74a3b6a0]{border-top:1px solid var(--border-subtle)}.invite-email[data-v-74a3b6a0]{overflow:hidden;color:var(--ink-primary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.invite-date[data-v-74a3b6a0]{color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs)}.invite-status[data-v-74a3b6a0]{display:flex;align-items:center;gap:var(--space-2);min-width:0}.status-chip[data-v-74a3b6a0]{padding:1px var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--ink-secondary);font-size:var(--font-size-xs);white-space:nowrap}.status-chip.status-activated[data-v-74a3b6a0]{border-color:var(--border-active);background:var(--surface-active);color:var(--workspace-accent-dark)}.status-chip.status-converted[data-v-74a3b6a0]{border-color:transparent;background:var(--color-success-bg);color:var(--color-success-text)}.status-note[data-v-74a3b6a0]{overflow:hidden;color:var(--ink-tertiary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.invite-reward[data-v-74a3b6a0]{color:var(--color-success-text);font-family:var(--font-family-data);font-size:var(--font-size-sm);font-weight:600;text-align:right}.invite-reward.muted[data-v-74a3b6a0]{color:var(--ink-tertiary);font-weight:500}.text-input[data-v-74a3b6a0]{height:40px;min-width:0;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-primary);font:inherit;font-size:var(--font-size-sm)}.text-input[data-v-74a3b6a0]:focus-visible{outline:none;border-color:var(--workspace-accent-dark);box-shadow:var(--focus-ring-brand)}.link-input[data-v-74a3b6a0]{flex:1 1 auto;color:var(--ink-secondary);font-family:var(--font-family-data);font-size:var(--font-size-xs)}.code-input[data-v-74a3b6a0]{width:150px;font-family:var(--font-family-data);letter-spacing:.12em;text-transform:uppercase}.code-input[data-v-74a3b6a0]::-moz-placeholder{font-family:var(--font-family-base);letter-spacing:normal;text-transform:none}.code-input[data-v-74a3b6a0]::placeholder{font-family:var(--font-family-base);letter-spacing:normal;text-transform:none}.primary-btn[data-v-74a3b6a0],.secondary-btn[data-v-74a3b6a0]{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.primary-btn[data-v-74a3b6a0]{border:1px solid var(--ink-primary);background:var(--ink-primary);color:var(--color-text-inverse)}.primary-btn[data-v-74a3b6a0]:hover{background:color-mix(in srgb,var(--ink-primary) 86%,#fff)}.secondary-btn[data-v-74a3b6a0]{border:1px solid var(--border-default);background:var(--surface-panel);color:var(--ink-primary)}.secondary-btn[data-v-74a3b6a0]:hover:not(:disabled){border-color:var(--border-active);background:var(--surface-subtle)}.secondary-btn[data-v-74a3b6a0]:disabled{border-color:var(--border-subtle);background:var(--surface-subtle);color:var(--ink-tertiary);cursor:not-allowed}.primary-btn[data-v-74a3b6a0]:focus-visible,.secondary-btn[data-v-74a3b6a0]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.primary-btn .material-icons-outlined[data-v-74a3b6a0],.secondary-btn .material-icons-outlined[data-v-74a3b6a0]{font-size:18px}.error-state[data-v-74a3b6a0]{flex-direction:column;color:var(--color-danger)}.workspace-state .material-icons.spinning[data-v-74a3b6a0]{color:var(--signal-active-strong);font-size:1.5rem;animation:spin-74a3b6a0 1s linear infinite}@keyframes spin-74a3b6a0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.workspace-state .material-icons.spinning[data-v-74a3b6a0]{animation:none}}@media (max-width:900px){.share-row[data-v-74a3b6a0]{grid-template-columns:1fr;gap:var(--space-5)}.rule-steps[data-v-74a3b6a0]{grid-template-columns:1fr}.rule-step+.rule-step[data-v-74a3b6a0]{border-top:1px solid var(--border-subtle);border-left:0}.invite-row[data-v-74a3b6a0]{grid-template-columns:minmax(0,1fr) auto;row-gap:var(--space-1)}.invite-date[data-v-74a3b6a0]{grid-row:2}.invite-status[data-v-74a3b6a0]{grid-column:1}.invite-reward[data-v-74a3b6a0]{grid-column:2;grid-row:1/span 2}}@media (max-width:640px){.workspace-header[data-v-74a3b6a0]{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.invite-row[data-v-74a3b6a0],.rule-step[data-v-74a3b6a0],.share-row[data-v-74a3b6a0]{padding-left:var(--space-4);padding-right:var(--space-4)}.rule-note[data-v-74a3b6a0]{padding:var(--space-3) var(--space-4)}.control-row[data-v-74a3b6a0]{flex-wrap:wrap}.link-input[data-v-74a3b6a0]{flex-basis:100%}.section-header[data-v-74a3b6a0]{flex-direction:column;gap:var(--space-1)}}.main-content-shell[data-v-91d03b34]{min-height:0;padding:0}.main-content-shell[data-v-91d03b34],.main-content[data-v-91d03b34]{flex:1;display:flex;flex-direction:column;width:100%;position:relative;min-width:0}.main-content[data-v-91d03b34]{height:100%}@media (max-width:768px){.main-content[data-v-91d03b34]{padding:0}}.referral-admin[data-v-314aa94f]{display:flex;flex-direction:column;gap:var(--space-4)}.admin-filter[data-v-314aa94f]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.admin-filter input[data-v-314aa94f]{width:min(320px,100%);height:36px;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-primary);font:inherit;font-size:var(--font-size-sm)}.admin-filter input[data-v-314aa94f]:focus-visible{outline:none;border-color:var(--workspace-accent-dark);box-shadow:var(--focus-ring-brand)}.filter-btn[data-v-314aa94f]{height:36px;padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-primary);font:inherit;font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.filter-btn[data-v-314aa94f]:hover:not(:disabled){background:var(--surface-subtle)}.filter-btn[data-v-314aa94f]:disabled{color:var(--ink-tertiary);cursor:not-allowed}.filter-btn[data-v-314aa94f]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.record-count[data-v-314aa94f]{margin-left:auto;color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs)}.load-error[data-v-314aa94f]{margin:0;color:var(--color-danger);font-size:var(--font-size-sm)}.table-scroll[data-v-314aa94f]{overflow-x:auto;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel)}table[data-v-314aa94f]{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}td[data-v-314aa94f],th[data-v-314aa94f]{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top}th[data-v-314aa94f]{color:var(--ink-secondary);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}tbody tr:last-child td[data-v-314aa94f]{border-bottom:0}td span[data-v-314aa94f]{display:block}.mono[data-v-314aa94f]{font-family:var(--font-family-data);font-size:var(--font-size-xs)}.muted[data-v-314aa94f]{color:var(--ink-tertiary)}.email-link[data-v-314aa94f]{padding:0;border:0;background:none;color:var(--workspace-accent-dark);font:inherit;text-align:left;cursor:pointer}.email-link[data-v-314aa94f]:hover{text-decoration:underline}.email-link[data-v-314aa94f]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.empty-cell[data-v-314aa94f]{padding:var(--space-8);color:var(--ink-secondary);text-align:center}.material-admin[data-v-6c2aac54]{width:min(1400px,100%);margin:0 auto;padding:calc(var(--navbar-height) + 1.5rem) 1.5rem 2rem;color:var(--text-primary)}.admin-header[data-v-6c2aac54],.admin-tabs[data-v-6c2aac54],.form-actions[data-v-6c2aac54],.import-actions[data-v-6c2aac54],.table-toolbar[data-v-6c2aac54],.toolbar-filters[data-v-6c2aac54]{display:flex;align-items:center;gap:.75rem}.admin-header[data-v-6c2aac54]{justify-content:space-between;margin-bottom:1.25rem}.admin-header h1[data-v-6c2aac54]{margin:0 0 .35rem;font-size:1.6rem}.admin-header p[data-v-6c2aac54],.import-panel p[data-v-6c2aac54]{margin:0;color:var(--text-secondary)}.editor-panel[data-v-6c2aac54],.import-panel[data-v-6c2aac54],.state-panel[data-v-6c2aac54],.table-panel[data-v-6c2aac54]{background:var(--workspace-shell-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.state-panel[data-v-6c2aac54]{text-align:center}.password-form[data-v-6c2aac54]{display:flex;justify-content:center;gap:.75rem;margin:1rem auto 0;max-width:420px}.admin-tabs[data-v-6c2aac54]{margin-bottom:1rem;overflow-x:auto}.admin-tabs button[data-v-6c2aac54]{padding:.6rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.admin-tabs button.active[data-v-6c2aac54]{background:var(--color-text);color:var(--color-text-inverse);border-color:var(--color-text)}.admin-layout[data-v-6c2aac54]{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:1rem;align-items:start}.browser-layout[data-v-6c2aac54]{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem;align-items:start}.directory-panel[data-v-6c2aac54]{background:var(--workspace-shell-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem}.directory-tree[data-v-6c2aac54]{display:flex;flex-direction:column;gap:.35rem;max-height:calc(100vh - 220px);overflow-y:auto}.tree-category[data-v-6c2aac54]{display:flex;flex-direction:column;gap:.2rem}.tree-row[data-v-6c2aac54]{width:100%;min-height:38px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.45rem .55rem;cursor:pointer;text-align:left}.tree-row span[data-v-6c2aac54]:not(.material-icons){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row small[data-v-6c2aac54]{color:var(--text-secondary)}.tree-row.active[data-v-6c2aac54]{background:var(--color-brand-50);color:var(--color-brand-700)}.tree-children[data-v-6c2aac54]{display:flex;flex-direction:column;gap:.15rem;padding-left:1rem}.collection-row[data-v-6c2aac54]{min-height:34px;font-size:.88rem}.collection-browser-panel[data-v-6c2aac54]{display:flex;flex-direction:column;gap:1rem}.collection-heading[data-v-6c2aac54]{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.collection-heading h2[data-v-6c2aac54]{margin-bottom:.25rem}.collection-heading p[data-v-6c2aac54],.muted-text[data-v-6c2aac54]{margin:0;color:var(--text-secondary);font-size:.86rem}.collection-actions[data-v-6c2aac54]{align-items:center}.collection-actions[data-v-6c2aac54],.toolbar-actions[data-v-6c2aac54]{display:flex;gap:.5rem;flex-wrap:wrap}.upload-panel[data-v-6c2aac54]{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:1rem;background:var(--color-surface-muted)}.youtube-material-panel[data-v-6c2aac54]{display:flex;flex-direction:column;gap:1rem;border-style:solid}.youtube-import-heading[data-v-6c2aac54],.youtube-material-preview[data-v-6c2aac54],.youtube-url-controls[data-v-6c2aac54]{display:flex;align-items:center;gap:.75rem}.youtube-import-heading[data-v-6c2aac54]{justify-content:space-between}.youtube-import-heading h3[data-v-6c2aac54]{margin:0 0 .2rem;font-size:1rem}.youtube-import-heading p[data-v-6c2aac54]{margin:0;color:var(--text-secondary);font-size:.84rem}.youtube-ready-label[data-v-6c2aac54]{flex:0 0 auto;padding:.25rem .5rem;border-radius:var(--radius-pill);color:var(--color-brand-700);background:var(--color-brand-50);font-size:.75rem;font-weight:600}.youtube-url-controls input[data-v-6c2aac54]{flex:1 1 auto}.youtube-material-preview[data-v-6c2aac54]{align-items:flex-start;padding:.75rem;background:var(--workspace-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.youtube-material-preview img[data-v-6c2aac54]{width:160px;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm)}.youtube-preview-copy[data-v-6c2aac54]{display:flex;min-width:0;flex-direction:column;gap:.35rem}.youtube-preview-copy strong[data-v-6c2aac54]{line-height:1.35}.youtube-preview-copy small[data-v-6c2aac54],.youtube-preview-copy span[data-v-6c2aac54]{color:var(--text-secondary)}.empty-cell[data-v-6c2aac54]{color:var(--text-secondary);text-align:center}.path-cell[data-v-6c2aac54]{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.78rem}.editor-panel h2[data-v-6c2aac54],.import-panel h2[data-v-6c2aac54],.table-panel h2[data-v-6c2aac54]{margin:0 0 1rem;font-size:1.05rem}.form-grid[data-v-6c2aac54]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}label[data-v-6c2aac54]{display:flex;flex-direction:column;gap:.35rem;color:var(--text-secondary);font-size:.82rem}.wide[data-v-6c2aac54]{grid-column:1/-1}input[data-v-6c2aac54],select[data-v-6c2aac54],textarea[data-v-6c2aac54]{width:100%;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--workspace-control-bg);color:var(--text-primary);padding:.55rem .65rem;box-sizing:border-box}textarea[data-v-6c2aac54]{min-height:76px;resize:vertical}.cover-input-row[data-v-6c2aac54]{display:flex;align-items:center;gap:.5rem}.cover-input-row input[data-v-6c2aac54]{flex:1}.cover-upload-btn[data-v-6c2aac54]{flex:0 0 auto;white-space:nowrap}.cover-upload-btn .material-icons[data-v-6c2aac54]{font-size:1rem}.cover-preview[data-v-6c2aac54]{width:132px;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.hidden-file-input[data-v-6c2aac54]{display:none}.toggle-row[data-v-6c2aac54]{flex-direction:row;align-items:center;margin:.85rem 0}.toggle-row input[data-v-6c2aac54]{width:auto}.action-toggle[data-v-6c2aac54]{margin:0;white-space:nowrap}.ghost-btn[data-v-6c2aac54],.primary-btn[data-v-6c2aac54],.text-btn[data-v-6c2aac54]{border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.primary-btn[data-v-6c2aac54]{background:var(--color-text);color:var(--color-text-inverse);padding:.6rem 1rem}.primary-btn[data-v-6c2aac54]:hover:not(:disabled){background:var(--color-brand-600)}.primary-btn[data-v-6c2aac54]:disabled{opacity:.5;cursor:not-allowed}.ghost-btn[data-v-6c2aac54]{background:var(--workspace-control-bg);border:1px solid var(--color-border);color:var(--text-primary);padding:.55rem .85rem}.ghost-btn[data-v-6c2aac54]:hover:not(:disabled){background:var(--color-brand-50);border-color:var(--color-brand-200)}.danger-btn[data-v-6c2aac54]{border-color:rgba(220,38,38,.28);color:#dc2626}.danger-btn[data-v-6c2aac54]:hover:not(:disabled){background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.42)}.text-btn[data-v-6c2aac54]{background:transparent;color:var(--color-accent-600);padding:.25rem .4rem}.text-btn.danger[data-v-6c2aac54]{color:#dc2626}.table-toolbar[data-v-6c2aac54]{justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap}.table-panel[data-v-6c2aac54]{overflow-x:auto}table[data-v-6c2aac54]{width:100%;border-collapse:collapse;font-size:.86rem}td[data-v-6c2aac54],th[data-v-6c2aac54]{border-bottom:1px solid var(--color-border);padding:.65rem .5rem;text-align:left;vertical-align:top}th[data-v-6c2aac54]{color:var(--text-secondary);font-weight:600}.import-panel[data-v-6c2aac54]{display:flex;flex-direction:column;gap:1rem}.import-textarea[data-v-6c2aac54]{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.error-text[data-v-6c2aac54]{color:var(--color-danger)}@media (max-width:980px){.material-admin[data-v-6c2aac54]{padding:1rem}.admin-header[data-v-6c2aac54],.admin-layout[data-v-6c2aac54],.browser-layout[data-v-6c2aac54],.collection-heading[data-v-6c2aac54]{display:flex;flex-direction:column;align-items:stretch}.directory-tree[data-v-6c2aac54]{max-height:360px}.youtube-material-preview[data-v-6c2aac54],.youtube-url-controls[data-v-6c2aac54]{align-items:stretch;flex-direction:column}.youtube-material-preview img[data-v-6c2aac54]{width:100%}.form-grid[data-v-6c2aac54]{grid-template-columns:1fr}.cover-input-row[data-v-6c2aac54]{align-items:stretch;flex-direction:column}.password-form[data-v-6c2aac54]{flex-direction:column}}.legal-page{max-width:860px;margin:0 auto;padding:calc(var(--navbar-height) + 32px) 24px 80px;min-height:100vh;color:var(--color-text)}.legal-page h1{font-size:clamp(2rem,5vw,2.6rem);font-weight:820;letter-spacing:-.04em;margin-bottom:8px;color:var(--color-text)}.legal-page .last-updated{color:var(--color-text-subtle);font-size:.9rem;margin-bottom:32px}.legal-page h2{font-size:1.18rem;font-weight:760;margin-top:34px;margin-bottom:10px;color:var(--color-text)}.legal-page li,.legal-page p{font-size:1rem;line-height:1.78;color:var(--color-text-muted);margin-bottom:12px}.legal-page ul{padding-left:24px;margin-bottom:16px}.legal-page ul li{margin-bottom:6px}.legal-page a{color:var(--color-brand-600);text-decoration:underline}.legal-page .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:28px;min-height:38px;padding:0 16px 0 12px;color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;background:var(--workspace-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);transition:all .2s ease}.legal-page .back-link .material-icons{font-size:18px;transition:transform .2s ease}.legal-page .back-link:hover{color:var(--color-brand-600);background:var(--color-brand-50);border-color:var(--color-brand-200);text-decoration:none}.legal-page .back-link:hover .material-icons{transform:translateX(-3px)}@media (max-width:768px){.legal-page{padding:calc(var(--navbar-height) + 20px) 16px 60px}.legal-page h1{font-size:1.5rem}.legal-page h2{font-size:1.15rem}}.learn-page[data-v-b4431b2c]{min-height:100vh;padding:calc(var(--navbar-height) + 32px) 24px 88px;color:var(--color-text)}.learn-article[data-v-b4431b2c]{width:min(880px,100%);margin:0 auto}.article-nav[data-v-b4431b2c]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(880px,100%);margin:0 auto 28px}.article-nav .back-link[data-v-b4431b2c]{margin:0}.back-link[data-v-b4431b2c]{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;margin:0 calc(50% - min(880px, 100%)/2) 28px;min-height:38px;padding:0 16px 0 12px;color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:650;background:var(--workspace-control-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);transition:all .2s ease}.back-link .material-icons[data-v-b4431b2c]{font-size:18px}.back-link[data-v-b4431b2c]:hover{color:var(--color-brand-600);background:var(--color-brand-50);border-color:var(--color-brand-200)}.language-link[data-v-b4431b2c]{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;color:var(--workspace-accent-dark);text-decoration:none;font-size:.9rem;font-weight:700;background:var(--workspace-active-bg);border:1px solid rgba(23,107,77,.2);border-radius:var(--radius-pill)}.language-link .material-icons[data-v-b4431b2c]{font-size:18px}.language-link[data-v-b4431b2c]:hover{border-color:rgba(23,107,77,.42)}.learn-kicker[data-v-b4431b2c]{margin:0 0 12px;color:var(--workspace-accent-dark);font-size:.78rem;font-weight:800;text-transform:uppercase}.learn-article h1[data-v-b4431b2c]{max-width:780px;margin:0;color:var(--color-text);font-size:clamp(2rem,5vw,3rem);font-weight:840;line-height:1.08}.learn-description[data-v-b4431b2c]{max-width:720px;margin:18px 0 0;color:var(--color-text-muted);font-size:1.08rem;line-height:1.7}.article-meta[data-v-b4431b2c]{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;color:var(--color-text-muted);font-size:.86rem}.article-meta span+span[data-v-b4431b2c]{position:relative}.article-meta span+span[data-v-b4431b2c]:before{position:absolute;left:-11px;color:var(--color-border-strong);content:"•"}.learn-cta[data-v-b4431b2c],.tldr-box[data-v-b4431b2c]{margin-top:34px;padding:22px;background:hsla(0,0%,100%,.74);border:1px solid rgba(23,107,77,.14);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.tldr-box strong[data-v-b4431b2c]{display:block;margin-bottom:8px;color:var(--workspace-accent-dark)}.learn-cta p[data-v-b4431b2c],.tldr-box p[data-v-b4431b2c]{margin:0;color:var(--color-text-muted);line-height:1.75}.learn-section[data-v-b4431b2c]{margin-top:38px}.learn-cta h2[data-v-b4431b2c],.learn-section h2[data-v-b4431b2c]{margin:0 0 12px;color:var(--color-text);font-size:1.45rem;font-weight:780}.learn-section li[data-v-b4431b2c],.learn-section p[data-v-b4431b2c]{color:var(--color-text-muted);font-size:1rem;line-height:1.78}.evidence-section[data-v-b4431b2c]{padding:22px;background:rgba(236,253,245,.38);border:1px solid rgba(23,107,77,.16);border-radius:var(--radius-md)}.source-list[data-v-b4431b2c]{display:grid;gap:14px;margin:18px 0 0;padding:0;list-style:none}.source-list li[data-v-b4431b2c]{margin:0;padding-top:14px;border-top:1px solid rgba(23,107,77,.14)}.source-list a[data-v-b4431b2c]{color:var(--workspace-accent-dark);font-weight:750}.source-list span[data-v-b4431b2c]{display:block;margin-top:3px;color:var(--color-text-muted);font-size:.86rem}.evidence-note[data-v-b4431b2c],.source-list p[data-v-b4431b2c]{margin-bottom:0}.learn-section ol[data-v-b4431b2c]{margin:0;padding-left:22px}.learn-section li[data-v-b4431b2c]{margin-bottom:8px}.table-wrap[data-v-b4431b2c]{overflow-x:auto;margin-top:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:hsla(0,0%,100%,.76)}table[data-v-b4431b2c]{width:100%;border-collapse:collapse}td[data-v-b4431b2c],th[data-v-b4431b2c]{padding:13px 14px;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}th[data-v-b4431b2c]{color:var(--color-text);font-size:.82rem;font-weight:800;background:rgba(236,253,245,.6)}td[data-v-b4431b2c]{color:var(--color-text-muted);line-height:1.55}tbody tr:last-child td[data-v-b4431b2c]{border-bottom:0}.faq-section details[data-v-b4431b2c]{border-top:1px solid var(--color-border)}.faq-section details[data-v-b4431b2c]:last-child{border-bottom:1px solid var(--color-border)}.faq-section summary[data-v-b4431b2c]{cursor:pointer;padding:16px 0;color:var(--color-text);font-weight:750}.related-links[data-v-b4431b2c]{display:grid;gap:10px}.related-links a[data-v-b4431b2c]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:54px;padding:12px 14px;color:var(--color-text);background:hsla(0,0%,100%,.62);border:1px solid var(--color-border);border-radius:8px;font-weight:720;line-height:1.45;text-decoration:none}.related-links a[data-v-b4431b2c]:hover{color:var(--workspace-accent-dark);border-color:rgba(23,107,77,.28)}.related-links .material-icons[data-v-b4431b2c]{font-size:18px}.faq-section details p[data-v-b4431b2c]{margin:0 0 16px}.learn-cta-actions[data-v-b4431b2c]{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.primary-action[data-v-b4431b2c],.secondary-action[data-v-b4431b2c]{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:var(--radius-pill);font-weight:760;text-decoration:none}.primary-action[data-v-b4431b2c]{color:var(--color-text-inverse);background:#111827}.secondary-action[data-v-b4431b2c]{color:var(--workspace-accent-dark);background:var(--workspace-active-bg);border:1px solid rgba(23,107,77,.16)}@media (max-width:768px){.learn-page[data-v-b4431b2c]{padding:calc(var(--navbar-height) + 20px) 16px 64px}.back-link[data-v-b4431b2c]{margin-left:0;margin-right:0}.article-nav[data-v-b4431b2c]{align-items:stretch;flex-direction:column}.article-nav .back-link[data-v-b4431b2c],.language-link[data-v-b4431b2c]{justify-content:center;width:100%}.learn-article h1[data-v-b4431b2c]{font-size:1.8rem}.learn-description[data-v-b4431b2c]{font-size:1rem}.learn-cta[data-v-b4431b2c],.tldr-box[data-v-b4431b2c]{padding:18px}}.learn-index-page[data-v-f9955fb4]{width:min(1040px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:calc(var(--navbar-height) + 56px) 0 88px;color:var(--color-text)}.learn-index-header[data-v-f9955fb4]{max-width:760px}.learn-index-kicker[data-v-f9955fb4]{margin:0 0 12px;color:var(--workspace-accent-dark);font-size:.78rem;font-weight:800;text-transform:uppercase}.learn-index-header h1[data-v-f9955fb4]{margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.08;font-weight:840}.learn-index-header>p[data-v-f9955fb4]:not(.learn-index-kicker){margin:18px 0 0;color:var(--color-text-muted);font-size:1.06rem;line-height:1.72}.learn-index-actions[data-v-f9955fb4]{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.index-action[data-v-f9955fb4]{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;font-weight:760;text-decoration:none}.index-action-primary[data-v-f9955fb4]{color:#fff;background:#111827}.index-action-secondary[data-v-f9955fb4]{color:var(--workspace-accent-dark);background:hsla(0,0%,100%,.62);border:1px solid rgba(23,107,77,.18)}.guide-list[data-v-f9955fb4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:48px}.guide-item[data-v-f9955fb4]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;min-height:164px;padding:22px;color:inherit;background:hsla(0,0%,100%,.72);border:1px solid rgba(23,107,77,.14);border-radius:8px;box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.guide-item[data-v-f9955fb4]:hover{transform:translateY(-2px);border-color:rgba(23,107,77,.3);box-shadow:var(--shadow-md)}.guide-item h2[data-v-f9955fb4]{margin:0;font-size:1.12rem;line-height:1.4}.guide-item p[data-v-f9955fb4]{margin:10px 0 0;color:var(--color-text-muted);font-size:.94rem;line-height:1.65}.guide-item .material-icons[data-v-f9955fb4]{color:var(--workspace-accent-dark);font-size:20px}@media (max-width:760px){.learn-index-page[data-v-f9955fb4]{width:min(100% - 32px,1040px);padding-top:calc(var(--navbar-height) + 32px);padding-bottom:64px}.guide-list[data-v-f9955fb4]{grid-template-columns:1fr;margin-top:36px}.guide-item[data-v-f9955fb4]{min-height:0;padding:18px}}.language-toggle[data-v-248556d8]{padding:.3rem .6rem;border:1px solid var(--color-brand-100);border-radius:var(--radius-sm);background:transparent;color:var(--color-brand-600);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-right:.5rem}.language-toggle[data-v-248556d8]:hover{background-color:var(--color-brand-50)}@media (max-width:768px){.language-toggle[data-v-248556d8]{min-width:38px;height:30px;padding:0 .55rem;border-radius:var(--radius-pill);font-size:.72rem;margin-right:0;background:var(--color-surface)}}.user-menu[data-v-7bdcf4c2]{position:relative;display:flex;align-items:center;gap:.5rem}.user-avatar-wrapper[data-v-7bdcf4c2]{position:relative}.avatar-trigger[data-v-7bdcf4c2]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.32rem;height:38px;padding:2px 8px 2px 2px;color:#425466;background:hsla(0,0%,100%,.46);border:1px solid rgba(23,107,77,.16);border-radius:999px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.68),0 10px 24px rgba(17,24,39,.06);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.avatar-trigger.is-open[data-v-7bdcf4c2],.avatar-trigger[data-v-7bdcf4c2]:hover{background:hsla(0,0%,100%,.74);border-color:rgba(23,107,77,.28);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0 14px 30px rgba(23,107,77,.1)}.user-avatar[data-v-7bdcf4c2]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#43d3d5,#35c7c9 52%,#8bd7bb);border:2px solid hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 0 0 1px rgba(53,199,201,.22)}.account-avatar img[data-v-7bdcf4c2],.user-avatar img[data-v-7bdcf4c2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-initial[data-v-7bdcf4c2]{font-size:.92rem;font-weight:800;line-height:1}.presence-dot[data-v-7bdcf4c2]{position:absolute;left:28px;bottom:2px;width:8px;height:8px;background:#35c7c9;border:2px solid #fbfcf7;border-radius:50%}.trigger-chevron[data-v-7bdcf4c2]{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}.avatar-trigger.is-open .trigger-chevron[data-v-7bdcf4c2]{transform:rotate(225deg) translate(-1px,-1px)}.menu-dropdown[data-v-7bdcf4c2]{position:absolute;top:calc(100% + .7rem);right:0;width:328px;overflow:hidden;background:linear-gradient(180deg,rgba(251,252,247,.98),rgba(246,248,241,.96)),linear-gradient(135deg,rgba(23,107,77,.08),rgba(53,199,201,.05));border:1px solid rgba(23,107,77,.16);border-radius:16px;box-shadow:0 24px 60px rgba(17,24,39,.14),inset 0 1px 0 hsla(0,0%,100%,.78);z-index:1000;transform-origin:top right;transition:opacity .18s ease,transform .18s ease}.account-header[data-v-7bdcf4c2]{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1.15rem 1.15rem 1rem;background:linear-gradient(135deg,rgba(236,253,245,.78),hsla(0,0%,100%,.6));border-bottom:1px solid rgba(23,107,77,.1)}.account-avatar[data-v-7bdcf4c2]{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#43d3d5,#35c7c9 52%,#8bd7bb);border:3px solid hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 8px 20px rgba(53,199,201,.16);font-size:1rem;font-weight:800}.account-copy[data-v-7bdcf4c2]{min-width:0}.account-name[data-v-7bdcf4c2]{color:#0f172a;font-size:.92rem;font-weight:750}.account-name[data-v-7bdcf4c2],.user-email[data-v-7bdcf4c2]{overflow:hidden;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.user-email[data-v-7bdcf4c2]{margin-top:.18rem;color:#7c8ba1;font-size:.72rem}.plan-badge[data-v-7bdcf4c2]{padding:.28rem .5rem;color:#176b4d;background:rgba(236,253,245,.88);border:1px solid rgba(23,107,77,.16);border-radius:999px;font-size:.65rem;font-weight:750;white-space:nowrap}.plan-badge-loading[data-v-7bdcf4c2]{width:3.5rem;height:1.35rem;border-color:transparent}.usage-card[data-v-7bdcf4c2]{margin:.9rem 1rem;padding:.9rem;background:hsla(0,0%,100%,.62);border:1px solid rgba(23,107,77,.12);border-radius:12px}.plan-badge-loading[data-v-7bdcf4c2],.usage-card-loading span[data-v-7bdcf4c2]{background:linear-gradient(90deg,rgba(148,163,184,.12) 25%,rgba(148,163,184,.24) 50%,rgba(148,163,184,.12) 75%);background-size:200% 100%;animation:user-data-loading-7bdcf4c2 1.25s ease-in-out infinite}.usage-card-loading[data-v-7bdcf4c2]{display:grid;gap:.75rem}.usage-card-loading span[data-v-7bdcf4c2]{display:block;height:.8rem;border-radius:999px}.usage-card-loading span[data-v-7bdcf4c2]:last-child{height:5px}@keyframes user-data-loading-7bdcf4c2{0%{background-position:200% 0}to{background-position:-200% 0}}.usage-bucket+.usage-bucket[data-v-7bdcf4c2]{margin-top:.85rem}.usage-heading[data-v-7bdcf4c2]{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:.74rem}.usage-value[data-v-7bdcf4c2]{display:flex;align-items:baseline;gap:.2rem}.usage-value strong[data-v-7bdcf4c2]{color:#0f172a;font-size:.95rem;font-weight:750}.usage-value small[data-v-7bdcf4c2]{color:#94a3b8;font-size:.68rem}.usage-progress[data-v-7bdcf4c2]{height:5px;margin-top:.7rem;overflow:hidden;background:rgba(23,107,77,.12);border-radius:999px}.usage-bar[data-v-7bdcf4c2]{display:block;height:100%;background:linear-gradient(90deg,#176b4d,#35c7c9);border-radius:inherit;transition:width .25s ease}.usage-bar.low[data-v-7bdcf4c2]{background:#ef4444}.permanent-credits[data-v-7bdcf4c2]{padding-top:.8rem;border-top:1px solid rgba(23,107,77,.1)}.permanent-bar[data-v-7bdcf4c2]{background:linear-gradient(90deg,#f59e0b,#facc15)}.premium-expiry[data-v-7bdcf4c2]{margin-top:.55rem;font-size:.75rem;color:#7c8ba1}.menu-content[data-v-7bdcf4c2]{display:flex;flex-direction:column;gap:.45rem;padding:0 1rem 1rem}.menu-action[data-v-7bdcf4c2]{width:100%;display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.65rem .75rem;color:#334155;background:hsla(0,0%,100%,.38);border:1px solid transparent;border-radius:11px;font-size:.82rem;font-weight:650;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.action-icon[data-v-7bdcf4c2]{display:block;width:18px;height:18px;flex:0 0 18px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.icon-sparkles[data-v-7bdcf4c2]{mask-image:url(../img/sparkles.35e54ee5.svg);-webkit-mask-image:url(../img/sparkles.35e54ee5.svg)}.icon-gift[data-v-7bdcf4c2]{mask-image:url(../img/gift.8409a8e9.svg);-webkit-mask-image:url(../img/gift.8409a8e9.svg)}.referral-icon[data-v-7bdcf4c2]{color:var(--signal-reward)}.referral-label[data-v-7bdcf4c2]{flex:1 1 auto}.icon-logout[data-v-7bdcf4c2]{mask-image:url(../img/logout.db5d798d.svg);-webkit-mask-image:url(../img/logout.db5d798d.svg)}.upgrade-action[data-v-7bdcf4c2]{color:#0f172a;background:rgba(236,253,245,.78);border-color:rgba(23,107,77,.16)}.upgrade-action[data-v-7bdcf4c2]:hover{background:rgba(236,253,245,.96);border-color:rgba(23,107,77,.28)}.account-actions[data-v-7bdcf4c2]{display:flex;gap:var(--space-2)}.compact-action[data-v-7bdcf4c2]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.compact-action[data-v-7bdcf4c2]:focus-visible{border-color:var(--signal-active-strong);box-shadow:var(--focus-ring-brand);outline:none}.credits-action[data-v-7bdcf4c2]{flex:1;color:var(--color-text)}.credits-action[data-v-7bdcf4c2]:hover{color:var(--signal-active-strong);background:var(--color-surface-muted);border-color:var(--color-border-strong)}.action-copy[data-v-7bdcf4c2]{display:flex;flex:1;flex-direction:column;gap:.12rem;min-width:0}.action-copy strong[data-v-7bdcf4c2]{font-size:.8rem}.action-copy small[data-v-7bdcf4c2]{overflow:hidden;color:#667085;font-size:.67rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.action-arrow[data-v-7bdcf4c2]{width:7px;height:7px;margin-right:.15rem;border-top:1.5px solid rgba(23,107,77,.55);border-right:1.5px solid rgba(23,107,77,.55);transform:rotate(45deg)}.logout-action[data-v-7bdcf4c2]{flex:0 0 auto}.logout-action[data-v-7bdcf4c2]:hover{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.v-enter-active[data-v-7bdcf4c2],.v-leave-active[data-v-7bdcf4c2]{transition:opacity .18s ease,transform .18s ease}.v-enter-from[data-v-7bdcf4c2],.v-leave-to[data-v-7bdcf4c2]{opacity:0;transform:translateY(-8px) scale(.98)}@media (max-width:768px){.compact-action[data-v-7bdcf4c2]{min-height:44px}.avatar-trigger[data-v-7bdcf4c2]{height:38px;padding:2px;border:0;background:transparent;box-shadow:none}.user-avatar[data-v-7bdcf4c2]{width:34px;height:34px}.presence-dot[data-v-7bdcf4c2]{left:26px;bottom:1px}.trigger-chevron[data-v-7bdcf4c2]{display:none}.menu-dropdown[data-v-7bdcf4c2]{position:fixed;top:64px;right:12px;width:min(328px,calc(100vw - 24px))}}.navbar[data-v-05379a5d]{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--navbar-height);background:linear-gradient(180deg,rgba(247,249,241,.88),rgba(251,252,247,.76)),linear-gradient(90deg,rgba(23,107,77,.08),rgba(53,199,201,.06),rgba(255,209,102,.05));color:var(--color-text);box-shadow:0 12px 30px rgba(17,24,39,.06);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(23,107,77,.12);transition:all .3s ease}.navbar-container[data-v-05379a5d]{max-width:1240px;margin:0 auto;padding:0 2rem;height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0}.navbar-left[data-v-05379a5d]{display:flex;align-items:center;justify-content:flex-start;gap:1rem;min-width:0}.mobile-menu-button[data-v-05379a5d]{display:none;background:none;border:none;color:var(--color-brand-500);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:background-color .2s ease}.mobile-menu-button[data-v-05379a5d]:hover{background-color:var(--color-brand-50)}.mobile-menu-button .material-icons[data-v-05379a5d]{font-size:1.5rem}.navbar-right[data-v-05379a5d]{display:flex;align-items:center;justify-content:flex-end;gap:1rem;min-width:0}.navbar-logo[data-v-05379a5d]{display:flex;align-items:center;gap:.62rem;padding:0;border:0;background:transparent;font:inherit;cursor:pointer;opacity:1;transition:transform .2s ease}.navbar-logo[data-v-05379a5d]:hover{transform:translateY(-1px)}.logo[data-v-05379a5d]{height:2rem;width:2rem;-o-object-fit:cover;object-fit:cover;clip-path:circle(50% at center)}.brand-name[data-v-05379a5d]{color:var(--color-text);font-size:1rem;font-weight:800;letter-spacing:-.02em}.navbar-links[data-v-05379a5d]{display:flex;align-items:center;justify-content:flex-start;gap:1.2rem;margin-left:1.1rem}.navbar-links button[data-v-05379a5d]{min-height:32px;padding:0;border:0;color:#475569;background:transparent;font:inherit;font-size:.86rem;font-weight:720;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.navbar-links button[data-v-05379a5d]:hover{color:#0f172a;background:transparent;transform:translateY(-1px)}.auth-buttons[data-v-05379a5d]{display:flex;gap:.55rem;align-items:center}.btn[data-v-05379a5d]{display:flex;align-items:center;justify-content:center;width:auto;height:38px;padding:0 .95rem;border-radius:var(--radius-pill);border:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.btn .material-icons[data-v-05379a5d]{font-size:18px}.auth-label[data-v-05379a5d]{font-size:.85rem;font-weight:750}.btn-login[data-v-05379a5d]{background-color:hsla(0,0%,100%,.36);color:var(--color-text);border:1px solid rgba(23,107,77,.18)}.btn-login[data-v-05379a5d]:hover{color:#0f172a;background-color:hsla(0,0%,100%,.72);border-color:rgba(23,107,77,.32)}.btn-signup[data-v-05379a5d]{background-color:#111827;color:#fff;box-shadow:0 14px 28px rgba(15,23,42,.14)}.btn-signup[data-v-05379a5d]:hover{background-color:#0f172a;transform:translateY(-1px)}[data-v-05379a5d] .language-toggle{min-height:34px;padding:0 .78rem;border-color:rgba(23,107,77,.16);border-radius:999px;color:#334155;background:hsla(0,0%,100%,.52);font-weight:760;margin-right:0}.navbar.is-compact[data-v-05379a5d]{height:var(--app-navbar-height);background:var(--color-page);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:var(--border-subtle)}.navbar.is-compact .navbar-container[data-v-05379a5d]{max-width:none;padding:0 var(--space-5) 0 var(--space-6)}.navbar.is-compact .logo[data-v-05379a5d]{height:1.75rem;width:1.75rem}@media (max-width:1024px){.navbar-container[data-v-05379a5d]{padding:0 1rem}.navbar-links[data-v-05379a5d]{gap:.8rem;margin-left:.7rem}.navbar-links button[data-v-05379a5d]{font-size:.8rem}.btn[data-v-05379a5d]{height:34px;padding:0 .72rem}.btn .material-icons[data-v-05379a5d]{font-size:16px;width:16px;height:16px}}@media (max-width:768px){.navbar.is-player[data-v-05379a5d]{display:none}.navbar[data-v-05379a5d]{height:3.5rem;background:linear-gradient(180deg,rgba(247,249,241,.92),rgba(251,252,247,.82)),linear-gradient(90deg,rgba(23,107,77,.08),rgba(53,199,201,.06))}.navbar-container[data-v-05379a5d],.navbar.is-compact .navbar-container[data-v-05379a5d]{display:flex;justify-content:space-between;padding:0 .875rem;gap:.75rem}.navbar-links[data-v-05379a5d]{display:none}.navbar-left[data-v-05379a5d]{flex:0 0 auto}.mobile-menu-button[data-v-05379a5d]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;flex:0 0 34px}.logo[data-v-05379a5d]{height:2.1rem;width:2.1rem}.auth-label[data-v-05379a5d],.brand-name[data-v-05379a5d]{display:none}.auth-buttons[data-v-05379a5d]{gap:.5rem}.btn[data-v-05379a5d]{width:34px;height:34px;padding:0;min-width:unset;min-height:unset}.btn .material-icons[data-v-05379a5d]{font-size:18px}.navbar-right[data-v-05379a5d]{gap:.6rem;margin-left:auto}}.back-to-site[data-v-55851c3a]{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;margin-left:calc(var(--space-2)*-1);padding:0 var(--space-3) 0 var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-primary);font:inherit;font-weight:700;cursor:pointer}.back-to-site[data-v-55851c3a]:hover{background:var(--surface-subtle)}.back-to-site[data-v-55851c3a]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.back-to-site .material-icons[data-v-55851c3a]{color:var(--ink-tertiary);font-size:20px}.back-to-site-logo[data-v-55851c3a]{width:28px;height:28px;clip-path:circle(50% at center)}.auth-page[data-v-0e11435b]{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,520px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface-panel)}.auth-main[data-v-0e11435b]{display:flex;flex-direction:column;min-height:100%;padding:var(--space-6) var(--space-10) var(--space-10)}.auth-body[data-v-0e11435b]{display:flex;flex-direction:column;width:min(360px,100%);margin:auto;padding:var(--space-8) 0}.auth-header h1[data-v-0e11435b],.auth-state h1[data-v-0e11435b]{margin:0;color:var(--ink-primary);font-size:var(--font-size-2xl);font-weight:700;line-height:1.25;letter-spacing:-.01em}.auth-header p[data-v-0e11435b]{margin:var(--space-2) 0 0;color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.6}.auth-mainland-notice[data-v-0e11435b]{margin-top:var(--space-4)}.auth-google[data-v-0e11435b]{height:44px;margin-top:var(--space-6);display:flex;align-items:center;justify-content:center;gap:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-primary);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.auth-google svg[data-v-0e11435b]{width:18px;height:18px}.auth-google[data-v-0e11435b]:hover:not(:disabled){border-color:var(--border-active);background:var(--surface-subtle)}.auth-divider[data-v-0e11435b]{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--ink-tertiary);font-size:var(--font-size-xs)}.auth-divider[data-v-0e11435b]:after,.auth-divider[data-v-0e11435b]:before{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-form[data-v-0e11435b]{display:grid;gap:var(--space-4)}.auth-form-reset[data-v-0e11435b]{margin-top:var(--space-6)}.auth-field[data-v-0e11435b]{display:grid;gap:var(--space-2)}.auth-label-row[data-v-0e11435b]{display:flex;align-items:baseline;justify-content:space-between}.auth-label[data-v-0e11435b]{color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:600}.auth-input-wrap[data-v-0e11435b]{position:relative;display:block}.auth-input[data-v-0e11435b]{width:100%;height:44px;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-primary);font:inherit;font-size:var(--font-size-md);transition:border-color .16s ease,box-shadow .16s ease}.auth-input-wrap .auth-input[data-v-0e11435b]{padding-right:44px}.auth-input[data-v-0e11435b]::-moz-placeholder{color:var(--ink-tertiary)}.auth-input[data-v-0e11435b]::placeholder{color:var(--ink-tertiary)}.auth-input[data-v-0e11435b]:focus{outline:none;border-color:var(--signal-active-strong);box-shadow:var(--focus-ring-brand)}.auth-reveal[data-v-0e11435b]{position:absolute;top:50%;right:6px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-tertiary);transform:translateY(-50%);cursor:pointer}.auth-reveal[data-v-0e11435b]:hover{color:var(--ink-primary)}.auth-reveal .material-icons[data-v-0e11435b]{font-size:18px}.auth-hint[data-v-0e11435b]{color:var(--ink-tertiary);font-size:var(--font-size-xs)}.auth-hint.is-met[data-v-0e11435b]{color:var(--color-success-text)}.auth-hint.is-met[data-v-0e11435b]:before{content:"✓ "}.auth-field-error[data-v-0e11435b]{color:var(--color-danger);font-size:var(--font-size-xs)}.auth-link[data-v-0e11435b]{padding:0;border:0;background:transparent;color:var(--signal-active-strong);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.auth-link[data-v-0e11435b]:hover{text-decoration:underline}.auth-label-row .auth-link[data-v-0e11435b]{font-size:var(--font-size-xs);font-weight:500}.auth-referral+.auth-google[data-v-0e11435b],.auth-referral[data-v-0e11435b]{margin-top:var(--space-4)}.auth-referral-toggle[data-v-0e11435b]{font-size:var(--font-size-xs);font-weight:500}.auth-error[data-v-0e11435b],.auth-notice[data-v-0e11435b]{margin:0;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.5}.auth-error[data-v-0e11435b]{background:var(--color-danger-bg);color:var(--color-danger)}.auth-error .auth-link[data-v-0e11435b]{margin-left:var(--space-1)}.auth-notice[data-v-0e11435b]{background:var(--color-success-bg);color:var(--color-success-text)}.auth-secondary[data-v-0e11435b],.auth-submit[data-v-0e11435b]{height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:opacity .16s ease,background-color .16s ease}.auth-submit[data-v-0e11435b]{border:1px solid var(--ink-primary);background:var(--ink-primary);color:var(--color-text-inverse)}.auth-submit[data-v-0e11435b]:hover:not(:disabled){opacity:.88}.auth-secondary[data-v-0e11435b]{border:1px solid var(--border-default);background:var(--surface-panel);color:var(--ink-primary)}.auth-secondary[data-v-0e11435b]:hover:not(:disabled){background:var(--surface-subtle)}.auth-google[data-v-0e11435b]:disabled,.auth-secondary[data-v-0e11435b]:disabled,.auth-submit[data-v-0e11435b]:disabled{cursor:not-allowed;opacity:.55}.auth-google[data-v-0e11435b]:focus-visible,.auth-link[data-v-0e11435b]:focus-visible,.auth-reveal[data-v-0e11435b]:focus-visible,.auth-secondary[data-v-0e11435b]:focus-visible,.auth-submit[data-v-0e11435b]:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.auth-spinner[data-v-0e11435b]{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:auth-spin-0e11435b .8s linear infinite}@keyframes auth-spin-0e11435b{to{transform:rotate(1turn)}}.auth-terms[data-v-0e11435b]{margin:var(--space-4) 0 0;color:var(--ink-tertiary);font-size:var(--font-size-xs);line-height:1.6}.auth-terms a[data-v-0e11435b]{color:var(--ink-secondary);text-decoration:underline}.auth-switch[data-v-0e11435b]{margin:var(--space-8) 0 0;color:var(--ink-secondary);font-size:var(--font-size-sm);text-align:center}.auth-state[data-v-0e11435b]{display:grid;gap:var(--space-3);text-align:center}.auth-state-icon[data-v-0e11435b]{justify-self:center;width:56px;height:56px;display:grid;place-items:center;margin-bottom:var(--space-2);border-radius:var(--radius-pill);background:var(--surface-active);color:var(--signal-active-strong);font-size:28px}.auth-state p[data-v-0e11435b]{margin:0;color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.6}.auth-state .auth-state-hint[data-v-0e11435b]{color:var(--ink-tertiary);font-size:var(--font-size-xs)}.auth-state .auth-submit[data-v-0e11435b]{margin-top:var(--space-4)}.auth-visual[data-v-0e11435b]{--visual-width:min(100%,1120px,calc(208.1193vh - 582.73405px));position:sticky;top:0;order:-1;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-10);padding:var(--space-16);border-right:1px solid var(--border-subtle);background:var(--color-page)}.visual-title[data-v-0e11435b]{width:var(--visual-width);margin:0;color:var(--ink-primary);font-family:var(--font-family-display);font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:500;line-height:1.2;letter-spacing:-.01em}.visual-title.is-zh[data-v-0e11435b]{font-family:var(--font-family-display-zh);font-weight:700;line-height:1.3}.visual-shot[data-v-0e11435b]{width:var(--visual-width);overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-float)}.visual-shot img[data-v-0e11435b]{display:block;width:100%;aspect-ratio:2512/1207;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom}@media (prefers-reduced-motion:reduce){.auth-spinner[data-v-0e11435b]{animation:none}}@media (max-width:1024px){.auth-page[data-v-0e11435b]{grid-template-columns:1fr}.auth-visual[data-v-0e11435b]{display:none}}@media (max-width:640px){.auth-main[data-v-0e11435b]{padding:var(--space-4) var(--space-5) var(--space-8)}}.pricing-page[data-v-3ab86fde]{position:fixed;inset:0;z-index:1000;overflow-y:auto;overscroll-behavior:contain;background:var(--color-page)}.pricing-top[data-v-3ab86fde]{padding:var(--space-6) var(--space-10) 0}.pricing-content[data-v-3ab86fde]{width:min(1120px,100%);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.pricing-hero[data-v-3ab86fde]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.25rem;margin-bottom:var(--space-6)}.pricing-title[data-v-3ab86fde]{margin:0;font-size:clamp(1.7rem,2.5vw,2.2rem);line-height:1.12;letter-spacing:-.025em;color:var(--color-text);font-family:var(--font-family-display);font-weight:600}.payment-options[data-v-3ab86fde]{min-width:0;display:flex;justify-content:flex-end}.toggle-buttons[data-v-3ab86fde]{display:inline-flex;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:12px;padding:4px;flex-wrap:wrap;justify-content:center;gap:4px}.toggle-buttons button[data-v-3ab86fde]{min-height:34px;padding:0 16px;border:none;background:none;cursor:pointer;border-radius:9px;font-weight:700;color:var(--color-text-muted);transition:background .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap;font-size:.9rem}.toggle-buttons button.active[data-v-3ab86fde]{background:var(--surface-panel);color:var(--color-text);box-shadow:var(--shadow-sm)}.period-selection[data-v-3ab86fde]{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.payment-note[data-v-3ab86fde]{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.9rem;padding:.54rem .78rem;border:1px solid var(--border-subtle);background:var(--surface-subtle);border-radius:12px;white-space:nowrap}.payment-note svg[data-v-3ab86fde]{width:1rem;height:1rem;color:var(--color-brand-500)}.premium-error[data-v-3ab86fde]{margin:0 0 1rem;padding:.75rem .9rem;border:1px solid rgba(220,38,38,.18);border-radius:12px;color:#991b1b;background:rgba(254,242,242,.86);font-size:.92rem}.active-subscription[data-v-3ab86fde]{margin:0 0 1rem;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--border-active);border-radius:12px;background:var(--surface-active)}.active-subscription strong[data-v-3ab86fde]{color:var(--color-text);font-size:.92rem}.active-subscription p[data-v-3ab86fde]{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.8rem}.active-subscription button[data-v-3ab86fde]{flex:0 0 auto;min-height:38px;padding:0 .9rem;border:1px solid var(--border-active);border-radius:10px;color:var(--color-brand-800);background:var(--surface-panel);font-weight:750;cursor:pointer}.plans-container[data-v-3ab86fde]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--border-default);border-radius:18px;overflow:hidden}.plan-allowance-note[data-v-3ab86fde]{margin:.75rem 0 0;color:var(--color-text-muted);font-size:.78rem;line-height:1.45;text-align:center}.plan-card[data-v-3ab86fde]{min-width:0;padding:1.25rem 1.35rem;border:0;border-radius:0;text-align:left;display:flex;flex-direction:column;gap:1rem;height:100%;background:var(--surface-panel);box-shadow:none}.plan-card.free[data-v-3ab86fde]{background:var(--surface-subtle)}.plan-card.premium[data-v-3ab86fde],.plan-card.pro[data-v-3ab86fde]{color:var(--color-text);position:relative;overflow:hidden;border-left:1px solid rgba(17,24,39,.08)}.plan-card.credit-pack[data-v-3ab86fde]{position:relative;background:linear-gradient(180deg,#fff,rgba(236,253,245,.32))}.plan-card.credit-pack+.plan-card.credit-pack[data-v-3ab86fde]{border-left:1px solid rgba(17,24,39,.08)}.plan-card.credit-pack .price[data-v-3ab86fde]{background:linear-gradient(135deg,var(--color-brand-900),var(--color-brand-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.plan-card.credit-pack .features-list[data-v-3ab86fde]{grid-template-rows:repeat(3,58px)}.plan-card.credit-pack .feature-item[data-v-3ab86fde]{min-height:58px}.plan-card.credit-pack .upgrade-button[data-v-3ab86fde]{background:var(--color-brand-900);color:var(--color-text-inverse);border-color:var(--color-brand-900)}.plan-card.pro[data-v-3ab86fde]{background:var(--surface-active)}.plan-card.premium[data-v-3ab86fde]{background:var(--surface-panel)}.plan-card.premium .price[data-v-3ab86fde],.plan-card.pro .price[data-v-3ab86fde]{background:linear-gradient(135deg,var(--color-brand-900),var(--color-brand-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.plan-card.premium .discount[data-v-3ab86fde],.plan-card.pro .discount[data-v-3ab86fde]{background:var(--color-brand-100);color:var(--color-brand-800)}.plan-card.premium .upgrade-button[data-v-3ab86fde],.plan-card.pro .upgrade-button[data-v-3ab86fde]{background:var(--color-brand-900);color:var(--color-text-inverse);border-color:var(--color-brand-900)}.plan-header[data-v-3ab86fde]{text-align:left;min-height:144px;flex:0 0 auto;display:grid;align-content:start;grid-template-rows:auto auto auto 26px}.plan-header h3[data-v-3ab86fde]{margin:0;font-size:1.18rem;line-height:1.2}.plan-description[data-v-3ab86fde]{margin:.45rem 0 0;color:var(--color-text-muted);font-size:.95rem;opacity:.9}.features-list[data-v-3ab86fde]{flex:0 0 auto;display:grid;grid-template-rows:repeat(7,44px);gap:0;border-top:1px solid rgba(17,24,39,.08);margin:0 0 .25rem;padding:0}.feature-item[data-v-3ab86fde]{min-height:44px;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:.75rem;padding:0;border-bottom:1px solid rgba(17,24,39,.08)}.feature-item dt[data-v-3ab86fde]{color:var(--color-text-muted);font-size:.78rem;font-weight:600;line-height:1.2}.feature-item dd[data-v-3ab86fde]{min-width:0;margin:0;color:var(--color-text);font-size:.92rem;font-weight:700;line-height:1.25;text-align:right;overflow-wrap:anywhere}.upgrade-button[data-v-3ab86fde]{margin-top:auto;width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--color-surface);color:var(--color-brand-800);border:1px solid rgba(23,107,77,.16);padding:0 1rem;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;position:relative;flex:0 0 auto}.upgrade-button svg[data-v-3ab86fde]{width:1.05rem;height:1.05rem;flex:0 0 auto}.upgrade-button[data-v-3ab86fde]:hover:not(:disabled){transform:none;box-shadow:none}.upgrade-button[data-v-3ab86fde]:active:not(:disabled){transform:translateY(0)}.static-button[data-v-3ab86fde]{cursor:default;color:var(--color-text-muted);background:var(--surface-subtle);border-color:rgba(17,24,39,.08)}.upgrade-button[data-v-3ab86fde]:disabled{opacity:.7;cursor:not-allowed}.price-container[data-v-3ab86fde]{min-height:50px;margin:.9rem 0 0;text-align:left;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;flex-wrap:wrap}.price[data-v-3ab86fde]{max-width:100%;display:flex;align-items:baseline;flex-wrap:wrap;gap:.34rem;font-weight:800;color:var(--color-text);line-height:1.02;background:linear-gradient(135deg,var(--color-text),var(--color-text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price-reference[data-v-3ab86fde]{color:var(--ink-tertiary);font-size:var(--font-size-sm);font-weight:500}.price-amount[data-v-3ab86fde]{font-size:clamp(1.9rem,3vw,2.42rem);letter-spacing:-.04em}.price-period[data-v-3ab86fde]{font-size:clamp(.98rem,1.5vw,1.18rem);letter-spacing:-.02em}.discount-slot[data-v-3ab86fde]{min-height:26px;display:flex;align-items:center;gap:var(--space-2)}.discount[data-v-3ab86fde]{font-size:.78rem;padding:4px 10px;border-radius:var(--radius-pill);font-weight:760;white-space:nowrap}.discount.quarterly[data-v-3ab86fde]{background:var(--color-brand-50)}.discount.halfYearly[data-v-3ab86fde]{background:var(--color-brand-100)}.discount.yearly[data-v-3ab86fde]{background:var(--color-brand-200)}@media (max-width:980px){.plans-container[data-v-3ab86fde]{grid-template-columns:1fr}.plan-card.credit-pack+.plan-card.credit-pack[data-v-3ab86fde],.plan-card.premium[data-v-3ab86fde],.plan-card.pro[data-v-3ab86fde]{border-left:0;border-top:1px solid rgba(17,24,39,.08)}}@media (max-width:768px){.pricing-top[data-v-3ab86fde]{padding:var(--space-4) var(--space-5) 0}.pricing-content[data-v-3ab86fde]{padding:var(--space-5) var(--space-4) var(--space-10)}.pricing-hero[data-v-3ab86fde]{grid-template-columns:1fr;gap:1rem;align-items:start}.payment-options[data-v-3ab86fde],.period-selection[data-v-3ab86fde]{justify-content:stretch}.plan-card[data-v-3ab86fde]{padding:1rem}.plan-header[data-v-3ab86fde]{min-height:auto;grid-template-rows:auto}.features-list[data-v-3ab86fde]{grid-template-rows:repeat(7,minmax(42px,auto))}.discount[data-v-3ab86fde]{font-size:.8rem;padding:3px 10px}.toggle-buttons[data-v-3ab86fde]{width:100%;justify-content:center}.toggle-buttons button[data-v-3ab86fde]{flex:1 1 calc(50% - 4px);text-align:center;padding:10px 12px}.payment-note[data-v-3ab86fde]{width:100%;justify-content:center;white-space:normal;text-align:center}}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;width:100%;overflow-x:hidden}@supports (overflow:clip){body,html{overflow-x:clip}}#app{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;width:100%;display:flex;flex-direction:column;overflow-x:hidden;position:relative;background:var(--color-page)}@supports (overflow:clip){#app{overflow-x:clip}}#app:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(17,24,39,.028) 1px,transparent 0),linear-gradient(180deg,rgba(17,24,39,.024) 1px,transparent 0),linear-gradient(118deg,rgba(23,107,77,.08),transparent 24%),linear-gradient(242deg,rgba(53,199,201,.07),transparent 28%),linear-gradient(180deg,#f4f6ef,#fbfcf7 46%,#eef6f2);background-size:56px 56px,56px 56px,auto,auto,auto;z-index:0;pointer-events:none}#app.has-compact-nav{--navbar-height:var(--app-navbar-height)}#app.is-workspace:before{display:none}.app-content{min-height:calc(100vh - var(--navbar-height));position:relative;z-index:auto;display:flex;justify-content:center;padding:calc(var(--navbar-height) + var(--space-5)) var(--space-6) var(--space-8);width:100%}.app-content.is-home,.app-content.is-player,.app-content.is-standalone{display:block;padding:0}.app-shell{width:100%;max-width:var(--content-max-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-6);min-width:0}.app-content.has-sidebar{display:block;min-height:100vh;padding:calc(var(--app-navbar-height) + var(--space-8)) var(--space-10) var(--space-8) calc(var(--sidebar-width) + var(--space-10))}.app-shell.has-sidebar{display:block;max-width:var(--workspace-page-max-width)}.app-shell.is-home,.app-shell.is-player,.app-shell.is-standalone{max-width:none;display:block}.rename-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;transition:border-color .2s ease;outline:none}.rename-input:focus{border-color:var(--color-brand-500);box-shadow:var(--focus-ring-brand)}.delete-message{font-size:1rem;color:var(--color-text);margin:0 0 .5rem}.delete-warning{font-size:.875rem;color:var(--color-danger);margin:0}.dialog-action{padding:.5rem 1rem;border:none;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.dialog-action.primary{background:var(--color-brand-500);color:var(--color-text-inverse)}.dialog-action.secondary{background:var(--color-surface-muted);color:var(--color-text-muted)}.dialog-action.danger{background:var(--color-danger);color:var(--color-text-inverse)}.dialog-action.primary:hover{background:var(--color-brand-600)}.dialog-action.secondary:hover{background:var(--color-border)}.dialog-action.danger:hover{background:var(--color-danger-400)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease}@media (max-width:768px){.app-content{padding:calc(4rem + var(--space-4)) var(--space-4) var(--space-4)}.app-content.has-sidebar{padding:calc(3.5rem + var(--space-4)) var(--space-4) var(--space-4)}}:root{--color-brand-50:#ecfeff;--color-brand-100:#cffafe;--color-brand-200:#a5f3fc;--color-brand-300:#67e8f9;--color-brand-400:#35d3bf;--color-brand-500:#31c7b3;--color-brand-600:#087d72;--color-brand-700:#06685f;--color-brand-800:#115f60;--color-brand-900:#111827;--color-accent-50:#f7f7f2;--color-accent-100:#eef7f6;--color-accent-300:#8ee9dc;--color-accent-500:#31c7b3;--color-accent-600:#087d72;--color-accent-700:#06685f;--color-surface:#fff;--color-surface-raised:hsla(0,0%,100%,0.96);--surface-floating-glass:hsla(0,0%,100%,0.76);--color-surface-muted:#f7f7f2;--color-page:#f5f7f2;--color-border:#dfe7e4;--color-border-strong:#b8c9c7;--color-overlay:rgba(15,23,42,0.5);--color-overlay-strong:rgba(15,23,42,0.8);--color-text:#101820;--color-text-muted:#5d6b82;--color-text-subtle:#7a8799;--color-text-inverse:#fff;--color-success:#16a34a;--color-success-bg:#ecfdf5;--color-success-text:#166534;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-text:#92400e;--color-danger-400:#f87171;--color-danger:#dc2626;--color-danger-border:#fecaca;--color-danger-bg:#fef2f2;--color-danger-bg-strong:#fee2e2;--color-accent-bg:#ecfeff;--font-family-display:"Newsreader",Georgia,"Times New Roman",serif;--font-family-base:"Inter","Noto Sans SC","SF Pro Text","Segoe UI","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--font-family-display-zh:"Noto Sans SC","PingFang SC","Microsoft YaHei","Inter",sans-serif;--font-family-data:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(18,32,51,0.05);--shadow-md:0 8px 24px rgba(18,32,51,0.07);--shadow-lg:0 20px 52px rgba(18,32,51,0.1);--shadow-control:0 2px 8px rgba(18,32,51,0.12);--shadow-hover:0 12px 28px rgba(18,32,51,0.12);--shadow-brand:0 12px 24px rgba(53,199,201,0.22);--focus-ring-brand:0 0 0 3px rgba(53,199,201,0.18);--focus-ring-brand-strong:0 0 0 3px rgba(53,199,201,0.22);--navbar-height:5rem;--app-navbar-height:3.5rem;--workspace-page-max-width:1280px;--content-max-width:1400px;--sidebar-width:240px;--workspace-panel-body-height:min(60vh,620px);--workspace-shell-bg:hsla(0,0%,100%,0.84);--workspace-shell-border:rgba(16,24,32,0.12);--workspace-shell-shadow:0 18px 48px rgba(16,24,32,0.08);--workspace-panel-bg:#fff;--workspace-panel-border:rgba(16,24,32,0.12);--workspace-control-bg:hsla(0,0%,100%,0.72);--workspace-control-hover:rgba(49,199,179,0.08);--workspace-row-hover:rgba(49,199,179,0.06);--workspace-card-bg:hsla(0,0%,100%,0.86);--workspace-card-bg-soft:rgba(251,252,247,0.76);--workspace-active-bg:rgba(49,199,179,0.1);--workspace-active-border:rgba(8,125,114,0.28);--workspace-accent:#31c7b3;--workspace-accent-dark:#087d72;--workspace-warm-bg:rgba(255,248,229,0.72);--workspace-warm-border:rgba(245,158,11,0.18);--control-height-md:2.375rem;--surface-canvas:var(--color-page);--surface-shell:var(--workspace-shell-bg);--surface-panel:var(--color-surface);--surface-subtle:#f8faf7;--surface-active:var(--workspace-active-bg);--border-subtle:rgba(16,24,32,0.08);--border-default:rgba(16,24,32,0.12);--border-active:var(--workspace-active-border);--ink-primary:var(--color-text);--ink-secondary:var(--color-text-muted);--ink-tertiary:var(--color-text-subtle);--signal-active:var(--color-brand-500);--signal-active-strong:var(--color-brand-600);--signal-marker:#ffd166;--signal-reward:#d4930a;--shadow-float:0 18px 48px rgba(16,24,32,0.12);--shadow-lift:0 10px 28px rgba(16,24,32,0.08);--ease-spring:cubic-bezier(0.32,0.72,0,1);--ease-exit:cubic-bezier(0.4,0,1,1);--duration-panel:440ms;--duration-panel-exit:240ms;--background-color:var(--color-surface-raised);--card-background-color:var(--color-surface);--surface-card:var(--color-surface-muted);--primary-color:var(--color-brand-500);--primary-color-dark:var(--color-brand-600);--secondary-color:var(--color-accent-500);--text-primary:var(--color-text);--text-secondary:var(--color-text-muted);--text-color:var(--color-text);--text-color-light:var(--color-text-subtle);--background-secondary:var(--color-surface-muted);--link-color:var(--color-brand-600);--border-color:var(--color-border);--bg-secondary:var(--color-surface-muted);--hover-bg:var(--color-brand-50);--success-color:var(--color-success);--danger-color:var(--color-danger);--warning-color:var(--color-warning);--error-color:var(--color-danger);--error-bg:var(--color-danger-bg);--icon-filter:none}@media (max-width:768px){:root{--navbar-height:3.5rem}}.material-icons,.material-icons-outlined{font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-icons{font-family:Material Icons}.material-icons-outlined{font-family:Material Icons Outlined}html{font-family:var(--font-family-base)}body,html{background:var(--color-page);color:var(--color-text)}body{text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}a,button,input,select,textarea{transition-duration:.18s;transition-timing-function:ease}a:active,button:active{transform:translateY(1px)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-subtle)}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}*{scrollbar-width:thin;scrollbar-color:#c9d3e1 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9d3e1;border:3px solid transparent;border-radius:var(--radius-pill);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#aebbd0;border:3px solid transparent;background-clip:content-box}a{color:inherit}:focus-visible{outline:3px solid var(--color-brand-200);outline-offset:2px}::-moz-selection{background:var(--color-brand-100)}::selection{background:var(--color-brand-100)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--workspace-fill-height:max(420px,calc(100vh - var(--app-navbar-height) - 13rem))}.workspace-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.workspace-heading{min-width:0}.workspace-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.workspace-title{margin:0;color:var(--ink-primary);font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;letter-spacing:-.02em}.workspace-subtitle{max-width:42rem;margin:var(--space-1) 0 0;color:var(--ink-secondary);font-size:var(--font-size-sm);line-height:1.5}.workspace-count{color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.workspace-actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-2)}.workspace-panel,.workspace-state{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel)}.workspace-state{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:240px;padding:var(--space-8);color:var(--ink-secondary);font-size:var(--font-size-sm);text-align:center}@media (max-width:768px){.workspace-header{flex-direction:column;align-items:stretch;gap:var(--space-4);margin-bottom:var(--space-4)}.workspace-title{font-size:var(--font-size-2xl)}.workspace-actions{flex-wrap:wrap}}.cm-dialog{min-width:0;display:flex;flex-direction:column;color:var(--ink-primary);font-family:var(--font-family-base)}.cm-body{display:grid;gap:var(--space-5)}.cm-field{display:grid;gap:var(--space-2);min-width:0}.cm-label{color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:500}.cm-hint{margin:0;color:var(--ink-tertiary);font-size:var(--font-size-xs);line-height:1.5}.cm-group{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel)}.cm-group-part{display:contents}.cm-group .cm-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px var(--space-4);min-height:52px;padding:var(--space-2) var(--space-4)}.cm-group .cm-field+.cm-field,.cm-group .cm-group-part .cm-field{border-top:1px solid var(--border-subtle)}.cm-group .cm-hint{grid-column:1/-1;padding-bottom:var(--space-1)}.cm-group .cm-select{min-width:0}.cm-group .cm-select-button{width:auto;max-width:240px;height:36px;margin-right:calc(var(--space-2)*-1);padding:0 var(--space-2);border-color:transparent;background:transparent;color:var(--ink-secondary)}.cm-group .cm-select-button:hover:not(:disabled){border-color:transparent;background:var(--surface-subtle);color:var(--ink-primary)}.cm-group .cm-select-menu{left:auto;width:-moz-max-content;width:max-content;min-width:200px;max-width:280px}.cm-group .cm-inline>.cm-select{flex:0 1 auto}.cm-group .cm-icon-button{width:32px;height:32px;border-color:transparent;background:transparent}.cm-group .cm-range{width:200px}.cm-inline{display:flex;align-items:center;gap:var(--space-2);min-width:0}.cm-inline>.cm-input,.cm-inline>.cm-select{flex:1;min-width:0}.cm-input,.cm-select-button,.cm-textarea{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-primary);font:inherit;font-size:var(--font-size-sm);transition:border-color .16s ease,box-shadow .16s ease}.cm-input{height:44px;padding:0 var(--space-4)}.cm-input,.cm-textarea{font-size:var(--font-size-md)}.cm-textarea{display:block;min-height:240px;padding:var(--space-4);border-radius:var(--radius-lg);resize:vertical;line-height:1.6}.cm-input::-moz-placeholder,.cm-textarea::-moz-placeholder{color:var(--ink-tertiary)}.cm-input::placeholder,.cm-textarea::placeholder{color:var(--ink-tertiary)}.cm-input:focus,.cm-select-button:focus-visible,.cm-select.open .cm-select-button,.cm-textarea:focus{outline:none;border-color:var(--signal-active-strong);box-shadow:var(--focus-ring-brand)}.cm-input:disabled,.cm-select-button:disabled,.cm-textarea:disabled{background:var(--surface-subtle);color:var(--ink-tertiary);cursor:not-allowed}.cm-textarea-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--ink-tertiary);font-size:var(--font-size-xs)}.cm-textarea-meta .cm-count{font-family:var(--font-family-data);font-variant-numeric:tabular-nums}.cm-select{position:relative;min-width:0}.cm-select-button{height:40px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-3);text-align:left;cursor:pointer}.cm-select-button:hover:not(:disabled){border-color:var(--border-active)}.cm-select-value{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cm-select-arrow{flex:0 0 auto;width:8px;height:8px;margin-top:-3px;border-right:1.5px solid var(--ink-tertiary);border-bottom:1.5px solid var(--ink-tertiary);transform:rotate(45deg);transition:transform .16s ease}.cm-select.open .cm-select-arrow{margin-top:3px;transform:rotate(-135deg)}.cm-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);box-shadow:var(--shadow-md)}.cm-select-menu.is-scroll{max-height:240px;overflow-y:auto}.cm-select-option{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-primary);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.cm-select-option:hover{background:var(--surface-subtle)}.cm-select-option.selected{background:var(--surface-active);font-weight:600}.cm-select-check{flex:0 0 auto;width:14px;height:14px}.cm-select-option.selected .cm-select-check{background:var(--signal-active-strong);mask:url(../img/check.597c38e7.svg) center/contain no-repeat;-webkit-mask:url(../img/check.597c38e7.svg) center/contain no-repeat}.cm-segmented{justify-self:start;display:inline-flex;gap:2px;padding:2px;border-radius:var(--radius-md);background:rgba(16,24,32,.06)}.cm-segmented button{height:30px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background-color .16s ease,color .16s ease}.cm-segmented button:hover:not(.active){color:var(--ink-primary)}.cm-segmented button.active{background:var(--surface-panel);color:var(--ink-primary);font-weight:600;box-shadow:var(--shadow-sm)}.cm-segmented button:disabled{cursor:not-allowed;opacity:.5}.cm-segmented button:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.cm-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cm-dropzone{min-height:200px;align-content:center;display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-8) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--surface-panel);text-align:center;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.cm-dropzone.is-dragging,.cm-dropzone:hover{border-color:var(--signal-active-strong);background:var(--surface-active)}.cm-dropzone .cm-icon{width:22px;height:22px;margin-bottom:var(--space-2);color:var(--ink-secondary)}.cm-dropzone-title{margin:0;color:var(--ink-primary);font-size:var(--font-size-md);font-weight:600}.cm-dropzone-hint{margin:0;color:var(--ink-tertiary);font-size:var(--font-size-xs)}.cm-file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-panel)}.cm-file-main{flex:1;min-width:0;display:grid;gap:2px}.cm-file-name{overflow:hidden;color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;text-overflow:ellipsis}.cm-file-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--ink-tertiary);font-family:var(--font-family-data);font-size:var(--font-size-xs)}.cm-media{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--space-4);align-items:start}.cm-media img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);background:var(--surface-subtle)}.cm-media-title{margin:0;color:var(--ink-primary);font-size:var(--font-size-sm);font-weight:600;line-height:1.45}.cm-media-channel{margin:2px 0 0;color:var(--ink-tertiary);font-size:var(--font-size-xs)}.cm-facts{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin:var(--space-2) 0 0}.cm-facts div{display:flex;gap:var(--space-1);font-size:var(--font-size-xs)}.cm-facts dt{color:var(--ink-tertiary)}.cm-facts dd{margin:0;color:var(--ink-primary);font-family:var(--font-family-data)}.cm-range{height:40px;display:flex;align-items:center;gap:var(--space-3)}.cm-range input[type=range]{flex:1;min-width:0;accent-color:var(--signal-active-strong)}.cm-range-value{min-width:3ch;color:var(--ink-primary);font-family:var(--font-family-data);font-size:var(--font-size-sm);text-align:right}.cm-button,.cm-button-primary{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,opacity .16s ease}.cm-button{border:1px solid var(--border-default);background:var(--surface-panel);color:var(--ink-primary)}.cm-button:hover:not(:disabled){border-color:var(--border-active);background:var(--surface-subtle)}.cm-button-primary{min-width:132px;padding:0 var(--space-6);border-radius:var(--radius-pill);border:1px solid var(--ink-primary);background:var(--ink-primary);color:var(--color-text-inverse)}.cm-button-primary:hover:not(:disabled){opacity:.88}.cm-button-primary:disabled,.cm-button:disabled{cursor:not-allowed;opacity:.4}.cm-icon-button{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-panel);color:var(--ink-secondary);cursor:pointer}.cm-icon-button.is-small{width:28px;height:28px;border-color:transparent}.cm-icon-button:hover:not(:disabled){border-color:var(--border-active);background:var(--surface-subtle);color:var(--ink-primary)}.cm-icon-button:disabled{cursor:not-allowed;opacity:.4}.cm-button-primary:focus-visible,.cm-button:focus-visible,.cm-dropzone:focus-within,.cm-icon-button:focus-visible{outline:none;box-shadow:var(--focus-ring-brand-strong)}.cm-footer{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.cm-footer-meta{flex:1;min-width:0;color:var(--ink-secondary);font-size:var(--font-size-sm)}.cm-footer-meta strong{color:var(--ink-primary);font-family:var(--font-family-data);font-weight:600}.cm-error,.cm-footer-meta.is-insufficient,.cm-footer-meta.is-insufficient strong{color:var(--color-danger)}.cm-error{margin:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-bg);font-size:var(--font-size-sm);line-height:1.5}.cm-progress{display:grid;gap:var(--space-2)}.cm-progress-head{display:flex;justify-content:space-between;color:var(--ink-secondary);font-size:var(--font-size-xs)}.cm-progress-head strong{color:var(--ink-primary);font-family:var(--font-family-data);font-weight:600}.cm-progress-track{height:4px;overflow:hidden;border-radius:var(--radius-pill);background:var(--border-subtle)}.cm-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--signal-active-strong);transition:width .2s ease}.cm-progress-track.is-indeterminate span{width:35%;animation:cm-indeterminate 1.2s ease-in-out infinite}.cm-progress-note{margin:0;color:var(--ink-tertiary);font-size:var(--font-size-xs)}.cm-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cm-spin .8s linear infinite}@keyframes cm-spin{to{transform:rotate(1turn)}}@keyframes cm-indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.cm-icon{display:block;flex:0 0 auto;width:16px;height:16px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.cm-icon.i-close{mask-image:url(../img/close.d35b86bd.svg);-webkit-mask-image:url(../img/close.d35b86bd.svg)}.cm-icon.i-paste{mask-image:url(../img/paste.c3782bd7.svg);-webkit-mask-image:url(../img/paste.c3782bd7.svg)}.cm-icon.i-eye{mask-image:url(../img/eye.0b45ac36.svg);-webkit-mask-image:url(../img/eye.0b45ac36.svg)}.cm-icon.i-upload{mask-image:url(../img/upload.48e3d184.svg);-webkit-mask-image:url(../img/upload.48e3d184.svg)}.cm-icon.i-play{mask-image:url(../img/play.4abd90f6.svg);-webkit-mask-image:url(../img/play.4abd90f6.svg)}@media (prefers-reduced-motion:reduce){.cm-progress-track.is-indeterminate span,.cm-spinner{animation:none}}@media (max-width:640px){.cm-group .cm-range{width:140px}.cm-group .cm-select-button{max-width:160px}.cm-media{grid-template-columns:112px minmax(0,1fr)}}