.listening-tutorial-skin-shell{--listening-accent:#0a84ff}.listening-skin-page{width:min(100%,980px);margin:0 auto;padding:clamp(18px,3vw,38px) clamp(12px,3vw,34px) 72px}.listening-skin-switcher{color:#64748b;background:#ffffffd1;border:1px solid #0f172a1a;border-radius:999px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:18px;padding:4px;font-size:12px;display:inline-flex;box-shadow:0 8px 22px #0f172a14}.listening-skin-switcher>span{padding:0 8px;font-weight:700}.listening-skin-switcher button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:7px 12px;font-weight:650}.listening-skin-switcher button:hover,.listening-skin-switcher button.is-active{color:#fff;background:#0f172a}.listening-skin-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.listening-skin-eyebrow{color:var(--listening-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.listening-skin-heading h1{color:#0f172a;letter-spacing:-.045em;margin:0;font-size:clamp(28px,5vw,46px);line-height:1.05}.listening-skin-heading p{color:#64748b;max-width:640px;margin:11px 0 0;font-size:15px;line-height:1.65}.listening-skin-level{color:#fff;letter-spacing:.06em;border-radius:999px;flex:none;padding:8px 13px;font-size:12px;font-weight:800}.listening-skin-stepper{align-items:center;gap:8px;margin-bottom:22px;display:flex}.listening-skin-stepper button{color:#64748b;cursor:pointer;font:inherit;background:#ffffffdb;border:1px solid #dbe5f0;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:700;display:inline-flex}.listening-skin-stepper button.is-active{border-color:var(--listening-accent);background:var(--listening-accent);color:#fff;box-shadow:0 8px 18px #0a84ff33}.listening-skin-stepper__line{background:#dbe5f0;flex:20px;min-width:8px;height:1px}.listening-skin-card{background:#fffffff0;border:1px solid #e2e8f0;border-radius:22px;padding:clamp(18px,3vw,30px);box-shadow:0 18px 50px #0f172a14}.listening-skin-card--hero{text-align:center;min-height:280px}.listening-skin-card__icon{width:54px;height:54px;color:var(--listening-accent);background:#e7f2ff;border-radius:16px;justify-content:center;align-items:center;display:inline-flex}.listening-skin-card h2{color:#0f172a;letter-spacing:-.03em;margin:16px 0 8px;font-size:clamp(21px,3vw,30px)}.listening-skin-card p{color:#64748b;max-width:640px;margin:0 auto;line-height:1.7}.listening-skin-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:22px;display:flex}.listening-skin-card__meta{color:#475569;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px;font-weight:750;display:flex}.listening-skin-card__meta span:last-child{color:#94a3b8;font-weight:600}.listening-skin-progress{background:#e9eff6;border-radius:999px;height:6px;margin-bottom:22px;overflow:hidden}.listening-skin-progress span{border-radius:inherit;background:linear-gradient(90deg,#0a84ff,#62b0ff);height:100%;display:block}.listening-tutorial-skin-shell .tutorial-question-wrap,.listening-tutorial-skin-shell .listening-sentence-panel{margin-top:18px}.listening-tutorial-skin-shell .tutorial-day-nav{margin-top:22px}.anki-theme-shell--code .listening-skin-page{--listening-accent:#5eead4}.anki-theme-shell--code .listening-skin-heading h1,.anki-theme-shell--code .listening-skin-card h2{color:#e2e8f0}.anki-theme-shell--code .listening-skin-heading p,.anki-theme-shell--code .listening-skin-card p,.anki-theme-shell--code .listening-skin-card__meta,.anki-theme-shell--code .listening-skin-card__meta span:last-child{color:#94a3b8}.anki-theme-shell--code .listening-skin-card{background:#111827;border-color:#94a3b833;box-shadow:0 20px 52px #00000047}.anki-theme-shell--code .listening-skin-switcher{color:#94a3b8;background:#0f172af0;border-color:#94a3b838}.anki-theme-shell--code .listening-skin-switcher button.is-active,.anki-theme-shell--code .listening-skin-switcher button:hover{color:#0f172a;background:#e2e8f0}.anki-theme-shell--code .listening-skin-stepper button{color:#94a3b8;background:#0f172abd;border-color:#94a3b838}.anki-theme-shell--code .listening-skin-stepper button.is-active{color:#ccfbf1;background:#134e4a;border-color:#5eead4}.anki-theme-shell--code .listening-skin-stepper__line{background:#94a3b838}.anki-theme-shell--code .listening-skin-card__icon{color:#5eead4;background:#14b8a624}@media (max-width:640px){.listening-skin-page{padding-inline:10px}.listening-skin-heading{flex-direction:column}.listening-skin-level{align-self:flex-start}.listening-skin-stepper{align-items:stretch}.listening-skin-stepper button{flex:1 1 0;justify-content:center;padding-inline:7px;font-size:12px}.listening-skin-stepper button svg{display:none}.listening-skin-stepper__line{flex:0 0 8px}.listening-skin-card__meta{flex-direction:column;gap:4px}}[data-theme=green] .listening-tutorial-skin-shell,[data-theme=black] .listening-tutorial-skin-shell{--listening-accent:var(--theme-accent);--listening-ink:var(--theme-text-primary);--listening-muted:var(--theme-text-secondary);--listening-soft:var(--theme-text-tertiary);--listening-line:var(--theme-border);--listening-card:var(--theme-card-bg);--listening-alt:var(--theme-bg-secondary);background:var(--theme-bg-secondary)!important;color:var(--theme-text-primary)!important}[data-theme=green] .listening-tutorial-skin-shell .reading-word-workspace__content.listening-tutorial-skin-content,[data-theme=black] .listening-tutorial-skin-shell .reading-word-workspace__content.listening-tutorial-skin-content,[data-theme=green] .listening-tutorial-skin-shell .listening-skin-page,[data-theme=black] .listening-tutorial-skin-shell .listening-skin-page{background:var(--theme-bg-secondary)!important;color:var(--theme-text-primary)!important}[data-theme=green] .listening-tutorial-skin-shell :is(.listening-skin-switcher,.listening-skin-stepper button,.listening-skin-card),[data-theme=black] .listening-tutorial-skin-shell :is(.listening-skin-switcher,.listening-skin-stepper button,.listening-skin-card){box-shadow:0 14px 36px color-mix(in srgb, var(--theme-text-primary) 8%, transparent);border-color:var(--theme-border)!important;background:var(--theme-card-bg)!important;color:var(--theme-text-primary)!important}[data-theme=green] .listening-tutorial-skin-shell :is(.listening-skin-switcher>span,.listening-skin-stepper button,.listening-skin-card__meta,.listening-skin-card__meta span:last-child),[data-theme=black] .listening-tutorial-skin-shell :is(.listening-skin-switcher>span,.listening-skin-stepper button,.listening-skin-card__meta,.listening-skin-card__meta span:last-child){color:var(--theme-text-secondary)!important}[data-theme=green] .listening-tutorial-skin-shell :is(.listening-skin-heading h1,.listening-skin-card h2),[data-theme=black] .listening-tutorial-skin-shell :is(.listening-skin-heading h1,.listening-skin-card h2){color:var(--theme-text-primary)!important}[data-theme=green] .listening-tutorial-skin-shell :is(.listening-skin-heading p,.listening-skin-card p),[data-theme=black] .listening-tutorial-skin-shell :is(.listening-skin-heading p,.listening-skin-card p){color:var(--theme-text-secondary)!important}[data-theme=green] .listening-tutorial-skin-shell .listening-skin-switcher button:hover,[data-theme=green] .listening-tutorial-skin-shell .listening-skin-switcher button.is-active,[data-theme=black] .listening-tutorial-skin-shell .listening-skin-switcher button:hover,[data-theme=black] .listening-tutorial-skin-shell .listening-skin-switcher button.is-active{background:var(--theme-accent)!important;color:var(--theme-accent-foreground)!important}[data-theme=green] .listening-tutorial-skin-shell .listening-skin-stepper button.is-active,[data-theme=black] .listening-tutorial-skin-shell .listening-skin-stepper button.is-active{border-color:var(--theme-accent)!important;background:var(--theme-accent)!important;color:var(--theme-accent-foreground)!important}[data-theme=green] .listening-tutorial-skin-shell .listening-skin-stepper__line,[data-theme=black] .listening-tutorial-skin-shell .listening-skin-stepper__line,[data-theme=green] .listening-tutorial-skin-shell .listening-skin-progress,[data-theme=black] .listening-tutorial-skin-shell .listening-skin-progress{background:var(--theme-bg-tertiary)!important}[data-theme=green] .listening-tutorial-skin-shell .listening-skin-progress span,[data-theme=black] .listening-tutorial-skin-shell .listening-skin-progress span{background:var(--theme-accent)!important}[data-theme=green] .listening-tutorial-skin-shell .listening-skin-card__icon,[data-theme=black] .listening-tutorial-skin-shell .listening-skin-card__icon{background:color-mix(in srgb, var(--theme-accent) 16%, transparent)!important;color:var(--theme-accent)!important}[data-theme=green] .listening-tutorial-skin-shell .anki-theme-doc__ruler,[data-theme=black] .listening-tutorial-skin-shell .anki-theme-doc__ruler{border-color:var(--theme-border)!important;background:var(--theme-card-bg)!important;color:var(--theme-text-tertiary)!important}[data-theme=green] .listening-tutorial-skin-shell :is(.anki-theme-doc__ruler-corner,.anki-theme-doc__ruler-track),[data-theme=black] .listening-tutorial-skin-shell :is(.anki-theme-doc__ruler-corner,.anki-theme-doc__ruler-track){border-color:var(--theme-border)!important;background:var(--theme-bg-secondary)!important}