*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.grow{flex-grow:1}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-width:1px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:light;--bg: #f3f2ff;--card: #ffffff;--text: #0f172a;--muted: #6b7280;--border: #e6e7f2;--primary: #5b5ee4;--primary-rgb: 91, 94, 228;--primary-2: #6c6af2;--danger: #ef4444;--shadow: 0 10px 30px rgba(15, 23, 42, .06);--radius: 14px}.ipaLegendClose{position:absolute;right:6px;top:4px;width:20px;height:20px;border:0;border-radius:999px;background:#0f172a0f;color:#0f172ab3;font-weight:900;cursor:pointer}.ipaLegendClose:hover{background:#0f172a1f;color:#0f172ae6}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.appShell{min-height:100%}.authWrap{min-height:100vh;display:grid;place-items:center;padding:28px 16px;background:radial-gradient(1000px 500px at 50% 0%,rgba(var(--primary-rgb),.16),transparent 60%),linear-gradient(180deg,#f7f6ff,var(--bg))}.authCard{width:min(440px,100%);background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;box-shadow:0 18px 50px #0f172a14;padding:30px 26px 22px;text-align:center}.authIcon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin:0 auto 14px;background:rgba(var(--primary-rgb),.12);color:var(--primary);box-shadow:0 12px 26px rgba(var(--primary-rgb),.18)}.authIcon.play{background:#ef44441f;color:#ef4444;box-shadow:0 12px 26px #ef444429}.authTitle{font-size:24px;font-weight:950;letter-spacing:.2px}.authSub{margin-top:6px;font-size:13px}.authForm{margin-top:18px;display:flex;flex-direction:column;gap:14px;text-align:left}.authField{display:flex;flex-direction:column;gap:8px}.authLabel{font-weight:900;font-size:13px}.req{color:var(--danger);margin-right:2px}.authField input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff}.authField input:focus{outline:none;border-color:rgba(var(--primary-rgb),.45);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12)}.authRow{display:flex;gap:10px;align-items:center}.authRow input{flex:1}.authGhost{border:1px solid rgba(15,23,42,.12);background:#0f172a08;color:#111827;font-weight:900;padding:12px 14px;border-radius:14px;cursor:pointer;white-space:nowrap}.authGhost:hover{border-color:rgba(var(--primary-rgb),.35);color:var(--primary);background:rgba(var(--primary-rgb),.08)}.authGhost:disabled{opacity:.55;cursor:not-allowed}.authPrimary{border:0;background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;font-weight:950;padding:14px;border-radius:16px;cursor:pointer;box-shadow:0 18px 40px rgba(var(--primary-rgb),.22)}.authPrimary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.authLinks{margin-top:16px;display:flex;flex-direction:column;gap:6px;font-size:13px}.authLinks a{color:var(--primary);font-weight:900}.authResult{margin-top:14px;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px;background:rgba(var(--primary-rgb),.06);text-align:left}.authResultRow{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;padding:6px 0}.authResultRow+.authResultRow{border-top:1px solid rgba(15,23,42,.06)}.topbar{background:#fff;border-bottom:1px solid var(--border)}.topbarInner{max-width:1240px;margin:0 auto;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topBackBtn{display:none;width:44px;height:44px;border:0;border-radius:0;background:transparent;color:#0f172a;cursor:pointer;padding:0;place-items:center}.topBackBtn:active{transform:translate(-1px)}.menuBtn{display:none;width:44px;height:44px;border:0;border-radius:0;background:transparent;color:#0f172a;cursor:pointer;padding:0;place-items:center}.menuBtn:hover{color:var(--primary)}.menuBtn:active{transform:translate(1px)}.menuIcon{display:grid;place-items:center}.brand{display:flex;flex-direction:column;gap:4px}.brandTitle{font-weight:900;font-size:22px;line-height:1}.brandSub{font-size:12px}.nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.navLink{padding:8px 2px;font-size:14px;color:#111827;border-bottom:2px solid transparent;background:transparent;border-left:0;border-right:0;border-top:0;cursor:pointer}.navLink:hover{color:var(--primary)}.navLink.active{color:var(--primary);font-weight:700;border-bottom-color:rgba(var(--primary-rgb),.45)}.navLink.logout{color:var(--danger);font-weight:700}.caret{display:inline-block;width:0;height:0;margin-left:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.7;transform:translateY(-1px)}.navDropdown{position:relative;display:inline-flex;align-items:center}.navDropdownTrigger{display:inline-flex;align-items:center;gap:4px}.navDropdownToggle{padding:8px 0;line-height:1}.navDropdownToggle .caret{margin-left:0;transition:transform .18s ease,opacity .18s ease}.navDropdownToggle.open .caret{opacity:1;transform:rotate(180deg) translateY(1px)}.navDropdownMenu{position:absolute;top:calc(100% + 10px);left:0;z-index:2000;min-width:220px;max-height:340px;overflow:auto;padding:10px;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:14px;box-shadow:0 18px 45px #0f172a24}.navDropdownTitle{padding:2px 6px 8px;font-size:12px;font-weight:900;color:#64748b}.navDropdownList{display:flex;flex-direction:column;gap:2px}.navDropdownItem{display:block;padding:10px;border-radius:10px;color:#111827;font-size:14px;font-weight:700;text-decoration:none}.navDropdownItem:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary)}.navDropdownItem.active{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.navDropdownEmpty{padding:10px;border-radius:10px;background:#0f172a08}@media (max-width: 768px){.brandSub{display:none}}.page{max-width:1240px;margin:0 auto;padding:26px 16px 60px}.pageLazyFallback{padding:26px 16px;text-align:center;font-weight:800;letter-spacing:.2px}.bottomTabs{display:none}@media (max-width: 768px){.appShell.hasBottomTabs .page,.appShell.hasBottomTabs .subPage{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.bottomTabs{display:block;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fffffff5;border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -16px 36px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom)}.bottomTabsInner{max-width:820px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:60px;padding:6px 10px}.bottomTab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;color:#64748b;font-size:12px;font-weight:850;letter-spacing:.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bottomTabIcon{display:grid;place-items:center;height:24px}.bottomTabLabel{line-height:1}.bottomTab.active{color:var(--primary)}.bottomTab:active{background:#0f172a0d}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:18px}.cardHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.cardTitle{font-weight:900;font-size:16px}.link{border:0;background:transparent;cursor:pointer;padding:6px 8px;border-radius:10px}.link:hover{background:#0f172a0a}.pageH1{margin:0 0 16px;font-size:28px;font-weight:900}.pageTitle{margin:0 0 16px;font-size:22px;font-weight:900;color:var(--primary)}.center{text-align:center}.coursesLayout{display:grid;grid-template-columns:360px 1fr;gap:22px;align-items:start}.sidebar{display:flex;flex-direction:column;gap:20px}.content{display:flex;flex-direction:column;gap:22px}@media (max-width: 980px){.coursesLayout{grid-template-columns:1fr}.sidebar{display:none}}.filterGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{width:100%}.fieldLabel{font-size:13px;font-weight:700}select,input,textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:12px;outline:none;background:#fff}input[type=checkbox],input[type=radio]{width:auto;padding:0;border:0;background:transparent;box-shadow:none;accent-color:var(--primary)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid rgba(var(--primary-rgb),.35);outline-offset:2px}.selectWrap{position:relative}.selectBtn{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}.selectBtn.open{border-color:rgba(var(--primary-rgb),.55);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12)}.selectValue{display:inline-flex;align-items:center;gap:8px}.selectCaret{color:#94a3b8;display:grid;place-items:center}.selectMenu{position:absolute;left:0;top:calc(100% + 8px);width:100%;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:8px;z-index:30}.menuItem{width:100%;border:0;background:transparent;cursor:pointer;padding:10px 12px;border-radius:12px;display:flex;justify-content:flex-start;align-items:center;gap:10px;font-weight:800;color:#111827}.menuItem:hover{background:rgba(var(--primary-rgb),.08)}.menuItem.active{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.stars{display:inline-flex;align-items:center;gap:6px;line-height:1}.stars .s{color:#d1d5db;font-size:16px}.stars .s.on{color:#f59e0b}textarea{resize:vertical}select:focus,input:focus,textarea:focus{border-color:rgba(var(--primary-rgb),.55);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12)}.pillBlack{width:100%;padding:11px 14px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:800;cursor:pointer;text-align:center;margin-top:10px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.25);transition:all .2s ease}.pillBlack:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.35)}.pillBlack:active{transform:translateY(0)}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.chip{padding:6px 8px;border-radius:999px;border:1px solid var(--border);background:#f7f7ff;cursor:pointer;display:inline-flex;align-items:center;line-height:1;font-size:12px;font-weight:800}.chip.active{border-color:rgba(var(--primary-rgb),.65);background:rgba(var(--primary-rgb),.12);color:var(--primary);font-weight:700}.categoryHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.categoryTitle{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900}.categoryBar{width:4px;height:22px;border-radius:2px;background:var(--primary)}.more{color:var(--primary);font-weight:800}.articlePage{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding-bottom:calc(var(--studyPad, 160px) + 24px)}.articleHead{display:flex;flex-direction:column;gap:10px}.articleTitleActions{display:flex;justify-content:flex-end;gap:10px}.articleTitle{text-align:center;font-size:28px;font-weight:950;letter-spacing:.2px;margin-top:6px}.articleAudio{padding:14px 16px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fff}.articleAudioDock{position:fixed;left:50%;transform:translate(-50%);bottom:16px;z-index:40;width:min(920px,calc(100vw - 24px));box-shadow:var(--shadow)}.articleStudyPanel{position:fixed;left:50%;transform:translate(-50%);bottom:16px;z-index:40;width:min(920px,calc(100vw - 24px))}.articleBody{display:flex;flex-direction:column;gap:12px}@media (max-width: 980px){.articlePage{padding-bottom:calc(var(--studyPad, 180px) + 32px + env(safe-area-inset-bottom,0px))}.articleAudioDock{left:0;right:0;bottom:0;width:100%;transform:none;border-radius:0;border-left:0;border-right:0}.articleStudyPanel{left:0;right:0;bottom:0;width:100%;transform:none;border-radius:0;border-left:0;border-right:0;padding-bottom:env(safe-area-inset-bottom,0px)}}.articleList{display:flex;flex-direction:column;gap:10px}.articleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.articleRow:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a0f;border-color:rgba(var(--primary-rgb),.35)}.articleTitleText{min-width:0;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.articleEpisode{font-size:12px;font-weight:900;color:#0f172a9e;white-space:nowrap}.pagerRow{display:flex;gap:12px;margin-top:14px}.pagerJumpRow{display:flex;gap:12px;margin-top:12px;align-items:center}.pagerJumpHint{font-size:13px;font-weight:800;color:#0f172a9e;white-space:nowrap}.pagerJumpSelect{flex:1}.pagerBtn{flex:1;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:900;transition:all .15s ease}.pagerBtn:hover{border-color:rgba(var(--primary-rgb),.35);box-shadow:0 6px 16px #0f172a0f}.pagerBtn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.resourceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.categoryPageLayout .resourceGrid{grid-template-columns:repeat(3,1fr)}@media (max-width: 980px){.resourceGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.resourceGrid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 520px){.homeSwipeGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.homeSwipeGrid .resourceCard:nth-child(n+5){display:none}}.homeSwipeGrid .thumbUpdated{display:none}.homeTileBody{padding:12px 12px 14px;gap:8px}.homeTileTitle{font-size:15px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homeTileMetaRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.homeTileAccent{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:850;color:#0f172ad1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homeTileStars .stars{gap:4px}.homeTileStars .stars .s{font-size:13px}.resourceCard{display:flex;flex-direction:column;border:1px solid rgba(15,23,42,.06);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #0f172a0a;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.resourceCard:hover{border-color:rgba(var(--primary-rgb),.45);transform:translateY(-2px);box-shadow:0 14px 34px #0f172a0f}.thumb{position:relative;aspect-ratio:16 / 9;height:auto;border-radius:0;overflow:hidden;background:linear-gradient(135deg,#111827,#0f172a)}.thumb.warm{background:linear-gradient(135deg,#111827,#6b2f00)}.thumb.cool{background:linear-gradient(135deg,#0b1020,#004a6b)}.thumbImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.thumbUpdated{position:absolute;left:10px;top:10px;padding:4px 8px;border-radius:8px;background:#000000b3;color:#fffffff5;font-size:12px;font-weight:850;letter-spacing:.02em;text-shadow:0 10px 22px rgba(0,0,0,.35);pointer-events:none;z-index:2}.duration{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:10px;color:#fff;background:#000000bf;font-size:12px;font-weight:800}.tileBody{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px}.tileTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tileTitle{font-weight:900;font-size:16px;line-height:1.35}.tileStars .stars{gap:4px}.tileStars .stars .s{font-size:14px}.tileTagsRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.tileTagsLeft{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;min-width:0}.tileTagsRight{display:flex;align-items:center;justify-content:flex-end}.tileMobileMetaRow{display:none}.tagPill{padding:6px 8px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#0f172a08;font-weight:800;display:inline-flex;align-items:center;gap:6px;line-height:1;font-size:12px}.tagPill.accent{white-space:nowrap}.tagPill.primary{border:0;background:rgba(var(--primary-rgb),.08);color:var(--primary)}@media (max-width: 520px){.thumbUpdated{left:8px;top:8px;padding:4px 7px;font-size:11px}.categoryPageLayout .thumbUpdated{display:none}.categoryPageLayout .resourceGrid{grid-template-columns:repeat(2,1fr)}.categoryPageLayout .tileTitleRow .tileStars,.categoryPageLayout .tileTagsRow{display:none}.categoryPageLayout .tileBody{padding:12px 12px 14px;gap:8px}.categoryPageLayout .tileTitle{font-size:15px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categoryPageLayout .tileMobileMetaRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.categoryPageLayout .tileMobileAccent{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:850;color:#0f172ad1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.categoryPageLayout .tileMobileStars .stars{gap:4px}.categoryPageLayout .tileMobileStars .stars .s{font-size:13px}}.studyHeader{background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.04));border-radius:20px;padding:28px 24px;margin-bottom:24px;display:flex;align-items:center;gap:20px;border:1px solid rgba(var(--primary-rgb),.15)}.studyHeaderIcon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px rgba(var(--primary-rgb),.3);flex-shrink:0}.studyTitle{margin:0;font-size:28px;font-weight:950;color:var(--text);letter-spacing:-.3px}.studySubtitle{margin:6px 0 0;font-size:14px;color:var(--muted)}.checkinCard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:24px}.checkinHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.checkinTitle{font-weight:900;font-size:18px;display:flex;align-items:center;gap:10px;color:var(--text)}.checkinTitle svg{color:var(--primary)}.stats3{display:flex;border-radius:14px;overflow:hidden;border:1px solid rgba(var(--primary-rgb),.14);background:rgba(var(--primary-rgb),.06)}@media (max-width: 760px){.statCard{padding:12px 6px}.statValue{font-size:clamp(13px,4.2vw,16px);letter-spacing:-.35px}.statLabel{font-size:11px}}.statCard{flex:1;padding:14px 10px;text-align:center;border:0;background:transparent;display:grid;place-items:center}.statValue{font-weight:950;font-size:20px;letter-spacing:-.2px;color:var(--primary);margin-bottom:4px;white-space:nowrap;line-height:1.1}.statLabel{font-size:12px;color:#0f172a99;font-weight:700}.statCard+.statCard{border-left:1px solid rgba(var(--primary-rgb),.18)}.calendar{margin-top:12px}.calendarHead{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--primary);font-weight:800;margin-bottom:16px}.calendarMonth{min-width:120px;text-align:center;font-size:16px}.calendarBtn{width:36px;height:36px;border-radius:999px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--primary);transition:all .2s}.calendarBtn:hover{background:rgba(var(--primary-rgb),.08);transform:scale(1.06)}.calendarBtn:active{transform:scale(.95)}.weekGrid{margin-top:10px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;text-align:center}.weekName{font-size:12px}.datePill{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin:6px auto 0;color:#111827;font-weight:600;transition:all .2s}.datePill.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transform:scale(1.05)}.dateDot{width:6px;height:6px;border-radius:999px;background:var(--primary);margin:5px auto 0;opacity:0}.dateDot.on{opacity:1}.checkinBtn{width:100%;margin-top:20px;padding:16px 20px;border-radius:14px;border:0;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 20px rgba(var(--primary-rgb),.3);transition:all .3s ease}.checkinBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(var(--primary-rgb),.4)}.checkinBtn:active:not(:disabled){transform:translateY(0)}.checkinBtn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media (max-width: 760px){.shortcuts{grid-template-columns:1fr 1fr;gap:10px}.shortcut{padding:18px 14px;font-size:15px}}.shortcut{border:0;border-radius:16px;padding:24px 20px;color:#fff;font-weight:900;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 6px 16px #00000026}.shortcut:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.shortcut:hover:before{opacity:1}.shortcut:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0003}.shortcut:active{transform:translateY(-2px)}.shortcut.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.shortcut.orange{background:linear-gradient(135deg,#f59e0b,#ea580c)}.historySection{margin-top:8px}.sectionTabs{border-bottom:2px solid rgba(var(--primary-rgb),.15);margin-bottom:16px}.tabBtn{background:transparent;border:0;padding:0;cursor:pointer}.tab{display:inline-flex;align-items:center;gap:8px;padding:12px 0;font-weight:900;font-size:16px;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.notesTabs{margin-bottom:26px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end}.notesTabs .tab{justify-content:center;width:100%}.notesEmpty{padding:42px 0 14px;display:flex;justify-content:center}.notesEmptyIcon{width:92px;height:92px;border-radius:999px;background:rgba(var(--primary-rgb),.08);color:var(--primary);display:grid;place-items:center}.notesEmptyText{text-align:center;font-size:14px;font-weight:900}.notesNote{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.06);background:#0f172a08;font-size:13px;line-height:1.6;color:#334155;white-space:pre-line}.emptyState{padding:60px 20px;text-align:center}.emptyIcon{width:80px;height:80px;margin:0 auto 20px;border-radius:20px;background:rgba(var(--primary-rgb),.08);color:var(--primary);display:grid;place-items:center}.emptyText{font-size:18px;font-weight:900;color:var(--text);margin-bottom:8px}.emptyHint{font-size:14px;color:var(--muted)}.feedbackWrap{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.feedbackTitleRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedbackCloseBtn{display:none}@media (max-width: 980px){.feedbackCloseBtn{display:inline-flex;width:38px;height:38px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#ffffffeb;color:var(--text);font-weight:950;font-size:20px;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.formTitle{margin:0;font-size:24px;font-weight:900}.formDesc{margin-top:6px;font-size:13px}.form{margin-top:14px;display:flex;flex-direction:column;gap:14px}.hint{margin-top:6px;font-size:12px}.submitBtn{width:100%;padding:14px 16px;border-radius:14px;border:0;background:var(--primary);color:#fff;font-weight:900;cursor:pointer}.submitBtn:disabled{opacity:.6;cursor:not-allowed}.feedList{display:flex;flex-direction:column;gap:12px}.feedItem{border:1px solid rgba(15,23,42,.06);border-radius:14px;padding:12px;background:#0f172a05}.feedTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.feedTitle{font-weight:900}.feedTime{font-size:12px}.feedLink,.feedContent{margin-top:8px;font-size:13px;line-height:1.5}.searchPage{max-width:980px;margin:0 auto}.searchBar{display:flex;justify-content:center;gap:12px;margin:0 auto;max-width:780px}.searchInput{flex:1;padding:14px;border-radius:12px}.searchBtn{padding:14px 26px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(var(--primary-rgb),.28);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.searchBtn:hover{filter:brightness(1.04);box-shadow:0 12px 26px rgba(var(--primary-rgb),.32)}.searchBtn:active{transform:translateY(1px)}.searchBtn:disabled{opacity:.62;cursor:not-allowed;filter:none;box-shadow:none}.searchResults{margin-top:18px}.searchGroupTitle{margin-top:14px;font-size:12px;font-weight:900;color:#0f172aa6}.resultList{margin-top:12px;display:flex;flex-direction:column;gap:12px}.resultItem{display:block;padding:12px;border-radius:14px;border:1px solid rgba(15,23,42,.06)}.resultItem:hover{border-color:rgba(var(--primary-rgb),.45)}.resultTitleRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.resultTitle{font-weight:900}.resultType{flex:0 0 auto;font-size:12px;line-height:1;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid rgba(var(--primary-rgb),.22);background:rgba(var(--primary-rgb),.1);color:var(--primary)}.resultMeta{margin-top:6px;font-size:13px}.hitMark{background:rgba(var(--primary-rgb),.18);color:inherit;border-radius:6px;padding:0 2px}.mePage{max-width:980px;margin:0 auto}.mePage .meQuickCard{margin-top:16px}.meHeader{border-radius:22px;padding:6px 10px;margin-bottom:14px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.03));border:1px solid rgba(var(--primary-rgb),.14)}.profileBar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 4px 10px}.profileLeft{display:flex;align-items:center;gap:14px}.profileAvatar{width:64px;height:64px;border-radius:999px;border:2px solid rgba(var(--primary-rgb),.65);display:grid;place-items:center;position:relative;background:#fff;padding:0;cursor:pointer;overflow:hidden}.profileAvatar:disabled{cursor:not-allowed;opacity:.75}.profileAvatarImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profileLetter{font-weight:900;font-size:22px;color:var(--primary)}.profileEdit{width:22px;height:22px;border-radius:999px;background:rgba(var(--primary-rgb),.15);color:var(--primary);display:grid;place-items:center;position:absolute;right:-2px;bottom:-2px;border:2px solid #fff}.profileName{font-weight:900;font-size:18px}.checkinYellow{padding:10px 14px;border-radius:12px;border:0;background:#fbbf24;color:#111827;font-weight:900;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.checkinYellow:disabled{opacity:.65;cursor:not-allowed}.btnIcon{display:inline-grid;place-items:center}.miniGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}@media (max-width: 520px){.miniGrid{gap:10px}}.miniStat{border-radius:14px;padding:14px 10px;background:#0f172a05;border:1px solid rgba(15,23,42,.06);text-align:center}.miniValue{font-weight:900;font-size:24px;color:var(--primary)}.miniLabel{margin-top:6px;font-size:12px}.meQuickCard{overflow:hidden}.rowItem{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 10px;border:0;background:transparent;cursor:pointer;border-top:1px solid rgba(15,23,42,.06)}.rowItem:first-child{border-top:0}.rowLeft{display:inline-flex;align-items:center;gap:10px;font-weight:800}.iconBox{width:28px;height:28px;border-radius:10px;background:#0f172a0a;display:grid;place-items:center;color:#64748b}.rowArrow{color:#94a3b8;font-size:18px}.subPage{min-height:100vh;background:#fff;color:var(--text)}.subHeader{position:sticky;top:0;z-index:200;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-bottom:1px solid rgba(255,255,255,.18);color:#fff}.subHeader--plain{background:#fff;color:var(--text);border-bottom:1px solid #e5e7eb}.subHeader--plain .subTitle{color:#0f172a}.subHeader--plain .subBackBtn{background:transparent;color:#64748b}.subHeader--plain .subBackBtn:hover{background:#f1f5f9;color:#0f172a}.subHeader--plain .subBackBtn:active{background:#e2e8f0}.subHeader--plain .subRight{color:#64748b}.subHeaderRow{max-width:72rem;margin:0 auto;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}@media (min-width: 640px){.subHeaderRow{padding:12px 20px}}.subBackBtn{width:38px;height:38px;border:0;background:#ffffff24;border-radius:999px;display:grid;place-items:center;color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease}.subBackBtn:hover{background:#ffffff38}.subBackBtn:active{transform:scale(.98);background:#ffffff42}.subTitle{flex:1;text-align:center;font-size:18px;font-weight:900;letter-spacing:.2px}.subRight{width:38px;height:38px;display:grid;place-items:center}.subMain{max-width:72rem;margin:0 auto;padding:16px 12px 28px}@media (min-width: 640px){.subMain{padding:18px 20px 36px}}.recordStatsCard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 12px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 10px 24px #0f172a0f}.recordStat{text-align:center}.recordValue{font-size:26px;font-weight:900;color:var(--text)}.recordLabel{margin-top:6px;font-size:12px;font-weight:800}.recordDivider{width:1px;height:44px;background:#0f172a1f}.recordEmptyBox{margin-top:14px;padding:18px 12px;border-radius:16px;border:1px dashed rgba(15,23,42,.14);background:#0f172a05;text-align:center}.recordEmptyText{font-weight:900;color:#64748b}.recordListCard{margin-top:14px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.06);overflow:hidden}.recordRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-top:1px solid rgba(15,23,42,.06)}.recordRow:first-child{border-top:0}.recordRowTime{font-weight:900;color:#0f172a}.recordRowMeta{margin-top:2px;font-size:12px}.recordRowRight{font-weight:900;color:#4f46e5}.favListCard{margin-top:14px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.06);overflow:hidden}.historyListCard{margin-top:0}.favVideoRow{display:flex;align-items:center;gap:12px;padding:12px;color:inherit;text-decoration:none;cursor:pointer;border-top:1px solid rgba(15,23,42,.06)}.favVideoRow:first-child{border-top:0}.favVideoRow:hover{background:#0f172a05}.favVideoThumb{width:66px;height:44px;border-radius:12px;overflow:hidden;background:#0f172a0d;flex:none}.favVideoImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.favVideoPh{width:100%;height:100%;background:linear-gradient(135deg,#6366f12e,#7c3aed2e)}.favVideoMeta{flex:1;min-width:0}.favVideoTitle{font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favVideoSub{margin-top:4px;font-size:12px}.favVideoArrow{color:#94a3b8;font-size:20px;flex:none}.favWordRow{width:100%;text-align:left;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;cursor:pointer;border-top:1px solid rgba(15,23,42,.06)}.favWordRow:first-child{border-top:0}.favWordRow:hover{background:#0f172a05}.favWordMain{flex:1;min-width:0}.favWordTitle{font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favWordSub{margin-top:4px;font-size:12px}.favSentenceRow{width:100%;text-align:left;border:0;background:transparent;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;cursor:pointer;border-top:1px solid rgba(15,23,42,.06)}.favSentenceRow:first-child{border-top:0}.favSentenceRow:hover{background:#0f172a05}.favSentenceMain{flex:1;min-width:0}.favSentenceOpen{flex:1;min-width:0;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.favSentenceOpen:disabled{cursor:default}.favSentenceEn{font-weight:900;color:#0f172a;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favSentenceZh{margin-top:6px;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favSentenceMeta{margin-top:8px;font-size:12px}.favSentenceDel{width:30px;height:30px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#0f172a08;cursor:pointer;display:grid;place-items:center;color:#64748b;flex:none}.favSentenceDel:hover{border-color:#ef444459;background:#ef444414;color:#ef4444}.favSentenceGroup{width:30px;height:30px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#0f172a08;cursor:pointer;display:grid;place-items:center;color:#64748b;flex:none}.favSentenceGroup:hover{border-color:rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.08);color:var(--primary)}.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 16px);transform:translate(-50%);background:#0f172aeb;color:#fff;padding:10px 14px;border-radius:999px;font-weight:800;font-size:13px;box-shadow:0 10px 30px #00000040;z-index:2000;pointer-events:none}@media (max-width: 768px){.topbar{position:sticky;top:0;z-index:90}.topbarInner{padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;gap:10px}.topbarInner--page{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;justify-content:unset;gap:0}.topbarInner--home{display:grid;grid-template-columns:1fr 44px;align-items:center;justify-content:unset;gap:10px}.topBackBtn,.menuBtn{display:grid}.topbarInner--page .topbarBrand{justify-self:center;align-items:center;text-align:center}.topbarInner--home .topbarBrand{justify-self:start;align-items:flex-start;text-align:left}.nav{display:none!important}.brandSub{display:none}.page{padding:18px 12px 50px}}@media (max-width: 520px){.filterGrid{grid-template-columns:1fr}.searchBar{flex-direction:column;align-items:stretch}.searchBtn{width:100%}.weekGrid{gap:6px}.datePill{width:32px;height:32px}}.videoPage{display:block;padding-bottom:var(--studyPad, 120px)}@media (max-width: 980px){.videoPage{display:block}.videoSubtitleOverlay{display:none!important}}@media (max-width: 520px){html.dyVideoPhonePlaying .topbar{position:fixed;top:0;left:0;right:0;z-index:120;transition:transform .18s ease,opacity .18s ease;will-change:transform,opacity}html.dyVideoPhonePlaying.dyVideoPhoneChromeHidden .topbar{transform:translateY(-110%);opacity:0;pointer-events:none}html.dyVideoPhonePlaying .videoPage .studyPanel{transition:max-height .2s ease,opacity .16s ease}html.dyVideoPhonePlaying.dyVideoPhoneChromeHidden .videoPage .studyPanel{max-height:0!important;opacity:0;pointer-events:none;border:0;box-shadow:none}}.videoMain,.videoSide{display:flex;flex-direction:column;gap:16px}.videoPage.isPlaying .videoMain,.videoPage.isPlaying .videoSide{gap:10px}.videoPage.isPlaying .videoInfoWrap{display:none}.videoPage .transcriptPane{flex:1;min-height:0}.videoPage .studyPanel{position:fixed;left:0;right:0;bottom:0;z-index:40;border-bottom-left-radius:0;border-bottom-right-radius:0}.videoPage:not(.isPlaying) .transcriptBody{flex:1;height:auto;min-height:150px}@media (min-width: 981px){.videoPage{padding-bottom:0}.videoMain{display:flex;flex-direction:row;gap:22px;align-items:flex-start}.videoSide{flex:1;min-width:0;position:sticky;top:20px;align-self:flex-start}.videoPage.isPlaying .videoCard{position:static;top:auto;z-index:auto}.videoPage .studyPanel{position:static;left:auto;right:auto;bottom:auto;z-index:auto;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.videoPage .transcriptPane{flex:0 0 460px;width:460px;max-width:460px;position:static;top:auto;height:auto}.videoPage .transcriptBody{height:auto;overflow-y:visible}}.videoCard{border-radius:18px;overflow:hidden;background:#0b1020;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,.08)}.videoPage.isPlaying .videoCard{position:sticky;top:0;z-index:30}.videoStage{position:relative}.videoPlayerHost{width:100%;max-height:480px;display:block;background:#0b1020}.videoStage .dplayer{width:100%;background:#0b1020}.videoStage .dplayer-video{width:100%;max-height:480px;display:block;background:#0b1020}.videoStage .dplayer-controller,.videoStage .dplayer-controller-mask,.videoStage .dplayer-icons,.videoStage .dplayer-setting,.videoStage .dplayer-notice,.videoStage .dplayer-mask{display:none!important}.videoSubtitleOverlay{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);z-index:2;padding:14px 14px calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;text-align:center;pointer-events:none;background:linear-gradient(to top,#000000b8,#0000)}.videoSubtitleOverlay *{pointer-events:none}.videoSubtitleLine{text-shadow:0 2px 10px rgba(0,0,0,.7)}.videoSubtitleEn{font-size:18px;font-weight:850;line-height:1.3;color:#fffffffa}.videoSubtitleZh{font-size:15px;font-weight:700;line-height:1.35;color:#fffffff0}.videoSubtitleOverlay .karaWord{color:#fffffff5}.videoSubtitleOverlay .karaWord.done{color:#ffffffe6}.videoSubtitleOverlay .karaWord.cur{color:#0b1020;font-weight:900;background-image:linear-gradient(90deg,#22c55efa,#10b981fa),linear-gradient(90deg,#ffffff38,#ffffff38);background-repeat:no-repeat;background-position:0 100%;background-size:var(--karaP, 0%) 100%,100% 100%;box-shadow:inset 0 0 0 1px #052e1624,0 4px 12px #00000038;transition:background-size 90ms linear,color 90ms linear,box-shadow .12s ease}.videoTapOverlay{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:transparent;cursor:pointer;touch-action:manipulation}.videoTapOverlay:focus-visible{outline:2px solid rgba(var(--primary-rgb),.65);outline-offset:-2px}.videoPlayer{width:100%;max-height:480px;display:block;background:#0b1020}@media (max-width: 980px){.videoMain{min-height:calc(100vh - var(--studyPad, 120px));gap:12px}.videoPage.isPlaying .videoMain{min-height:0;gap:10px}.videoCard{margin-top:-18px;margin-left:-12px;margin-right:-12px;border-radius:0;border-left:0;border-right:0;box-shadow:none}.videoPlayer{max-height:none;border-radius:0}.videoPlayerHost,.videoStage .dplayer-video{max-height:none}.videoSubtitleOverlay{bottom:env(safe-area-inset-bottom,0px);padding:12px 12px calc(10px + env(safe-area-inset-bottom,0px));gap:5px}.videoSubtitleEn{font-size:16px}.videoSubtitleZh{font-size:14px}.videoPage{padding-bottom:var(--studyPad, 120px)}.transcriptPane{flex:1;min-height:0}.studyPanel{position:fixed;left:0;right:0;bottom:0;z-index:40;border-bottom-left-radius:0;border-bottom-right-radius:0}.studyPanel .studyTools{padding:6px 10px}.studyPanel .toolBar{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.studyPanel .toolBtn{padding:1px 0;gap:5px}.studyPanel .toolIcon{width:30px;height:30px;border-radius:12px;box-shadow:0 8px 18px #0f172a0f}.studyPanel .toolLabel{font-size:10px}.playerPanel{padding:2px 10px calc(4px + env(safe-area-inset-bottom))}.progressRow{gap:6px;margin-bottom:6px}.progressTime{font-size:11px}.progressTrack{height:12px}.progressRail,.progressFill{height:2px}.progressKnob{width:6px;height:6px}.playerBar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px}.controls{justify-content:center;gap:4px}.ctrlBtn{width:30px;height:30px}.playBtn{width:34px;height:34px}.ctrlBtn svg{width:22px;height:22px}.playBtn svg{width:20px;height:20px}.rightOps{justify-content:flex-end}.loopBtn,.trainBtn{white-space:nowrap}.loopLabel{display:none}.loopBtn{width:30px;height:30px;padding:0;justify-content:center;border-radius:999px}.loopBtn.on{background:rgba(var(--primary-rgb),.12)}.videoPage:not(.isPlaying) .transcriptBody{flex:1;height:auto;min-height:150px}.trainBtn{height:30px;padding:0 9px;font-size:11px;box-shadow:0 8px 18px #0f172a1a}}.videoInfoWrap{overflow:hidden;opacity:1;transform:translateY(0);transition:height .26s ease,opacity .22s ease,transform .26s ease,margin .26s ease;will-change:height,opacity,transform}.videoInfoWrap.collapsed{opacity:0;transform:translateY(-6px);pointer-events:none;margin-top:-8px;margin-bottom:-8px}.videoInfo .videoTitleRow{display:flex;align-items:start;justify-content:space-between;gap:12px}.videoTitle{font-weight:900;font-size:24px}.iconBtn2{width:40px;height:40px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#fff;cursor:pointer;display:grid;place-items:center;color:#111827}.iconBtn2:hover{border-color:rgba(var(--primary-rgb),.45);color:var(--primary)}.iconBtn2.isFav{border-color:rgba(var(--primary-rgb),.55);background:rgba(var(--primary-rgb),.14);color:var(--primary);box-shadow:0 10px 22px rgba(var(--primary-rgb),.14)}.iconBtn2.isFav:hover{border-color:rgba(var(--primary-rgb),.65);background:rgba(var(--primary-rgb),.18);color:var(--primary)}.tagRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.videoIntroBlock{margin-top:14px;padding:12px 12px 10px;border-radius:14px;border:1px solid rgba(15,23,42,.06);background:#0f172a08}.videoIntroLabel{font-size:12px;font-weight:900;color:#334155;letter-spacing:.02em}.videoIntroText{margin-top:6px;font-size:13px;line-height:1.65;color:#0f172a;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.videoIntroText.empty{color:#64748b}.videoIntroAutoLabel{margin-top:10px;font-size:12px;font-weight:900;color:#475569;letter-spacing:.02em}.videoIntroAutoText{margin-top:6px;font-size:13px;line-height:1.65;color:#334155;white-space:pre-line}.tag{padding:7px 10px;border-radius:999px;font-size:13px;font-weight:800;border:1px solid rgba(var(--primary-rgb),.28);color:var(--primary);background:rgba(var(--primary-rgb),.06)}.tag.outline{outline:none;border-color:transparent;color:#334155;background:rgba(var(--primary-rgb),.08)}.tag.soft{border-color:#0f172a14;color:#111827;background:#0f172a0a}.videoInfo .tagRow .tag.tagMeta{border-color:#0f172a0f;color:#475569;background:#0f172a08}.videoInfo .tagRow .tag.tagAuthor{border-color:rgba(var(--primary-rgb),.12);color:#475569;background:rgba(var(--primary-rgb),.04)}.videoInfo .tagRow .tag.outline{border-color:transparent;color:#334155;background:rgba(var(--primary-rgb),.08)}.rateRow{margin-top:14px;display:flex;align-items:center;gap:4px}.star{width:28px;height:28px;border:0;background:transparent;cursor:pointer;color:#cbd5e1;display:grid;place-items:center;padding:0}.star.on{color:#f59e0b}.studyPanel{overflow:hidden}.studyTools{padding:16px 16px 12px;max-height:320px;opacity:1;transition:max-height .18s ease,opacity .16s ease,padding .18s ease}.studyTools.collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;pointer-events:none}.studyDivider{height:1px;background:#0f172a0f}.studyDivider.collapsed{display:none}.toolBar{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;align-items:start;justify-items:center}@media (max-width: 760px){.toolBar{grid-template-columns:repeat(5,1fr);gap:12px}}.toolBtn{border:0;background:transparent;cursor:pointer;padding:6px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#111827}.toolBtn:hover{background:#0f172a08}.toolIcon{width:46px;height:46px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 24px #0f172a14;display:grid;place-items:center;color:#111827;transition:border-color .14s ease,color .14s ease,box-shadow .14s ease}.toolBtn.active .toolIcon{border-color:rgba(var(--primary-rgb),.6);color:var(--primary);box-shadow:0 10px 26px rgba(var(--primary-rgb),.16)}.toolLabel{font-weight:900;font-size:12px;color:#111827}.toolBtn.active .toolLabel{color:var(--primary)}.playerBar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.playerPanel{padding:12px 16px 14px}.progressRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:10px}.progressTime{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.progressTrack{position:relative;height:18px;cursor:pointer;touch-action:none}.progressRail{position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);border-radius:999px;background:#94a3b880}.progressFill{position:absolute;left:0;top:50%;height:4px;transform:translateY(-50%);border-radius:999px;background:rgba(var(--primary-rgb),.8)}.progressKnob{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:999px;background:var(--primary);box-shadow:0 8px 18px rgba(var(--primary-rgb),.25)}.loopBtn{border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:8px 6px;border-radius:12px;font-weight:850;color:#64748b}.loopBtn:hover{background:#0f172a08}.loopBtn.on{color:var(--primary);background:transparent}.loopIcon{display:grid;place-items:center}.controls{display:flex;align-items:center;gap:12px}.ctrlBtn{width:40px;height:40px;border-radius:999px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:#94a3b8}.ctrlBtn:hover{color:var(--primary)}.playBtn{width:44px;height:44px;border-radius:999px;border:0;background:var(--primary);color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 30px rgba(var(--primary-rgb),.25)}.rightOps{display:flex;align-items:center;gap:10px}.trainBtn{padding:8px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#111827;cursor:pointer;font-weight:900;font-size:13px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 24px #0f172a1f}.trainIcon{display:grid;place-items:center}.trainBtn.on{border-color:rgba(var(--primary-rgb),.55);color:var(--primary);background:rgba(var(--primary-rgb),.08);box-shadow:0 10px 26px rgba(var(--primary-rgb),.16)}.transcriptPane{position:relative;overflow:visible;display:flex;flex-direction:column}.transcriptHead{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.transcriptTitle{font-weight:900;font-size:18px}.transcriptActions{display:inline-flex;align-items:center;gap:10px}.desktopOnly{display:none}@media (min-width: 981px){.desktopOnly{display:grid}}.transcriptIconBtn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#fff;cursor:pointer;display:grid;place-items:center;color:#111827;position:relative}.transcriptIconBtn:hover{border-color:rgba(var(--primary-rgb),.45);color:var(--primary)}.transcriptIconBtn.isActive{border-color:rgba(var(--primary-rgb),.55);color:var(--primary);background:rgba(var(--primary-rgb),.08)}.transcriptIconBtn:disabled{opacity:.55;cursor:not-allowed}.transcriptIconBtn[data-tip]:before{content:"";position:absolute;left:auto;right:20px;bottom:calc(100% + 6px);width:10px;height:10px;background:#0f172aeb;transform:translateY(4px) rotate(45deg);opacity:0;pointer-events:none;z-index:2000;transition:opacity .15s ease,transform .15s ease}.transcriptIconBtn[data-tip]:after{content:attr(data-tip);position:absolute;left:auto;right:0;bottom:calc(100% + 12px);width:-moz-max-content;width:max-content;min-width:140px;transform:translateY(4px);background:#0f172aeb;color:#fff;padding:8px 10px;border-radius:12px;font-size:12px;font-weight:850;max-width:min(260px,calc(100vw - 24px));text-align:center;opacity:0;pointer-events:none;white-space:pre-wrap;line-height:1.3;box-shadow:0 10px 30px #00000038;z-index:2000;transition:opacity .15s ease,transform .15s ease}.transcriptIconBtn:hover:before{opacity:1;transform:translate(0) rotate(45deg)}.transcriptIconBtn:hover:after{opacity:1;transform:translate(0)}.transcriptIconBtn.accentBtn{min-width:40px;font-weight:900;font-size:11px;letter-spacing:.02em}.transcriptIconBtn.accentBtn .accentLabel{font-weight:900;font-size:12px}.transcriptIconBtn.accentBtn.isUS{color:#2563eb;border-color:#2563eb59;background:#2563eb14}.transcriptIconBtn.accentBtn.isUS:hover{border-color:#2563eb8c;background:#2563eb1f}.transcriptIconBtn.accentBtn.isGB{color:#dc2626;border-color:#dc262659;background:#dc262614}.transcriptIconBtn.accentBtn.isGB:hover{border-color:#dc26268c;background:#dc26261f}.pdfBtn{padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#fff;cursor:pointer;display:inline-flex;gap:10px;align-items:center;font-weight:900}.pdfBtn:hover{border-color:rgba(var(--primary-rgb),.45);color:var(--primary)}.transcriptBody{padding:16px 18px 18px;height:360px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transition:height .26s ease}.videoPage.isPlaying .transcriptHead{display:none}.videoPage.isPlaying .transcriptBody{padding-top:0}.subItem{border:1px solid rgba(var(--primary-rgb),.2);border-radius:14px;padding:14px;margin-bottom:12px;cursor:pointer;background:#fff}.subItem:hover{border-color:rgba(var(--primary-rgb),.45)}.subItem.active{background:rgba(var(--primary-rgb),.06)}.karaText{display:inline}.karaWord{display:inline;border-radius:6px;padding:0}.karaWord.tap{cursor:pointer}.karaWord.tap:hover{box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.25)}.karaSpace{display:inline-block;width:.2em}.karaPunct{display:inline-block}.wordTap{display:inline;background:transparent;border:0;padding:0 2px;margin:0;font:inherit;color:inherit;cursor:pointer;border-radius:6px}.wordTap:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary)}.wordTap:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.videoPage.isPlaying .subItem.active .karaWord.cur,.articlePage.isPlaying .subItem.active .karaWord.cur{color:#0b1020;font-weight:900;background-image:linear-gradient(90deg,#22c55ef5,#10b981f5),linear-gradient(90deg,#10b9817a,#10b9817a);background-repeat:no-repeat;background-position:0 100%;background-size:var(--karaP, 0%) 100%,100% 100%;box-shadow:inset 0 0 0 1px #052e1624,0 1px #0f172a0f;transition:background-size 90ms linear,color 90ms linear,box-shadow .12s ease}.videoPage.isPlaying .subItem.active .karaSpace,.articlePage.isPlaying .subItem.active .karaSpace,.videoSubtitleOverlay .karaSpace{width:.2em}.subTime{font-size:12px;font-weight:800}.subEn{margin-top:8px;font-size:16px;line-height:1.65;font-weight:650;word-wrap:break-word;overflow-wrap:break-word}.subEn.withIpa{line-height:2.2;overflow-wrap:normal}.subIpa{margin-top:6px;font-size:16px;line-height:1.65;font-weight:650;color:#0f172ab8;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word}.subIpaLine{display:inline}.ipaKaraokeWrap{display:inline-block;max-width:100%;position:relative}.ipaKaraokeLine{display:inline-flex;flex-wrap:wrap;align-items:flex-start;-moz-column-gap:.3em;column-gap:.3em;row-gap:10px;max-width:100%;margin-bottom:0;overflow:visible;line-height:1.4}.ipaKaraokeLine>.subOps{align-self:flex-start;padding-top:0}.ipaTailGroup{display:inline-flex;align-items:flex-start;max-width:100%}.ipaTailGroup .subOps{align-self:flex-start}.ipaTailWrap{display:inline-flex;align-items:center;align-self:flex-start;vertical-align:top;white-space:nowrap;padding-top:0;margin-left:.3em}.waRoot{width:100%}.waLine{position:relative;padding:12px 14px;border-radius:18px;background:#f8fafcd1;border:1px solid rgba(15,23,42,.12);overflow:hidden}.waHilite{position:absolute;left:0;top:0;width:var(--wa-hl-w, 0px);height:var(--wa-hl-h, 0px);transform:translate3d(var(--wa-hl-x, 0px),var(--wa-hl-y, 0px),0);border-radius:999px;background:linear-gradient(90deg,#22c55e2e,#10b98124,#22c55e2e);background-size:220% 100%;box-shadow:inset 0 0 0 1px #10b9812e,0 10px 30px #0f172a1a;opacity:0;pointer-events:none;transition:transform .2s ease,width .2s ease,height .2s ease,opacity .2s ease;animation:waSheen 1.2s linear infinite;z-index:0}@keyframes waSheen{0%{background-position:0% 50%}to{background-position:100% 50%}}.waSvg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.waLink path{stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;opacity:.92}.waLink--liaison path{stroke:#2563eb}.waLink--vv_link path{stroke:#a16207}.waLinkSup{font-weight:950;font-size:12px;letter-spacing:.2px;paint-order:stroke;stroke:#f8fafceb;stroke-width:4px}.waLinkSup--vv_link{fill:#a16207}.waWave{font-weight:950;font-size:18px;fill:#22c55e;opacity:.92;paint-order:stroke;stroke:#f8fafceb;stroke-width:4px}.waToken{position:relative;z-index:2;display:inline-grid;grid-template-rows:auto auto;align-items:start;justify-items:start;margin:0 10px 10px 0;padding:0 1px;vertical-align:top}.waWord{display:inline-block;font-size:18px;font-weight:950;letter-spacing:.15px;color:#0f172adb;line-height:1.1;padding:2px 6px;border-radius:12px}.waWord[role=button]{cursor:pointer}.waWord[role=button]:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.waWord[role=button]:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.waToken.isActive .waWord{color:#0b1020}.waIpa{margin-top:8px;font-family:Gentium Plus,Charis SIL,"Noto Serif",ui-serif,Georgia,serif;font-size:18px;font-weight:650;letter-spacing:.5px;color:#0f172ab8;position:relative;display:inline-flex;flex-wrap:wrap;align-items:baseline;-moz-column-gap:.12em;column-gap:.12em}.waIpaEmpty{opacity:.6}.waPh{position:relative;display:inline-block;padding:0 1px}.waPhChar{display:inline-block}.waSup{position:absolute;left:50%;top:-14px;transform:translate(-50%);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Microsoft YaHei UI,sans-serif;font-size:12px;font-weight:950;letter-spacing:.2px;padding:1px 6px;border-radius:999px;background:#0f172a0f;color:#0f172abf;white-space:nowrap;pointer-events:none}.waSup--flap,.waSup--voice{background:#f59e0b29;color:#a16207fa}.waSup--assim{background:#a855f729;color:#7e22cefa}.waPh--loss:after,.waPh--h_drop:after{content:"";position:absolute;left:2px;right:2px;top:55%;height:2px;border-radius:999px;opacity:.92}.waPh--loss:after{background:#ef4444}.waPh--h_drop:after{background:#94a3b8f2}.waPh--flap .waPhChar{color:#0f172a6b}.waPh--weak .waPhChar{color:#db2777;font-weight:900;text-shadow:0 10px 26px rgba(219,39,119,.18)}.waToken--elision .waWord{color:#0f172a75}.waToken--elision .waIpa{color:#0f172a6b}.waToken--elision .waIpa:after{content:"";position:absolute;left:0;right:0;top:55%;height:2px;border-radius:999px;background:#94a3b8eb}.waLegend{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;padding:10px 12px;border-radius:18px;background:#f8fafca3;border:1px solid rgba(15,23,42,.1)}.waLegendItem{display:inline-flex;align-items:center;gap:10px}.waLegendBtn{border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border-radius:14px;color:#0f172ac7}.waLegendBtn:hover,.waLegendBtn.hover{background:#0f172a0d}.waLegendBtn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.waDot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 2px #ffffffd9 inset,0 1px 6px #0f172a29}.waLegendLabel{font-size:12px;font-weight:950;letter-spacing:.2px}.waToggle{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.waToggle input{position:absolute;opacity:0;pointer-events:none}.waSwitch{width:34px;height:20px;border-radius:999px;background:#0f172a24;position:relative;transition:background-color .16s ease,box-shadow .16s ease}.waSwitch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 4px 10px #0f172a2e;transition:transform .16s ease}.waToggle input:checked+.waSwitch{background:rgba(var(--primary-rgb),.3);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.22) inset}.waToggle input:checked+.waSwitch:after{transform:translate(14px)}.waToggle input:focus-visible+.waSwitch{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.waRulePanel{margin-top:10px;padding:12px 14px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(15,23,42,.12);box-shadow:0 22px 80px #0f172a1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.waRulePanelHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.waRuleTitle{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:950;color:#0f172ae0}.waRuleClose{width:28px;height:28px;border-radius:12px;border:0;background:transparent;cursor:pointer;font-size:18px;line-height:1;color:#0f172a8c}.waRuleClose:hover{background:#0f172a0f;color:#0f172ac7}.waRuleBody{margin-top:8px;font-size:12px;line-height:1.65;font-weight:650;color:#0f172abd}@keyframes waBreath{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}@keyframes waStrokeBreath{0%{opacity:.55;stroke-width:2.25}50%{opacity:1;stroke-width:3.1}to{opacity:.55;stroke-width:2.25}}.waRoot[data-wa-hover=loss] .waPh--loss:after,.waRoot[data-wa-hover=h_drop] .waPh--h_drop:after,.waRoot[data-wa-hover=elision] .waToken--elision .waIpa:after{animation:waBreath 1.1s ease-in-out infinite}.waRoot[data-wa-hover=weak] .waPh--weak .waPhChar{animation:waBreath 1.1s ease-in-out infinite}.waRoot[data-wa-hover=liaison] .waLink--liaison path,.waRoot[data-wa-hover=vv_link] .waLink--vv_link path{animation:waStrokeBreath 1.1s ease-in-out infinite}.waRoot[data-wa-hover=identical] .waWave{animation:waBreath 1.1s ease-in-out infinite}.ipaTile{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:0;vertical-align:top;overflow:visible;isolation:isolate}.word-group{display:inline-flex;flex-direction:column;align-items:center;vertical-align:top;margin:0;isolation:isolate;contain:layout}.wordBundle{position:relative;display:inline-flex;flex-direction:column;align-items:center;vertical-align:top;padding-top:0;margin-right:0;overflow:visible;flex-shrink:0;white-space:nowrap}.wordBundle.hasLinkAfter{margin-right:.6em}.linkingBridge{position:absolute;right:-.4em;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none;z-index:1}.bridgeCurve{font-size:14px;line-height:1;font-weight:400;color:#2563eb}.bridgeSup{font-size:10px;font-weight:700;white-space:nowrap;margin-bottom:2px;color:#a16207}.linkingBridge.liaison{bottom:2px}.linkingBridge.liaison .bridgeCurve{color:#2563eb!important}.linkingBridge.identical{bottom:.4em;justify-content:center}.linkingBridge.identical .bridgeCurve{color:#22c55e!important;font-weight:700;font-size:13px}.linkingBridge.identical .bridgeSup{color:#22c55e!important}.linkingBridge.vvlink .bridgeCurve,.linkingBridge.vvlink .bridgeSup{color:#a16207!important}.ipaTile.numeric,.ipaTile.no-ipa{align-self:flex-start}.wordBundle:has(.ipaTile.numeric) .linkingBridge,.wordBundle:has(.ipaTile.no-ipa) .linkingBridge{bottom:0}.ipaWordTop{display:inline-block;position:relative;font-weight:950;letter-spacing:.15px;color:#0f172aeb;line-height:1.2;padding:2px 4px;border-radius:8px;cursor:pointer;transition:background-color .12s ease,box-shadow .14s ease,color .14s ease;text-align:center;white-space:nowrap;max-width:100%}.ipaLinkRow{position:relative;width:100%}.ipaLinkRow.ipaLinkBelow{height:auto;min-height:12px;display:flex;justify-content:center;align-items:flex-start;margin-top:2px}.ipaLinkRow.ipaLinkBelow .ipaLinkUnder{position:relative;top:0;right:0;transform:none}.ipaLinkLayer{position:absolute;left:0;right:0;top:100%;margin-top:2px;height:0;pointer-events:none}.ipaLinkUnder{position:absolute;right:auto;top:0;transform:translate(-50%);font-weight:400;font-size:16px;line-height:1;color:#2563ebf2;pointer-events:none}.ipaLinkUnder.liaison{color:#2563eb}.ipaLinkUnder.identical{color:#22c55e;font-weight:700;font-size:14px}.ipaLinkRow.ipaLinkBelow .ipaLinkUnder.identical{right:-.3em}.ipaLinkUnder.vvlink{color:#22c55e;font-size:12px;font-weight:600;line-height:1;width:14px;height:8px;display:inline-block}.ipaLinkUnder.vvlink:before{content:"";display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='12' viewBox='0 0 28 12' fill='none'><path d='M1 7c3-6 5 6 8 0s5 6 8 0 5 6 10 0' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.ipaLinkSup{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;color:#22c55e;white-space:nowrap}.ipaWordTop:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.ipaWordTop:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary)}.ipaBox{display:block;margin-top:0;padding:0 3px;border:0;background:transparent;text-align:center;min-height:0;position:relative;overflow:visible;box-sizing:border-box}.ipa-row{display:flex;justify-content:center;min-height:1em;max-width:-moz-fit-content;max-width:fit-content}.ipa-row:empty{min-height:0;display:none}.ipaTile.cur .ipaWordTop{color:#0b1020;background-image:linear-gradient(90deg,#22c55eeb,#10b981eb);box-shadow:inset 0 0 0 1px #052e162e}.ipaText{font-family:Gentium Plus,Charis SIL,"Noto Serif",ui-serif,Georgia,serif;font-size:16px;font-weight:650;letter-spacing:.4px;color:#0f172ab8;text-align:center;display:block;white-space:nowrap;padding:0 2px;border-radius:3px}.ipa-char{font-family:Charis SIL,Gentium Plus,DejaVu Sans,Arial,sans-serif}.ipaPh{display:inline-block;position:relative;transition:opacity .12s ease,color .12s ease;padding-top:0;vertical-align:baseline}.ipaPhSup{position:absolute;top:5px;left:50%;transform:translate(-50%) translateY(-100%);font-size:10px;font-weight:700;line-height:1;white-space:nowrap;pointer-events:none;transition:color .12s ease;z-index:10}.ipaPhChar{position:relative}.ipaPh.elision{opacity:.48;color:#0f172aa6}.ipaPh.loss .ipaPhChar{color:#ef4444;text-decoration:line-through;text-decoration-color:#ef4444;text-decoration-thickness:2px}.ipaPh.flap .ipaPhChar{text-decoration:underline;text-decoration-color:#f59e0b;text-decoration-thickness:2px;text-underline-offset:2px}.ipaPh.flap .ipaPhSup{color:#f59e0b}.ipaPh.voice .ipaPhChar{text-decoration:underline;text-decoration-color:#f59e0b;text-decoration-thickness:2px;text-underline-offset:2px}.ipaPh.voice .ipaPhSup{color:#f59e0b}.ipaPh.hdrop .ipaPhChar{color:#94a3b8;text-decoration:line-through;text-decoration-color:#94a3b8;text-decoration-thickness:2px}.ipaPh.assim .ipaPhSup{color:#a855f7}.ipaPh.weak .ipaPhChar{color:#db2777}.ipaPh.omit .ipaPhChar{color:#94a3b8;text-decoration:line-through;text-decoration-color:#94a3b8;text-decoration-thickness:2px}.ipaTile.cur .ipaText{background:linear-gradient(90deg,#22c55e2e,#10b9812e);border-radius:4px;padding:1px 3px;margin:-1px -3px}.ipaTile.cur .ipaPh.voiced .ipaPhChar{font-weight:900;background-image:linear-gradient(90deg,#22c55ef2,#10b981f2);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-decoration:none}.ipaTile.cur .ipaText:not(:has(.ipaPh)){font-weight:900;background-image:linear-gradient(90deg,#22c55ef2,#10b981f2);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.ipaTile.cur .ipaPh.flap .ipaPhSup,.ipaTile.cur .ipaPh.voice .ipaPhSup,.ipaTile.cur .ipaPh.assim .ipaPhSup{font-weight:900;background-image:linear-gradient(90deg,#22c55ef2,#10b981f2);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.ipaTile.cur .ipaPh.flap .ipaPhChar,.ipaTile.cur .ipaPh.voice .ipaPhChar{background:none;-webkit-background-clip:unset;background-clip:unset;color:#0f172ab8;-webkit-text-fill-color:unset;font-weight:650;text-decoration:underline;text-decoration-color:#f59e0b;text-decoration-thickness:2px;text-underline-offset:2px}.ipaTile.cur .ipaPh.weak.voiced .ipaPhChar{background:none;-webkit-background-clip:unset;background-clip:unset;color:#db2777;-webkit-text-fill-color:#db2777;font-weight:900}.ipaTile.cur .ipaPh.elision .ipaPhChar,.ipaTile.cur .ipaPh.loss .ipaPhChar,.ipaTile.cur .ipaPh.hdrop .ipaPhChar,.ipaTile.cur .ipaPh.omit .ipaPhChar{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset}.ipaPunct{display:inline-flex;align-items:flex-start;font-weight:900;opacity:.7;padding-top:2px}.ipaKaraokeStatus{flex-basis:100%;font-size:12px;line-height:1.3;font-weight:800;opacity:.78;letter-spacing:.1px;margin-top:-6px}.ipaLegendLine{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;padding:6px 10px;margin:2px 0 10px;border-radius:12px;background:#f8fafccc;border:1px solid rgba(15,23,42,.08);font-size:12px;font-weight:900;color:#0f172abf;position:relative}.ipaLegendItem{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:10px;background:#0f172a0a}.ipaLegendSup{font-weight:900}.ipaLegendItem.liaison{color:#2563eb}.ipaLegendItem.flap,.ipaLegendItem.voice{color:#f59e0b;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.ipaLegendItem.hdrop,.ipaLegendItem.omit{color:#94a3b8;text-decoration:line-through;text-decoration-thickness:2px}.ipaLegendItem.identical{color:#22c55e}.ipaLegendItem.assim{color:#a855f7}.ipaLegendItem.weak{color:#db2777}.ipaLegendItem.vvlink{color:#a16207}.ipaPh.linking .ipaPhChar{text-decoration:underline!important;text-decoration-color:#2563eb!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important}.ipaLegendItem.linking{color:#2563eb!important;text-decoration:underline!important;text-decoration-thickness:2px!important}.ipaPh.loss .ipaPhChar{color:#ef4444!important;text-decoration:line-through!important;text-decoration-color:#ef4444!important;text-decoration-thickness:2px!important}.ipaPh.flap .ipaPhChar{color:#f59e0b!important;text-decoration:underline!important;text-decoration-color:#f59e0b!important;text-decoration-thickness:2px!important;text-underline-offset:2px!important}.ipaPh.flap .ipaPhSup{color:#f59e0b!important;font-weight:900!important}.ipaPh.voice .ipaPhChar,.ipaPh.voicing .ipaPhChar{color:#f59e0b!important;text-decoration:underline!important;text-decoration-color:#f59e0b!important;text-decoration-thickness:2px!important;text-underline-offset:2px!important}.ipaPh.voice .ipaPhSup,.ipaPh.voicing .ipaPhSup{color:#f59e0b!important;font-weight:900!important}.ipaPh.h_drop .ipaPhChar,.ipaPh.hdrop .ipaPhChar{color:#94a3b8!important;text-decoration:line-through!important;text-decoration-color:#94a3b8!important;text-decoration-thickness:2px!important}.ipaLegendItem.h_drop{color:#94a3b8!important;text-decoration:line-through!important;text-decoration-thickness:2px!important}.ipaPh.same_link .ipaPhChar{color:#22c55e!important;font-weight:900!important}.ipaLinkUnder.same_link{color:#22c55e!important;font-weight:700!important}.ipaLegendItem.same_link{color:#22c55e!important}.ipaPh.assim .ipaPhChar,.ipaPh.assim .ipaPhSup{color:#a855f7!important}.ipaPh.weak .ipaPhChar{color:#db2777!important;font-weight:900!important}.ipaPh.elision .ipaPhChar{color:#94a3b8!important;text-decoration:line-through!important;text-decoration-color:#94a3b8!important;text-decoration-thickness:2px!important}.ipaLegendItem.elision{color:#94a3b8!important;text-decoration:line-through!important;text-decoration-thickness:2px!important}.ipaPh.vv_link .ipaPhChar,.ipaPh.vv_link .ipaPhSup{color:#a16207!important;font-weight:900!important}.ipaLinkUnder.vv_link{color:#a16207!important}.wordLinkAfter{position:relative;display:inline-block}.wordLinkAfter:after{content:attr(data-link-label);position:absolute;bottom:-2px;left:100%;font-size:10px;font-weight:900;white-space:nowrap;pointer-events:none}.wordLinkAfter.linkType-linking:after{color:#2563eb;content:"⌢"}.wordLinkAfter.linkType-same_link:after{color:#22c55e;content:"~"}.wordLinkAfter.linkType-vv_link:after{color:#a16207}.ipaLegendItem.loss{color:#ef4444;text-decoration:line-through;text-decoration-thickness:2px}.ipaLegendItem.voicing{color:#f59e0b;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.waPh--linking:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:999px;background:#2563eb}.waPh--same_link .waPhChar{color:#22c55e;font-weight:900}.waPh--vv_link .waPhChar{color:#a16207;font-weight:900}.waPh--elision:after{content:"";position:absolute;left:2px;right:2px;top:55%;height:2px;border-radius:999px;background:#94a3b8eb}.waPh--voicing .waPhChar{text-decoration:underline;text-decoration-color:#f59e0b;text-decoration-thickness:2px;text-underline-offset:2px}.waSup--voicing{background:#f59e0b29;color:#a16207fa}.waSup--vv_link{background:#a162071f;color:#a16207fa}.waSup--same_link{background:#22c55e1f;color:#16a34afa}.waSup--elision{background:#94a3b829;color:#64748bfa}.ipaGroups{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.ipaGroupGrid{display:inline-grid;grid-template-rows:auto 12px;align-items:baseline;-moz-column-gap:2px;column-gap:2px}.ipaWordCell{display:inline-flex;flex-wrap:nowrap;align-items:baseline}.ipaSentence{font-weight:850;letter-spacing:.2px;color:#0f172ad1}.ipaSlash{font-weight:900;color:#0f172a8c}.ipaWord{font-weight:850;letter-spacing:.2px}.ipaSpace{white-space:pre}.subOps{margin-left:8px;display:inline;vertical-align:baseline;position:relative;white-space:nowrap}.subLink{border:0;background:transparent;color:var(--primary);cursor:pointer;font-weight:900;padding:2px 4px;border-radius:8px}.subLink:hover{background:rgba(var(--primary-rgb),.1)}.subEdit{width:26px;height:26px;border-radius:8px;border:0;background:#0f172a0a;cursor:pointer;display:grid;place-items:center;color:#64748b}.subEdit:hover{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.subQuickWrap{position:relative;display:inline-flex;align-items:center}.subEdit.subQuickTrigger.open{background:rgba(var(--primary-rgb),.16);color:var(--primary)}.subQuickMenu{position:fixed;z-index:60;display:flex;gap:10px;padding:10px;border-radius:16px;background:#f8fafcf0;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 36px #0f172a24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.subQuickAction{width:58px;border:0;background:#0f172a0a;color:#111827;border-radius:14px;padding:8px 8px 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .12s ease,background .12s ease}.subQuickAction:hover{background:#0f172a0f;transform:translateY(-1px)}.subQuickAction:active{transform:translateY(0)}.subQuickAction.on{background:rgba(var(--primary-rgb),.12);color:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.18) inset,0 10px 20px #0f172a14}.subQuickAction:disabled{opacity:.55;cursor:not-allowed;transform:none}.subQuickIcon{display:grid;place-items:center}.subQuickIcon svg{width:18px;height:18px}.subQuickLabel{font-size:12px;font-weight:900;line-height:1}.subZh{margin-top:10px;font-size:13px;line-height:1.6}.adminShell{min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,HarmonyOS Sans SC,HarmonyOS Sans,MiSans,PingFang SC,Microsoft YaHei UI,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 620px at 18% 0%,rgba(var(--primary-rgb),.16),transparent 55%),radial-gradient(900px 540px at 92% -10%,rgba(var(--primary-rgb),.12),transparent 60%),linear-gradient(180deg,#fbfbff 0%,var(--bg) 38%,#f6f7ff 100%)}.adminTopbar{background:#ffffffc7;border-bottom:1px solid rgba(15,23,42,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.adminTopbarInner{max-width:1440px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.adminTopLeft{display:flex;align-items:center;gap:10px}.adminBrand{display:flex;align-items:center;gap:12px;font-weight:900}.adminLogo{width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,var(--primary-2),var(--primary));color:#fff;display:grid;place-items:center;box-shadow:0 14px 40px rgba(var(--primary-rgb),.22),0 10px 26px #0f172a1a}.adminBrandName{font-size:18px}.adminTopRight{display:flex;align-items:center;gap:16px}.adminUser{text-align:right;line-height:1.2}.adminUserRole{font-weight:900;font-size:14px}.adminMuted{color:var(--muted)}.adminLogout{border:0;background:linear-gradient(180deg,#ff5b5b,#ef4444);color:#fff;font-weight:900;padding:10px 14px;border-radius:999px;cursor:pointer;box-shadow:0 12px 26px #ef444429;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.adminLogout:hover{filter:brightness(.99);transform:translateY(-1px);box-shadow:0 16px 32px #ef44442e}.adminLogout:active{transform:translateY(0)}.adminBody{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:270px 1fr;gap:14px;padding:14px 16px 22px;min-height:calc(100vh - 64px)}.adminSidebar{background:#ffffffc7;border:1px solid rgba(15,23,42,.08);padding:14px 12px;border-radius:18px;box-shadow:0 18px 50px #0f172a0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.adminMenu{display:flex;flex-direction:column;gap:10px}.adminMenuItem{width:100%;border:0;background:transparent;cursor:pointer;padding:10px;border-radius:14px;display:flex;align-items:center;gap:12px;color:#111827;font-weight:850;transition:background .12s ease,transform .12s ease,color .12s ease}.adminMenuItem:hover{background:#0f172a0b;transform:translateY(-.5px)}.adminMenuItem.active{background:linear-gradient(180deg,rgba(var(--primary-rgb),.16),rgba(var(--primary-rgb),.08));color:var(--primary)}.adminMenuIcon{width:38px;height:38px;border-radius:14px;background:#0f172a0b;display:grid;place-items:center;color:#64748b;flex:none;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.adminMenuItem.active .adminMenuIcon{background:rgba(var(--primary-rgb),.18);color:var(--primary);box-shadow:0 14px 30px rgba(var(--primary-rgb),.14)}.adminMenuLabel{font-size:14px}.adminMain{padding:8px 6px 40px}.adminHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 18px}.adminTitle{font-size:30px;font-weight:900;letter-spacing:.2px}.adminAdd,.adminPrimaryBtn{border:0;background:linear-gradient(180deg,var(--primary-2),var(--primary));color:#fff;font-weight:900;padding:12px 14px;border-radius:14px;cursor:pointer;display:inline-flex;gap:10px;align-items:center;box-shadow:0 16px 44px rgba(var(--primary-rgb),.22),0 10px 26px #0f172a14;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.adminAdd:hover,.adminPrimaryBtn:hover{filter:brightness(1.01);transform:translateY(-1px);box-shadow:0 18px 52px rgba(var(--primary-rgb),.24),0 12px 30px #0f172a1a}.adminAdd:active,.adminPrimaryBtn:active{transform:translateY(0)}.adminCard{background:#ffffffd1;border:1px solid rgba(15,23,42,.07);border-radius:18px;box-shadow:0 18px 50px #0f172a0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.adminPad{padding:18px}.adminTabsBar{display:flex;align-items:center;justify-content:space-between;gap:12px}.adminTabs{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#0f172a0a;border:1px solid rgba(15,23,42,.06)}.adminTab{border:0;background:transparent;cursor:pointer;padding:10px 14px;border-radius:999px;font-weight:900;color:#111827}.adminTab:hover{background:#0f172a0a}.adminTab.active{background:#fff;color:var(--primary);box-shadow:0 10px 30px #0f172a0f}.adminTableTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(15,23,42,.06)}.adminBulkLeft,.adminBulkRight{display:flex;align-items:center;gap:10px}.adminGhostBtn{border:1px solid rgba(15,23,42,.14);background:#ffffffdb;color:#111827;font-weight:900;padding:10px 12px;border-radius:14px;cursor:pointer;transition:background .12s ease,transform .12s ease,border-color .12s ease,box-shadow .12s ease}.adminGhostBtn:hover{background:#0f172a0a;transform:translateY(-.5px);box-shadow:0 12px 26px #0f172a0f}.adminGhostBtn:active{transform:translateY(0)}.adminGhostBtn:disabled{opacity:.55;cursor:not-allowed}.adminDangerBtn{border:1px solid rgba(239,68,68,.25);background:#ef44441a;color:var(--danger);font-weight:900;padding:10px 12px;border-radius:14px;cursor:pointer}.adminDangerBtn:hover{background:#ef44441f}.adminDangerBtn:disabled{opacity:.55;cursor:not-allowed}.adminMetaName{font-weight:900;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adminMetaLink{color:var(--primary);text-decoration:underline;text-decoration-color:rgba(var(--primary-rgb),.35);text-underline-offset:2px}.adminMetaLink:hover{text-decoration-color:rgba(var(--primary-rgb),.9)}.adminMetaTable{min-width:720px}.adminModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a61;display:grid;place-items:center;padding:18px;z-index:80;overflow:auto}.adminModal{width:min(560px,100%);background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:var(--shadow);max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.adminModalHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 0}.adminModalTitle{font-size:18px;font-weight:900}.adminModalClose{width:36px;height:36px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#fff;cursor:pointer;display:grid;place-items:center;font-size:18px;line-height:1}.adminModalClose:hover{background:#0f172a0a}.adminModalBody{padding:16px;display:flex;flex-direction:column;gap:14px;overflow:auto;min-height:0;flex:1}.adminTranscriptModal{width:min(980px,100%);max-height:86vh;display:flex;flex-direction:column}.adminTranscriptModal .adminModalBody{overflow:auto;min-height:0}.adminTranscriptCard{border:1px solid rgba(15,23,42,.1);background:#0f172a05;border-radius:18px;padding:12px 12px 10px;display:flex;flex-direction:column;gap:10px}.adminTranscriptHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.adminTranscriptSection{border:1px solid rgba(15,23,42,.1);background:#0f172a05;border-radius:18px;padding:12px}.adminTranscriptHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.adminTranscriptButtons{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.adminTranscriptList{border:1px solid rgba(15,23,42,.12);background:#0f172a05;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow:auto}.adminTranscriptRow{background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}.adminTranscriptMeta{display:flex;align-items:center;justify-content:space-between;gap:10px}.adminTranscriptTime{font-size:12px;color:#64748b;font-weight:900}.adminTranscriptText{width:100%;border:1px solid rgba(15,23,42,.12);border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.5;resize:vertical;min-height:64px}.adminSmallBtn{padding:6px 10px;border-radius:12px;font-size:12px}.adminModalActions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:#fff;padding:12px 16px calc(16px + env(safe-area-inset-bottom));margin:4px -16px -16px;border-top:1px solid rgba(15,23,42,.08)}.adminCoverPreview{width:min(360px,100%);height:140px;border-radius:14px;border:1px solid rgba(15,23,42,.08);-o-object-fit:cover;object-fit:cover;margin-top:10px;background:#0f172a08}.adminFaviconPreview{width:40px;height:40px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#0f172a08;-o-object-fit:contain;object-fit:contain}.adminFaviconEmpty{width:40px;height:40px;border-radius:12px;border:1px dashed rgba(15,23,42,.22);background:#0f172a05;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900}.adminTagPick{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.adminPick{border:1px solid rgba(15,23,42,.14);background:#fff;color:#111827;font-weight:900;font-size:13px;padding:8px 10px;border-radius:999px;cursor:pointer}.adminPick:hover{background:#0f172a0a}.adminPick.on{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.3);color:var(--primary)}.adminTableWrap{overflow:auto}.adminTable{width:100%;min-width:920px;border-collapse:separate;border-spacing:0}.adminTable thead th{text-align:left;color:#64748b;font-weight:850;font-size:13px;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.06);background:#fff}.adminTable tbody td{padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.06);vertical-align:middle}.adminTable tbody tr:last-child td{border-bottom:0}.adminTitleCell{display:flex;align-items:center;gap:12px;min-width:360px}.adminTitleLink{cursor:pointer}.adminTitleLink:hover .adminVideoTitle{color:var(--primary)}.adminTitleLink:focus-visible{outline:3px solid rgba(var(--primary-rgb),.35);outline-offset:4px;border-radius:14px}.adminThumb{width:120px;height:56px;border-radius:10px;overflow:hidden;position:relative;background:linear-gradient(135deg,#111827,#0f172a);flex:none}.adminThumb.warm{background:linear-gradient(135deg,#111827,#6b2f00)}.adminThumb.cool{background:linear-gradient(135deg,#0b1020,#004a6b)}.adminThumbImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.adminThumbDur{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:10px;background:#000000bf;color:#fff;font-size:11px;font-weight:900}.adminVideoTitle{font-weight:900}.adminTag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:10px;background:rgba(var(--primary-rgb),.12);color:var(--primary);font-weight:900;font-size:12px}.adminStars{display:inline-flex;gap:4px}.adminStars .s{font-size:14px;color:#d1d5db}.adminStars .s.on{color:#f59e0b}.adminOps{display:inline-flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap}.adminOp{border:0;background:transparent;cursor:pointer;color:var(--primary);font-weight:900;padding:0;white-space:nowrap}.adminOp.danger{color:var(--danger)}.adminRadioRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.adminRadio{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:#111827;border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}.adminRadio:hover{background:#0f172a08}.adminRadio:active{transform:translateY(1px)}.adminRadio input{margin:0}.adminRadio.active{border-color:rgba(var(--primary-rgb),.45);background:rgba(var(--primary-rgb),.08);box-shadow:0 8px 18px rgba(var(--primary-rgb),.14)}.adminEmpty{padding:18px 0;text-align:center;color:var(--muted)}.adminForm{display:grid;grid-template-columns:1fr 1fr;gap:14px}.adminFormRow{display:grid;grid-template-columns:1.2fr 1.2fr .5fr;gap:12px}.adminField{display:flex;flex-direction:column;gap:8px}.adminField input,.adminField select,.adminField textarea{border:1px solid rgba(15,23,42,.12);background:#ffffffeb;border-radius:14px;padding:12px;box-shadow:inset 0 1px #ffffff8c;transition:box-shadow .12s ease,border-color .12s ease,background .12s ease,transform .12s ease}.adminField select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,rgba(15,23,42,.62) 50%),linear-gradient(135deg,rgba(15,23,42,.62) 50%,transparent 50%),linear-gradient(180deg,#0f172a0f,#0f172a05);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px),0 0;background-size:5px 5px,5px 5px,100% 100%;background-repeat:no-repeat}.adminField input:focus,.adminField select:focus,.adminField textarea:focus{outline:none;border-color:rgba(var(--primary-rgb),.5);background:#fff;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.14),0 18px 50px #0f172a14}.adminField input::-moz-placeholder,.adminField textarea::-moz-placeholder{color:#6b7280db}.adminField input::placeholder,.adminField textarea::placeholder{color:#6b7280db}.adminInputRow{display:flex;align-items:center;gap:10px}.adminToggleRow{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.adminInputRow>input,.adminInputRow>select,.adminInputRow>textarea{flex:1;width:auto;min-width:0}.adminMiniBtn{border:1px solid rgba(15,23,42,.14);background:#fff;color:#111827;font-weight:900;padding:10px 12px;border-radius:12px;cursor:pointer;flex:none;white-space:nowrap}.adminMiniBtn:hover{background:#0f172a0a}.adminMiniBtn:disabled{opacity:.55;cursor:not-allowed}.adminLabel{font-weight:900;font-size:13px}.adminActionBar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}.adminSection{margin-top:16px;padding-top:14px;border-top:1px solid rgba(15,23,42,.06)}.adminSectionTitle{font-weight:950;color:#111827;margin-bottom:8px;letter-spacing:.2px}.adminInlineRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.adminErrorText{color:#b91c1c}.adminErrorDetails{margin-top:8px;border:1px solid rgba(185,28,28,.18);background:#ef44440f;border-radius:14px;padding:10px 12px}.adminErrorSummary{cursor:pointer;font-weight:950;color:#b91c1c;outline:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminErrorDetails summary::-webkit-details-marker{display:none}.adminErrorPre{margin:10px 0 0;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;max-width:100%;font-size:12px;line-height:1.45;color:#7f1d1d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.adminHint{color:var(--muted);font-size:13px}.adminSimpleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.adminStat{border:1px solid rgba(15,23,42,.06);border-radius:14px;padding:14px;background:#0f172a05}.adminStatName{font-weight:900}.adminStatValue{margin-top:6px;color:var(--muted);font-size:13px}.adminStack{display:flex;flex-direction:column;gap:14px}.mgGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mgTopBar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.mgTopMeta{min-width:240px;display:flex;flex-direction:column;gap:4px}.mgTopTitle{font-weight:950;font-size:18px;letter-spacing:.2px}.mgTopActions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.mgQuickGrid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mgQuickItem{border:1px solid rgba(15,23,42,.06);border-radius:14px;padding:12px;background:#0f172a05;display:flex;align-items:center;justify-content:space-between;gap:12px}.mgQuickLeft{display:flex;flex-direction:column;gap:4px;min-width:0}.mgQuickName{font-weight:900;font-size:13px}.mgQuickDesc{color:var(--muted);font-size:13px}.mgQuickRight{display:flex;align-items:center;gap:10px;flex:none}.adminSwitch{position:relative;width:46px;height:28px;border-radius:999px;padding:2px;cursor:pointer;display:inline-flex;align-items:center;background:#0f172a1f;border:1px solid rgba(15,23,42,.14);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.adminSwitch.on{background:rgba(var(--primary-rgb),.22);border-color:rgba(var(--primary-rgb),.42);box-shadow:0 10px 24px rgba(var(--primary-rgb),.1)}input.adminSwitchInput{position:absolute;width:1px;height:1px;padding:0;border:0;background:transparent;opacity:0;pointer-events:none}.adminSwitchThumb{width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 8px 18px #0f172a1f;transform:translate(0);transition:transform .15s ease}.adminSwitch.on .adminSwitchThumb{transform:translate(18px)}.adminSwitch:focus-within{outline:2px solid rgba(var(--primary-rgb),.35);outline-offset:2px}.adminBannerList{display:flex;flex-direction:column;gap:12px}.adminBannerItem{display:grid;grid-template-columns:240px 1fr;gap:14px;align-items:center;border:1px solid rgba(15,23,42,.06);border-radius:16px;padding:12px}.adminBannerImg{width:100%;height:86px;border-radius:12px;overflow:hidden;background:#0f172a0a;display:grid;place-items:center}.adminBannerImg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.adminBannerMeta{display:flex;align-items:center;justify-content:space-between;gap:12px}.adminFeedList{display:flex;flex-direction:column;gap:12px}.adminFeedItem{border:1px solid rgba(15,23,42,.06);border-radius:16px;padding:12px;background:#0f172a05;display:flex;flex-direction:column;gap:8px}.adminFeedTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.adminFeedTitle{font-weight:900}.adminHeadActions{display:flex;justify-content:flex-end}.adminPill{border:1px solid rgba(15,23,42,.12);background:#fff;padding:8px 10px;border-radius:999px;cursor:pointer;font-weight:900}.adminPill.used{background:#0f172a0f;color:var(--muted)}.adminBurger{display:none;border:1px solid rgba(15,23,42,.1);background:#ffffffd1;width:40px;height:40px;border-radius:12px;cursor:pointer;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.adminOverlay{display:none}@media (max-width: 980px){.adminBody{grid-template-columns:1fr;padding:12px 12px 22px}.adminBurger{display:grid}.adminSidebar{position:fixed;left:0;top:64px;bottom:0;width:280px;transform:translate(-110%);transition:transform .16s ease;z-index:30}.adminSidebar.open{transform:translate(0)}.adminOverlay{display:block;position:fixed;top:64px;right:0;bottom:0;left:0;border:0;background:#0f172a52;z-index:25}.adminMain{padding:18px 12px 40px}.adminTitle{font-size:26px}.adminForm,.adminFormRow,.adminSimpleGrid,.mgGrid,.mgQuickGrid,.adminBannerItem{grid-template-columns:1fr}.adminTabsBar{flex-direction:column;align-items:stretch}.adminTabs{justify-content:center}.adminTableTop{flex-direction:column;align-items:stretch}.adminBulkRight{justify-content:flex-end}}.adminReplyBox{margin-top:8px;padding:10px;background:#0f172a0a;border-radius:10px;font-size:13px}.adminReplyLabel{font-weight:900;color:var(--primary);margin-bottom:4px}.adminReplyContent{color:#334155}.adminWell{padding:12px;background:#0f172a08;border:1px solid rgba(15,23,42,.06);border-radius:12px;color:#334155}.adminTag.success{background:#10b9811f;color:#10b981}.adminTag.warning{background:#f59e0b1f;color:#f59e0b}.mobileMenuOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#fff;overflow-y:auto;animation:mmFadeIn .2s ease-out}@keyframes mmFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobileMenuDrawer{min-height:100%;display:flex;flex-direction:column;padding-bottom:40px}.mmHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(15,23,42,.08)}.mmHeaderTitle{font-size:18px;font-weight:900;color:#111827}.mmCloseBtn{width:40px;height:40px;border-radius:10px;border:none;background:transparent;color:#111827;display:grid;place-items:center;cursor:pointer;transition:all .2s}.mmCloseBtn:active{background:#0f172a0f;transform:scale(.95)}.mmBody{padding:20px;display:flex;flex-direction:column;gap:28px}.mmNavSection{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mmNavBtn{display:flex;flex-direction:row;align-items:center;gap:12px;background:#0f172a05;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:14px 16px;color:#111827;font-size:15px;font-weight:700;transition:all .2s}.mmNavDrop{position:relative;width:100%}.mmNavDrop.open{z-index:2001}.mmNavDropPill{display:flex;align-items:stretch;width:100%;background:#0f172a05;border:1px solid rgba(15,23,42,.08);border-radius:12px;overflow:hidden;transition:background .2s ease,border-color .2s ease}.mmNavDropPill.open{border-color:rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.06)}.mmNavDropLink{flex:1;display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px 14px 14px 16px;color:#111827;font-size:15px;font-weight:700;text-decoration:none}.mmNavDropLink:active{background:#0f172a0f}.mmNavDropToggle{width:46px;border:0;background:transparent;border-left:1px solid rgba(15,23,42,.08);display:grid;place-items:center;cursor:pointer;color:#111827;opacity:.8;transition:background .2s ease,opacity .18s ease}.mmNavDropToggle svg{transition:transform .18s ease}.mmNavDropToggle.open{opacity:1}.mmNavDropToggle.open svg{transform:rotate(180deg)}.mmNavDropToggle:active{background:#0f172a0f}.mmNavDropMenu{position:absolute;top:calc(100% + 10px);left:0;width:100%;max-height:320px;overflow:auto;padding:10px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.1);box-shadow:0 18px 45px #0f172a24;display:flex;flex-direction:column;gap:6px}.mmNavDropItem{text-align:left;padding:10px 12px;border-radius:10px;border:0;background:#0f172a05;font-weight:800;color:#111827;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mmNavDropItem:active{background:#0f172a0f;transform:scale(.99)}.mmNavDropItem.active{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.mmNavDropLabel{padding:6px 4px 2px;font-size:12px;font-weight:900;color:#64748b}.mmNavDropEmpty{padding:10px 12px;border-radius:10px;background:#0f172a05}.mmNavBtn:active{background:#0f172a0f;transform:scale(.98)}.mmNavIcon{width:36px;height:36px;border-radius:8px;background:rgba(var(--primary-rgb),.12);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.mmSection{display:flex;flex-direction:column;gap:14px}.mmSectionHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.mmSectionTitle{font-size:16px;font-weight:900;color:#111827}.mmClearBtn{padding:6px 12px;border-radius:8px;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.mmClearBtn:active{background:#0f172a0f;color:var(--primary)}.mmFilters{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.mmFilterRow{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.mmLabel{font-weight:700;color:#64748b;font-size:14px}.mmSelect{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:600;color:#111827;font-size:14px;cursor:pointer;transition:all .2s}.mmSelect:focus{outline:none;border-color:rgba(var(--primary-rgb),.45);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.mmTagsBtn{display:flex;justify-content:center}.mmAllTagsBtn{width:100%;padding:12px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(var(--primary-rgb),.25)}.mmAllTagsBtn:active{transform:scale(.98);box-shadow:0 2px 8px rgba(var(--primary-rgb),.2)}.mmDropBtn{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(15,23,42,.1);background:#0f172a05;cursor:pointer}.mmDropBtn.open{background:#fff;border-color:rgba(var(--primary-rgb),.35);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.08)}.mmDropText{font-size:15px;font-weight:900;color:#111827}.mmDropValue{margin-left:auto;font-size:13px;font-weight:700}.mmDropCaret{display:grid;place-items:center;opacity:.75;transition:transform .2s ease,opacity .2s ease}.mmDropCaret.open{opacity:1;transform:rotate(180deg)}.mmDropMenu{padding:10px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#fff;display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto}.mmDropItem{text-align:left;padding:10px 12px;border-radius:10px;border:0;background:#0f172a05;font-weight:800;color:#111827;cursor:pointer;transition:background .2s ease,transform .05s ease}.mmDropItem:active{background:#0f172a0f;transform:scale(.99)}.mmDropItem.active{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.mmDropEmpty{padding:10px 12px;border-radius:10px;background:#0f172a05}.mmSelectWrap{width:100%;position:relative}.selectWrap.open{z-index:1001}.mmSelectBtn{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:600;color:#111827;font-size:14px}.mmSelectBtn.open{border-color:rgba(var(--primary-rgb),.55);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.mmSelectMenu{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:250px;overflow-y:auto;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 25px #0f172a1f;padding:6px;z-index:1000;animation:mmMenuSlideDown .2s ease-out}@keyframes mmMenuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mmSelectMenu .menuItem{padding:14px 16px;border-radius:10px;font-size:15px}.mmSelectMenu .menuItem .stars{gap:4px}.mmSelectMenu .menuItem .stars .s{font-size:16px}.analysisOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:1000;animation:analysisFadeIn .2s ease-out}@keyframes analysisFadeIn{0%{opacity:0}to{opacity:1}}.analysisModal{width:min(720px,100%);max-height:90vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:analysisSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes analysisSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.analysisHead{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.analysisTitle{font-size:18px;font-weight:900;color:var(--text)}.analysisClose{width:36px;height:36px;border-radius:10px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--muted);transition:all .2s}.analysisClose:hover{background:#f1f5f9;color:var(--text)}.analysisBody{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:28px}.analysisSection{display:flex;flex-direction:column;gap:12px}.analysisSectionTitle{font-size:15px;font-weight:900;color:var(--text);display:flex;align-items:center;gap:8px}.analysisSentenceBox{display:flex;flex-direction:column;gap:8px}.analysisEn{font-size:18px;font-weight:800;line-height:1.5;color:var(--text)}.analysisPhraseLink{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:inline;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;white-space:normal;word-break:break-word;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--analysisPhraseU, rgba(124, 58, 237, .55));border-radius:6px}.analysisPhraseLink:hover{text-decoration-color:var(--analysisPhraseUH, rgba(124, 58, 237, .95));background:var(--analysisPhraseBg, rgba(124, 58, 237, .08))}.analysisPhraseLink.phraseUnderline--multi{text-decoration:none}.analysisPhraseWord{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--analysisPhraseU, rgba(124, 58, 237, .55))}.analysisPhraseLink.phraseUnderline--multi:hover .analysisPhraseWord{text-decoration-color:var(--analysisPhraseUH, rgba(124, 58, 237, .95))}.analysisPhraseBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.analysisPhraseBtn:hover{text-decoration:underline;text-underline-offset:3px}.phraseLink{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:inline;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;white-space:normal;word-break:break-word;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--phraseU, rgba(124, 58, 237, .55));border-radius:6px}.phraseLink:hover{text-decoration-color:var(--phraseUH, rgba(124, 58, 237, .95));background:var(--phraseBg, rgba(124, 58, 237, .08))}.phraseLink.phraseUnderline--multi{text-decoration:none}.phraseLinkWord{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--phraseU, rgba(124, 58, 237, .55))}.phraseLink.phraseUnderline--multi:hover .phraseLinkWord{text-decoration-color:var(--phraseUH, rgba(124, 58, 237, .95))}.analysisPhonetics{margin-top:10px;background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.analysisAudioRow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.analysisAudioBtn{width:40px;height:40px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff;color:var(--text);display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.analysisAudioBtn:active{transform:scale(.98)}.analysisAudioBtn.loading{opacity:.6;cursor:wait}.analysisProg{height:10px;border-radius:999px;background:#0f172a14;position:relative;overflow:hidden}.analysisProgFill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,#7c3aedf2,#3b82f6f2)}.analysisTime{font-size:12px;font-weight:700;color:#0f172a99;min-width:70px;text-align:right}.analysisIpaLine{font-size:16px;line-height:1.55;color:#0f172ae6;display:block}.ipaTok{position:relative;padding:0 1px;border-radius:8px;font-weight:850;letter-spacing:.2px;background:transparent}.ipaTok.elided{opacity:.35;text-decoration:line-through;text-decoration-thickness:2px}.ipaGap{display:inline-block;width:6px}.ipaTie{display:inline-block;font-weight:900;color:#3b82f6f2;padding:0 2px;position:relative;top:2px}.ipaGroupGrid .ipaTie{top:0}.ipaTie.ghost{opacity:0}.ipaTag{margin-left:6px;padding:2px 6px;border-radius:999px;font-size:11px;line-height:1.2;font-weight:900;color:#0f172aa6;background:#0f172a0f;white-space:nowrap;vertical-align:baseline}.ipaTag.weak{color:#b45309;background:#f59e0b2e}.ipaTag.change{color:#be185d;background:#ec489924}.ipaTag.elision{color:#334155;background:#64748b24}@media (max-width: 980px){.analysisOverlay{padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}.analysisModal{max-height:92vh;border-radius:20px}.analysisBody{padding:18px}.analysisAudioRow{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.analysisTime{grid-column:1 / -1;text-align:left;min-width:0}}.analysisZh{font-size:15px;color:var(--muted)}.analysisGrammarGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.analysisGrammarCard{background:#f8fafc;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px}.analysisGrammarLabel{font-size:12px;font-weight:700;color:#94a3b8}.analysisGrammarValue{font-size:14px;font-weight:800;color:var(--text)}.analysisComponentList{display:flex;flex-direction:column;gap:12px}.analysisComponentCard{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px}.analysisComponentName{font-size:13px;font-weight:900;color:var(--text)}.analysisComponentContent{font-size:15px;font-weight:700;color:var(--primary)}.analysisComponentNote{font-size:13px;color:var(--muted)}.analysisSpecialList{display:flex;flex-direction:column;gap:12px}.analysisSpecialCard{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}.analysisSpecialTitle{font-size:14px;font-weight:900;color:var(--text)}.analysisSpecialNote{font-size:13px;color:var(--muted);line-height:1.5}.analysisFunctionText{font-size:14px;color:var(--text);line-height:1.6;background:#f8fafc;padding:16px;border-radius:16px}.analysisPhraseList{display:flex;flex-direction:column;gap:12px}.analysisPhraseCard{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}.analysisPhraseRow{display:flex;align-items:center;gap:10px}.analysisPhraseTag{background:#f5f3ff;color:#7c3aed;padding:4px 10px;border-radius:8px;font-size:14px;font-weight:800}.analysisPhraseZh{font-size:14px;font-weight:700;color:var(--text)}.analysisPhraseNote{font-size:13px;color:var(--muted)}.analysisLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:16px}.analysisSpinner{width:40px;height:40px;border:4px solid #f1f5f9;border-top-color:var(--primary);border-radius:50%;animation:analysisSpin .8s linear infinite}@keyframes analysisSpin{to{transform:rotate(360deg)}}.pcOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:1100}.pcModal{width:min(760px,100%);max-height:90vh;background:#fff;border-radius:26px;box-shadow:0 28px 60px -18px #00000040;overflow:hidden;display:flex;flex-direction:column;animation:analysisSlideUp .28s cubic-bezier(.16,1,.3,1)}.pcHead{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.pcTitle{font-size:16px;font-weight:950;color:var(--text)}.pcClose{width:36px;height:36px;border-radius:12px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--muted)}.pcClose:hover{background:#f1f5f9;color:var(--text)}.pcBody{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:18px}.pcLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:16px}.pcTop{display:flex;flex-direction:column;gap:8px}.pcPhrase{font-size:20px;font-weight:950;line-height:1.25;color:var(--text)}.pcTrans{font-size:14px}.pcPronRow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.pcPronCard{background:#f8fafc;border:1px solid var(--border);border-radius:18px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pcPronLeft{display:flex;align-items:center;gap:10px;min-width:0}.pcPronTag{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 8px;border-radius:10px;font-size:12px;font-weight:900;color:#7c3aed;background:#7c3aed1a}.pcPronIpa{font-size:14px;font-weight:900;color:#0f172aeb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcPronBtn{width:40px;height:40px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff;color:var(--text);display:grid;place-items:center;cursor:pointer;transition:transform .12s ease}.pcPronBtn:active{transform:scale(.98)}.pcPronBtn.loading{opacity:.6;cursor:wait}.pcSection{display:flex;flex-direction:column;gap:10px}.pcSectionTitle{font-size:14px;font-weight:950;color:var(--text)}.pcUsage{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;color:var(--text);line-height:1.6;font-size:14px}.pcChips{display:flex;flex-wrap:wrap;gap:8px}.pcChip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#3b82f61a;color:#0f172aeb;font-weight:800;font-size:13px}.pcChip.isAnt{background:#ef44441a}.pcExamples{display:flex;flex-direction:column;gap:12px}.pcExample{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:8px}.pcExampleEn{font-size:14px;font-weight:900;color:var(--text)}.pcExampleCn{font-size:13px}.pcExampleLink,.pcExamplePlay{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0 4px;margin:0;font-size:12px;font-weight:800;color:#3b82f6f2;cursor:pointer}.pcExampleLink:hover,.pcExamplePlay:hover{text-decoration:underline}@media (max-width: 980px){.pcOverlay{padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}.pcModal{border-radius:20px;max-height:92vh}.pcBody{padding:18px}.pcPronRow{grid-template-columns:1fr}}.noteOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:1050}.noteModal{width:min(520px,100%);background:#fff;border-radius:22px;border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 60px #0f172a2e;padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px;animation:analysisSlideUp .26s cubic-bezier(.16,1,.3,1)}.noteHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.noteTitle{font-size:16px;font-weight:950;color:var(--text)}.noteClose{width:36px;height:36px;border-radius:12px;border:0;background:#0f172a0a;cursor:pointer;display:grid;place-items:center;color:#64748b}.noteClose:hover{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.noteSubject{font-size:13px;line-height:1.6;font-weight:750;color:#0f172a;background:#0f172a08;border:1px solid rgba(15,23,42,.06);border-radius:14px;padding:12px;white-space:pre-line;max-height:160px;overflow:auto}.noteTextarea{width:100%;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff;padding:12px;font-size:14px;line-height:1.6;resize:vertical}.noteTextarea:focus{outline:none;border-color:rgba(var(--primary-rgb),.5);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12)}.noteActions{display:flex;gap:10px;justify-content:flex-end}.noteGhost{border:1px solid rgba(15,23,42,.12);background:#0f172a08;color:#111827;font-weight:900;padding:10px 14px;border-radius:14px;cursor:pointer}.noteGhost:hover{border-color:rgba(var(--primary-rgb),.35);color:var(--primary);background:rgba(var(--primary-rgb),.08)}.notePrimary{border:0;background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;font-weight:950;padding:10px 16px;border-radius:14px;cursor:pointer;box-shadow:0 14px 34px rgba(var(--primary-rgb),.22)}.notePrimary:disabled,.noteGhost:disabled,.noteTextarea:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.groupOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:1060}.groupModal{width:min(520px,100%);background:#fff;border-radius:22px;border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 60px #0f172a2e;padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px;animation:analysisSlideUp .26s cubic-bezier(.16,1,.3,1)}.groupHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.groupTitle{font-size:16px;font-weight:950;color:var(--text)}.groupClose{width:36px;height:36px;border-radius:12px;border:0;background:#0f172a0a;cursor:pointer;display:grid;place-items:center;color:#64748b}.groupClose:hover{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.groupList{display:flex;flex-direction:column;gap:10px;padding:2px;max-height:min(48vh,320px);overflow:auto}.groupItem{width:100%;border-radius:16px;border:1px solid rgba(15,23,42,.1);background:#0f172a05;display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer;color:#111827}.groupItem:hover{border-color:rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.06)}.groupItem.on{border-color:rgba(var(--primary-rgb),.55);background:rgba(var(--primary-rgb),.1)}.groupRadio{width:18px;height:18px;border-radius:999px;border:2px solid rgba(15,23,42,.25);display:inline-block;position:relative;flex:0 0 auto}.groupItem.on .groupRadio{border-color:rgba(var(--primary-rgb),.75)}.groupItem.on .groupRadio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:999px;background:var(--primary)}.groupItemName{flex:1;text-align:left;font-weight:900}.groupItemIcon{width:28px;height:28px;border-radius:12px;background:#0f172a0a;display:grid;place-items:center;color:#64748b;flex:0 0 auto}.groupItem.on .groupItemIcon{color:var(--primary);background:rgba(var(--primary-rgb),.12)}.groupEmpty{padding:12px 4px;text-align:center}.groupCreateRow{display:flex;gap:10px;align-items:center}.groupInput{flex:1;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff;padding:10px 12px;font-size:14px}.groupInput:focus{outline:none;border-color:rgba(var(--primary-rgb),.5);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12)}.groupCreateBtn{border:0;border-radius:14px;padding:10px 14px;font-weight:950;color:#fff;background:linear-gradient(90deg,var(--primary),var(--primary-2));cursor:pointer;box-shadow:0 14px 34px rgba(var(--primary-rgb),.22)}.groupActions{display:flex;gap:10px;justify-content:flex-end}.groupGhost{border:1px solid rgba(15,23,42,.12);background:#0f172a08;color:#111827;font-weight:900;padding:10px 14px;border-radius:14px;cursor:pointer}.groupGhost:hover{border-color:rgba(var(--primary-rgb),.35);color:var(--primary);background:rgba(var(--primary-rgb),.08)}.groupPrimary{border:0;background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;font-weight:950;padding:10px 16px;border-radius:14px;cursor:pointer;box-shadow:0 14px 34px rgba(var(--primary-rgb),.22)}.groupPrimary:disabled,.groupGhost:disabled,.groupCreateBtn:disabled,.groupInput:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.cornerActions{display:flex;justify-content:flex-end;margin:6px 0 14px}.cornerBtn{border:1px solid rgba(15,23,42,.12);background:#0f172a05;color:#0f172a;border-radius:999px;padding:8px 12px;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.cornerBtn:hover{border-color:rgba(var(--primary-rgb),.4);color:var(--primary);background:rgba(var(--primary-rgb),.06)}.wcOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px;z-index:1100}.wcModal{width:min(520px,100%);max-height:92vh;background:#fff;border-radius:22px;box-shadow:0 25px 50px -12px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:analysisSlideUp .28s cubic-bezier(.16,1,.3,1)}.wcTop{padding:18px 18px 12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(var(--primary-rgb),.06),#fff)}.wcWordRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.wcWord{display:flex;align-items:center;gap:10px;min-width:0}.wcWordText{font-size:22px;font-weight:900;color:#111827;line-height:1.1;word-break:break-word}.wcBadge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;background:#f43f5e1f;color:#e11d48;flex-shrink:0}.wcTopOps{display:inline-flex;gap:8px}.wcIconBtn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#fffc;cursor:pointer;display:grid;place-items:center;color:#64748b}.wcIconBtn:hover{color:var(--primary);border-color:rgba(var(--primary-rgb),.35)}.wcIconBtn.on{color:var(--primary);border-color:rgba(var(--primary-rgb),.55);background:rgba(var(--primary-rgb),.14);box-shadow:0 10px 22px rgba(var(--primary-rgb),.16)}.wcBrief{margin-top:6px;font-size:13px;font-weight:700;line-height:1.5}.wcTabs{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;border-radius:14px;background:#0f172a08}.wcTab{border:1px solid rgba(15,23,42,.08);background:#fffffff2;border-radius:12px;padding:10px 0;font-weight:900;cursor:pointer;color:#334155}.wcTab.active{color:#111827;border-color:rgba(var(--primary-rgb),.35);background:#fff;box-shadow:0 6px 16px #0f172a0f}.wcBody{padding:16px 18px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.wcLoading{padding:50px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.wcSection{display:flex;flex-direction:column;gap:10px}.wcSectionTitle{font-size:14px;font-weight:900;color:#111827}.wcSectionTitleRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.wcNoteBtn{width:30px;height:30px;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:#0f172a08;cursor:pointer;display:grid;place-items:center;color:#94a3b8;flex:none}.wcNoteBtn:hover{border-color:rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.08);color:var(--primary)}.wcNoteBtn.on{border-color:rgba(var(--primary-rgb),.55);background:rgba(var(--primary-rgb),.14);color:var(--primary);box-shadow:0 8px 18px rgba(var(--primary-rgb),.16)}.wcLevelRow{display:flex;flex-wrap:wrap;gap:8px}.wcLevel{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(15,23,42,.08)}.wcLevel-p{background:#8b5cf61f;color:#7c3aed;border-color:#8b5cf640}.wcLevel-g{background:#0f172a0a;color:#334155}.wcLevel-b{background:#3b82f61f;color:#2563eb;border-color:#3b82f640}.wcLevel-r{background:#f43f5e1f;color:#e11d48;border-color:#f43f5e40}.wcPronGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wcPronCard{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff}.wcPronLeft{display:flex;align-items:center;gap:10px}.wcPronTag{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900;background:rgba(var(--primary-rgb),.12);color:var(--primary)}.wcPronIpa{font-weight:800;color:#111827;font-size:13px}.wcPronBtn{width:34px;height:34px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#0f172a05;cursor:pointer;display:grid;place-items:center;color:#111827}.wcPronBtn:active{transform:scale(.98);background:#0f172a0f}.wcPronBtn.loading{opacity:.6;cursor:wait}.wcDefList{display:flex;flex-direction:column;gap:10px}.wcDefCard{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px;background:#fff}.wcDefHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.wcDefTitle{display:flex;align-items:baseline;gap:8px;min-width:0}.wcPos{font-size:12px;font-weight:900;color:#0f172a;padding:4px 8px;border-radius:999px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);flex-shrink:0}.wcCn{font-size:13px;font-weight:800;color:#111827;word-break:break-word}.wcTag{font-size:12px;font-weight:900;padding:4px 10px;border-radius:999px;background:#0f172a0a;color:#475569;flex-shrink:0}.wcDefEn{margin-top:8px;font-size:13px;color:#334155;line-height:1.5}.wcMoreBtn{border:0;background:transparent;padding:6px 2px;font-weight:800;color:var(--primary);cursor:pointer;text-align:left}.wcPhraseList{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wcPhraseCard{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:6px}.wcPhraseHead{display:flex;align-items:start;justify-content:space-between;gap:10px}.wcPhraseEn{font-weight:900;color:#111827;font-size:14px}.wcPhraseFavBtn{width:30px;height:30px;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:#ffffffe6;cursor:pointer;display:grid;place-items:center;color:#94a3b8;flex:none}.wcPhraseFavBtn:hover{border-color:rgba(var(--primary-rgb),.35);color:var(--primary)}.wcPhraseFavBtn.on{border-color:rgba(var(--primary-rgb),.55);background:rgba(var(--primary-rgb),.14);color:var(--primary);box-shadow:0 8px 18px rgba(var(--primary-rgb),.16)}.analysisPhraseFavBtn{margin-left:auto;width:34px;height:34px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#0f172a08;cursor:pointer;display:grid;place-items:center;color:#94a3b8;flex:none}.analysisPhraseFavBtn:hover{border-color:rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.08);color:var(--primary)}.analysisPhraseFavBtn.on{border-color:rgba(var(--primary-rgb),.55);background:rgba(var(--primary-rgb),.14);color:var(--primary);box-shadow:0 8px 18px rgba(var(--primary-rgb),.16)}.analysisPhraseOpenBtn{width:34px;height:34px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#3b82f60f;cursor:pointer;display:grid;place-items:center;color:#3b82f6f2;flex:none}.analysisPhraseOpenBtn:hover{border-color:#3b82f666;background:#3b82f61f}.wcPhraseTag{margin-top:auto;font-size:12px;font-weight:900;color:var(--primary)}.wcExampleCard{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px}.wcExampleEn{font-size:14px;font-weight:800;color:#111827;line-height:1.6}.wcExampleLvl{font-size:12px;font-weight:900;color:var(--primary)}.wcSubList{display:flex;flex-direction:column;gap:10px}.wcSubCard{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px;background:#fff}.wcSubCard.isCurrent{border-color:#8b5cf673;background:#8b5cf60f}.wcSubHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.wcPlayBtn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:#0f172a05;cursor:pointer;display:grid;place-items:center;color:#111827}.wcPlayBtn:active{transform:scale(.98);background:#0f172a0f}.wcSubEn{font-size:14px;font-weight:800;color:#111827;line-height:1.6}.wcSubZh{margin-top:6px;font-size:13px;line-height:1.55}.wcFoot{padding-top:2px}.wcMoreLink{font-weight:900;color:var(--primary);text-decoration:none}.wcMoreLink:hover{text-decoration:underline}.wcMark{padding:0 2px;border-radius:6px;background:#fde047a6}@media (max-width: 520px){.wcModal{border-radius:18px}.wcPronGrid,.wcPhraseList{grid-template-columns:1fr}}.ilPage{min-height:100vh;background:#fff;color:var(--text)}.ilHeader{position:sticky;top:0;z-index:200;background:#fff;border-bottom:1px solid #e5e7eb}.ilHeaderStripTop{border-bottom:1px solid #f1f5f9}.ilHeaderRow{max-width:72rem;margin:0 auto;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}@media (min-width: 640px){.ilHeaderRow{padding:10px 20px}}.ilHeaderTopRight{display:flex;align-items:center;gap:4px}.ilHeaderBottomLeft{display:flex;align-items:center;gap:10px}.ilHeaderBottomRight{display:flex;align-items:center;gap:12px}.ilBadge{font-size:12px;font-weight:900;padding:4px 10px;border-radius:999px;background:#6366f11f;color:#4f46e5}.ilProgressLabel{font-size:14px;font-weight:800;color:#334155}.ilIconBtn{width:36px;height:36px;border:0;background:transparent;border-radius:999px;display:grid;place-items:center;color:#64748b;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.ilIconBtn:hover{background:#f1f5f9;color:#0f172a}.ilIconBtn:active{transform:scale(.98);background:#e2e8f0}.ilIconBtn.isActive{background:#6366f11f;color:#4f46e5}.ilIconBtn.isActive:hover{background:#6366f129;color:#4338ca}.ilClozeBtn{border:0;background:transparent;height:36px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#64748b;transition:background .15s ease,color .15s ease,transform .15s ease}.ilClozeBtn:hover{background:#f1f5f9;color:#0f172a}.ilClozeBtn:active{transform:scale(.98);background:#e2e8f0}.ilClozeBtn.isActive{color:#0f172a}.ilClozeText{font-size:14px;font-weight:900}.ilSummaryBtn{border:1px solid #e5e7eb;background:#fff;height:36px;padding:0 12px 0 14px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.ilSummaryBtn:hover{border-color:#cbd5e1;background:#fafafa}.ilSummaryBtn:active{transform:scale(.99)}.ilSummaryText{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:900;color:#0f172a;letter-spacing:-.01em;white-space:nowrap}.ilSummaryPart{color:#0f172a}.ilSummarySep{color:#cbd5e1;font-weight:800}.ilSummaryIcon{color:#64748b;display:inline-flex}.ilMain{max-width:72rem;margin:0 auto;padding:32px 16px 120px}@media (min-width: 640px){.ilMain{padding-left:32px;padding-right:32px}}.ilStage{min-height:52vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.ilStageTranslation{width:min(56rem,100%);margin:0 auto 16px;text-align:center}.ilStageTranslationText{font-size:16px;line-height:1.7;color:#334155}@media (min-width: 640px){.ilStageTranslationText{font-size:18px}}.ilHint{color:#64748b}.ilSentence{text-align:center;font-size:30px;font-weight:750;line-height:1.5;letter-spacing:-.02em;max-width:56rem;white-space:pre-wrap}@media (min-width: 640px){.ilSentence{font-size:36px}}.ilBlank{display:inline-block;vertical-align:baseline;margin:0 2px;height:40px;border-radius:12px;border:1px solid rgba(59,130,246,.35);background:repeating-linear-gradient(135deg,#3b82f638 0,#3b82f638 7px,#3b82f61f 7px,#3b82f61f 14px);color:transparent;padding:0;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (min-width: 640px){.ilBlank{height:44px}}.ilBlank:focus-visible{outline:none;box-shadow:0 0 0 4px #3b82f62e}.ilBottomBar{position:fixed;left:0;right:0;bottom:0;z-index:300;border-top:1px solid #f1f5f9;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ilTranslation{max-width:72rem;margin:0 auto;padding:16px 16px 10px;text-align:center;color:#334155}@media (min-width: 640px){.ilTranslation{padding-left:32px;padding-right:32px}}.ilTranslationText{font-size:14px;line-height:1.6}.ilTranslationEmpty{color:#94a3b8;font-weight:800}@media (min-width: 640px){.ilTranslationText{font-size:16px}}.ilBottomInner{max-width:72rem;margin:0 auto;padding:0 16px 16px}@media (min-width: 640px){.ilBottomInner{padding-left:32px;padding-right:32px}}.ilSeekRow{display:flex;align-items:center;gap:12px}.ilTime{font-size:12px;font-weight:700;color:#64748b;width:44px}.ilTimeLeft{text-align:right}.ilSeek{position:relative;flex:1;height:20px;cursor:pointer;touch-action:none}.ilSeekTrack{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;border-radius:999px;background:#e2e8f0}.ilSeekFill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;border-radius:999px;background:#6366f1}.ilSeekThumb{position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:999px;background:#6366f1;box-shadow:0 2px 10px #0f172a2e}.ilControls{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:18px}.ilPlayBtn{width:64px;height:64px;border-radius:999px;border:0;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 30px #6366f140;transition:transform .15s ease,filter .15s ease}.ilPlayBtn:hover{filter:brightness(1.03)}.ilPlayBtn:active{transform:scale(.98)}.ilModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0006;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px))}.ilModal{width:min(576px,100%);margin:auto 0;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:#fff;border-radius:24px;box-shadow:0 25px 60px #0000002e;border:1px solid #f1f5f9;display:flex;flex-direction:column;overflow:hidden}.ilModal--2xl{width:min(672px,100%)}.ilModal--3xl{width:min(768px,100%)}.ilModalHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9}.ilModalTitle{font-weight:900;color:var(--text)}.ilModalBody{padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.ilFormGrid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.ilFormGrid.twoCol{grid-template-columns:1fr 1fr}.ilGridFull{grid-column:1 / -1}}.ilFormSection{display:flex;flex-direction:column;gap:8px}.ilFormLabel{font-size:14px;font-weight:900;color:#1f2937}.ilSegmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:#f8fafc;padding:6px;border-radius:14px;border:1px solid #f1f5f9}.ilSegBtn{padding:10px 12px;border-radius:12px;border:0;background:transparent;font-size:14px;font-weight:800;color:#475569;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,color .15s ease}.ilSegBtn:hover{color:#0f172a}.ilSegBtn.isActive{background:#fff;color:#4f46e5;box-shadow:0 1px 2px #0f172a14}.ilPills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ilPill{width:100%;min-height:36px;padding:8px 10px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font-size:14px;font-weight:800;color:#334155;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.ilPill:hover{border-color:#cbd5e1}.ilPill:active{transform:scale(.98)}.ilPill.isActive{border-color:#6366f18c;background:#6366f11f;color:#4338ca}@media (max-width: 420px){.ilPills{grid-template-columns:repeat(2,minmax(0,1fr))}}.ilDifficultyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ilDifficultyCard{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:14px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.ilDifficultyCard:hover{border-color:#cbd5e1}.ilDifficultyCard:active{transform:scale(.99)}.ilDifficultyCard.isActive{border-color:#6366f18c;background:#6366f11f}.ilDifficultyTitle{font-weight:900;color:var(--text)}.ilDifficultySub{margin-top:4px;font-size:12px;font-weight:700;color:#64748b}.ilModalActions{display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap}.ilGhostBtn{padding:10px 16px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-weight:900;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.ilGhostBtn:hover{border-color:rgba(var(--primary-rgb),.45);background:rgba(var(--primary-rgb),.06);color:var(--primary)}.ilGhostBtn:active{transform:scale(.98)}.ilPrimaryBtn{padding:10px 16px;border-radius:14px;border:0;background:#6366f1;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 24px #6366f140;transition:transform .15s ease,filter .15s ease}.ilPrimaryBtn:hover{filter:brightness(1.03)}.ilPrimaryBtn:active{transform:scale(.98)}.ilCompleteWrap{display:flex;flex-direction:column;gap:8px;padding:4px 0 14px}.ilCompleteTitle{font-size:18px;font-weight:950;color:var(--text)}.ilCompleteSub{font-size:14px;line-height:1.6;color:var(--muted)}.ilProgressInfo{font-size:14px;font-weight:700;color:#64748b;margin-bottom:12px}.ilProgressList{max-height:60vh;overflow:auto;padding-right:4px;display:flex;flex-direction:column;gap:12px}.ilProgressItem{width:100%;text-align:left;padding:16px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.ilProgressItem:hover{border-color:#cbd5e1}.ilProgressItem:active{transform:scale(.99)}.ilProgressItem.isActive{border-color:#6366f18c;background:#6366f11f}.ilProgressRow{display:flex;align-items:flex-start;gap:12px}.ilProgressBadge{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;background:#f1f5f9;color:#475569;flex:0 0 auto}.ilProgressBadge.isActive{background:#6366f1;color:#fff}.ilProgressTextWrap{flex:1}.ilProgressEn{font-weight:800;color:var(--text);line-height:1.35}.ilProgressZh{margin-top:8px;color:#64748b;line-height:1.35}.matchStage{width:100%;gap:16px}.matchSentence{text-align:center;font-size:26px;font-weight:750;line-height:1.25;letter-spacing:-.02em;max-width:56rem;white-space:pre-wrap}@media (min-width: 640px){.matchSentence{font-size:30px}}.matchTip{text-align:center;font-size:14px;font-weight:800;color:#64748b}.matchSectionTitle{width:min(680px,100%);margin:10px auto 0;text-align:center;font-size:14px;font-weight:900;color:#334155}.matchCard{width:min(680px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px 14px 16px;box-shadow:0 10px 24px #0f172a0f}.matchCardHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.matchCardTitle{font-weight:900;color:#0f172a}.matchCardMeta{font-size:13px;font-weight:800;color:#64748b}.matchResetBtn{border:1px solid #e2e8f0;background:#f8fafc;color:#475569;border-radius:12px;padding:6px 10px;font-weight:900;cursor:pointer;transition:background .15s ease,border-color .15s ease}.matchResetBtn:hover{background:#fff;border-color:#cbd5e1}.matchSlotGrid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px;padding-top:16px}.matchSlotBtn{width:72px;height:64px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.matchSlotBtn:hover{background:#f8fafc;border-color:#94a3b8}.matchSlotBtn:active{transform:scale(.99)}.matchSlotBtn.isSelected{background:#6366f11f;border-color:#6366f18c;box-shadow:0 0 0 4px #6366f11f}.matchSlotBody{position:relative;flex:1;width:100%;display:flex;align-items:center;justify-content:center}.matchSlotLine{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:32px;height:2px;border-radius:999px;background:#94a3b8b3}.matchSlotWord{position:relative;z-index:1;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;color:#0f172a}.matchSlotBtn.isFilled.isCorrect{border-color:#22c55eb3;background:#22c55e14}.matchSlotBtn.isFilled.isCorrect .matchSlotLine{background:#22c55ee6}.matchSlotBtn.isFilled.isCorrect .matchSlotWord{color:#16a34a}.matchSlotBtn.isFilled.isWrong{border-color:#ef4444b3;background:#ef444414}.matchWordGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding-top:16px}.matchWordBtn{height:40px;padding:0 14px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:14px;font-weight:900;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.matchWordBtn:hover{background:#f8fafc;border-color:#94a3b8}.matchWordBtn:active{transform:scale(.99)}.matchWordBtn.isUsed,.matchWordBtn:disabled{background:#f8fafc;color:#94a3b8;border-style:dashed;cursor:not-allowed}.dictStage{width:100%;gap:18px}.dictSentence{text-align:center;font-size:28px;font-weight:750;line-height:1.5;letter-spacing:-.02em;max-width:56rem;white-space:pre-wrap}@media (min-width: 640px){.dictSentence{font-size:34px}}.dictBlank{display:inline-block;vertical-align:baseline;margin:0 2px;height:40px;box-sizing:content-box;border-radius:12px;border:1px solid rgba(148,163,184,.65);background:#fff;color:#0f172a;padding:0 8px;font-size:18px;font-weight:900;text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}@media (min-width: 640px){.dictBlank{height:44px;font-size:20px}}.dictBlank::-moz-placeholder{color:#94a3b8;font-weight:900}.dictBlank::placeholder{color:#94a3b8;font-weight:900}.dictBlank:focus{border-color:#6366f1b3;box-shadow:0 0 0 4px #6366f126}.dictBlank.isCorrect{border-color:#22c55eb3;background:#22c55e14}.dictWord{display:inline-block}.dictPunct{display:inline-block;color:#0f172a}.dictPhraseBar{display:inline-block;margin:0 8px;font-weight:950;color:#94a3b8e6;transform:translateY(-1px);-moz-user-select:none;user-select:none;-webkit-user-select:none}.dictBlankWrap{display:inline-flex;flex-direction:column;align-items:center;vertical-align:baseline;margin:0 2px}.dictBlankWrap .dictBlank{margin:0}.dictBlankHint{margin-top:7px;max-width:min(28ch,70vw);font-size:11px;line-height:1.2;color:#64748b;animation:dictHintIn .16s ease-out}.dictBlankAns{display:block;font-weight:950;color:#0f172a}.dictBlankMeta{display:block;font-weight:800;color:#64748b}@keyframes dictHintIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.dictZh{margin-top:14px;text-align:center;max-width:56rem;line-height:1.6}.srHeaderRow{display:flex;align-items:center;gap:12px}.srTitle{flex:1;text-align:center;font-weight:900;color:#0f172a}.srHeaderSpacer{width:36px;height:36px}.srMain{max-width:72rem;margin:0 auto;padding:16px 16px 60px}@media (min-width: 640px){.srMain{padding-left:32px;padding-right:32px}}.srList{display:flex;flex-direction:column;gap:16px}.srCard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.srCard.isActive{border-color:#6366f18c;box-shadow:0 0 0 4px #6366f11f}.srEn{font-size:16px;font-weight:900;color:#0f172a;line-height:1.45}@media (min-width: 640px){.srEn{font-size:18px}}.srZh{margin-top:10px;line-height:1.6}.srControls{margin-top:14px;padding-top:14px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:16px}.srToast{position:fixed;z-index:2000;transform:translate(-50%,-100%);background:#0f172aeb;color:#fff;padding:10px 12px;border-radius:12px;font-weight:800;font-size:13px;box-shadow:0 10px 30px #00000040;max-width:min(260px,calc(100vw - 24px));text-align:center;pointer-events:none;white-space:pre-wrap}.srToast.isBottom{transform:translate(-50%)}.srPlayBtn{width:42px;height:42px;border-radius:12px;border:1px solid #e5e7eb;background:#f8fafc;color:#475569;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,color .15s ease}.srPlayBtn:hover{background:#fff;border-color:#cbd5e1}.srPlayBtn:active{transform:scale(.99)}.srPlayBtn.isActive{background:#6366f11f;border-color:#6366f18c;color:#4f46e5}.srReplayBtn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#10b9811a;color:#059669;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,color .15s ease}.srReplayBtn:hover{background:#10b98124;border-color:#10b98159}.srReplayBtn:active{transform:scale(.99)}.srReplayBtn:disabled{cursor:not-allowed;opacity:.45;background:#f1f5f9;border-color:#e5e7eb;color:#94a3b8}.srMicBtn{width:64px;height:64px;border-radius:999px;border:0;background:#6366f1;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px #6366f140;transition:transform .15s ease,filter .15s ease,background .15s ease;touch-action:none}.srMicBtn:hover{filter:brightness(1.03)}.srMicBtn:active{transform:scale(.98)}.srMicBtn.isRecording{background:#ef4444;box-shadow:0 14px 30px #ef444440}.oaPage{min-height:100vh;background:#f8fafc;color:var(--text)}.oaHeader{position:sticky;top:0;z-index:220;background:#f8fafceb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.9)}.oaHeaderRow{max-width:56rem;margin:0 auto;padding:10px 12px;display:flex;align-items:center;gap:12px}@media (min-width: 640px){.oaHeaderRow{padding-left:20px;padding-right:20px}}.oaHeaderTitle{flex:1;text-align:center;font-weight:900;color:#0f172a;letter-spacing:-.01em}.oaHeaderSpacer{width:36px;height:36px}.oaMain{max-width:56rem;margin:0 auto;padding:16px 12px 60px}@media (min-width: 640px){.oaMain{padding-left:20px;padding-right:20px}}.oaTopic{text-align:center;font-size:20px;font-weight:950;color:#0f172a;line-height:1.25;letter-spacing:-.01em}@media (min-width: 640px){.oaTopic{font-size:24px}}.oaMetaRow{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.oaPartBadge{font-size:12px;font-weight:900;padding:4px 10px;border-radius:999px;background:#6366f11f;color:#4f46e5;border:1px solid rgba(99,102,241,.22)}.oaPartNav{display:inline-flex;align-items:center;gap:8px}.oaPartNavBtn{width:38px;height:38px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#475569;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,color .15s ease}.oaPartNavBtn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.oaPartNavBtn:active{transform:scale(.99)}.oaPartNavBtn:disabled{opacity:.45;cursor:not-allowed}.oaTextCard{margin-top:16px;background:#f5f3ff;border:1px solid rgba(124,58,237,.22);border-radius:18px;padding:16px;box-shadow:0 16px 30px #7c3aed0f}.oaTextStack{display:flex;flex-direction:column;gap:12px}.oaTextPara{margin:0;font-size:15px;line-height:1.7;color:#0f172a}@media (min-width: 640px){.oaTextPara{font-size:16px}}.oaEmpty{text-align:center;padding:18px 0;color:var(--muted);font-weight:800}.oaRecordCard{margin-top:14px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.oaMicBtn{width:100%;border:0;background:transparent;padding:6px 0 2px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer}.oaMicBtn:active{transform:scale(.99)}.oaMicCircle{width:76px;height:76px;border-radius:999px;background:#7c3aed;color:#fff;display:grid;place-items:center;box-shadow:0 16px 34px #7c3aed47}.oaMicLabel{font-size:14px;font-weight:900;color:#334155}.oaRecActive{display:flex;flex-direction:column;align-items:center;gap:12px}.oaRecStatus{font-size:13px;font-weight:900;color:#334155}.oaWave{width:min(420px,100%);height:96px;border-radius:14px;border:1px solid #e5e7eb;background:#f1f5f9}.oaStopBtn{height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(239,68,68,.35);background:#ef444414;color:#b91c1c;font-weight:900;cursor:pointer;transition:transform .15s ease,filter .15s ease,background .15s ease}.oaStopBtn:hover{filter:brightness(1.02)}.oaStopBtn:active{transform:scale(.99)}.oaActions{display:flex;justify-content:center;gap:12px}.oaBtn{height:40px;min-width:120px;padding:0 18px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;font-weight:900;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,filter .15s ease}.oaBtn:active{transform:scale(.99)}.oaBtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.oaBtnGhost:hover{background:#f8fafc;border-color:#cbd5e1}.oaBtnPrimary{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 14px 30px #6366f140}.oaBtnPrimary:hover{filter:brightness(1.02)}.oaRefSection{margin-top:14px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}.oaRefToggle{width:100%;border:0;background:transparent;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:#0f172a}.oaRefLabel{font-size:14px;font-weight:950}.oaRefIcon{color:#64748b;transition:color .15s ease,transform .15s ease;display:grid;place-items:center}.oaRefIcon.isActive{color:#4f46e5;transform:scale(1.05)}.oaRefBody{border-top:1px solid #f1f5f9;padding:12px 14px;line-height:1.65;color:#334155;font-size:14px;word-break:break-word}.oaResult{border-top:1px solid #f1f5f9;padding:12px 14px 14px}.oaResultTitle{font-size:13px;font-weight:950;color:#0f172a}.oaResultCard{margin-top:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px;line-height:1.7;word-break:break-word}.oaTranscript{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.6;word-break:break-word}