:root{color:#141821;font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:#f4f6f8}body{background:#f4f6f8;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed}p,h1,h2{margin:0}#root{min-height:100vh}.appShell{color:#141821;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #dde2e8;align-items:center;gap:12px;height:58px;padding:0 max(16px,50vw - 640px);display:flex}.topbar>.favoriteCourseButton{display:none}.iconButton,.chip,.favoriteButton,.playButton,.speed,.modeTabs button,.panelTabs button,.sentenceControls button,.cardFilters button,.vocabRow,.vocabHead button{border:1px solid #0000;border-radius:8px;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.iconButton{color:#4b5563;background:0 0;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.iconButton:hover,.chip:hover,.favoriteButton:hover,.playButton:hover,.speed:hover,.modeTabs button:hover,.panelTabs button:hover,.sentenceControls button:hover,.cardFilters button:hover,.vocabRow:hover,.vocabHead button:hover{background:#eef3f8}.brand{white-space:nowrap;border-right:1px solid #dde2e8;align-items:center;gap:8px;padding-right:12px;font-size:17px;font-weight:700;display:inline-flex}.brandMark{color:#2563eb;background:0 0;font-size:17px}.brandLogo{object-fit:contain;border-radius:8px;flex-shrink:0;width:32px;height:32px}.topbar h1{color:#111827;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:500;overflow:hidden}.headerActions{align-items:center;gap:8px;display:inline-flex}.chip,.favoriteButton{color:#374151;background:#fff;border-color:#dde2e8;height:34px;padding:0 12px}.chip.active{color:#fff;background:#4676f4;border-color:#4676f4}.favoriteButton{align-items:center;gap:6px;display:inline-flex}.adminLink{color:#374151;background:#fff;border:1px solid #dde2e8;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.adminLink:hover{background:#eef3f8}.authShell{color:#111827;background:linear-gradient(#f8fafceb,#f8fafceb),url(/video/1.mp4);place-items:center;min-height:100vh;padding:24px;display:grid}.adminAuthShell{color:#111827;background:#eef3f8;place-items:center;min-height:100vh;padding:24px;display:grid}.adminAuthPanel{background:#fff;border:1px solid #dfe7f0;border-radius:8px;gap:22px;width:min(420px,100%);padding:30px;display:grid;box-shadow:0 18px 50px #0f172a1f}.authPanel{background:#fff;border:1px solid #e3e8ef;border-radius:8px;gap:22px;width:min(420px,100%);padding:30px;display:grid;box-shadow:0 18px 50px #0f172a1f}.authBrand{color:#111827;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.authBrand .brandLogo{border-radius:8px;width:36px;height:36px}.authHead{gap:6px;display:grid}.authHead h1{margin:0;font-size:24px}.authHead p{color:#64748b;margin:0;font-size:14px}.authForm{gap:14px;display:grid}.authForm label{gap:8px;display:grid}.authForm label span{color:#475569;font-size:13px;font-weight:700}.authForm input{color:#111827;height:40px;font:inherit;border:1px solid #d8e0ea;border-radius:8px;padding:0 12px}.authForm button,.loginButton{cursor:pointer;border:0}.authForm button{color:#fff;background:#4169e1;border-radius:8px;height:42px;font-weight:800}.authForm button:disabled{cursor:not-allowed;background:#94a3b8}.authMessage{color:#be123c;background:#fff1f2;border-radius:8px;margin:0;padding:9px 10px;font-size:13px}.authSwitch p{color:#64748b;margin:0;font-size:14px}.authSwitch a{color:#2563eb;font-weight:700;text-decoration:none}.inviteHint{color:#64748b;background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex}.inviteHint strong{color:#111827;letter-spacing:.04em}.homeShell{color:#111827;background:#f5f7fb;min-height:100vh}.homeTopbar,.frontTopbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #dfe5ed;align-items:center;gap:24px;height:48px;padding:0 18px;display:flex;position:sticky;top:0}.homeBrand{color:#111827;white-space:nowrap;align-items:center;gap:8px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.homeBrand .brandText{flex-direction:column;gap:1px;display:flex}.homeBrand .brandText span:first-child{color:#111827;font-size:14px;font-weight:800;line-height:1.2}.homeBrand .brandText span:last-child{color:#64748b;font-size:11px;font-weight:600;line-height:1.2}.homeNav .active{color:#2563eb;font-weight:700}.homeNav{flex:1;justify-content:flex-end;align-items:center;gap:22px;display:flex}.homeNav a{color:#475569;white-space:nowrap;font-size:13px;text-decoration:none}.mobileMenuButton,.mobileLoginLink,.mobileLogoutButton{display:none}.mobileMenuButton{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d8e0ea;border-radius:8px;justify-content:center;align-items:center;width:36px;height:34px;font-size:18px;line-height:1}.mobileMenuButton span{background:#1f2937;border-radius:999px;width:17px;height:2px;transition:transform .16s,opacity .16s;display:block}.mobileMenuButton span+span{margin-top:4px}.mobileMenuButton.active span:first-child{transform:translateY(6px)rotate(45deg)}.mobileMenuButton.active span:nth-child(2){opacity:0}.mobileMenuButton.active span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.frontTopbarTitle{color:#111827;white-space:nowrap;font-size:14px;font-weight:800}.loginButton{color:#fff;background:#4169e1;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:0 15px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.courseHome{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:18px;padding:16px 18px 24px;display:grid}.siteNotice{color:#3154c7;background:#eef5ff;border:1px solid #cfe0ff;border-radius:8px;margin:14px 18px 0;padding:10px 12px;font-size:13px;font-weight:800}.courseFilters{align-content:start;gap:14px;display:grid}.searchBox,.filterSection,.courseStats{background:#fff;border:1px solid #e3e8ef;border-radius:8px}.searchBox{gap:6px;padding:10px 12px;display:grid}.searchBox span{color:#64748b;font-size:12px;font-weight:700}.searchBox input{color:#111827;width:100%;height:30px;font:inherit;border:0;outline:0}.courseStats{gap:1px;display:grid;overflow:hidden}.courseStats .statItem{cursor:pointer;min-height:48px;font:inherit;text-align:left;background:#fff;border:0;outline:0;justify-content:space-between;align-items:center;width:100%;padding:0 14px;display:flex}.courseStats .statItem:hover{background:#f1f5ff}.courseStats .statItem.active{background:#eef3ff}.courseStats .statItem.active span{color:#4169e1;font-weight:700}.courseStats span{color:#64748b;font-size:12px}.courseStats strong{color:#4169e1;font-size:18px}.filterSection{gap:14px;padding:16px 14px;display:grid}.filterSection h2{margin:0;font-size:15px}.filterSection label{gap:7px;display:grid}.filterSection label span,.tagFilterGroup>span{color:#475569;font-size:12px;font-weight:700}.filterSection select{color:#111827;height:34px;font:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13px}.tagFilterGroup{gap:9px;display:grid}.tagFilterGroup div{flex-wrap:wrap;gap:8px;display:flex}.tagFilterGroup button{color:#64748b;background:#f1f5f9;border:0;border-radius:999px;height:28px;padding:0 10px;font-size:12px}.tagFilterGroup button.active{color:#fff;background:#4169e1}.clearFilters{color:#fff;background:#4169e1;border:0;border-radius:8px;height:36px;font-weight:700}.courseGridArea{gap:18px;min-width:0;display:grid}.homeFeaturedVideo{background:#fff;border:1px solid #dfe6ef;border-radius:8px;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);display:grid;overflow:hidden}.homeFeaturedMedia{background:#0f172a;min-width:0}.homeFeaturedMedia video{aspect-ratio:16/9;object-fit:cover;background:#0f172a;width:100%;display:block}.homeFeaturedInfo{align-content:center;gap:12px;padding:22px;display:grid}.homeFeaturedInfo>span{color:#4169e1;font-size:12px;font-weight:800}.homeFeaturedInfo h2{color:#111827;margin:0;font-size:24px;line-height:1.2}.homeFeaturedInfo p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.homeFeaturedMeta{flex-wrap:wrap;gap:8px;display:flex}.homeFeaturedMeta strong{color:#475569;background:#f1f5f9;border-radius:6px;padding:5px 8px;font-size:12px}.homeFeaturedInfo button{color:#fff;cursor:pointer;background:#4169e1;border:0;border-radius:8px;justify-self:start;height:36px;padding:0 16px;font-size:13px;font-weight:800}.courseGrid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px;display:grid}.courseCard{background:#fff;border:1px solid #e3e8ef;border-radius:8px;overflow:hidden}.courseCard button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:grid}.courseThumb{aspect-ratio:16/9;background:#0f172a;position:relative;overflow:hidden}.courseThumb img,.courseThumb video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.courseThumb .courseDuration{color:#fff;background:#0f172ad1;border-radius:5px;padding:3px 7px;font-size:12px;font-weight:700;position:absolute;bottom:8px;left:10px}.courseLearnedBadge{color:#ffffffe6;z-index:2;background:#0fa774;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute;inset:10px auto auto 10px}.courseLearnedBadge svg{flex-shrink:0;width:12px;height:12px}.courseCardBody{gap:7px;padding:12px;display:grid}.courseCardBody strong{color:#111827;font-size:14px;line-height:1.4}.courseCardBody strong .courseIndexPrefix{color:#4169e1;vertical-align:1px;margin-right:6px;font-size:13px;font-weight:700}.courseCardBody p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.courseCardBody div{flex-wrap:wrap;gap:7px;display:flex}.courseDifficultyLine{display:block}.courseDifficultyLine span{color:#475569;font-size:12px;font-weight:700}.courseCardBody span{color:#4169e1;font-size:12px;font-weight:700}.emptyCourses{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;place-items:center;min-height:280px;display:grid}.emptyCourses strong{color:#111827}.emptyCourses p{margin:6px 0 0}.profileShell{color:#111827;background:#f5f7fb;min-height:100vh}.profileLayout{grid-template-columns:220px minmax(0,1fr);gap:18px;padding:18px;display:grid}.profileSidebar,.profileAccount,.profilePanels section,.profileEmpty,.profileStatsGrid div{background:#fff;border:1px solid #e3e8ef;border-radius:12px}.profileSidebar{align-self:start;gap:12px;padding:16px;display:grid}.profileSidebarCard{border-bottom:1px solid #e7edf5;gap:6px;padding-bottom:6px;display:grid}.profileSidebarCard span{color:#64748b;font-size:12px;font-weight:700}.profileSidebarCard strong{overflow-wrap:anywhere;color:#111827;font-size:18px}.profileNav{gap:6px;display:grid}.profileNav a,.profileLogoutButton{color:#334155;border-radius:8px;align-items:center;min-height:38px;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.profileNav a.active{color:#3154c7;background:#eef3ff}.profileLogoutButton{cursor:pointer;background:#fff;border:1px solid #dbe5f1}.profileAccount{align-self:start;gap:18px;padding:20px;display:grid}.profileAccount>span,.profileHead span,.profileStatsGrid span,.profilePanelHead span{color:#64748b;font-size:12px;font-weight:700}.profileAccount>strong{overflow-wrap:anywhere;color:#111827;font-size:24px}.profileAccount dl{background:#e7edf5;border-radius:6px;gap:1px;margin:0;display:grid;overflow:hidden}.profileAccount dl div{background:#fbfdff;gap:5px;padding:12px;display:grid}.profileAccount dt,.profileAccount dd{margin:0}.profileAccount dt{color:#64748b;font-size:12px}.profileAccount dd{overflow-wrap:anywhere;color:#111827;font-size:13px;font-weight:700}.profileMain{gap:18px;min-width:0;display:grid}.profileHead{justify-content:space-between;align-items:center;gap:14px;display:flex}.profileHead h1{margin:4px 0 0;font-size:26px}.profileHead a,.profileCourseRow a,.profileEmpty a{color:#fff;white-space:nowrap;background:#4169e1;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.profileStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profileStatsGrid div{gap:8px;min-height:92px;padding:16px;display:grid}.profileStatsGrid strong{color:#111827;font-size:28px}.profilePanels{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.profilePanels section{align-content:start;gap:14px;min-height:190px;padding:16px;display:grid}.profilePanelHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.profilePanelHead h2{margin:0;font-size:18px}.profileCourseRow{background:#fbfdff;border:1px solid #e7edf5;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.profileCourseRow strong{margin-bottom:6px;display:block}.profileCourseRow p,.profileMuted{color:#64748b;margin:0;font-size:13px;line-height:1.6}.profileAccountCompact{gap:14px;display:grid}.profileAccountCompact>div{gap:6px;display:grid}.profileAccountCompact>div span{color:#64748b;font-size:12px;font-weight:700}.profileAccountCompact>div strong{color:#111827;font-size:20px}.profileAccountCompact dl{background:#e7edf5;border-radius:6px;gap:1px;margin:0;display:grid;overflow:hidden}.profileAccountCompact dl div{background:#fbfdff;gap:4px;padding:10px 12px;display:grid}.profileAccountCompact dt,.profileAccountCompact dd{margin:0}.profileAccountCompact dt{color:#64748b;font-size:12px}.profileAccountCompact dd{color:#111827;font-size:13px;font-weight:700}.profileWordList{flex-wrap:wrap;gap:8px;display:flex}.profileWordList span{color:#334155;background:#f8fafc;border:1px solid #dbe5f1;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.profileCardList{gap:10px;display:grid}.profileCardItem{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:14px;padding:16px;display:grid}.profileCardItem>div{gap:4px;min-width:0;display:grid}.profileRecordBadge{border-radius:10px;justify-content:center;align-items:center;min-width:54px;height:34px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.profileRecordBadge.good{color:#108660;background:#edf9f4}.profileRecordBadge.bad{color:#d4361f;background:#fff1f0}.profileRecordOk{color:#108660;font-weight:700}.profilePracticeMarked{color:#1f2937;margin:4px 0 0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.8}.profilePracticeBlanks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:8px 0 0;display:grid}.profilePracticeBlank{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:4px;padding:8px 12px;font-size:13px;line-height:1.6;display:flex}.profilePracticeBlank.ok{background:#f0fdf4;border-color:#86efac}.profilePracticeBlank.bad{background:#fef2f2;border-color:#fca5a5}.profilePracticeBlankLabel{color:#475569;font-size:12px;font-style:normal;font-weight:700}.profilePracticeBlank.ok .profilePracticeBlankLabel{color:#15803d}.profilePracticeBlank.bad .profilePracticeBlankLabel,.profilePracticeBlankTyped{color:#b91c1c}.profilePracticeBlankTyped s{-webkit-text-decoration:line-through #b91c1c;text-decoration:line-through #b91c1c;text-decoration-thickness:2px}.profilePracticeBlankAnswer strong,.profilePracticeBlankYou strong,.profilePracticeBlank.bad .profilePracticeBlankAnswer strong{color:#15803d}.profileCardItem em{color:#64748b;font-size:12px;font-style:normal;font-weight:700}.profileCardItem strong{color:#111827;margin-top:4px;font-size:14px;display:block}.profileCardItem p{color:#475569;margin:4px 0 0;font-size:13px;line-height:1.62}.profileCardItem>button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe5f1;border-radius:6px;flex:none;padding:6px 12px;font-size:12px}.profileCardItem>button:hover{color:#d4361f;border-color:#f0b4b4}.mistakeSentence{color:#111827;font-weight:600}.mistakeMeta{color:#64748b}.mistakeWrong{color:#d4361f;font-weight:700}.profileEmpty{gap:10px;width:min(460px,100% - 32px);margin:80px auto;padding:24px;display:grid}.profileEmpty strong{font-size:22px}.profileEmpty p{color:#64748b;margin:0}.profileEmpty div{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.libraryShell{color:#111827;background:#f5f7fb;min-height:100vh}.libraryLayout{grid-template-columns:240px minmax(0,1fr);gap:18px;padding:18px;display:grid}.librarySingle{gap:16px;padding:18px;display:grid}.libraryWithSidebar{grid-template-columns:220px minmax(0,1fr);gap:18px;display:grid}.libraryFilters{align-content:start;gap:14px;display:grid}.libraryMain{align-content:start;gap:16px;min-width:0;display:grid}.vocabWorkspaceTop{grid-template-columns:minmax(320px,1fr) minmax(420px,540px);align-items:stretch;gap:12px;display:grid}.vocabSearchBox,.vocabStats,.vocabFilterBar{background:#fff;border:1px solid #e3e8ef;border-radius:12px;overflow:hidden}.vocabSearchBox{align-content:center;gap:8px;min-height:78px;padding:12px 14px;display:grid}.vocabSearchBox input{color:#111827;background:#fff;border:1px solid #d8e0ea;border-radius:8px;height:38px;padding:0 12px;font-size:14px}.vocabSearchBox input:focus{border-color:#4169e1;box-shadow:0 0 0 3px #4169e11f}.vocabStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;min-height:78px;display:grid}.vocabStats div{align-content:center;justify-items:center;min-height:78px;padding:10px 12px;display:grid}.vocabFilterBar{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:10px 14px;display:flex}.vocabFilterBar h2{font-size:14px}.libraryHead{justify-content:space-between;align-items:center;gap:14px;display:flex}.libraryHead span{color:#64748b;font-size:12px;font-weight:800}.libraryHead h1{margin:4px 0 0;font-size:26px}.libraryHead a,.favoriteActions a{color:#fff;white-space:nowrap;background:#4169e1;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.libraryCheck{color:#334155;align-items:center;gap:9px;min-height:34px;font-size:13px;font-weight:700;display:flex}.libraryCheck input{accent-color:#4169e1;width:16px;height:16px}.reviewWordGrid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px;display:grid}.reviewWordCard{grid-template-rows:auto auto 1fr;gap:8px;min-height:150px;padding:14px;display:grid}.reviewWordCard div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reviewWordCard strong{color:#111827;font-size:18px}.reviewWordCard span{color:#64748b;white-space:nowrap;font-size:11px}.reviewWordCard p{color:#334155;margin:0;font-size:13px;font-weight:700}.reviewWordCard em{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;font-size:12px;font-style:normal;line-height:1.5;display:-webkit-box;overflow:hidden}.reviewWordCard button,.favoriteActions button{color:#334155;cursor:pointer;min-height:32px;font:inherit;background:#fff;border:1px solid #d6e0eb;border-radius:8px;justify-self:start;font-size:13px;font-weight:800}.reviewWordCard button{justify-self:stretch;padding:0 12px}.reviewWordCard button.active{color:#3154c7;background:#eef3ff;border-color:#4169e1}.favoriteSummary div,.favoriteItem{background:#fff;border:1px solid #e3e8ef;border-radius:8px}.favoriteSummary div{gap:8px;padding:16px;display:grid}.favoriteSummary span{color:#64748b;font-size:12px;font-weight:800}.favoriteSummary strong{overflow-wrap:anywhere;color:#111827;font-size:20px}.favoriteList{gap:10px;display:grid}.favoriteSection{gap:12px;display:grid}.favoriteItem{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.favoriteItem:hover{border-color:#c9d4e3}.favoriteItem strong{color:#111827;margin-bottom:6px;font-size:15px;line-height:1.45;display:block}.favoriteItem em{color:#4169e1;margin-bottom:6px;font-size:12px;font-style:normal;font-weight:800;display:block}.favoriteItem p{color:#64748b;margin:0;font-size:13px;line-height:1.55}.favoriteActions{align-items:center;gap:8px;display:flex}.favoriteActions button{color:#334155;cursor:pointer;min-height:32px;font:inherit;background:#fff;border:1px solid #d6e0eb;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.favoriteActions button:hover{color:#3154c7;border-color:#4169e1}.favoriteWordGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.favoriteWordCard{gap:10px;padding:14px;display:grid}.favoriteWordCard>div{gap:4px;display:grid}.favoriteWordCard strong{color:#111827}.favoriteWordCard span,.favoriteWordCard em{color:#64748b;font-size:13px}.favoriteWordCard p{color:#334155;margin:0}.favoriteWordCard button{color:#334155;cursor:pointer;min-height:32px;font:inherit;background:#fff;border:1px solid #d6e0eb;border-radius:8px;justify-self:start;padding:0 12px;font-size:13px;font-weight:800}.favoriteSummary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.favoriteSummaryCard,.favoriteItem,.favoriteWordCard,.reviewWordCard,.profileOverviewCard,.profileCardItem,.profileEmptyPanel,.profileSideAccount,.profileDonutBlock,.profileRecentCourse,.profileRecordSection{background:#fff;border:1px solid #e3e8ef;border-radius:12px}.favoriteSummaryCard{background:#fbfdff;gap:8px;padding:18px 16px 14px;display:grid;position:relative}.favoriteSummaryCard:before{content:"";background:#4169e1;border-radius:12px 12px 0 0;height:3px;position:absolute;inset:0 0 auto}.favoriteSummaryCard:nth-child(2):before{background:#f1833b}.favoriteSummaryCard:nth-child(3):before{background:#1cb985}.favoriteSummaryCard:nth-child(4):before{background:#a463b5}.favoriteSummaryCard span{color:#64748b;font-size:12px;font-weight:700}.favoriteSummaryCard strong{color:#111827;font-size:28px;line-height:1.1}.favoriteSummaryCard em{color:#94a3b8;font-size:12px;font-style:normal}.favoriteTabsBar{background:#fff;border:1px solid #e3e8ef;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px;display:flex}.favoriteTabsBar button,.profileTabsBar button{color:#475569;cursor:pointer;min-height:34px;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.favoriteTabsBar button em,.profileTabsBar button em{color:#475569;background:#eef2f7;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-style:normal;font-weight:700;display:inline-flex}.favoriteTabsBar button.active,.profileTabsBar button.active{color:#3154c7;background:#eef3ff;border-color:#d6e3fb}.favoriteTabsBar button.active em,.profileTabsBar button.active em{color:#fff;background:#4169e1}.favoriteItemTime{color:#3154c7;background:#eef3ff;border-radius:10px;justify-content:center;align-items:center;min-width:64px;height:44px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.favoriteItemBody{gap:4px;min-width:0;display:grid}.favoriteActions a{color:#fff;background:#4169e1;border-radius:8px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.favoriteActions a:hover{background:#2f55c1}.favoriteEmpty{text-align:center;background:#fbfdff;border:1px dashed #d6e0eb;border-radius:12px;gap:8px;padding:28px 18px;display:grid}.favoriteEmpty strong{color:#334155;font-size:14px}.favoriteEmpty p{color:#64748b;margin:0;font-size:13px}.profileMainGrid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:18px;display:grid}.profileSidePanel{gap:14px;display:grid}.profileSideAccount{gap:12px;padding:16px;display:grid}.profileSideAccount .profilePanelHead h3{margin:0;font-size:16px}.profileSideAccount .profilePanelHead span{color:#4169e1;font-size:13px;font-weight:800}.profileSideAccount dl{background:#e7edf5;border-radius:8px;gap:1px;margin:0;display:grid;overflow:hidden}.profileSideAccount dl div{background:#fbfdff;gap:3px;padding:8px 12px;display:grid}.profileSideAccount dt{color:#64748b;font-size:12px}.profileSideAccount dd{color:#111827;margin:0;font-size:13px;font-weight:700}.profileDonutBlock{gap:12px;padding:16px;display:grid}.profileDonut{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.profileDonut svg{display:block}.profileDonutTotal{fill:#111827;font-size:28px;font-weight:800}.profileDonutLabel{fill:#94a3b8;font-size:11px;font-weight:700}.profileDonutLegend{gap:8px;margin:0;padding:0;list-style:none;display:grid}.profileDonutLegend li{color:#475569;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:13px;display:grid}.profileDonutLegend i{border-radius:3px;width:12px;height:12px;display:block}.profileDonutLegend strong{color:#111827;font-weight:800}.profileRecentCourse{gap:12px;padding:16px;display:grid}.profileRecentRow{background:#fbfdff;border:1px solid #e7edf5;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.profileRecentRow strong{color:#111827;margin-bottom:4px;display:block}.profileRecentRow p{color:#64748b;margin:0;font-size:12px}.profileRecentRow a{color:#fff;background:#4169e1;border-radius:8px;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.profileOverviewGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profileOverviewCard{background:#fbfdff;gap:6px;padding:16px;display:grid}.profileOverviewCard span{color:#64748b;font-size:12px;font-weight:700}.profileOverviewCard strong{color:#111827;font-size:26px;line-height:1.1}.profileOverviewCard em{color:#94a3b8;font-size:12px;font-style:normal}.profileTabsBar{background:#fff;border:1px solid #e3e8ef;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px;display:flex}.profileTabsMore{color:#3154c7;background:#eef3ff;border-radius:8px;align-items:center;min-height:32px;margin-left:auto;padding:0 12px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.profileTabPanel{min-height:240px}.profileEmptyPanel{text-align:center;gap:10px;padding:32px 18px;display:grid}.profileEmptyPanel strong{color:#334155;font-size:14px}.profileEmptyPanel a{color:#fff;background:#4169e1;border-radius:8px;justify-self:center;align-items:center;min-height:32px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.profileReviewGrid{grid-template-columns:repeat(3,minmax(170px,1fr))}.profileWordMore{color:#3154c7;background:#eef3ff;border-radius:8px;grid-column:1/-1;justify-self:start;align-items:center;min-height:34px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.profileHead p{color:#64748b;margin:6px 0 0;font-size:13px}.profileOverviewWide{grid-template-columns:repeat(6,minmax(0,1fr))}.profileRecordSection{gap:14px;padding:16px;display:grid}.profileRecordSection .profilePanelHead h3{margin:0;font-size:16px}.profileTableList,.profileProgressList{gap:10px;display:grid}.profileTableRow{background:#fbfdff;border:1px solid #e7edf5;border-radius:10px;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid}.profileRowNo{color:#3154c7;background:#eef3ff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:inline-flex}.profileRowMain{gap:5px;min-width:0;display:grid}.profileRowMain em{color:#64748b;font-size:12px;font-style:normal;font-weight:800}.profileRowMain strong{color:#111827;font-size:14px;line-height:1.55}.profileRowMain p{color:#64748b;margin:0;font-size:13px;line-height:1.55}.profileRowMain p.profileRowSub{color:#94a3b8}.profileProgressRow{background:#fbfdff;border:1px solid #e7edf5;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(180px,280px) 52px;align-items:center;gap:12px;padding:14px;display:grid}.profileProgressRow strong{color:#111827;font-size:14px;display:block}.profileProgressRow p{color:#64748b;margin:5px 0 0;font-size:12px}.profileProgressRow em{color:#3154c7;text-align:right;font-size:13px;font-style:normal;font-weight:900}.profileProgressTrack{background:#e7edf5;border-radius:999px;height:8px;overflow:hidden}.profileProgressTrack span{background:#4169e1;border-radius:999px;height:100%;display:block}.methodGrid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;display:grid}.methodWorkspace{grid-template-columns:320px minmax(0,1fr);gap:18px;display:grid}.methodNewsList,.methodArticleDetail{align-content:start;gap:16px;display:grid}.methodNewsItems{gap:10px;display:grid}.methodNewsItem{color:#111827;cursor:pointer;text-align:left;background:#fff;border:1px solid #e3e8ef;border-radius:8px;gap:8px;padding:16px;display:grid}.methodNewsItem span{color:#64748b;font-size:12px;font-weight:800}.methodNewsItem strong{font-size:17px;line-height:1.4}.methodNewsItem p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.methodNewsItem.active{background:#eef5ff;border-color:#bfd2ff}.methodArticleDetail{background:#fff;border:1px solid #e3e8ef;border-radius:8px;padding:18px}.methodArticleBody{gap:14px;display:grid}.methodArticleBody p{color:#334155;margin:0;font-size:14px;line-height:1.8}.methodStep,.methodPanel,.feedbackPanel{background:#fff;border:1px solid #e3e8ef;border-radius:8px}.methodStep{align-content:start;gap:16px;min-height:190px;padding:18px;display:grid}.methodStep>span{color:#3154c7;background:#eef3ff;border-radius:999px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:900;display:grid}.methodStep strong{color:#111827;margin-bottom:8px;font-size:18px;display:block}.methodStep p{color:#64748b;margin:0;font-size:13px;line-height:1.7}.methodPanel{gap:14px;padding:16px;display:grid}.methodHabitList{flex-wrap:wrap;gap:9px;display:flex}.methodHabitList span{color:#334155;background:#f8fafc;border:1px solid #dbe5f1;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:800}.feedbackLayout{grid-template-columns:minmax(0,1fr) 360px;gap:18px;padding:18px;display:grid}.feedbackPanel{align-content:start;gap:18px;padding:18px;display:grid}.feedbackForm{gap:14px;display:grid}.feedbackForm label{gap:7px;display:grid}.feedbackForm label span{color:#64748b;font-size:12px;font-weight:800}.feedbackForm input,.feedbackForm select,.feedbackForm textarea{color:#111827;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d8e0ea;border-radius:8px;font-size:14px}.feedbackForm input,.feedbackForm select{height:40px;padding:0 12px}.feedbackForm textarea{resize:vertical;min-height:180px;padding:12px}.feedbackForm button{color:#fff;cursor:pointer;min-height:38px;font:inherit;background:#4169e1;border:0;border-radius:8px;justify-self:start;padding:0 18px;font-size:14px;font-weight:900}.feedbackMessage{color:#15803d;background:#eefdf4;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:700}.feedbackList{gap:10px;display:grid}.feedbackList article{background:#fbfdff;border:1px solid #e7edf5;border-radius:8px;gap:6px;padding:12px;display:grid}.feedbackList span{color:#64748b;font-size:12px;font-weight:800}.feedbackList p{color:#334155;margin:0;font-size:13px;line-height:1.6}.feedbackItem{background:#fbfdff;border:1px solid #e7edf5;border-radius:8px;gap:8px;padding:12px 14px;display:grid}.feedbackItemHead{align-items:center;gap:8px;display:flex}.feedbackItemHead .feedbackItemType{color:#3154c7;font-size:13px;font-weight:800}.feedbackItemHead .feedbackItemDate{color:#94a3b8;margin-left:auto;font-size:12px;font-weight:600}.feedbackItemContent{color:#334155;margin:0;font-size:14px;line-height:1.6}.feedbackStatusBadge{border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:700;display:inline-flex}.feedbackStatusBadge.pending{color:#64748b;background:#f1f5f9}.feedbackStatusBadge.resolved{color:#15803d;background:#e6f6ec}.feedbackReply{background:#f4f7ff;border-left:3px solid #4169e1;border-radius:0 6px 6px 0;gap:4px;padding:8px 10px;display:grid}.feedbackReplyLabel{color:#3154c7;font-size:12px;font-weight:800}.feedbackReply p{color:#334155;margin:0;font-size:13px;line-height:1.6}.playerToolbar{justify-content:flex-end;align-items:center;padding:12px 18px 0;display:flex}.mobileTabs,.mobilePlayerToolbar{display:none}.videoControls{z-index:4;color:#fff;pointer-events:none;background:linear-gradient(#0000,#000000a6);align-items:center;gap:8px;padding:8px 14px 10px;display:flex;position:absolute;inset:auto 0 0}.videoControls>*{pointer-events:auto}.playOverlayButton,.videoFullscreenButton{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.playOverlayButton:hover,.videoFullscreenButton:hover{background:#ffffff1f}.controlIcon{flex-shrink:0;width:24px;height:24px}.videoFullscreenButton .controlIcon{width:20px;height:20px}.videoTime{color:#ffffffe6;font-variant-numeric:tabular-nums;letter-spacing:.01em;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:500}.videoSeekBar{appearance:none;cursor:pointer;background:#ffffff4d;border-radius:999px;outline:none;flex:1;min-width:0;height:4px}.videoSeekBar::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.videoSeekBar::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.playerToolbarActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workspace{grid-template-columns:minmax(620px,872px) 384px;justify-content:stretch;align-items:start;gap:24px;padding:24px max(16px,50vw - 640px);display:grid}.playerColumn{min-width:0}.videoFrame{aspect-ratio:1292/720;background:#0f172a;border-radius:8px 8px 0 0;position:relative;overflow:hidden;box-shadow:0 14px 35px #0f172a14}.videoFrame video{object-fit:cover;pointer-events:auto;background:#000;width:100%;height:100%;display:block}.videoFrame video::-webkit-media-controls-download-button{display:none!important}.videoFrame video::-webkit-media-controls-enclosure{display:none!important}.videoFrame video::-webkit-media-controls{display:none!important}.videoFrame:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.previewLockOverlay{z-index:3;color:#fff;text-align:center;background:#020617db;place-content:center;gap:12px;padding:28px;display:grid;position:absolute;inset:0}.previewLockOverlay strong{font-size:24px;line-height:1.2}.previewLockOverlay p{color:#ffffffd1;max-width:420px;margin:0;font-size:14px;line-height:1.6}.previewLockOverlay div{justify-content:center;gap:10px;display:flex}.previewLockOverlay a{color:#111827;background:#fff;border-radius:6px;justify-content:center;align-items:center;height:36px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.previewLockOverlay a+a{color:#fff;background:#2563eb}.wordActive{color:#ffd166}.captionWord{cursor:pointer;border-radius:4px;transition:background-color .16s,color .16s}.captionWord:hover,.captionWord:focus-visible{background:#3b82f624;outline:none}.wordPopupMask{z-index:25;background:#0f172a2e;position:fixed;inset:0}.wordLookupPopup{z-index:30;background:#fff;border-radius:18px;width:390px;max-width:calc(100vw - 32px);position:fixed;overflow:hidden;box-shadow:0 18px 42px #0f172a38}.wordPopupHead{color:#fff;background:#2563eb;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;min-height:56px;padding:12px 16px 13px;display:grid}.wordPopupTitle{flex-wrap:wrap;align-items:baseline;gap:3px 7px;min-width:0;display:flex}.wordPopupHeadActions{flex-shrink:0;align-items:center;gap:8px;display:flex}.wordPopupHead strong{overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:14px;font-weight:800;line-height:1.25;display:inline}.wordPopupTitlePhonetic{color:#ffffffe0;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.25;display:inline}.wordPopupHandle{display:none}.wordPopupHeadSound{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.wordPopupHead button{color:#fff;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.wordPopupHead button:hover{background:#ffffff1f}.wordPopupHead svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px;width:22px;height:22px}.wordPopupFavorite svg{width:24px;height:24px}.wordPopupFavorite.active svg{fill:currentColor}.wordPopupClose svg{width:20px;height:20px}.wordPopupPhonetic{display:none}.wordPopupBody{background:#fff;border-radius:0;gap:12px;margin:0;padding:16px;display:grid}.wordPopupDefinitionRow{align-items:baseline;gap:6px;display:flex}.wordPopupIndex{color:#111827;flex-shrink:0;font-size:15px;font-weight:700;line-height:1.6}.wordPopupPos{color:#2563eb;flex-shrink:0;font-size:15px;font-weight:700;line-height:1.6}.wordPopupBody p{color:#1f2937;margin:0;font-size:15px;line-height:1.6}.wordPopupReview{color:#fff;background:#f97316;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:calc(100% - 32px);height:40px;margin:0 16px 16px;font-size:14px;font-weight:800;display:flex}.transport{color:#e5edf9;background:#0f1726;border-radius:0 0 8px 8px;margin-top:0;padding:12px 16px 14px;display:none;box-shadow:0 14px 35px #0f172a1a}.transport .iconButton{color:#fff;background:0 0;width:24px;height:30px;font-size:24px;line-height:1}.videoProgress{color:#e5edf9e6;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px;font-size:12px;font-weight:700;display:grid}.videoProgress input[type=range]{appearance:none;background:linear-gradient(90deg,#fff 0% 0%,#ffffff40 0%);border-radius:999px;outline:none;width:100%;height:4px}.videoProgress input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #ffffff40}.timeRow{color:#e5edf9d9;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px;font-size:12px;font-weight:700;display:grid}.timeRow input[type=range]{appearance:none;background:linear-gradient(90deg,#3b82f6 0% 0%,#ffffff2e 0%);border-radius:999px;outline:none;width:100%;height:4px}.timeRow input[type=range]::-webkit-slider-thumb{appearance:none;background:#3b82f6;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #3b82f62e}.controlRow{justify-content:center;align-items:center;gap:14px;margin-top:10px;display:flex}.playButton,.speed,.sentenceControls button,.cardFilters button,.vocabHead button{color:#fff;background:0 0;height:30px;padding:0 10px}.playButton{place-items:center;width:34px;min-width:34px;padding:0;font-size:0;display:inline-grid;position:relative}.playButton svg{fill:currentColor;width:22px;height:22px}.speed{background:#ffffff14;border-radius:6px;justify-content:center;align-items:center;min-width:42px;padding:0 8px;font-size:13px;display:inline-flex}.speed.active{color:#fff;background:#2563eb}.studyPanel{background:#fff;border:1px solid #dde2e8;border-radius:8px;flex-direction:column;min-width:0;height:536px;display:flex;overflow:hidden;box-shadow:0 10px 24px #0f172a0f}.panelTabs{background:#fff;border-bottom:1px solid #eef1f5;flex:none;align-items:center;gap:0;height:46px;padding:0;display:flex}.modeTabs button,.panelTabs button{color:#566075;background:0 0;border:0;border-radius:0;height:100%;padding:0 16px;font-size:14px;font-weight:500}.panelTabs button.active{color:#1f55d1;background:0 0;box-shadow:inset 0 -2px #2563eb}.modeTabs{background:#f5f7fb;border-radius:8px;align-items:center;gap:0;height:36px;padding:2px;display:inline-flex}.modeTabs button{color:#4b5563;background:0 0;border:0;border-radius:8px;height:32px;padding:0 14px;font-size:14px}.modeTabs button.active{color:#fff;background:#3f6de5;box-shadow:0 2px 6px #3f6de53d}.captionList{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 10px 18px;display:flex;position:relative;overflow:auto}.captionItem{text-align:left;color:#111827;background:#fff;border:1px solid #e5e9ef;border-radius:8px;flex-direction:column;flex:none;align-items:flex-start;min-height:0;padding:16px 16px 18px;display:flex;position:relative;box-shadow:0 1px 1px #0f172a05}.captionItem.active{background:linear-gradient(#f8fbff 0%,#eef4ff 100%);border-color:#cfe0ff;box-shadow:0 8px 22px #2563eb1f}.captionTopRow{justify-content:flex-start;align-items:center;gap:8px;width:100%;display:flex}.captionState{color:#2563eb;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.captionState svg{fill:currentColor;width:14px;height:14px}.captionTime{color:#6b7280;white-space:nowrap;background:#f5f7fb;border-radius:999px;justify-content:center;width:fit-content;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.captionItem:not(.active) .captionEn,.captionItem:not(.active) .captionCn{color:#94a3b8}.captionItem.active .captionEn,.captionItem.active .captionCn{color:#111827}.captionBody{flex-direction:column;gap:14px;width:100%;min-width:0;margin-top:12px;padding-right:22px;display:flex}.captionEn{overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.42}.captionItem .wordActive{color:#1f9d57;font-weight:700}.captionItem .pendingWord{color:#c0c6d1}.captionCn{color:#64748b;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.saveMark{color:#a6afbb;text-align:center;padding-top:2px;font-size:18px;line-height:1;position:absolute;top:17px;right:16px}.saveMark.saved{color:#f59e0b}.practicePanel{flex:1;min-height:0;padding:18px;overflow:auto}.practicePanelStyled{flex-direction:column;align-items:center;gap:18px;display:flex}.practiceSentenceCard,.practiceResultCard{color:#111827;text-align:center;background:#f3f4f6;border-radius:12px;width:100%;padding:14px 16px}.practiceSentenceCard{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;font-size:19px;line-height:1.7;display:flex}.practiceSentenceCard span{white-space:pre-wrap}.practiceSentenceCard input{color:#64748b;text-align:center;background:#eff6ff;border:0;border-bottom:2px solid #60a5fa;border-radius:0;width:76px;height:34px;margin:0;padding:0 6px;font-size:18px}.practiceSentenceCard input:focus{border-bottom-color:#2563eb;outline:none}.practiceSentenceCard input::placeholder{color:#94a3b8}.practiceCheckButton,.practiceRetryButton{color:#fff;cursor:pointer;background:#86d2a5;border:0;border-radius:10px;min-width:124px;height:42px;padding:0 22px;font-size:16px}.practiceResultScore{color:#c78300;background:#fffde8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:78px;display:flex}.practiceResultScore strong{font-size:28px;line-height:1.1}.practiceResultScore span{color:#8b7b52;margin-top:4px;font-size:13px}.practiceResultCard{flex-direction:column;gap:12px;font-size:18px;line-height:1.8;display:flex}.practiceResultSentence{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.practiceWrong{color:#dc2626;background:#fee2e2;border-radius:4px;padding:0 4px}.practiceResultTranslation{color:#64748b;border-top:1px solid #e5e7eb;padding-top:10px;font-size:14px}.practiceRetryButton{color:#374151;background:#fff;border:1px solid #dbe1e8}.cardsPanel{background:#fff;flex:1;min-height:0;padding:0;overflow:auto}.centeredPanel{flex-direction:column;justify-content:flex-start;gap:12px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;font-size:12px;font-weight:700}.largeSentence{color:#111827;font-size:19px;font-weight:700;line-height:1.4}.translation{color:#6b7280;font-size:13px}.shadowSentenceCard{background:#f2f4f8;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.shadowSentenceCard .largeSentence,.shadowSentenceCard .translation{margin:0}.muted,.hint,.score{color:#6b7280;font-size:14px}.sentenceControls{flex-wrap:wrap;gap:10px;display:flex}.sentenceControls button{color:#2f3b52;background:#f5f7fb;border-color:#d8e0ea}.recordButton.recording{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.originalSoundWrap{flex-direction:column;align-self:center;align-items:center;gap:6px;display:flex}.inlinePlayButton{color:#2f3b52;cursor:pointer;background:#f5f7fb;border:1px solid #d8e0ea;border-radius:50%;place-items:center;width:64px;height:64px;padding:0;display:grid}.inlinePlayButton:hover{background:#eaeff7}.originalSoundLabel{color:#6b7280;font-size:14px}.sentenceControlBar{justify-content:center;align-items:center;gap:18px;margin-top:16px;display:flex}.barSideButton{color:#2f3b52;cursor:pointer;background:#f5f7fb;border:1px solid #d8e0ea;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.barSideButton:hover:not(:disabled){background:#eaeff7}.barSideButton:disabled{opacity:.4;cursor:not-allowed}.barMainButton{color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#2563eb;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;padding:0;display:inline-flex}.barMainButton:hover{background:#1d4ed8}.barMainButton.recording{color:#fff;background:#ef4444}.barMainButton.recording:hover{background:#dc2626}.barHint{text-align:center;color:#94a3b8;margin:8px 0 0;font-size:12px}.practicePanel textarea{resize:vertical;color:#111827;background:#fff;border:1px solid #d9e0ea;border-radius:8px;width:100%;min-height:150px;padding:14px}.practicePanel textarea:focus,.clozeLine input:focus{outline-offset:0;border-color:#8db2ff;outline:2px solid #4676f42e}.dictationPanel{flex-direction:column;gap:8px;padding:10px 18px 12px;display:flex}.dictationPanelStyled{align-items:center}.dictationResultScore{color:#c78300;background:#fffde8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:78px;display:flex}.dictationResultScore strong{font-size:28px;line-height:1.1}.dictationResultScore span{color:#8b7b52;margin-top:4px;font-size:13px}.dictationResultCard{color:#111827;text-align:center;background:#f3f4f6;border-radius:12px;width:100%;padding:14px 16px}.dictationResultSentence{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:18px;line-height:1.8;display:flex}.dictationWrong{color:#dc2626;background:#fee2e2;border-radius:4px;padding:0 4px}.dictationResultTranslation{color:#64748b;border-top:1px solid #e5e7eb;margin-top:10px;padding-top:10px;font-size:14px}.dictationRetryButton{color:#374151;cursor:pointer;background:#fff;border:1px solid #dbe1e8;border-radius:10px;min-width:96px;height:42px;font-size:16px}.dictationInputWrap{width:100%;position:relative}.dictationPanel textarea{color:#111827;text-align:center;resize:none;background:0 0;border:0;border-radius:0;min-height:80px;padding:30px 8px 4px;font-size:16px;line-height:1.4}.dictationPanel textarea::placeholder{color:#cbd5e1;text-align:center;font-size:15px}.dictationPanel textarea:focus{box-shadow:none;border-color:#0000;outline:none}.dictationInputLine{background:#e2e8f0;height:1px;transition:background-color .16s,height .16s;position:absolute;bottom:0;left:0;right:0}.dictationInputWrap:focus-within .dictationInputLine{background:#4676f4;height:2px}.dictationActions{justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.dictationHintBtn,.dictationSubmitBtn{cursor:pointer;border-radius:999px;height:38px;padding:0 26px;font-size:15px;font-weight:600}.dictationHintBtn{color:#374151;background:#fff;border:1px solid #d1d5db}.dictationHintBtn:hover{background:#f9fafb}.dictationSubmitBtn{color:#fff;background:#86efac;border:0}.dictationSubmitBtn:hover:not(:disabled){background:#4ade80}.dictationSubmitBtn:disabled{cursor:not-allowed;background:#d1d5db}.clozeLine{flex-wrap:wrap;align-items:center;gap:8px;padding:2px 0 18px;font-size:18px;line-height:1.8;display:flex}.clozeLine input{background:#fff;border:1px solid #d9e0ea;border-radius:8px;width:96px;padding:7px 10px}.cardFilters{z-index:3;background:#fff;border-bottom:1px solid #e5e9ef;gap:10px;padding:14px 12px 10px;display:flex;position:sticky;top:0}.cardFilters button{color:#64748b;white-space:nowrap;background:#f4f5f7;border:0;border-radius:999px;flex:1 1 0;min-width:0;height:30px;padding:0 10px;font-size:12px}.cardFilters button.active{color:#fff;background:#4676f4}.vocabList{background:#fff;display:block}.vocabEmpty{text-align:center;color:#64748b;background:#fff;place-items:center;gap:8px;min-height:220px;padding:24px;display:grid}.vocabEmpty strong{color:#111827;font-size:18px}.vocabEmpty p{max-width:260px;margin:0;font-size:13px;line-height:1.6}.vocabRow{text-align:left;color:#111827;background:#fff;border:0;border-bottom:1px solid #e5e9ef;border-radius:0;grid-template-columns:minmax(0,1fr) 34px;align-items:center;column-gap:12px;width:100%;min-height:58px;padding:10px 12px 10px 16px;display:grid}.vocabMeta{align-items:center;min-width:0;display:flex}.vocabHead{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.vocabIndex{color:#94a3b8;text-align:right;flex-shrink:0;min-width:22px;font-size:13px;font-weight:600}.vocabRow strong{white-space:normal;overflow-wrap:anywhere;min-width:0;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:700}.vocabRow em{color:#64748b;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-style:normal;overflow:hidden}.vocabPhonetic{color:#64748b;font-size:13px;font-weight:500}.vocabLevelBadge{color:#c78300;white-space:nowrap;background:#fff8e8;border:1px solid #f6d48b;border-radius:4px;align-items:center;min-height:20px;padding:0 6px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.vocabMeta p{display:none}.levelBadge{color:#f59e0b;background:#fff4db;border-radius:4px;align-self:start;min-width:30px;margin-top:0;padding:2px 5px;font-size:12px;line-height:1.2}.levelSpacer{width:30px;height:1px}.soundButton{color:#2563eb;text-align:center;background:#eef4ff;border-radius:50%;place-self:center end;place-items:center;width:34px;height:34px;font-size:15px;line-height:1;display:grid}.vocabRow.active{background:linear-gradient(#f8fbff 0%,#eef4ff 100%);box-shadow:inset 3px 0 #4f7cff}.vocabRow.active em,.vocabRow.active .soundButton{color:#334155}.vocabDetail{color:#0f172a;background:#fff;min-height:100%}.cardDetailBar{z-index:3;background:#fff;border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:center;height:54px;padding:0 14px;display:flex;position:sticky;top:0}.backButton,.reviewButton,.pager button{color:#2563eb;background:0 0;border:0;border-radius:8px}.reviewButton{color:#fff;background:#2563eb;border-radius:999px;height:32px;padding:0 16px;font-weight:700}.reviewButton.active{color:#1f55d1;background:#eaf1ff}.pager{color:#64748b;justify-content:flex-end;align-items:center;gap:8px;font-size:14px;display:inline-flex}.pager button{color:#64748b;width:24px;height:24px;font-size:18px}.pager button:disabled{color:#cbd5e1}.wordHero{border-bottom:1px solid #e5e9ef;justify-items:center;gap:6px;padding:14px 24px 18px;display:grid}.wordHero h2{font-size:24px;font-weight:800;line-height:1.1}.wordHero p{color:#334155;align-items:center;gap:8px;font-size:14px;display:inline-flex}.wordHero button{color:#2563eb;background:#dbeafe;border:0;border-radius:50%;width:24px;height:24px}.quickDictionaryCard{color:#111827;background:#fff;padding:20px 22px 26px}.quickDictionaryCard h2{margin-bottom:16px;font-size:26px;font-weight:800;line-height:1.15}.quickDictionaryRows{gap:14px;display:grid}.quickDictionaryRows div{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;display:grid}.quickDictionaryRows span{color:#94a3b8;font-size:14px;font-style:italic;line-height:1.7}.quickDictionaryRows p{color:#111827;font-size:17px;font-weight:700;line-height:1.5}.americanSoundButton{color:#334155;background:#f1f5f9;border:0;border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.americanSoundButton strong{color:#ef4444;font-size:15px}.definitionList{border-bottom:1px solid #e5e9ef;gap:10px;padding:14px 24px 18px;display:grid}.definitionRow{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:10px;display:grid}.definitionRow span{color:#2563eb;text-align:center;white-space:nowrap;background:#dbeafe;border-radius:6px;justify-self:start;min-width:40px;padding:3px 10px;font-size:12px;font-weight:700}.definitionRow p{color:#020617;font-size:16px;line-height:1.55}.wordRelations{gap:12px;padding:16px 24px 24px;display:grid}.wordRelations p{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wordRelations span{color:#64748b;font-size:14px}.wordRelations em{color:#12865b;background:#e8f5ee;border-radius:999px;padding:2px 8px;font-size:13px;font-style:normal}.wordRelations p:last-child em{color:#e11d48;background:#fff1f2}.adminShell{color:#111827;background:#f5f7fa;min-height:100vh}.adminTopbar{background:#fff;border-bottom:1px solid #dde3ec;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 max(20px,50vw - 590px);display:flex}.adminEyebrow{color:#64748b;margin-bottom:3px;font-size:12px;font-weight:700;display:block}.adminTopbar h1{margin:0;font-size:20px;line-height:1.2}.adminActions{align-items:center;gap:10px;display:flex}.adminActions a,.adminActions button,.adminEditorFoot button{color:#334155;background:#fff;border:1px solid #d8e0ea;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.adminActions .primary,.adminEditorFoot .primary{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:700}.adminWorkspace{grid-template-columns:196px minmax(0,1fr);gap:24px;max-width:1180px;margin:0 auto;padding:24px 20px;display:grid}.courseAdminWorkspace{grid-template-columns:280px minmax(0,1fr)}.courseListPanel{background:#fff;border:1px solid #dde3ec;border-radius:8px;min-width:0;overflow:hidden}.courseListHead{border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.courseListHead strong{font-size:14px}.courseListHead span{color:#64748b;text-align:center;background:#eff4fb;border-radius:999px;min-width:24px;padding:2px 8px;font-size:12px;font-weight:700}.courseList{max-height:calc(100vh - 150px);padding:8px;display:grid;overflow:auto}.courseListItem{text-align:left;background:0 0;border:0;border-radius:8px;gap:5px;width:100%;padding:12px;display:grid}.courseListItem:hover,.courseListItem.active{background:#eef4ff}.courseListItem strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.courseListItem span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.adminNav{align-content:start;gap:6px;display:grid}.adminNav button{color:#475569;text-align:left;background:0 0;border:0;border-radius:8px;height:38px;padding:0 12px;font-size:14px}.adminNav button.active{color:#1d4ed8;background:#eaf1ff;font-weight:700}.adminNav button:disabled{color:#9aa5b1;cursor:not-allowed}.adminEditor{background:#fff;border:1px solid #dde3ec;border-radius:8px;min-width:0;overflow:hidden}.adminSectionHead{border-bottom:1px solid #e5eaf0;justify-content:space-between;gap:20px;padding:22px 24px;display:flex}.adminSectionHead h2{margin:0 0 6px;font-size:18px}.adminSectionHead p,.adminEditorFoot p{color:#64748b;margin:0;font-size:14px}.statusPill{color:#64748b;background:#f1f5f9;border-radius:999px;flex:none;align-self:start;padding:4px 10px;font-size:12px;font-weight:700}.statusPill.published{color:#15803d;background:#dcfce7}.statusPill.used{color:#b45309;background:#fef3c7}.adminForm{gap:18px;padding:24px;display:grid}.assetUploadGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 24px 0;display:grid}.assetUploadBox{cursor:pointer;background:#f8fbff;border:1px dashed #b9c5d6;border-radius:8px;gap:7px;min-height:88px;padding:14px;display:grid;position:relative}.assetUploadBox span{color:#64748b;font-size:12px;font-weight:700}.assetUploadBox strong{color:#111827;font-size:14px;line-height:1.35}.assetUploadBox em{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.assetUploadBox small{color:#94a3b8;font-size:12px}.assetUploadId{overflow-wrap:anywhere;color:#0f766e;font-size:11px;line-height:1.4}.assetUploadBox.uploading{cursor:wait;background:#f0fdfa;border-color:#0f766e}.assetUploadBox.uploading input{cursor:wait}.assetUploadProgress{align-items:center;gap:8px;display:flex}.assetUploadProgressTrack{background:#ecfdf5;border:1px solid #99f6e4;flex:1;height:10px;display:block}.assetUploadProgressBar{background:#0f766e;height:100%;display:block}.assetUploadProgress b{color:#0f766e;flex-shrink:0;font-size:12px}.assetUploadBox input{opacity:0;cursor:pointer;position:absolute;inset:0}.adminForm label{gap:8px;display:grid}.adminForm label span{color:#475569;font-size:13px;font-weight:700}.adminForm input,.adminForm select,.adminForm textarea{color:#111827;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d8e0ea;border-radius:8px;font-size:14px}.adminForm input,.adminForm select{height:38px;padding:0 12px}.adminForm textarea{resize:vertical;min-height:88px;padding:10px 12px;line-height:1.5}.adminTwoCols{grid-template-columns:1fr 180px;gap:16px;display:grid}.adminEditorFoot{background:#fafbfc;border-top:1px solid #e5eaf0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.adminFootActions{gap:10px;display:flex}.adminFootActions button{color:#334155;background:#fff;border:1px solid #d8e0ea;border-radius:8px;height:34px;padding:0 14px}.adminFootActions button:disabled{opacity:.45;cursor:not-allowed}.adminFootActions .primary{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:700}.invitePanel{gap:14px;display:grid}.inviteFormGrid{background:#fff;border:1px solid #e5eaf0;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;padding:14px;display:grid}.inviteFormGrid label{gap:6px;display:grid}.inviteFormGrid label span{color:#64748b;font-size:12px;font-weight:700}.inviteFormGrid input{color:#111827;width:100%;min-width:0;height:32px;font:inherit;border:1px solid #dce3ec;border-radius:3px;padding:0 9px;font-size:13px}.inviteFormActions{align-items:end;gap:8px;display:flex}.inviteFormActions button{color:#fff;background:#409eff;border:0;border-radius:3px;height:32px;padding:0 12px;font-size:13px}.inviteFormActions .green{background:#67c23a}.inviteTable{min-width:980px}.inviteTable .statusPill{align-items:center;display:inline-flex}.feedbackTable{min-width:1060px}.feedbackTable td:nth-child(3) span{color:#334155;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:460px;line-height:1.5;display:-webkit-box;overflow:hidden}.settingsPanel{gap:14px;display:grid}.settingsActions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.settingsActions button{color:#fff;cursor:pointer;height:32px;font:inherit;background:#409eff;border:0;border-radius:3px;padding:0 12px;font-size:13px;font-weight:700}.settingsActions .green{background:#67c23a}.settingsGrid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.settingsCard{background:#fff;border:1px solid #e5eaf0;border-radius:6px;align-content:start;gap:16px;padding:16px;display:grid}.settingsFormGrid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.settingsFormGrid label{gap:6px;display:grid}.settingsFormGrid label.wide{grid-column:1/-1}.settingsFormGrid label span{color:#64748b;font-size:12px;font-weight:700}.settingsFormGrid input,.settingsFormGrid select,.settingsFormGrid textarea{color:#111827;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #dce3ec;border-radius:3px;font-size:13px}.settingsFormGrid input,.settingsFormGrid select{height:32px;padding:0 9px}.settingsFormGrid textarea{resize:vertical;min-height:92px;padding:8px 9px}.settingsSwitch{grid-template-columns:18px minmax(0,1fr);align-content:center;min-height:32px}.settingsSwitch input{accent-color:#4169e1;width:16px;height:16px}.settingsInlineActions{align-items:end;display:flex}.settingsInlineActions button{color:#fff;cursor:pointer;min-height:32px;font:inherit;background:#409eff;border:0;border-radius:3px;padding:0 12px;font-size:13px;font-weight:700}.memberSearch{align-items:center;gap:8px;display:flex}.memberSearch span{color:#64748b;font-size:12px;font-weight:700}.memberSearch input{color:#111827;width:220px;height:30px;font:inherit;border:1px solid #dce3ec;border-radius:3px;padding:0 9px;font-size:13px}.memberStatGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.memberStatGrid div{background:#fff;border:1px solid #e5eaf0;gap:6px;padding:16px;display:grid}.memberStatGrid span{color:#64748b;font-size:12px;font-weight:700}.memberStatGrid strong{color:#2563eb;font-size:24px}.memberTable{min-width:980px}.adminEmpty{color:#64748b;background:#fff;border:1px dashed #cbd5e1;place-items:center;gap:6px;min-height:180px;display:grid}.adminEmpty strong{color:#111827}.adminEmpty p{margin:0}.dashboardPanel{gap:16px;display:grid}.dashboardStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dashboardStats button{color:#111827;text-align:left;background:#fff;border:1px solid #e5eaf0;border-radius:8px;gap:8px;min-height:118px;padding:18px;display:grid}.dashboardStats button:hover{background:#fbfdff;border-color:#bfdbfe}.dashboardStats span{color:#64748b;font-size:13px;font-weight:700}.dashboardStats strong{color:#2563eb;font-size:30px;line-height:1}.dashboardStats em{color:#94a3b8;font-size:13px;font-style:normal}.dashboardColumns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dashboardList{background:#fff;border:1px solid #e5eaf0;border-radius:8px;min-width:0}.dashboardListHead{border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 14px;display:flex}.dashboardListHead strong{color:#111827;font-size:14px}.dashboardListHead button{color:#2563eb;background:0 0;border:0;height:28px;font-size:13px;font-weight:700}.dashboardList article{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 14px;display:flex}.dashboardList article:last-child{border-bottom:0}.dashboardList article div{min-width:0}.dashboardList article strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.dashboardList article span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;display:block;overflow:hidden}.dashboardList article em{color:#94a3b8;flex:none;font-size:12px;font-style:normal}.dashboardEmptyText{color:#94a3b8;margin:0;padding:24px 14px;font-size:13px}.subtitleAdminPanel{gap:14px;display:grid}.subtitleCourseSelect{align-items:center;gap:8px;display:flex}.subtitleCourseSelect span{color:#64748b;font-size:12px;font-weight:700}.subtitleCourseSelect select{color:#111827;min-width:260px;height:34px;font:inherit;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 18px) 14px,calc(100% - 12px) 14px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #d4dce7;border-radius:8px;padding:0 36px 0 12px;font-size:13px}.subtitleWorkspace{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.subtitleTable{min-width:760px}.subtitleTable td span{color:#334155;white-space:normal;max-width:560px}.subtitleTableWrap{min-height:420px}.subtitleRawPanel{min-width:0}.adminStandalonePanel{background:#fff;border:1px solid #e5eaf0;min-width:0}.subtitleRawPanel>div{border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.subtitleRawPanel strong{color:#111827;font-size:14px}.subtitleRawPanel span{color:#94a3b8;font-size:12px}.subtitleRawPanel pre{color:#334155;white-space:pre-wrap;min-height:320px;max-height:420px;margin:0;padding:14px;font:12px/1.6 Consolas,Courier New,monospace;overflow:auto}.vocabAdminPanel{gap:14px;display:grid}.vocabEditorPanel,.vocabListPanel{min-width:0}.vocabFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.vocabFormGrid label{gap:6px;display:grid}.vocabFormGrid label.wide{grid-column:1/-1}.vocabFormGrid span{color:#64748b;font-size:12px;font-weight:700}.vocabFormGrid input,.vocabFormGrid select,.vocabFormGrid textarea{color:#111827;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #dce3ec;border-radius:8px;font-size:13px}.vocabFormGrid input,.vocabFormGrid select{height:38px;padding:0 12px}.vocabFormGrid textarea{resize:vertical;min-height:66px;padding:10px 12px}.vocabAdminTable{min-width:860px}.vocabAdminTable td span{white-space:normal;max-width:280px}.defEditor{background:#f8fafc;border:1px solid #dce3ec;border-radius:8px;gap:8px;padding:10px;display:grid}.defRow{grid-template-columns:22px 96px 1fr 44px;align-items:center;gap:8px;display:grid}.defRow .defCheck{justify-self:center;width:18px;height:18px}.defRow .defPos,.defRow .defText{border:1px solid #dce3ec;border-radius:6px;height:36px;padding:0 10px;font-size:13px}.defRow .defDel{color:#c0392b;cursor:pointer;background:#fff5f5;border:1px solid #f0b4b4;border-radius:6px;height:36px;font-size:13px}.defActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.defActions .green{color:#1d7a3f;cursor:pointer;background:#f0fff5;border:1px solid #9ad8b0;border-radius:6px;height:34px;font-size:13px}.defActions .defBatchDel{color:#c0392b;cursor:pointer;background:#fff5f5;border:1px solid #f0b4b4;border-radius:6px;height:34px;font-size:13px}.defActions .defBatchDel:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.categoryAdminPanel{gap:14px;display:grid}.categoryEditorPanel,.categoryListPanel{min-width:0}.categoryFormGrid{grid-template-columns:1fr 100px;gap:12px;padding:14px;display:grid}.categoryFormGrid label{gap:6px;display:grid}.categoryFormGrid label.wide{grid-column:1/-1}.categoryFormGrid span{color:#64748b;font-size:12px;font-weight:700}.categoryFormGrid input,.categoryFormGrid select,.categoryFormGrid textarea{color:#111827;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #dce3ec;border-radius:8px;font-size:13px}.categoryFormGrid input,.categoryFormGrid select{height:38px;padding:0 12px}.categoryFormGrid textarea{resize:vertical;min-height:84px;padding:10px 12px}.categoryTable{min-width:860px}.methodFormGrid{grid-template-columns:2fr 1fr 1fr;gap:12px;padding:14px;display:grid}.methodFormGrid label{gap:6px;display:grid}.methodFormGrid label.wide{grid-column:1/-1}.methodFormGrid span{color:#64748b;font-size:12px;font-weight:700}.methodFormGrid input,.methodFormGrid select,.methodFormGrid textarea{color:#111827;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #dce3ec;border-radius:8px;font-size:13px}.methodFormGrid input,.methodFormGrid select{height:38px;padding:0 12px}.methodFormGrid textarea{resize:vertical;min-height:120px;padding:10px 12px;line-height:1.6}.methodTable{min-width:880px}.methodTable td strong+span{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.adminForm select,.settingsFormGrid select,.vocabFormGrid select,.editGrid select,.subtitleCourseSelect select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:36px}.adminForm select:focus,.settingsFormGrid select:focus,.vocabFormGrid select:focus,.editGrid select:focus,.subtitleCourseSelect select:focus,.adminForm input:focus,.settingsFormGrid input:focus,.vocabFormGrid input:focus,.editGrid input:focus,.categoryFormGrid input:focus,.categoryFormGrid textarea:focus,.vocabFormGrid textarea:focus,.editGrid textarea:focus,.adminForm textarea:focus,.settingsFormGrid textarea:focus{outline-offset:0;border-color:#8db2ff;outline:2px solid #3b82f624}.adminLayout{color:#1f2937;background:#f4f7fb;grid-template-columns:180px minmax(0,1fr);min-height:100vh;display:grid}.adminSidebar{color:#cbd5e1;background:#142033;min-height:100vh}@media (width>=861px){.adminSidebar{height:100vh;position:sticky;top:0;overflow-y:auto}}.adminLogo{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;height:56px;padding:0 16px;display:flex}.adminLogo .brandLogo{border-radius:6px;width:30px;height:30px}.adminLogo strong{color:#fff;font-size:13px;font-weight:700;line-height:1.2}.brandTextCol{flex-direction:column;line-height:1.2;display:flex}.brandTextCol>span{white-space:nowrap;font-size:13px;font-weight:800}.authBrand .brandTextCol>span{font-size:18px}.adminMenu{padding:10px 0;display:grid}.adminMenu button{color:#b7c2d2;text-align:left;background:0 0;border:0;height:42px;padding:0 18px;font-size:14px}.adminMenu button.active,.adminMenu button:hover{color:#fff;background:#1d2d45}.adminMain{min-width:0}.adminHeader{background:#fff;border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}.adminHeaderLeft{color:#64748b;align-items:center;gap:12px;font-size:13px;display:flex}.adminHeaderLeft button{color:#475569;background:0 0;border:0;font-size:16px}.adminHeaderLeft strong{color:#111827}.adminUser{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.adminUser span{font-weight:800}.adminUser button{color:#334155;cursor:pointer;height:28px;font:inherit;background:#fff;border:1px solid #dce3ec;border-radius:3px;padding:0 9px;font-size:12px;font-weight:700}.adminTabs{background:#f8fafc;border-bottom:1px solid #e5eaf0;align-items:center;gap:4px;height:42px;padding:0 18px;display:flex}.adminTabs span,.adminTabs strong{color:#64748b;background:#fff;border:1px solid #e5eaf0;border-radius:4px 4px 0 0;align-items:center;height:28px;padding:0 12px;font-size:12px;display:inline-flex}.adminTabs strong{color:#2563eb}.adminContent{padding:16px 20px 24px}.adminToolbar{flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;margin-bottom:12px;display:flex}.adminToolbar button{color:#fff;cursor:pointer;background:#409eff;border:0;border-radius:3px;justify-content:center;align-items:center;height:30px;padding:0 12px;font-size:12px;display:inline-flex}.adminToolbar label{color:#64748b;cursor:default;background:0 0;border:0;align-items:center;gap:8px;height:auto;padding:0;font-size:12px;display:inline-flex;position:static}.adminToolbar .green{background:#67c23a}.adminToolbar .danger{background:#ef4444}.adminToolbar .orange{background:#e6a23c}.adminToolbar .purple{background:#7c3aed}.adminToolbar input{opacity:1;cursor:text;position:static}.toolbarMessage{color:#64748b;margin-left:auto;font-size:12px;line-height:1.5}.aiBatchProgress{flex:1;align-items:center;gap:10px;min-width:220px;margin-left:auto;display:flex}.aiBatchProgressBar{background:#e5e7eb;flex:1;height:8px;overflow:hidden}.aiBatchProgressFill{background:#8b5cf6;min-width:2px;height:100%}.editToolbar .toolbarMessage{color:#0f766e;white-space:normal;max-width:100%}.editToolbar .toolbarMessage:has(:where(*)){color:#0f766e}.tableSummary{color:#64748b;justify-content:flex-end;padding:10px 2px 0;font-size:12px;display:flex}.adminTableWrap{background:#fff;border:1px solid #e5eaf0;overflow:auto}.adminTable{border-collapse:collapse;width:100%;min-width:1060px}.adminTable th,.adminTable td{color:#475569;text-align:left;border-bottom:1px solid #edf1f5;border-right:1px solid #edf1f5;height:44px;padding:0 10px;font-size:12px}.adminTable th{color:#64748b;background:#fbfdff;font-weight:700}.adminTable tr.selected td{background:#f1f5f9}.adminTable td strong{color:#111827;font-size:13px;font-weight:700;display:block}.adminTable td span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:260px;display:block;overflow:hidden}.adminTable em{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-style:normal;display:inline-flex}.adminTable em.yes{background:#67c23a}.adminTable em.no{background:#909399}.adminSwitch{width:34px;height:18px;display:inline-flex;position:relative}.adminSwitch input{opacity:0}.adminSwitch span{background:#d1d5db;border-radius:999px;position:absolute;inset:0}.adminSwitch span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.adminSwitch input:checked+span{background:#409eff}.adminSwitch input:checked+span:after{transform:translate(16px)}.tableActions{gap:6px;display:flex}.tableActions button{color:#fff;background:#409eff;border:0;border-radius:3px;height:26px;padding:0 8px;font-size:12px}.tableActions .danger{background:#f56c6c}.tableActions button:disabled{opacity:.5}.adminEditPanel{background:#fff;border:1px solid #e5eaf0;margin-top:14px}.editPanelHead{border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.editPanelHead>div{gap:3px;display:grid}.editPanelHead strong{font-size:14px}.editPanelHead span{color:#94a3b8;font-size:12px}.editPanelHead button{color:#334155;background:#fff;border:1px solid #d8e0ea;border-radius:3px;height:30px;padding:0 12px}.editPanelHeadActions{align-items:center;gap:8px;margin-left:auto;display:flex}.standaloneEditPanel{margin-top:0}.editToolbar{background:#fbfdff;border-bottom:1px solid #e5eaf0}.editGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:14px;display:grid}.formAssetUploadGrid{grid-column:1/-1;padding:0}.courseAssetInfo{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.courseAssetInfo div{background:#fbfdff;border:1px solid #e5eaf0;gap:6px;min-height:66px;padding:12px;display:grid}.courseAssetInfo span,.coverPreview span{color:#64748b;font-size:12px;font-weight:700}.courseAssetInfo strong{color:#111827;font-size:14px}.coverPreview{grid-column:1/-1;gap:10px;display:grid}.coverPreview img{aspect-ratio:16/9;object-fit:cover;background:#f8fafc;border:1px solid #e5eaf0;border-radius:6px;width:min(360px,100%)}.editGrid label{gap:6px;display:grid}.editGrid label.wide{grid-column:1/-1}.editGrid label span{color:#64748b;font-size:12px;font-weight:700}.editGrid input,.editGrid select,.editGrid textarea{color:#111827;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #dce3ec;border-radius:3px;font-size:13px}.editGrid input,.editGrid select{height:32px;padding:0 9px}.editGrid textarea{resize:vertical;min-height:64px;padding:8px 9px}@media (width<=1280px){.profileMainGrid,.vocabWorkspaceTop{grid-template-columns:1fr}.profileOverviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.reviewWordGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1180px){.courseGrid{grid-template-columns:repeat(3,minmax(220px,1fr))}.workspace{grid-template-columns:1fr}.studyPanel{height:620px;min-height:0}}@media (width<=860px){.homeTopbar,.frontTopbar{gap:12px;height:50px;padding:0 12px}.homeBrand{font-size:17px}.frontTopbarTitle{text-overflow:ellipsis;flex:1;overflow:hidden}.mobileMenuButton{margin-left:auto;display:inline-grid}.homeNav{background:#fff;border:1px solid #dfe5ed;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:8px;display:none;position:absolute;top:50px;left:10px;right:10px;box-shadow:0 18px 40px #0f172a24}.homeNav.open{display:flex}.homeNav a,.mobileLoginLink,.mobileLogoutButton{color:#334155;border-radius:8px;align-items:center;min-height:40px;padding:0 10px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.homeNav a.active{color:#2563eb;background:#eef3ff}.mobileLogoutButton{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0}.frontTopbar>.loginButton{display:none}.courseHome{grid-template-columns:1fr;padding:14px}.homeFeaturedVideo{grid-template-columns:1fr}.homeFeaturedInfo{padding:16px}.homeFeaturedInfo h2{font-size:20px}.profileLayout,.profilePanels,.profileMainGrid,.libraryLayout,.feedbackLayout,.libraryWithSidebar,.methodWorkspace{grid-template-columns:1fr}.profileLayout,.libraryLayout,.librarySingle,.feedbackLayout{padding:14px}.profileHead,.profileCourseRow,.libraryHead{flex-direction:column;align-items:stretch}.playerToolbar{padding:12px 14px 0}.playerToolbarActions{justify-content:flex-start}.profileStatsGrid,.profileOverviewGrid,.favoriteSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.reviewWordGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vocabWorkspaceTop,.vocabStats{grid-template-columns:1fr}.vocabFilterBar{flex-direction:column;align-items:stretch}.methodGrid,.settingsGrid,.settingsFormGrid{grid-template-columns:1fr}.settingsActions{margin-left:0}.favoriteItem{grid-template-columns:1fr;align-items:stretch}.profileOverviewWide{grid-template-columns:repeat(2,minmax(0,1fr))}.profileTableRow{grid-template-columns:38px minmax(0,1fr)}.profileTableRow .profileRecordBadge{grid-column:2;justify-self:start}.profileProgressRow{grid-template-columns:1fr;align-items:stretch}.profileProgressRow em{text-align:left}.favoriteActions{flex-wrap:wrap}.favoriteWordGrid,.courseGrid{grid-template-columns:1fr}.topbar{z-index:20;background:#fff;border-bottom:1px solid #eef1f5;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;height:52px;padding:0 12px;display:grid;position:sticky;top:0}.topbar>.iconButton{color:#1f2937;background:0 0;border:0;grid-area:auto;width:36px;height:36px}.topbar .brand,.topbar .desktopOnly{display:none}.topbar h1{color:#111827;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:600;display:block;overflow:hidden}.topbar .favoriteCourseButton{color:#64748b;display:inline-grid}.topbar .favoriteCourseButton.active{color:#f43f5e}.workspace{flex-direction:column;gap:0;padding:0;display:flex}.playerColumn,.mobileTabs,.studyPanel{width:100%;min-width:0}.mobileTabs{box-sizing:border-box;background:#eef2f7;border:0;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;height:46px;margin:10px 0;padding:0;display:grid}.mobileTabs button{color:#64748b;background:0 0;border:0;border-radius:10px;min-width:0;height:100%;padding:0 2px;font-size:13px;font-weight:700}.mobileTabs button.active{color:#2563eb;background:#fff;box-shadow:0 1px 4px #0f172a14}.studyPanel{height:auto;min-height:0}.largeSentence{font-size:20px}.adminTopbar,.adminEditorFoot{flex-direction:column;align-items:stretch}.adminActions{flex-wrap:wrap}.adminWorkspace,.courseAdminWorkspace,.adminTwoCols,.assetUploadGrid,.adminLayout{grid-template-columns:1fr}.adminSidebar{min-height:0}.editGrid{grid-template-columns:1fr}.wordLookupPopup{box-sizing:border-box;background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100vw;max-width:none;max-height:78dvh;padding-top:0;display:flex;position:fixed;box-shadow:0 -6px 30px #0f172a2e;inset:auto 0 0!important;transform:none!important}.wordPopupHandle{cursor:pointer;background:#fff;border-radius:16px 16px 0 0;justify-content:center;align-items:center;height:16px;display:flex}.wordPopupHandle span{background:#d7dce5;border-radius:2px;width:40px;height:4px}.wordPopupHead{color:#fff;background:#2f6ff3;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px;min-height:56px;padding:10px 14px 12px;display:grid}.wordPopupHeadActions{flex-shrink:0;align-items:center;gap:4px;display:flex}.wordPopupTitle{flex-wrap:wrap;align-items:baseline;gap:3px 7px;min-width:0;display:flex}.wordPopupHead strong{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;font-size:18px;line-height:1.25;display:inline}.wordPopupTitlePhonetic{opacity:.9;white-space:nowrap;font-size:14px;font-weight:600;display:inline}.wordPopupHeadSound{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.wordPopupHeadSound svg{width:22px;height:22px}.wordPopupHead button{color:#fff;width:38px;height:38px}.wordPopupHead button:hover{background:#ffffff1f}.wordPopupHead svg{stroke:#fff}.wordPopupFavorite svg{fill:none}.wordPopupFavorite.active svg{fill:currentColor}.wordPopupPhonetic{display:none}.wordPopupBody{background:#fff;border-radius:0;flex:1;gap:10px;min-height:0;margin:0;padding:12px 16px 14px;overflow:auto}.wordPopupDefinitionRow{align-items:flex-start;gap:6px;min-width:0;display:flex}.wordPopupPos{color:#2563eb;background:0 0;border-radius:0;flex:none;padding:1px 3px;font-size:13px;font-weight:700;text-decoration:underline}.wordPopupBody p{color:#111827;overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.55}.wordPopupReview{color:#fff;background:#f97316;border:0;border-radius:10px;flex:none;width:calc(100% - 32px);height:44px;margin:0 16px 16px;font-size:15px;font-weight:800}}.replayRow{color:#6b7280;flex-direction:column;align-items:center;gap:8px;margin-top:6px;font-size:14px;display:flex}.replayRow audio{width:min(360px,100%)}.scoreCard{background:#f5f7fb;border:1px solid #d8e0ea;border-radius:12px;flex-direction:column;align-items:center;gap:6px;margin-top:10px;padding:16px 20px;display:flex}.scoreBig{color:#4676f4;font-size:44px;font-weight:800;line-height:1}.scoreBig span{color:#6b7280;margin-left:4px;font-size:18px;font-weight:700}.scoreMeta{color:#6b7280;font-size:13px}.wordFeedback{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.wf{color:#475569;background:#eef1f6;border-radius:999px;padding:3px 9px;font-size:13px;font-weight:600}.wf.ok{color:#15803d;background:#dcfce7}.wf.bad{color:#b91c1c;background:#fee2e2}.wf.extra{color:#94a3b8;background:#f1f5f9}.recognized{color:#6b7280;margin-top:4px;font-size:13px}.courseFavButton{z-index:2;color:#fff;cursor:pointer;background:#0f172a9e;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.courseFavButton.saved{background:#4169e1}.coursePager{border-top:1px solid #e3e8ef;justify-content:center;align-items:center;gap:14px;margin-top:22px;padding:12px;display:flex}.coursePager span{color:#475569;font-size:13px;font-weight:700}.coursePager button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:7px 18px;font-size:13px;font-weight:700}.coursePager button:disabled{opacity:.45;cursor:not-allowed}.coursePagerJump{align-items:center;gap:6px;display:inline-flex}.coursePagerJump span{color:#475569;font-size:13px;font-weight:700}.coursePagerJump select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:7px 10px;font-size:13px;font-weight:700}.pagerSelect{position:relative}.pagerSelectTrigger{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-width:78px;padding:7px 10px;font-size:13px;font-weight:700;display:flex}.pagerSelect.open .pagerSelectTrigger{color:#4169e1;border-color:#4169e1}.pagerSelect.open .pagerSelectTrigger svg{transform:rotate(180deg)}.pagerSelectMenu{z-index:40;background:#fff;border:1px solid #cbd5e1;border-radius:6px;max-height:240px;margin:0;padding:4px 0;list-style:none;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0f172a29}.pagerSelectMenu button{color:#1f2937;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.pagerSelectMenu button:active{background:#eef3ff}.pagerSelectMenu button.active{color:#4169e1;background:#eef3ff}.mcenterBodyNight .pagerSelectTrigger{color:#f8fafc;background:#0f172a;border-color:#334155}.mcenterBodyNight .pagerSelectMenu{background:#0f172a;border-color:#334155;box-shadow:0 8px 20px #00000080}.mcenterBodyNight .pagerSelectMenu button{color:#f8fafc}.mcenterBodyNight .pagerSelectMenu button:active,.mcenterBodyNight .pagerSelectMenu button.active{background:#1e293b}.favoriteButton.saved{color:#fff;background:#4169e1;border-color:#4169e1}.favoriteCourseGrid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px;display:grid}.favoriteCourseCard{background:#fff;border:1px solid #e3e8ef;border-radius:8px;gap:10px;padding:14px;display:grid}.favoriteCourseCard em{color:#4169e1;font-size:12px;font-style:normal;font-weight:700;display:block}.favoriteCourseCard strong{color:#111827;font-size:15px;line-height:1.4;display:block}.favoriteCourseCard .favoriteActions{align-items:center;gap:10px;display:flex}.favoriteCourseCard .favoriteActions a{color:#fff;background:#4169e1;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none}.favoriteCourseCard .favoriteActions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700}@media (width<=720px){.favoriteCourseGrid,.profileOverviewWide,.profileOverviewGrid,.favoriteSummary,.reviewWordGrid,.favoriteWordGrid{grid-template-columns:1fr}.librarySingle{padding:10px}.profileOverviewCard,.profileSideAccount,.profileRecordSection{padding:12px}.profileTableRow{grid-template-columns:1fr;gap:10px;padding:12px}.profileTableRow .profileRecordBadge{grid-column:auto}.profileRowNo{width:30px;height:30px}.profileProgressTrack{width:100%}.profileHead h1,.libraryHead h1{font-size:22px}}.subtitleTable .captionTimeInput{border:1px solid #cbd5e1;border-radius:6px;width:92px;padding:4px 6px;font-size:12px}.subtitleTable .captionTextInput{resize:vertical;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:46px;padding:4px 6px;font-family:inherit;font-size:13px;line-height:1.35}.feedbackTable .feedbackReplyCell{min-width:240px}.feedbackReplyText{color:#065f46;white-space:pre-wrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;margin:0 0 6px;padding:6px 8px;font-size:12px}.feedbackReplyInput{resize:vertical;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:52px;margin-bottom:6px;padding:6px 8px;font-family:inherit;font-size:13px;line-height:1.35}.modalOverlay{z-index:50;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modalPanel{background:#fff;border-radius:12px;width:480px;max-width:100%;overflow:hidden;box-shadow:0 20px 48px #0f172a40}.modalHead{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modalHead strong{color:#1e293b;font-size:16px}.modalHead button{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:14px}.modalPanel.wide{width:720px}.memberRecords{max-height:62vh;overflow-y:auto}.recordBlock{border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.recordBlock h4{color:#1e293b;margin:0 0 8px;font-size:14px}.recordList{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.recordList li{background:#f8fafc;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.recordTitle{color:#0f172a;font-size:14px;font-weight:600}.recordMeta{color:#64748b;font-size:12px}.recordEmpty{color:#94a3b8;margin:0;font-size:13px}.errorText{color:#dc2626}.modalForm{flex-direction:column;gap:14px;padding:20px;display:flex}.modalForm label{color:#475569;flex-direction:column;gap:6px;font-size:13px;display:flex}.modalForm label.wide{grid-column:1/-1}.modalForm input,.modalForm select,.modalForm textarea{border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:14px}.modalForm textarea{resize:vertical;min-height:84px}.modalFoot{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.modalFoot button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 18px;font-size:14px;font-weight:600}.modalFoot button.primary{color:#fff;background:#4169e1;border-color:#4169e1}.mobileOnly{display:none}@media (width<=640px){.workspace{grid-template-columns:1fr;gap:16px;padding-left:14px;padding-right:14px}.studyPanel{height:auto;min-height:460px}.transport{background:#0f172a;border-radius:0 0 8px 8px;padding:12px 14px 14px}.controlRow{flex-wrap:wrap;justify-content:center;gap:10px}.controlRow .speed{background:#ffffff14;border-radius:6px;justify-content:center;align-items:center;min-width:42px;padding:0 8px;font-size:13px;display:inline-flex}.controlRow .speed.active{color:#fff;background:#2563eb;margin-left:0}.desktopOnly{display:none!important}.mobileOnly{display:block}.mobileFilterItem{gap:7px;display:grid}.mobileFilterLabel{color:#475569;font-size:12px;font-weight:700}.mobileFilterDropdown{position:relative}.mobileFilterTrigger{color:#111827;width:100%;height:40px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;font-size:14px;display:flex}.mobileFilterTrigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobileFilterArrow{color:#64748b;flex-shrink:0;margin-left:8px;font-size:12px}.mobileFilterOptions{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:1px;margin-top:6px;padding:6px 0;display:grid}.mobileFilterOptions button{color:#111827;min-height:40px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:14px}.mobileFilterOptions button.active{color:#4169e1;font-weight:700}.appShell{padding-bottom:76px;overflow-x:hidden}.workspace{flex-direction:column;gap:0;padding:0;display:flex}.playerColumn{width:100%}.mobileTabs,.studyPanel{width:100%;min-width:0}.videoFrame{aspect-ratio:16/9;box-shadow:none;border-radius:0}.videoControls{z-index:4;color:#fff;background:linear-gradient(#0000,#000000b3);align-items:center;gap:8px;padding:8px 12px 10px;display:flex;position:absolute;inset:auto 0 0}.playOverlayButton,.videoFullscreenButton{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}.playOverlayButton:hover,.videoFullscreenButton:hover{background:#ffffff1f}.controlIcon{flex-shrink:0;width:24px;height:24px}.videoFullscreenButton .controlIcon{width:20px;height:20px}.videoTime{color:#ffffffe6;font-variant-numeric:tabular-nums;letter-spacing:.01em;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:500}.videoSeekBar{appearance:none;cursor:pointer;background:#ffffff4d;border-radius:999px;outline:none;flex:1;min-width:0;height:4px}.videoSeekBar::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.videoSeekBar::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.transport{display:none}.mobileTabs{scrollbar-width:none;background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:12px 14px;display:flex;overflow-x:auto}.mobileTabs::-webkit-scrollbar{display:none}.mobileTabs button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e9ef;border-radius:999px;flex:1 1 0;height:34px;padding:0 8px;font-size:13px;font-weight:500}.mobileTabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.studyPanel{height:auto;min-height:0;box-shadow:none;background:#f5f7fb;border:0;border-radius:0;flex:1}.captionList{scrollbar-width:none;background:#f5f7fb;gap:12px;height:auto;min-height:220px;max-height:60vh;padding:12px;scroll-padding-top:12px;overflow:hidden auto}.captionItem{background:#fff;border:0;border-radius:12px;padding:14px 14px 16px;scroll-margin-top:12px;display:block;position:relative;box-shadow:0 1px 3px #0f172a0a}.captionItem.active{background:linear-gradient(#f8fbff 0%,#eef4ff 100%);border:0;box-shadow:0 8px 18px #2563eb1a}.captionTime{color:#94a3b8;background:0 0;padding:0;font-size:12px;font-weight:600;display:block}.captionTopRow{min-height:18px}.captionState{font-size:11px}.captionBody{gap:8px;width:100%;margin-top:8px;padding-right:0;display:grid}.captionEn{color:#111827;font-size:16px;font-weight:700;line-height:1.45}.captionCn{color:#64748b;font-size:13px}.saveMark{color:#cbd5e1;width:22px;height:22px;margin-top:0;position:absolute;top:14px;right:14px}.saveMark.saved{color:#f43f5e}.mobilePlayerToolbar{z-index:30;box-sizing:border-box;background:#fff;border-top:1px solid #eef1f5;justify-content:space-around;align-items:center;height:64px;padding:0 10px;position:fixed;bottom:0;left:0;right:0;display:flex!important}.mobileTabs+.mobilePlayerToolbar,.mobilePlayerToolbar+.mobileTabs{box-shadow:0 -6px 18px #0f172a14}.toolButton{color:#64748b;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:52px;height:100%;display:flex}.toolButton.active{color:#2563eb}.toolIcon{justify-content:center;align-items:center;width:24px;height:24px;line-height:1;display:inline-flex}.toolIcon svg{width:22px;height:22px}.speedIcon{font-size:13px;font-weight:800}.toolLabel{font-size:11px;font-weight:500}.playToolButton{color:#fff;background:#2563eb;border-radius:50%;width:54px;height:54px;box-shadow:0 4px 14px #2563eb59}.playToolButton svg{width:26px;height:26px}}@media (width<=720px){.timeRow{grid-template-columns:32px minmax(0,1fr) 32px;gap:8px;font-size:11px}.captionEn{font-size:16px}.captionCn{font-size:13px}.inlinePlayButton{width:56px;height:56px}.barMainButton{width:54px;height:54px}.barSideButton{width:36px;height:36px}.practicePanelStyled{gap:16px;padding:18px 16px 12px}.practiceSentenceCard,.practiceResultCard{padding:12px 10px}.practiceSentenceCard{font-size:18px;line-height:1.65}.practiceSentenceCard input{width:72px;height:32px;font-size:17px}.practiceCheckButton,.practiceRetryButton{min-width:124px;height:40px;font-size:15px}.practiceResultScore{min-height:76px}.practiceResultScore strong{font-size:26px}.practiceResultCard{font-size:17px;line-height:1.7}.dictationResultScore{min-height:76px}.dictationResultScore strong{font-size:26px}.dictationResultCard{padding:12px 10px}.dictationResultSentence{font-size:17px;line-height:1.7}.dictationRetryButton{height:40px;font-size:15px}}.captionWordRow>td{background:#f7f9ff;padding:0}.captionWordEditor{border-top:2px solid #4169e1;padding:14px 16px 18px}.captionWordToolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.captionWordToolbar strong{color:#1f2d5a}.captionWordHint{color:#8a93ab;font-size:12px}.captionWordToolbar .ghost{color:#4a5578;background:#fff;border:1px solid #c4cbe0}.captionWordTableWrap{background:#fff;border:1px solid #e3e8f5;border-radius:8px;max-height:230px;margin-bottom:14px;overflow:auto}.captionWordTable{border-collapse:collapse;width:100%}.captionWordTable th,.captionWordTable td{border-bottom:1px solid #eef1f8;padding:6px 10px;font-size:13px}.captionWordTable th{text-align:left;background:#f1f4fc;position:sticky;top:0}.captionWordInput{border:1px solid #c8d0e6;border-radius:6px;width:160px;padding:5px 8px;font-size:13px}.wordAlignTrack{-webkit-user-select:none;user-select:none;touch-action:none;background:#eef2fb;border:1px solid #d7deef;border-radius:8px;height:56px;position:relative;overflow:hidden}.wordAlignSeg{color:#fff;white-space:nowrap;cursor:grab;background:linear-gradient(#5b7cfa,#4169e1);border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:6px;bottom:6px;overflow:hidden}.wordAlignLabel{pointer-events:none;padding:0 8px}.wordAlignHandle{cursor:ew-resize;background:#ffffff8c;width:9px;position:absolute;top:0;bottom:0}.wordAlignHandle.left{border-radius:6px 0 0 6px;left:0}.wordAlignHandle.right{border-radius:0 6px 6px 0;right:0}.vocabBadge{vertical-align:middle;border-radius:10px;margin-left:8px;padding:1px 8px;font-size:12px;line-height:20px;display:inline-block}.vocabBadge.pending{color:#c77700;background:#fff4e0;border:1px solid #ffd591}.vocabBadge.ok{color:#2f9e57;background:#eaf7ee;border:1px solid #b7e4c7}.vocabPendingToggle{align-items:center;gap:6px;display:inline-flex}.vocabPendingToggle input{width:auto;margin:0}.frontTopbarActions{align-items:center;gap:4px;display:none}.filterDrawerOverlay,.filterDrawerHeader{display:none}.filterDrawerBody{display:contents}.courseIndexMobile,.courseDuration{display:none}@media (width>=641px){.courseFilters{max-height:calc(100vh - 76px);position:sticky;top:60px;overflow-y:auto}.courseMetaSecondary{color:#94a3b8;border-top:1px solid #eef2f7;align-items:center;gap:8px;margin-top:10px;padding-top:8px;font-size:12px;display:flex}.courseMetaSecondary .courseAccent{display:none}.courseMetaSecondary .courseDifficulty{color:#f59e0b;align-items:center;gap:4px;font-weight:700;display:inline-flex}.courseMetaSecondary .courseDifficulty .courseLevelNum{color:#94a3b8;font-weight:400}.courseMetaSecondary .courseDate{color:#9ca3af;margin-left:auto}}.mobileTabBar,.homeSearchBar{display:none}@media (width<=640px){.homeShell{padding-bottom:56px}.frontTopbar,.homeTopbar{grid-template-columns:40px 1fr auto;align-items:center;gap:8px;height:52px;padding:0 12px;display:grid}.frontTopbar .homeBrand,.homeTopbar .homeBrand{justify-self:center;font-size:17px}.frontTopbarActions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.frontTopbar .mobileMenuButton{justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex;overflow:visible}.frontTopbar .homeNav,.frontTopbar>.loginButton,.homeTopbar .homeNav,.homeTopbar>.loginButton,.frontTopbarTitle{display:none}.siteNotice{margin:10px 12px 0;font-size:12px}.homeSearchBar input{border:1px solid #d8e0ea;border-radius:8px;outline:none;flex:1;min-width:0;height:36px;padding:0 10px;font-size:14px}.homeSearchClear{color:#64748b;cursor:pointer;background:#eef2f7;border:none;border-radius:50%;flex-shrink:0;width:28px;height:28px;font-size:13px}.homeSearchClose{color:#4169e1;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:14px}.courseHome{grid-template-columns:1fr;gap:0;padding:12px}.filterDrawerOverlay{z-index:25;opacity:0;visibility:hidden;background:#0f172a73;transition:opacity .2s,visibility .2s;display:block;position:fixed;inset:0}.filterDrawerOverlay.open{opacity:1;visibility:visible}.courseFilters.filterDrawer{z-index:26;background:#f5f7fb;border-radius:0 16px 16px 0;grid-template-rows:auto 1fr;gap:0;width:min(320px,85vw);padding:0;transition:transform .25s;display:grid;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.courseFilters.filterDrawer.open{transform:translate(0)}.filterDrawerHeader{background:#fff;border-bottom:1px solid #e3e8ef;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.filterDrawerHeader strong{color:#111827;font-size:16px}.filterDrawerHeader button{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:6px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.filterDrawerBody{padding:14px;display:block;overflow-y:auto}.filterDrawerBody .searchBox,.filterDrawerBody .courseStats,.filterDrawerBody .filterSection{background:#fff;border-radius:12px}.filterDrawerBody .searchBox,.filterDrawerBody .courseStats{margin-bottom:12px}.filterDrawerBody .courseStats{flex-direction:column;gap:0;display:flex;overflow:hidden}.filterDrawerBody .courseStats .statItem{border-bottom:1px solid #f1f5f9;padding:14px}.filterDrawerBody .courseStats .statItem:last-child{border-bottom:0}.courseGridArea{gap:12px}.homeFeaturedVideo{border-radius:12px}.homeFeaturedInfo{gap:8px;padding:14px}.homeFeaturedInfo h2{font-size:18px}.courseGrid{grid-template-columns:1fr;gap:14px}.courseCard{background:#fff;border:0;border-radius:12px;position:relative;box-shadow:0 2px 8px #0f172a0f}.courseCard .courseFavButton{z-index:2;color:#4169e1;text-align:center;background:#ffffffeb;border-radius:50%;width:32px;height:32px;padding:0;font-size:16px;line-height:32px;position:absolute;top:10px;right:10px}.courseThumb{border-radius:12px 12px 0 0}.courseThumb .courseIndexDesktop{display:none}.courseThumb .courseDuration{color:#fff;background:#0f172ad1;border-radius:5px;padding:3px 7px;font-size:12px;font-weight:700;display:block;position:absolute;bottom:8px;left:10px}.courseCardBody{gap:6px;padding:12px}.courseIndexMobile{color:#4169e1;font-size:12px;font-weight:800;display:block}.courseCardBody strong{font-size:15px}.courseCardBody p{-webkit-line-clamp:1;min-height:auto}.courseMetaRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.courseCategory{color:#4169e1;font-size:12px;font-weight:700}.courseTag{color:#64748b;font-size:12px;font-weight:700}.courseMetaSecondary{color:#64748b;border-top:1px solid #f1f5f9;align-items:center;gap:8px;margin-top:2px;padding-top:8px;font-size:12px;display:flex}.courseMetaSecondary .courseDate{margin-left:auto}.courseAccent,.courseDifficulty,.courseDate{align-items:center;gap:4px;display:inline-flex}.courseDifficulty{color:#f59e0b;font-weight:700}.courseDifficulty .courseLevelNum{color:#94a3b8;font-weight:400}.courseDate{color:#9ca3af}.mobileTabBar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #e3e8ef;justify-content:space-around;align-items:center;height:56px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobileTabBar a{color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;font-size:11px;font-weight:700;text-decoration:none;display:flex}.mobileTabBar a.active{color:#4169e1}.mobileTabBar a .tabIcon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.mobileTabBar a .tabIcon svg{width:24px;height:24px}.frontTopbarActions .iconButton{justify-content:center;align-items:center;width:34px;height:34px;line-height:1;display:inline-flex;overflow:visible}.frontTopbarActions .iconButton svg{width:20px;height:20px}.homeSearchBar{background:#fff;border-bottom:1px solid #dde2e8;align-items:center;gap:8px;padding:8px 12px;display:flex}.homeSearchBarIcon{color:#94a3b8;flex-shrink:0}.homeSearchBar input{color:#1f2937;background:#f8fafc;border:1px solid #d8e0ea;border-radius:999px;outline:none;flex:1;min-width:0;padding:9px 14px;font-size:14px}.homeSearchBar input:focus{background:#fff;border-color:#0f766e}.homeSearchClear{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:16px;line-height:1}.homeSearchClose{color:#0f766e;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;font-size:14px}.coursePager{flex-wrap:wrap;gap:8px;font-size:12px}}.mcenterShell{color:#1f2937;background:#f4f6f9;min-height:100vh;padding-bottom:84px;font-family:inherit}.mcenterShellNight{color:#e2e8f0;background:#0f172a}.mcenterShellNight .mcenterHeader,.mcenterShellNight .mcenterUserCard,.mcenterShellNight .mcenterStatCard,.mcenterShellNight .mcenterModeCard,.mcenterShellNight .mcenterMenu,.mcenterShellNight .mcenterLogout,.mcenterShellNight .mcenterTab{color:#e2e8f0;background:#1e293b;border-color:#334155}.mcenterShellNight .mcenterUserInfo span,.mcenterShellNight .mcenterStatCard em,.mcenterShellNight .mcenterMenuRow{color:#cbd5e1}.mcenterShellNight .mcenterPageTitle{color:#f8fafc}.mcenterShellNight .mcenterLogout{color:#f87171;border-color:#b91c1c}.mcenterHeader{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.mcenterBrand{color:#111827;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.mcenterBrandLogo{background:#fff;border:2px solid #16a34a;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.mcenterBrandLogo svg{width:20px;height:20px}.mcenterBrandText{color:#111827;font-size:16px;font-weight:700}.mcenterShellNight .mcenterBrandText{color:#f8fafc}.mcenterHeaderIcons{align-items:center;gap:14px;display:inline-flex}.mcenterHeaderIcon{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.mcenterHeaderIcon svg{width:22px;height:22px}.mcenterShellNight .mcenterHeaderIcon{color:#cbd5e1}.mcenterPageTitle{text-align:center;color:#111827;margin:22px 0 14px;font-size:20px;font-weight:700}.mcenterUserCard{background:#fff;border:1px solid #eef2f7;align-items:center;gap:14px;padding:16px;display:flex}.mcenterAvatar{color:#fff;background:#cbd5e1;border-radius:50%;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.mcenterAvatar svg{width:32px;height:32px}.mcenterUserInfo{flex-direction:column;gap:4px;min-width:0;display:flex}.mcenterUserInfo strong{color:#111827;font-size:16px;font-weight:700}.mcenterUserInfo span{color:#6b7280;font-size:13px}.mcenterShellNight .mcenterUserInfo strong{color:#f8fafc}.mcenterStatsRow{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mcenterStatCard{color:#111827;background:#fff;border:1px solid #eef2f7;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;padding:14px 6px 12px;text-decoration:none;display:flex}.mcenterStatIcon{color:#2563eb;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mcenterStatIcon svg{width:22px;height:22px}.mcenterStatCard strong{color:#111827;font-size:20px;font-weight:700}.mcenterStatCard em{color:#6b7280;font-size:12px;font-style:normal}.mcenterShellNight .mcenterStatCard strong{color:#f8fafc}.mcenterModeCard{background:#fff;border:1px solid #eef2f7;align-items:center;gap:12px;padding:14px 16px;display:flex}.mcenterModeIcon{color:#f59e0b;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mcenterModeIcon svg{width:22px;height:22px}.mcenterModeLabel{color:#111827;flex:1;font-size:15px;font-weight:600}.mcenterShellNight .mcenterModeLabel{color:#f8fafc}.mcenterSwitch{cursor:pointer;background:#cbd5e1;border:none;border-radius:12px;flex:0 0 44px;width:44px;height:24px;padding:0;position:relative}.mcenterSwitch.on{background:#2563eb}.mcenterSwitchThumb{background:#fff;border-radius:50%;width:20px;height:20px;display:block;position:absolute;top:2px;left:2px}.mcenterSwitch.on .mcenterSwitchThumb{left:22px}.mcenterMenu{background:#fff;border:1px solid #eef2f7;flex-direction:column;display:flex}.mcenterMenuRow{color:#111827;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:15px;text-decoration:none;display:flex}.mcenterMenuRow:last-child{border-bottom:0}.mcenterMenuIcon{color:#475569;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.mcenterMenuIcon svg{width:22px;height:22px}.mcenterMenuText{flex:1}.mcenterShellNight .mcenterMenuRow{color:#f8fafc;border-bottom-color:#334155}.mcenterMenuArrow{color:#94a3b8;font-size:18px;line-height:1}.mcenterShellNight .mcenterMenuArrow{color:#64748b}.mcenterLogout{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:15px;font-weight:600;display:inline-flex}.mcenterTabSpacer{height:24px}.mcenterTab{padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:30;background:#fff;border-top:1px solid #e5e7eb;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.mcenterShellNight .mcenterTab{background:#1e293b;border-top-color:#334155}.mcenterTabItem{text-align:center;color:#64748b;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 0;font-size:12px;text-decoration:none;display:flex}.mcenterTabItem.active{color:#2563eb;font-weight:600}.mcenterTabIcon{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.mcenterTabIcon svg{width:22px;height:22px}.mcenterBody{color:#1f2937;flex-direction:column;gap:12px;padding:0 16px 24px;display:flex}.mcenterBodyNight{color:#e2e8f0}.mcenterPanel{background:#fff;border:1px solid #eef2f7;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.mcenterBodyNight .mcenterPanel{color:#e2e8f0;background:#1e293b;border-color:#334155}.mcenterPanelHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.mcenterPanelHead h3{color:#111827;margin:0;font-size:15px;font-weight:700}.mcenterBodyNight .mcenterPanelHead h3{color:#f8fafc}.mcenterPanelHead span{color:#6b7280;font-size:12px}.mcenterPanelDl{grid-template-columns:1fr;gap:6px 12px;margin:0;display:grid}.mcenterPanelDl>div{border-bottom:1px dashed #eef2f7;align-items:baseline;gap:12px;padding-bottom:6px;display:flex}.mcenterBodyNight .mcenterPanelDl>div{border-bottom-color:#334155}.mcenterPanelDl dt{color:#6b7280;width:84px;font-size:12px}.mcenterPanelDl dd{color:#111827;flex:1;margin:0;font-size:13px}.mcenterBodyNight .mcenterPanelDl dd{color:#e2e8f0}.mcenterRecordsTabs{border-bottom:1px solid #eef2f7;gap:8px;padding:4px 0 8px;display:flex}.mcenterBodyNight .mcenterRecordsTabs{border-bottom-color:#334155}.mcenterRecordsTab{color:#475569;cursor:pointer;background:#fff;border:1px solid #eef2f7;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex}.mcenterRecordsTab em{color:#475569;background:#e2e8f0;border-radius:999px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:600}.mcenterRecordsTab.active{color:#fff;background:#2563eb;border-color:#2563eb}.mcenterRecordsTab.active em{color:#fff;background:#ffffff38}.mcenterBodyNight .mcenterRecordsTab{color:#cbd5e1;background:#1e293b;border-color:#334155}.mcenterBodyNight .mcenterRecordsTab em{color:#cbd5e1;background:#334155}.mcenterBodyNight .mcenterRecordsTab.active{color:#fff;background:#2563eb;border-color:#2563eb}.mcenterRecordSub{color:#6b7280;margin:0;font-size:12px}.mcenterBodyNight .mcenterRecordSub{color:#94a3b8}.mcenterMistakeBox{background:#fef2f2;border:1px solid #fecaca;flex-direction:column;gap:6px;margin-top:6px;padding:8px 10px;display:flex}.mcenterBodyNight .mcenterMistakeBox{background:#ef44441f;border-color:#ef444459}.mcenterMistakeTitle{color:#b91c1c;font-size:12px;font-style:normal;font-weight:700}.mcenterBodyNight .mcenterMistakeTitle{color:#fca5a5}.mcenterMistakeBox ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mcenterMistakeBox li{color:#374151;flex-direction:column;gap:2px;font-size:12px;display:flex}.mcenterBodyNight .mcenterMistakeBox li{color:#e2e8f0}.mcenterMistakeAnswer strong,.mcenterMistakeTyped strong{font-weight:700}.mcenterMistakeAnswer strong{color:#15803d}.mcenterBodyNight .mcenterMistakeAnswer strong{color:#4ade80}.mcenterMistakeTyped strong{color:#b91c1c}.mcenterBodyNight .mcenterMistakeTyped strong{color:#fca5a5}.mcenterPanelCta{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #fed7aa;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:600}.mcenterBodyNight .mcenterPanelCta{color:#fdba74;background:#f973161f;border-color:#f9731659}.mcenterPanelMeta{color:#6b7280;padding:4px 0 0;font-size:12px}.mcenterPanelEmpty{text-align:center;color:#64748b;background:#fff;border:1px solid #eef2f7;flex-direction:column;gap:8px;padding:24px 16px;display:flex}.mcenterBodyNight .mcenterPanelEmpty{color:#cbd5e1;background:#1e293b;border-color:#334155}.mcenterPanelEmpty strong{color:#111827;font-size:14px}.mcenterBodyNight .mcenterPanelEmpty strong{color:#f8fafc}.mcenterPanelEmpty a{color:#2563eb;font-size:13px;text-decoration:none}.mcenterPanelEmpty p{margin:0;font-size:13px}.mcenterRecordList{flex-direction:column;gap:10px;display:flex}.mcenterRecordRow{text-align:left;cursor:pointer;background:#fff;border:1px solid #eef2f7;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:10px;width:100%;padding:12px;display:grid}.mcenterBodyNight .mcenterRecordRow{color:#e2e8f0;background:#1e293b;border-color:#334155}.mcenterRecordActive{border-color:#2563eb}.mcenterRecordNo{color:#2563eb;width:56px;font-size:13px;font-weight:700}.mcenterBodyNight .mcenterRecordNo{color:#60a5fa}.mcenterRecordMain{flex-direction:column;gap:4px;min-width:0;display:flex}.mcenterRecordMain strong{color:#111827;font-size:14px}.mcenterBodyNight .mcenterRecordMain strong{color:#f8fafc}.mcenterRecordMain em{color:#6b7280;font-size:12px;font-style:normal}.mcenterRecordMain p{color:#374151;margin:0;font-size:13px}.mcenterBodyNight .mcenterRecordMain p{color:#cbd5e1}.mcenterRecordBad{color:#b91c1c!important}.mcenterBodyNight .mcenterRecordBad{color:#fca5a5!important}.mcenterRecordOk{color:#16a34a!important}.mcenterPracticeMarked{color:#1f2937;word-break:break-word;margin:4px 0 0;font-size:13px;line-height:1.8}.mcenterBodyNight .mcenterPracticeMarked{color:#e2e8f0}.mcenterPracticeBlanks{flex-direction:column;gap:6px;margin:8px 0 0;display:flex}.mcenterPracticeBlank{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:3px;padding:7px 10px;font-size:12px;line-height:1.55;display:flex}.mcenterBodyNight .mcenterPracticeBlank{background:#1e293b;border-color:#334155}.mcenterPracticeBlank.ok{background:#f0fdf4;border-color:#86efac}.mcenterBodyNight .mcenterPracticeBlank.ok{background:#14532d;border-color:#22c55e}.mcenterPracticeBlank.bad{background:#fef2f2;border-color:#fca5a5}.mcenterBodyNight .mcenterPracticeBlank.bad{background:#7f1d1d;border-color:#ef4444}.mcenterPracticeBlankLabel{color:#475569;font-size:11px;font-style:normal;font-weight:700}.mcenterPracticeBlank.ok .mcenterPracticeBlankLabel{color:#15803d}.mcenterPracticeBlank.bad .mcenterPracticeBlankLabel{color:#b91c1c}.mcenterBodyNight .mcenterPracticeBlankLabel{color:#94a3b8}.mcenterBodyNight .mcenterPracticeBlank.ok .mcenterPracticeBlankLabel{color:#4ade80}.mcenterBodyNight .mcenterPracticeBlank.bad .mcenterPracticeBlankLabel{color:#fca5a5}.mcenterPracticeBlankTyped{color:#b91c1c}.mcenterBodyNight .mcenterPracticeBlankTyped{color:#fca5a5}.mcenterPracticeBlankTyped s{-webkit-text-decoration:line-through #b91c1c;text-decoration:line-through #b91c1c;text-decoration-thickness:2px}.mcenterPracticeBlankAnswer strong,.mcenterPracticeBlankYou strong{color:#15803d}.mcenterBodyNight .mcenterPracticeBlankAnswer strong,.mcenterBodyNight .mcenterPracticeBlankYou strong{color:#4ade80}.mcenterBodyNight .mcenterRecordOk{color:#4ade80!important}.mcenterRecordBadge{color:#475569;background:#e2e8f0;align-self:flex-start;padding:3px 8px;font-size:11px;font-weight:600}.mcenterRecordBadge.bad{color:#b91c1c;background:#fee2e2}.mcenterRecordBadge.good{color:#166534;background:#dcfce7}.mcenterBodyNight .mcenterRecordBadge{color:#cbd5e1;background:#334155}.mcenterRecordActions{flex-direction:column;justify-content:center;align-self:stretch;align-items:stretch;gap:6px;display:flex}.mcenterRecordActions a,.mcenterRecordActions button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #cbd5e1;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;text-decoration:none;display:inline-flex}.mcenterRecordActions a{color:#fff;background:#2563eb;border-color:#2563eb}.mcenterBodyNight .mcenterRecordActions a,.mcenterBodyNight .mcenterRecordActions button{color:#e2e8f0;background:#0f172a;border-color:#334155}.mcenterBodyNight .mcenterRecordActions a{color:#fff;background:#2563eb;border-color:#2563eb}.mcenterRecentRow{color:#111827;flex-direction:column;gap:4px;padding:8px 0;text-decoration:none;display:flex}.mcenterBodyNight .mcenterRecentRow{color:#f8fafc}.mcenterRecentRow p{color:#6b7280;margin:0;font-size:12px}.mcenterProgressList{flex-direction:column;gap:10px;display:flex}.mcenterProgressRow{border-bottom:1px dashed #eef2f7;flex-direction:column;gap:4px;padding:8px 0;display:flex}.mcenterBodyNight .mcenterProgressRow{border-bottom-color:#334155}.mcenterProgressRow:last-child{border-bottom:0}.mcenterProgressRow>div{flex-direction:column;gap:2px;display:flex}.mcenterProgressRow strong{color:#111827;font-size:14px}.mcenterBodyNight .mcenterProgressRow strong{color:#f8fafc}.mcenterProgressRow p{color:#6b7280;margin:0;font-size:12px}.mcenterProgressTrack{background:#eef2f7;width:100%;height:6px;margin-top:4px}.mcenterProgressTrack>span{background:#2563eb;height:100%;display:block}.mcenterBodyNight .mcenterProgressTrack{background:#334155}.mcenterProgressRow em{color:#2563eb;align-self:flex-end;font-size:12px;font-style:normal;font-weight:600}.mcenterBodyNight .mcenterProgressRow em{color:#60a5fa}.mpageSearchInput{background:#fff;border:1px solid #eef2f7;align-items:center;gap:10px;padding:10px 12px;display:flex}.mcenterBodyNight .mpageSearchInput{background:#1e293b;border-color:#334155}.mpageSearchHint{color:#2563eb;flex:none;font-size:12px;font-weight:600}.mpageSearchInput input{color:#111827;background:0 0;border:0;outline:none;flex:1;font-size:14px}.mcenterBodyNight .mpageSearchInput input{color:#f8fafc}.mpageFeedbackForm{flex-direction:column;gap:12px;display:flex}.mpageFeedbackForm label{flex-direction:column;gap:6px;display:flex}.mpageFeedbackForm label>span{color:#6b7280;font-size:12px}.mpageFeedbackForm .mfeedbackField{flex-direction:column;gap:6px;display:flex}.mfeedbackField>span{color:#6b7280;font-size:12px}.mpageFeedbackForm input,.mpageFeedbackForm select,.mpageFeedbackForm textarea{color:#111827;background:#fff;border:1px solid #cbd5e1;outline:none;padding:10px 12px;font-size:14px}.mpageFeedbackForm select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:38px}.mfeedbackSelect{position:relative}.mfeedbackSelectTrigger{color:#111827;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;display:flex}.mfeedbackSelect.open .mfeedbackSelectTrigger{border-color:#4169e1}.mfeedbackSelect.open .mfeedbackSelectTrigger svg{transform:rotate(180deg)}.mfeedbackSelectMenu{z-index:30;background:#fff;border:1px solid #cbd5e1;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 20px #0f172a29}.mfeedbackSelectMenu button{color:#111827;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 14px;font-size:14px;display:flex}.mfeedbackSelectMenu button:active{background:#eef3ff}.mfeedbackSelectMenu button.active{color:#4169e1;background:#eef3ff;font-weight:700}.mcenterBodyNight .mfeedbackSelectTrigger{color:#f8fafc;background:#0f172a;border-color:#334155}.mcenterBodyNight .mfeedbackSelect.open .mfeedbackSelectTrigger{border-color:#4169e1}.mcenterBodyNight .mfeedbackSelectMenu{background:#0f172a;border-color:#334155;box-shadow:0 8px 20px #00000080}.mcenterBodyNight .mfeedbackSelectMenu button{color:#f8fafc}.mcenterBodyNight .mfeedbackSelectMenu button:active,.mcenterBodyNight .mfeedbackSelectMenu button.active{background:#1e293b}.mcenterBodyNight .mpageFeedbackForm input,.mcenterBodyNight .mpageFeedbackForm select,.mcenterBodyNight .mpageFeedbackForm textarea{color:#f8fafc;background:#0f172a;border-color:#334155}.mpageFeedbackForm textarea{resize:vertical;min-height:100px}.mpageFormMessage{color:#2563eb;margin:0;font-size:13px}.mpagePrimaryButton{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;justify-content:center;align-items:center;padding:12px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.mcenterTabs{background:#fff;border:1px solid #eef2f7;display:flex}.mcenterBodyNight .mcenterTabs{background:#1e293b;border-color:#334155}.mcenterTabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-right:1px solid #eef2f7;flex:1;padding:12px 6px;font-size:13px}.mcenterTabs button:last-child{border-right:0}.mcenterBodyNight .mcenterTabs button{color:#cbd5e1;border-right-color:#334155}.mcenterTabs button em{color:#94a3b8;margin-left:4px;font-size:11px;font-style:normal}.mcenterTabActive{color:#fff!important;background:#2563eb!important}.mcenterTabActive em{color:#ffffffd9!important}.mcenterArticleBody{color:#1f2937;flex-direction:column;gap:10px;font-size:14px;line-height:1.65;display:flex}.mcenterBodyNight .mcenterArticleBody{color:#cbd5e1}.mcenterArticleBody p{margin:0}.mcenterArticleTags{flex-wrap:wrap;gap:6px;display:flex}.mcenterArticleTags span{color:#475569;background:#f1f5f9;padding:6px 10px;font-size:12px}.mcenterBodyNight .mcenterArticleTags span{color:#cbd5e1;background:#334155}.methodMobileList{flex-direction:column;gap:10px;display:flex}.methodMobileItem{cursor:pointer;text-align:left;background:#fff;border:1px solid #eef2f7;border-radius:12px;flex-direction:column;gap:6px;width:100%;padding:14px 16px;display:flex}.methodMobileItem strong{color:#111827;font-size:15px;font-weight:700;line-height:1.45}.methodMobileItem p{color:#4b5563;margin:0;font-size:13px;line-height:1.6}.methodMobileItemDate{color:#94a3b8;margin-top:2px;font-size:12px;font-weight:600}.methodMobileDetail{flex-direction:column;gap:14px;padding:4px 0 32px;display:flex}.methodMobileDate{color:#94a3b8;font-size:12px;font-weight:600}.methodMobileDetail h2{color:#111827;margin:0;font-size:22px;font-weight:700;line-height:1.35}.methodMobileSummary{color:#475569;margin:0;font-size:14px;line-height:1.7}.methodMobileContent{color:#1f2937;background:#fff;border:1px solid #eef2f7;border-radius:12px;flex-direction:column;gap:12px;padding:16px;font-size:14px;line-height:1.75;display:flex}.methodMobileContent p{margin:0}.methodMobileTips{background:#fff;border:1px solid #eef2f7;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.methodMobileTips h3{color:#111827;margin:0;font-size:15px;font-weight:700}.methodMobileTips>span{color:#94a3b8;font-size:12px}.methodMobileTipsList{flex-wrap:wrap;gap:6px;display:flex}.methodMobileTipsList span{color:#475569;background:#f1f5f9;padding:6px 10px;font-size:12px}@media (width<=720px){.profileSidebar{display:none}.libraryWithSidebar{display:block}.libraryMain{padding:0}}@media (width>=721px){.mcenterShell,.mcenterHeader,.mcenterTab{display:none}}.profileNav button.profileNavLogout{text-align:left;color:#dc2626;cursor:pointer;background:0 0;border:0;border-top:1px solid #eef2f7;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;display:block}.profileNav button.profileNavLogout:hover{background:#fef2f2}.profileNav button.profileNavLogout.active,.profileNav button.profileNavLogout:active{background:0 0}.libraryHeadBack{color:#3154c7;cursor:pointer;background:#fff;border:1px solid #d6e0eb;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.libraryHeadBack:disabled{cursor:not-allowed;color:#94a3b8;background:#f1f5f9}.vocabStartCard{color:#fff;cursor:pointer;text-align:left;background:#4169e1;border:1px solid #4169e1;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:86px;padding:18px 22px;display:flex}.vocabStartCard:hover{background:#3556c9}.vocabStartCard:disabled{cursor:not-allowed;background:#cbd5e1;border-color:#cbd5e1}.vocabStartCard strong{font-size:18px;font-weight:700;display:block}.vocabStartCard em{opacity:.85;margin-top:6px;font-size:13px;font-style:normal;display:block}.vocabStartCard span{color:#3154c7;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.vocabStartCard:disabled span{color:#64748b;background:#e2e8f0}.vocabStatsRow{gap:12px;display:grid}.vocabStatsRowDesktop,.vocabStatsRowMobile{grid-template-columns:repeat(4,minmax(0,1fr))}.vocabStatCard{background:#fff;border:1px solid #e3e8ef;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:86px;padding:14px 6px;display:flex}.vocabStatCard strong{color:#111827;font-size:22px;font-weight:700}.vocabStatCard em{color:#6b7280;font-size:12px;font-style:normal}.vocabStatReviewing strong{color:#2563eb}.vocabStatLearning strong{color:#f59e0b}.vocabStatMastered strong{color:#16a34a}.vocabStatTotal strong{color:#111827}.vocabListGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.vocabListCard{cursor:pointer;align-items:stretch;gap:12px;padding:16px 18px 14px;transition:border-color .15s,transform .15s;display:flex;position:relative}.vocabListCard:hover,.vocabListCard:focus-visible{border-color:#4169e1;outline:none}.vocabListMain{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.vocabListHead{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vocabListHead strong{color:#111827;font-size:18px;font-weight:700}.vocabPos{color:#3154c7;background:#eef3ff;border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-style:normal;font-weight:600;display:inline-flex}.vocabStatusDot{z-index:2;border-radius:50%;width:12px;height:12px;display:inline-block;position:absolute;top:12px;right:14px}.vocabStatusDot-reviewing{background:#f59e0b}.vocabStatusDot-learning{background:#2563eb}.vocabStatusDot-mastered{background:#16a34a}.vocabPhonetic{color:#64748b;font-size:12px}.vocabListCard p{color:#334155;margin:0;font-size:13px;font-weight:600}.vocabStatusActions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.vocabStatusActions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d6e0eb;border-radius:6px;min-height:28px;padding:0 10px;font-size:12px;font-weight:700}.vocabStatusActions button.active{color:#3154c7;background:#eef3ff;border-color:#4169e1}.vocabListRow{cursor:pointer;background:#fff;border:1px solid #eef2f7;align-items:stretch;gap:12px;padding:14px 14px 14px 16px;transition:border-color .15s;display:flex;position:relative}.vocabListRow:hover,.vocabListRow:focus-visible{border-color:#4169e1;outline:none}.vocabListRowMobile .vocabListHead strong{font-size:17px}.vocabListRowMobile .vocabStatusDot{margin-left:0}.vocabListRowMobile .vocabListDelete{border-radius:8px;width:40px;height:40px}.vocabListRowMobile .vocabListDelete svg{width:22px;height:22px}.vocabListDelete{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-self:center;align-items:center;width:32px;height:32px;display:inline-flex}.vocabListDelete:hover{background:#fef2f2}.vocabListCard .vocabListDelete{border-radius:10px;width:44px;height:44px}.vocabListCard .vocabListDelete svg{width:24px;height:24px}.vocabDetailCard{text-align:center;background:#fff;border:1px solid #e3e8ef;border-radius:18px;flex-direction:column;align-items:stretch;gap:18px;width:100%;max-width:640px;margin:0 auto;padding:28px 24px;display:flex}.vocabDetailHero{flex-direction:column;align-items:center;gap:8px;padding:8px 0 4px;display:flex;position:relative}.vocabDetailPhoneticRow{align-items:center;gap:10px;display:inline-flex}.vocabDetailPos{color:#3154c7;background:#eef3ff;border-radius:6px;flex-shrink:0;align-items:center;padding:2px 10px;font-size:12px;font-style:normal;font-weight:600;display:inline-flex}.vocabDetailHero strong{color:#111827;font-size:32px;font-weight:700;line-height:1.2}.vocabDetailPhonetic{color:#64748b;font-size:15px;font-style:italic}.vocabDetailPhonetic.empty{color:#94a3b8}.vocabDetailSound{color:#3154c7;cursor:pointer;background:#eef3ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-top:4px;display:inline-flex}.vocabDetailSound:hover{background:#dbe5fb}.vocabDetailMeaning{text-align:left;background:#f8fafc;border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.vocabDetailMeaningRow{align-items:flex-start;gap:10px;display:flex}.vocabDetailMeaningRow .vocabDetailPos{margin-top:4px}.vocabDetailMeaningRow span{color:#111827;font-size:18px;font-weight:600;line-height:1.6}.vocabDetailExample{text-align:left;background:#fff;border:1px solid #eef2f7;border-radius:12px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.vocabDetailExample em{color:#1f2937;font-size:14px;font-style:italic;line-height:1.6}.vocabDetailExample small{color:#64748b;font-size:13px;line-height:1.6}.vocabDetailStatus{flex-direction:column;align-items:center;gap:8px;padding-top:6px;display:flex}.vocabDetailStatusLabel{color:#94a3b8;font-size:12px;font-weight:600}.vocabDetailStatus .vocabStatusActions{justify-content:center;margin-top:0}.vocabDetailFooter{justify-content:center;padding-top:8px;display:flex}.vocabDetailRemove{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:999px;min-height:36px;padding:0 18px;font-size:13px;font-weight:700}.vocabDetailRemove:hover{background:#fef2f2}.vocabDetailRemove:disabled{cursor:not-allowed;color:#94a3b8;background:#f1f5f9;border-color:#e2e8f0}.vocabFlashBody{flex-direction:column;gap:18px;padding-bottom:32px;display:flex}.vocabFlashHeader,.vocabFlashHeaderDesktop{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.vocabFlashProgress{align-items:center;gap:8px;display:inline-flex}.vocabFlashProgress em{font-style:normal;font-weight:700}.vocabFlashProgress em.ok{color:#16a34a}.vocabFlashProgress em.warn{color:#f59e0b}.vocabFlashProgress .dot{color:#cbd5e1}.vocabFlashCount{color:#6b7280;font-size:13px;font-weight:700}.vocabFlashCard{perspective:1200px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;min-height:320px;display:block;position:relative}.vocabFlashCard .vocabFlashFace{backface-visibility:hidden;text-align:center;background:#fff;border:1px solid #e3e8ef;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px 24px;transition:transform .55s;display:flex;position:absolute;inset:0}.vocabFlashFront{transform:rotateY(0)}.vocabFlashBack{transform:rotateY(180deg)}.vocabFlashCard.flipped .vocabFlashFront{transform:rotateY(-180deg)}.vocabFlashCard.flipped .vocabFlashBack{transform:rotateY(0)}.vocabFlashFront strong,.vocabFlashBack strong{color:#111827;font-size:30px;font-weight:700}.vocabFlashFront em{color:#64748b;font-size:15px;font-style:italic}.vocabFlashEmpty{color:#94a3b8}.vocabFlashSound{color:#3154c7;cursor:pointer;background:#eef3ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.vocabFlashSound:hover{background:#dbe5fb}.vocabFlashHint{color:#94a3b8;font-size:13px}.vocabFlashMeaning{color:#111827;margin:0;font-size:18px;font-weight:600}.vocabFlashExample{background:#f8fafc;border-radius:10px;flex-direction:column;gap:4px;max-width:92%;padding:12px 16px;display:flex}.vocabFlashExample em{color:#334155;font-size:14px;font-style:italic}.vocabFlashExample small{color:#64748b;font-size:12px}.vocabFlashActions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vocabFlashPrev,.vocabFlashNext{color:#3154c7;cursor:pointer;background:#fff;border:1px solid #d6e0eb;border-radius:10px;min-height:48px;font-size:15px;font-weight:700}.vocabFlashPrev:hover,.vocabFlashNext:hover{background:#f1f5f9}.vocabFlashPrev:disabled,.vocabFlashNext:disabled{cursor:not-allowed;color:#94a3b8;background:#f1f5f9}.vocabFlashNext{color:#fff;background:#4169e1;border-color:#4169e1}.vocabFlashNext:hover{background:#3556c9}.vocabFlashNext:disabled{color:#fff;background:#cbd5e1;border-color:#cbd5e1}.vocabFlashExit{color:#475569;cursor:pointer;background:#fff;border:1px solid #d6e0eb;border-radius:999px;align-self:center;min-height:36px;padding:0 18px;font-size:13px;font-weight:700}.vocabFlashExit:hover{background:#f1f5f9}.vocabFlashMobileNav{z-index:5;color:#111827;background:#fff;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;height:48px;padding:0 4px;font-size:16px;font-weight:700;display:flex;position:sticky;top:0}.vocabFlashMobileBack{color:#3154c7;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.vocabFlashMobileBack:hover{background:#eef3ff}.vocabFlashMobileSpacer{width:36px}