:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mobile-bg:#f4f7fb;--mobile-surface:#fffffff0;--mobile-surface-strong:#fff;--mobile-card-border:#708ab529;--mobile-text:#122033;--mobile-text-muted:#63748a;--mobile-primary:#3b82f6;--mobile-primary-strong:#2563eb;--mobile-primary-soft:#3b82f61a;--mobile-shadow:0 18px 48px #2563eb1f;color:var(--mobile-text);background:radial-gradient(circle at top left, #3b82f62e, transparent 28%), radial-gradient(circle at top right, #7dd3fc29, transparent 24%), linear-gradient(180deg, #f9fbff 0%, var(--mobile-bg) 46%, #eef4fb 100%);font-family:Segoe UI,PingFang SC,Noto Sans SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--mobile-text)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}.mobile-shell{min-height:100vh;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.mobile-shell--lesson{padding-bottom:0}.mobile-shell__header{z-index:30;padding:calc(14px + env(safe-area-inset-top)) 18px 14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbffdb;border-bottom:1px solid #708ab51f;position:sticky;top:0}.mobile-shell__brand{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.mobile-shell__brand-copy{flex:auto;min-width:0}.mobile-shell__title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:800;overflow:hidden}.mobile-shell__subtitle{color:var(--mobile-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:.82rem;overflow:hidden}.mobile-shell__session{background:var(--mobile-primary-soft);color:var(--mobile-primary-strong);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:0 auto;max-width:42%;padding:8px 12px;font-size:.78rem;font-weight:700;overflow:hidden}.mobile-shell__session--busy{opacity:.75}.mobile-shell__content{padding:18px}.mobile-shell__content--lesson{height:calc(100dvh - var(--mobile-shell-header-height,96px));padding:12px;overflow:hidden}.mobile-bottom-nav{left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;border:1px solid var(--mobile-card-border);box-shadow:var(--mobile-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;display:grid;position:fixed}.mobile-bottom-nav__link{min-height:44px;color:var(--mobile-text-muted);border-radius:16px;justify-content:center;align-items:center;font-weight:700;display:flex}.mobile-bottom-nav__link.router-link-active{background:linear-gradient(135deg, var(--mobile-primary) 0%, #60a5fa 100%);color:#fff}.mobile-page{flex-direction:column;gap:16px;display:flex}.mobile-section-card{border:1px solid var(--mobile-card-border);background:var(--mobile-surface);box-shadow:var(--mobile-shadow);border-radius:24px;padding:16px}.mobile-section-card__title{margin:0 0 8px;font-size:1rem;font-weight:800}.mobile-section-card__meta{color:var(--mobile-text-muted);margin:0;font-size:.88rem}.mobile-button{border-radius:16px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex}.mobile-button--primary{color:#fff;background:linear-gradient(135deg, var(--mobile-primary) 0%, #60a5fa 100%)}.mobile-button--secondary{color:var(--mobile-primary-strong);background:var(--mobile-primary-soft)}.mobile-button--active{color:#fff;background:linear-gradient(135deg, var(--mobile-primary) 0%, #60a5fa 100%)}.mobile-button:disabled{opacity:.6;cursor:not-allowed}.mobile-action-stack{flex-direction:column;gap:10px;display:flex}.mobile-inline-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.mobile-form-field{margin-bottom:12px;display:block}.mobile-form-input{background:#fff;border:1px solid #708ab529;border-radius:16px;width:100%;min-height:48px;margin-top:6px;padding:0 14px}.mobile-form-input:focus{outline-offset:1px;outline:2px solid #3b82f638}.mobile-pill-row{scrollbar-width:none;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-pill-row::-webkit-scrollbar{display:none}.mobile-pill{min-height:38px;color:var(--mobile-text-muted);background:#708ab51a;border-radius:999px;flex:none;padding:0 14px;font-weight:700}.mobile-pill--active{color:#fff;background:var(--mobile-primary)}.mobile-empty,.mobile-error{color:var(--mobile-text-muted);background:#ffffffb3;border:1px dashed #708ab533;border-radius:20px;padding:18px}.mobile-error{color:#9d2f2f;background:#a82c2c14;border-style:solid}.mobile-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.mobile-metric{background:#f8fbffe6;border-radius:18px;flex-direction:column;gap:2px;padding:12px;display:flex}.mobile-metric strong{font-size:1rem}.mobile-metric span{color:var(--mobile-text-muted);font-size:.78rem}.mobile-status-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mobile-badge{min-height:30px;color:var(--mobile-text-muted);background:#708ab51a;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.mobile-badge--warning{color:var(--mobile-primary-strong);background:#3b82f624}.mobile-badge--error{color:#9f1d1d;background:#a82c2c24}.mobile-media-card{padding:12px}.mobile-media-element{background:#000;border-radius:18px;width:100%}.mobile-media-audio{width:100%}.mobile-transcript-card{transition:transform .18s,border-color .18s,box-shadow .18s}.mobile-transcript-card--active{border-color:#bb5b2d57;transform:translateY(-1px)}.mobile-list-row{border-top:1px solid #708ab51f;padding:10px 0}.mobile-list-row__header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mobile-list-row__header>*{min-width:0}.mobile-break-text{overflow-wrap:anywhere;word-break:break-word}.mobile-inline-actions--compact{margin-top:0}.mobile-lesson-page{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;height:100%;min-height:0;display:grid}.mobile-lesson-state{margin-top:8px}.mobile-lesson-page__chrome{flex-direction:column;gap:10px;display:flex}.mobile-lesson-stage{border:1px solid var(--mobile-card-border);box-shadow:var(--mobile-shadow);background:#081120;border-radius:24px;padding:0;overflow:hidden}.mobile-lesson-toolbar{border:1px solid var(--mobile-card-border);box-shadow:var(--mobile-shadow);background:#fffffff5;border-radius:24px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.mobile-lesson-toolbar__row{align-items:center;gap:10px;display:flex}.mobile-lesson-toolbar__row--actions{flex-direction:column;align-items:stretch}.mobile-lesson-scroll{scrollbar-gutter:stable;overscroll-behavior:contain;scroll-behavior:smooth;min-height:0;padding-right:2px;overflow-y:auto}.mobile-lesson-scroll__inner{flex-direction:column;gap:12px;padding-bottom:4px;display:flex}.mobile-transcript-card--pressable{cursor:pointer;content-visibility:auto;contain-intrinsic-size:180px;contain:layout paint style}.mobile-transcript-card--pressable:active{transform:translateY(0)}.mobile-lesson-bottom-controls{padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--mobile-card-border);box-shadow:var(--mobile-shadow);background:#fffffff5;border-radius:22px;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.mobile-lesson-transport-btn{min-height:62px;color:var(--mobile-text-muted);background:#708ab51a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 10px;display:flex}.mobile-lesson-transport-btn span{font-size:.92rem;font-weight:800}.mobile-lesson-transport-btn small{font-size:.72rem;font-weight:700}.mobile-lesson-transport-btn:disabled{opacity:.45;cursor:not-allowed}.mobile-lesson-transport-btn--primary{background:linear-gradient(135deg, var(--mobile-primary) 0%, #60a5fa 100%);color:#fff}.mobile-catalog-page{gap:18px}.mobile-catalog-tabs{top:calc(var(--mobile-shell-header-height,96px) + 6px);z-index:20;scrollbar-width:none;gap:10px;padding:4px 0 2px;display:flex;position:sticky;overflow-x:auto}.mobile-catalog-tabs::-webkit-scrollbar{display:none}.mobile-catalog-tabs__item{min-height:40px;color:var(--mobile-text-muted);background:#ffffffeb;border:1px solid #708ab524;border-radius:999px;flex:none;padding:0 16px;font-weight:700;box-shadow:0 8px 22px #2563eb14}.mobile-catalog-tabs__item--active{color:#fff;background:linear-gradient(135deg, var(--mobile-primary) 0%, #60a5fa 100%)}.mobile-status-row--catalog{margin-top:-6px}.mobile-calendar-card{box-shadow:var(--mobile-shadow);background:linear-gradient(#fffffffa 0%,#f4f9fff0 100%);border:1px solid #708ab524;border-radius:28px;padding:18px}.mobile-calendar-card__head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.mobile-calendar-card__eyebrow{color:var(--mobile-primary-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}.mobile-calendar-card__title{margin:0;font-size:1.08rem}.mobile-calendar-card__streak{background:var(--mobile-primary-soft);color:var(--mobile-primary-strong);border-radius:18px;align-items:baseline;gap:4px;padding:10px 12px;display:flex}.mobile-calendar-card__streak strong{font-size:1.15rem}.mobile-calendar-card__summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.mobile-calendar-card__summary-item{background:#f8fbfff2;border-radius:18px;flex-direction:column;gap:2px;padding:12px;display:flex}.mobile-calendar-card__summary-item strong{font-size:1rem}.mobile-calendar-card__summary-item span{color:var(--mobile-text-muted);font-size:.76rem}.mobile-calendar-card__month-nav{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.mobile-calendar-card__nav-btn{background:var(--mobile-primary-soft);width:36px;height:36px;color:var(--mobile-primary-strong);border-radius:12px;font-weight:800}.mobile-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.mobile-calendar-grid--weekday{margin-top:14px}.mobile-calendar-grid--weekday span{text-align:center;color:var(--mobile-text-muted);font-size:.75rem;font-weight:700}.mobile-calendar-grid__day{aspect-ratio:1;color:var(--mobile-text);background:#f8fbfff2;border-radius:14px;justify-content:center;align-items:center;font-size:.84rem;font-weight:700;display:flex}.mobile-calendar-grid__day--empty{background:0 0}.mobile-calendar-grid__day--today{border:1px solid #3b82f647}.mobile-calendar-grid__day--studied{background:linear-gradient(135deg, var(--mobile-primary) 0%, #60a5fa 100%);color:#fff}.mobile-lesson-card{box-shadow:var(--mobile-shadow);background:#fffffffa;border:1px solid #708ab524;border-radius:28px;overflow:hidden}.mobile-lesson-card__cover{aspect-ratio:16/9;background:linear-gradient(135deg,#3b82f629 0%,#7dd3fc38 100%);position:relative}.mobile-lesson-card__cover img{object-fit:cover;width:100%;height:100%}.mobile-lesson-card__cover-fallback{width:100%;height:100%;color:var(--mobile-primary-strong);place-items:center;font-size:1.1rem;font-weight:800;display:grid}.mobile-lesson-card__issue,.mobile-lesson-card__sample,.mobile-lesson-card__duration{color:var(--mobile-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:700;position:absolute}.mobile-lesson-card__issue{top:12px;left:12px}.mobile-lesson-card__sample{color:#b45309;top:12px;right:12px}.mobile-lesson-card__duration{bottom:12px;right:12px}.mobile-lesson-card__body{padding:16px}.mobile-lesson-card__topline,.mobile-lesson-card__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-lesson-card__section,.mobile-lesson-card__status{color:var(--mobile-primary-strong);font-size:.78rem;font-weight:800}.mobile-lesson-card__level{border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:700}.mobile-lesson-card__level--beginner{color:#15803d;background:#22c55e1f}.mobile-lesson-card__level--intermediate{color:#2563eb;background:#3b82f61f}.mobile-lesson-card__level--advanced{color:#a21caf;background:#d946ef1f}.mobile-lesson-card__title{margin:10px 0 8px;font-size:1.06rem}.mobile-lesson-card__tags{flex-wrap:wrap;gap:8px;display:flex}.mobile-lesson-card__tags span{color:var(--mobile-text-muted);background:#708ab51a;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:700}.mobile-lesson-card__summary{color:var(--mobile-text-muted);margin:10px 0 14px;line-height:1.65}.mobile-inline-actions--course{margin-top:14px}.mobile-inline-actions--lesson-meta{margin-top:12px}.mobile-lesson-header-card{box-shadow:var(--mobile-shadow);background:#fffffff5;border:1px solid #708ab524;border-radius:24px;flex-direction:column;gap:12px;padding:16px;display:flex}.mobile-lesson-header-card__chips{flex-wrap:wrap;gap:8px;display:flex}.mobile-chip{min-height:30px;color:var(--mobile-text-muted);background:#708ab51a;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.mobile-chip--accent{background:var(--mobile-primary-soft);color:var(--mobile-primary-strong)}.mobile-lesson-header-card__title{margin:0;font-size:1.12rem}.mobile-lesson-header-card__meta{color:var(--mobile-text-muted);margin:0}.mobile-lesson-topbar{align-items:center;gap:10px;min-width:0;padding:2px 2px 0;display:flex}.mobile-lesson-topbar__back,.mobile-lesson-topbar__action{min-height:34px;padding:0 12px}.mobile-lesson-topbar__copy{flex:auto;min-width:0}.mobile-lesson-topbar__meta{color:var(--mobile-text-muted);margin:0;font-size:.72rem;font-weight:700;line-height:1.3}.mobile-lesson-topbar__title{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:.96rem;font-weight:800;line-height:1.35;overflow:hidden}.mobile-chip-button{min-height:38px;color:var(--mobile-text-muted);background:#708ab51a;border-radius:999px;flex:none;padding:0 14px;font-weight:700}.mobile-chip-button--active{color:#fff;background:linear-gradient(135deg, var(--mobile-primary) 0%, #60a5fa 100%)}.mobile-chip-button--ghost{background:#ffffffeb;border:1px solid #708ab524}.mobile-lesson-toolbar__row{flex-wrap:wrap;gap:8px;display:flex}.mobile-lesson-toolbar__row--secondary{padding-top:2px}.mobile-status-row--lesson{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px}.mobile-lesson-action-toast{color:var(--mobile-primary-strong);margin:0;font-size:.84rem;font-weight:700}.mobile-transcript-row{box-shadow:var(--mobile-shadow);background:#fffffff5;border:1px solid #708ab524;border-radius:22px;padding:14px 16px}.mobile-transcript-row--active{border-color:#3b82f647;box-shadow:0 20px 42px #2563eb24}.mobile-transcript-row__meta{color:var(--mobile-text-muted);margin:0;font-size:.78rem;font-weight:700}.mobile-transcript-row__line{white-space:pre-wrap;margin:10px 0 0;line-height:1.72}.mobile-transcript-row__line--en{font-size:1rem;font-weight:700}.mobile-transcript-row__line--zh,.mobile-transcript-row__line--placeholder{color:var(--mobile-text-muted)}.mobile-transcript-row__footer{color:var(--mobile-text-muted);flex-wrap:wrap;gap:10px;margin-top:12px;font-size:.76rem;font-weight:700;display:flex}.mobile-token-chip{background:#3b82f614;border-radius:12px;align-items:center;margin:0 6px 6px 0;padding:6px 10px;display:inline-flex}.mobile-token-chip--hidden{color:var(--mobile-primary-strong);background:#2563eb14}.mobile-lesson-control-btn{min-height:64px;color:var(--mobile-text-muted);background:#708ab51a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 10px;display:flex}.mobile-lesson-control-btn span{font-size:.88rem;font-weight:800}.mobile-lesson-control-btn small{font-size:.7rem;font-weight:700}.mobile-lesson-control-btn--primary,.mobile-lesson-control-btn--active{color:#fff;background:linear-gradient(135deg, var(--mobile-primary) 0%, #60a5fa 100%)}.mobile-lesson-control-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=420px){.mobile-shell__brand{gap:10px}.mobile-shell__session{max-width:46%}.mobile-metrics-grid,.mobile-calendar-card__summary{grid-template-columns:1fr}.mobile-shell__content--lesson{height:calc(100dvh - var(--mobile-shell-header-height,0px));padding:8px}.mobile-lesson-bottom-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-lesson-topbar__title{font-size:.92rem}}