/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.table{display:table}.italic{font-style:italic}}:root{--ink:#151515;--muted:#6d6b67;--paper:#fbfaf6;--card:#fff;--line:#e9e6dd;--blue:#3977ea;--blue-dark:#1751bd;--warm:#ff7f57;--font-sans:"Noto Sans SC", system-ui, sans-serif;--font-display:"Playfair Display", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:15px}button,input,select{font:inherit}button{color:inherit}button,a{cursor:pointer}img{max-width:100%;display:block}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfaf6eb;border-bottom:1px solid #e2ded3cc;align-items:center;height:76px;padding:0 4.2vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand img{border-radius:10px;width:34px;height:34px}.brand-copy{white-space:nowrap;flex-direction:column;justify-content:center;line-height:1.05;display:flex}.brand-title{letter-spacing:.04em;font-size:20px;font-weight:900}.brand-product{color:var(--muted);letter-spacing:.08em;margin-top:4px;font-size:11px;font-weight:700}.desktop-nav{align-self:stretch;gap:44px;margin-left:70px;display:flex}.desktop-nav button{color:#77736c;background:0 0;border:0;padding:0 4px;font-weight:600;position:relative}.desktop-nav button svg,.nav-label-mobile{display:none}.desktop-nav button.active{color:var(--ink)}.desktop-nav button.active:after{content:"";background:var(--blue);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:3px;right:3px}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.streak,.avatar{border:1px solid var(--line);background:#fff;border-radius:99px;align-items:center;gap:6px;height:40px;display:flex}.streak{padding:0 15px;font-weight:700}.streak svg{color:#ff6a36;fill:#ff6a36}.avatar{width:42px;height:42px;color:var(--blue);background:#eaf2ff;border:0;border-radius:13px;justify-content:center;transition:background .18s,transform .18s;box-shadow:inset 0 0 0 1px #d4e2ff}.avatar:hover{background:#dce9ff;transform:translateY(-1px)}.mobile-toggle{background:0 0;border:0;display:none}.mobile-nav,.profile-popover{border:1px solid var(--line);z-index:60;background:#fff;border-radius:16px;position:absolute;top:68px;right:4vw;box-shadow:0 18px 50px #2f302824}.profile-popover{text-align:center;flex-direction:column;align-items:center;gap:7px;width:270px;padding:22px;display:flex}.profile-popover .profile-avatar{width:56px;height:56px;color:var(--blue);background:#e8f0ff;border-radius:50%;place-items:center;font-size:20px;font-weight:800;display:grid}.profile-popover span{color:var(--muted);font-size:13px}.profile-popover button{background:var(--blue);color:#fff;border:0;border-radius:10px;width:100%;margin-top:12px;padding:11px;font-weight:700}.page-shell{width:min(1240px,91.6vw);min-width:0;margin:0 auto;overflow-x:clip}.hero-grid{grid-template-columns:1.04fr .96fr;align-items:center;gap:8.5vw;min-height:485px;padding:46px 0 32px;display:grid}.eyebrow,.section-kicker{color:var(--blue);letter-spacing:1.7px;font-size:12px;font-weight:800}.eyebrow{letter-spacing:.3px;background:#e9f0ff;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.hero-copy h1,.course-hero h1,.wordbook-hero h1{letter-spacing:-2.8px;margin:20px 0;font-size:clamp(42px,4.3vw,68px);line-height:1.12}.hero-copy h1 em{font-family:var(--font-display);color:var(--blue);font-weight:500}.hero-copy>p,.course-hero>div>p,.wordbook-hero>div>p{color:var(--muted);max-width:570px;font-size:17px;line-height:1.9}.hero-stats{color:#6d6a64;align-items:center;gap:22px;margin-top:28px;font-size:13px;display:flex}.hero-stats span{flex-direction:column;display:flex}.hero-stats b{color:var(--ink);font-size:19px}.hero-stats i{background:var(--line);width:1px;height:30px}.featured-card{aspect-ratio:1.42;text-align:left;background:#222;border:0;border-radius:24px;padding:0;position:relative;overflow:hidden;box-shadow:0 24px 70px #192f5333}.featured-card>img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.featured-card:hover>img{transform:scale(1.035)}.featured-shade{background:linear-gradient(#0000 25%,#060a10c7);position:absolute;inset:0}.featured-label{color:#111;background:#fff;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800;position:absolute;top:20px;left:20px}.play-disc{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff38;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;display:grid;position:absolute;inset:0}.play-disc svg{margin-left:4px}.featured-copy{color:#fff;position:absolute;bottom:22px;left:25px;right:25px}.featured-copy span{letter-spacing:1.2px;opacity:.72;font-size:11px}.featured-copy h2{font-family:var(--font-display);margin:7px 0 2px;font-size:27px}.featured-copy p{opacity:.75;margin:0;font-size:12px}.library-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding:46px 0 22px;display:flex}.library-heading h2,.wordbook-title h2{letter-spacing:-1px;margin:7px 0 0;font-size:31px}.searchbox{border:1px solid var(--line);color:#898781;background:#fff;border-radius:12px;align-items:center;gap:9px;width:280px;height:45px;padding:0 14px;display:flex}.searchbox input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.chips{gap:9px;padding:0 0 25px;display:flex;overflow:auto}.chips button{border:1px solid var(--line);color:#69665f;background:#fff;border-radius:99px;flex:none;padding:8px 16px;font-size:13px}.chips button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.video-grid{grid-template-columns:repeat(4,1fr);gap:30px 20px;width:100%;min-width:0;padding-bottom:80px;display:grid}.video-card{text-align:left;background:0 0;border:0;width:100%;min-width:0;padding:0}.thumb{aspect-ratio:16/10;background:#ddd;border-radius:15px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.video-card:hover .thumb img{transform:scale(1.05)}.thumb:after{content:"";background:linear-gradient(#0000 48%,#00000073);position:absolute;inset:0}.card-play{z-index:2;width:48px;height:48px;color:var(--blue);opacity:0;background:#fffffff0;border-radius:50%;place-items:center;margin:auto;transition:all .25s;display:grid;position:absolute;inset:0;transform:scale(.85)}.card-play svg{margin-left:3px}.video-card:hover .card-play{opacity:1;transform:scale(1)}.duration,.watched{z-index:3;color:#fff;border-radius:6px;font-size:11px;position:absolute}.duration{background:#0009;padding:3px 7px;bottom:9px;right:10px}.watched{background:#2e7bea;align-items:center;gap:3px;padding:5px 8px;display:flex;top:9px;left:9px}.video-meta{padding:13px 3px}.video-meta>span,.course-info>span{color:var(--blue);letter-spacing:1px;font-size:10px;font-weight:800}.video-meta h3{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 9px;font-size:18px;overflow:hidden}.video-meta p{color:#8b8881;align-items:center;gap:5px;margin:0;font-size:11px;display:flex}.video-meta p i{background:#c2bfb8;border-radius:50%;width:3px;height:3px;margin:0 3px}.course-hero,.wordbook-hero{justify-content:space-between;align-items:center;min-height:355px;padding:50px 0;display:flex}.course-hero h1,.wordbook-hero h1{margin:11px 0;font-size:clamp(40px,4vw,62px)}.course-progress{border:1px solid var(--line);background:#fff;border-radius:20px;align-items:center;gap:20px;width:370px;padding:28px;display:flex;box-shadow:0 16px 50px #44402a0c}.progress-ring{background:conic-gradient(var(--blue) 21deg, #e7e4dc 0);border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:relative}.progress-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.progress-ring span{color:#999;font-size:12px;position:relative}.progress-ring b{color:var(--ink);font-size:23px}.course-progress>div:last-child{flex-direction:column;flex:1;gap:4px;display:flex}.course-progress span{color:var(--muted);font-size:12px}.progress-line{background:#e8e7e2;border-radius:9px;height:5px;margin-top:8px}.progress-line i{background:var(--blue);border-radius:9px;width:7%;height:100%;display:block}.course-title{border:0;padding-top:25px}.course-grid{grid-template-columns:repeat(3,1fr);gap:22px;padding:10px 0 80px;display:grid}.course-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:18px;grid-template-columns:122px 1fr;min-height:168px;padding:0;transition:all .25s;display:grid;overflow:hidden}.course-card:hover{border-color:#d5d0c4;transform:translateY(-3px);box-shadow:0 17px 45px #42453d16}.course-img{background:#edf0f3;position:relative;overflow:hidden}.course-img img{object-fit:cover;width:100%;height:100%}.unit-number{font-family:var(--font-display);color:#fff;text-shadow:0 2px 10px #0005;font-size:30px;position:absolute;bottom:8px;left:10px}.lock{background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:9px;right:9px}.free-tag{color:#fff;white-space:nowrap;background:#16704b;border-radius:6px;flex-wrap:nowrap;align-items:center;gap:3px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:9px;left:8px}.free-tag.trial-tag{color:#8a5d00;background:#fff0bf;border:1px solid #f2ce70}.free-tag.completed-tag{background:#16704b}.course-info{min-width:0;padding:20px 16px}.course-info h3{margin:7px 0 9px;font-size:18px}.course-info p{white-space:nowrap;text-overflow:ellipsis;color:#8c8982;align-items:center;gap:5px;font-size:10px;display:flex;overflow:hidden}.course-cta{color:#78746d;justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;font-weight:700;display:flex}.unlocked .course-cta{color:var(--blue)}.wordbook-hero{border-bottom:1px solid var(--line)}.word-count{width:220px;height:220px;color:var(--blue);background:#eaf1ff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.word-count svg{width:30px;height:30px}.word-count strong{font-size:52px;line-height:1.2}.word-count span{color:#61728d;font-size:12px}.wordbook-title{justify-content:space-between;align-items:center;padding:42px 0 20px;display:flex}.wordbook-title h2{margin:0}.wordbook-title p{color:var(--muted);margin:5px 0}.wordbook-title button{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:10px 15px;display:flex}.word-list{padding-bottom:90px}.word-row{border-top:1px solid var(--line);width:100%}.word-main{box-sizing:border-box;grid-template-columns:46px 180px 1fr 45px 38px;align-items:center;gap:16px;width:100%;min-height:100px;display:grid}.word-sound{width:40px;height:40px;color:var(--blue);background:#e8f0ff;border:0;border-radius:50%;place-items:center;display:grid}.word-name{flex-direction:column;display:flex}.word-name strong{font-family:var(--font-display);font-size:24px}.word-name span,.word-main>p{color:var(--muted)}.level{color:var(--blue);text-align:center;background:#e8f0ff;border-radius:6px;padding:5px 7px;font-size:11px}.expand{background:0 0;border:0;transition:all .2s}.expanded .expand{transform:rotate(180deg)}.word-more{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr 1.4fr 1.4fr auto;gap:30px;margin:0 0 20px 62px;padding:20px 24px;display:grid}.word-more span{color:var(--blue);font-size:11px;font-weight:800}.word-more p{color:var(--muted);font-size:12px;line-height:1.7}.word-more button{color:#b24b42;white-space:nowrap;background:0 0;border:0;align-self:center;gap:4px;display:flex}.player-page{width:min(1440px,96vw);margin:0 auto;padding:24px 0 60px}.player-top{align-items:center;gap:28px;margin-bottom:20px;display:flex}.player-top>button{color:#65625d;background:0 0;border:0;align-items:center;gap:7px;display:flex}.player-top>div{flex-direction:column;display:flex}.player-top span{letter-spacing:1px;color:var(--blue);font-size:10px;font-weight:800}.player-top strong{font-family:var(--font-display);font-size:18px}.player-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:24px;display:grid}.video-stage{aspect-ratio:16/9;background:#0c0c0e;border-radius:18px;position:relative;overflow:hidden}.video-stage video{object-fit:contain;width:100%;height:100%}.video-stage{background:#0c0c0e}.video-stage video::-webkit-media-controls-loading-panel{display:none!important}.center-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;opacity:0;background:#0005;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:68px;height:68px;margin:0;transition:all .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-stage:hover .center-play{opacity:1}.repeat-badge{color:#fff;background:#e75442;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;display:flex;position:absolute;top:14px;left:14px}.repeat-guide{color:#225fbf;background:#eaf2ff;border-radius:9px;align-items:center;gap:7px;margin:-4px 0 16px;padding:9px 12px;font-size:12px;font-weight:700;display:flex}.repeat-guide svg{width:16px}.controls{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:2px;height:72px;margin-top:12px;padding:7px 10px;display:flex}.controls button{color:#706d67;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:68px;height:54px;font-size:9px;display:flex}.controls svg{width:18px}.controls .primary-control{color:var(--blue)}.controls label{color:#706d67;flex-direction:column;justify-content:center;align-items:center;min-width:84px;height:54px;font-size:9px;display:flex;position:relative}.controls select{appearance:none;opacity:0;position:absolute;inset:0}.controls .control-sep{background:var(--line);width:1px;height:32px;margin:0 7px}.controls button.on{color:#df5a44;background:#fff1ed;border-radius:9px}.live-caption{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:12px;padding:21px 24px}.caption-label{color:#88847d;justify-content:space-between;font-size:11px;display:flex}.caption-label span{color:var(--blue);align-items:center;gap:6px;font-weight:800;display:flex}.caption-label em{font-style:normal}.caption-text{font-family:var(--font-display);margin-top:12px;font-size:25px;line-height:1.7}.caption-text button{font-family:inherit;font-size:inherit;background:0 0;border:0;padding:0 1px}.caption-text button:hover,.caption-text button.picked{color:var(--blue);box-shadow:inset 0 -6px #b9d2ff}.live-caption>p{color:#6f6c65;margin:2px 0 15px}.word-card{border-top:1px solid var(--line);padding-top:15px}.word-head,.word-head>div{align-items:center;gap:9px;display:flex}.word-head{justify-content:space-between}.word-head strong{font-family:var(--font-display);font-size:22px}.word-head span{color:#888}.word-head button{background:0 0;border:0}.word-head>button{color:var(--blue);border:1px solid #c9d9f8;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:flex}.word-head>button.saved{background:#e9f1ff}.word-card>p{color:#555;margin:8px 0 0;font-size:13px}.transcript{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;max-height:calc(100vh - 124px);display:flex;position:sticky;top:100px}.transcript-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px;display:flex}.transcript-head span{color:var(--blue);letter-spacing:1px;font-size:9px;font-weight:800}.transcript-head h2{margin:3px 0;font-size:21px}.segmented{background:#f0efeb;border-radius:8px;padding:3px}.segmented button{background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:10px}.segmented button.active{background:#fff;box-shadow:0 1px 4px #0002}.transcript-list{flex:1;overflow:auto}.transcript-list>button{text-align:left;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:42px 1fr;gap:10px;width:100%;padding:14px 17px;display:grid}.transcript-list>button>span{color:#999;margin-top:3px;font-size:10px}.transcript-list strong{font-family:var(--font-display);font-size:15px;line-height:1.4}.transcript-list p{color:#777;margin:4px 0;font-size:11px}.transcript-list>button.active{border-left-color:var(--blue);background:#f1f6ff}.download-script{border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:7px;margin:0;padding:9px 11px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.download-script svg{width:15px;height:15px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141710a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.membership-card{text-align:center;background:#fffdf8;border-radius:25px;width:min(430px,100%);padding:36px;position:relative;box-shadow:0 35px 100px #0005}.modal-close{color:#777;background:0 0;border:0;position:absolute;top:17px;right:17px}.member-icon{color:#d99b00;background:#fff0bf;border-radius:19px;place-items:center;width:62px;height:62px;margin:0 auto 15px;display:grid}.member-eyebrow{letter-spacing:2px;color:#bc8510;font-size:10px;font-weight:800}.membership-card h2{margin:8px 0;font-size:32px}.membership-card>p{color:var(--muted)}.member-benefits{text-align:left;background:#f6f3eb;border-radius:14px;flex-direction:column;gap:12px;margin:22px 0;padding:14px 18px;display:flex}.member-benefits span{align-items:center;gap:8px;font-size:13px;display:flex}.member-benefits svg{color:#2e9665;width:16px}.price{justify-content:center;align-items:baseline;gap:4px;margin:23px 0 15px;display:flex}.price strong{font-size:44px}.price span{color:#777}.price em{color:#247a4e;background:#e8f6ed;border-radius:99px;margin-left:8px;padding:5px 8px;font-size:10px;font-style:normal}.pay-button{background:var(--ink);color:#fff;border:0;border-radius:12px;width:100%;padding:14px;font-weight:800}.membership-card small{color:#9a9891;margin-top:10px;display:block}.toast{z-index:120;color:#fff;background:#191a19;border-radius:99px;align-items:center;gap:7px;padding:11px 18px;font-size:13px;animation:.25s ease-out toast-in;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media (width<=980px){.desktop-nav{margin-left:40px}.video-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:5vw}.course-grid{grid-template-columns:repeat(2,1fr)}.player-layout{grid-template-columns:1fr}.transcript{max-height:550px;position:static}.word-main{grid-template-columns:46px 150px 1fr 45px 38px}.word-more{grid-template-columns:1fr 1fr}}@media (width<=720px){.topbar{height:64px;padding:0 18px}.desktop-nav,.streak{display:none}.mobile-toggle{place-items:center;display:grid}.mobile-nav{flex-direction:column;width:190px;padding:9px;display:flex}.mobile-nav button{text-align:left;background:0 0;border:0;border-radius:8px;padding:12px}.mobile-nav button.active{color:var(--blue);background:#edf3ff}.page-shell{width:calc(100% - 32px)}.hero-grid{flex-direction:column;gap:28px;padding-top:35px;display:flex}.hero-copy h1{letter-spacing:-1.8px;font-size:42px}.hero-copy>p{font-size:15px}.hero-stats{gap:14px}.featured-card{width:100%}.library-heading{flex-direction:column;align-items:flex-start;gap:18px}.searchbox{width:100%}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.video-meta h3{font-size:16px}.course-hero,.wordbook-hero{flex-direction:column;align-items:flex-start;gap:25px;min-height:auto;padding:45px 0;display:flex}.course-hero h1,.wordbook-hero h1{letter-spacing:-1.6px;font-size:41px}.course-progress{width:100%}.course-grid{grid-template-columns:1fr}.word-count{align-self:flex-end;width:150px;height:150px;margin-top:-35px}.wordbook-title{align-items:flex-start}.word-main{grid-template-columns:42px 1fr 36px 34px;gap:9px;padding:14px 0}.word-main>p{grid-column:2/5;margin:0;font-size:13px}.word-more{grid-template-columns:1fr;gap:8px;margin-left:0}.player-page{width:calc(100% - 20px);padding-top:12px}.player-top>div{min-width:0}.player-top strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.video-stage{border-radius:12px}.controls{justify-content:flex-start;overflow-x:auto}.controls button{flex:none;width:56px}.live-caption{padding:18px}.caption-text{font-size:21px}.caption-label em{display:none}.word-head{align-items:flex-start}.word-head>button{font-size:0}.word-head>button svg{width:19px}.transcript{max-height:500px}.membership-card{padding:30px 20px}.profile-popover{top:61px;right:15px}.card-play{opacity:1;width:42px;height:42px}}@media (width<=440px){.video-grid{grid-template-columns:1fr}.thumb{aspect-ratio:16/9}.hero-copy h1{font-size:38px}.hero-stats span:last-child,.hero-stats i:last-of-type{display:none}.course-card{grid-template-columns:105px 1fr}.wordbook-title button{font-size:0}.wordbook-title button svg{margin:0}.controls label{min-width:60px}}.drama-select{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:9px;margin-top:28px;padding:8px 10px 8px 14px;display:inline-flex}.drama-select span{color:#8a877f;font-size:11px}.drama-select select{appearance:none;background:0 0;border:0;outline:0;padding-right:18px;font-weight:800}.drama-select svg{pointer-events:none;color:#777;margin-left:-23px}.result-note{color:#8a877f;font-size:12px}.load-sentinel{text-align:center;color:#8a877f;padding:12px 0 55px;font-size:12px}.load-words{border:1px solid var(--line);background:#fff;border-radius:10px;margin:22px auto 60px;padding:10px 22px;display:block}.dict-audio{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:5px;margin-top:10px;padding:5px 8px;font-size:11px;display:flex}.dict-audio svg{width:14px}.empty-state{text-align:center;color:#8a877f;background:#f7f5ef;border:1px dashed #dcd8ce;border-radius:15px;grid-column:1/-1;padding:55px 20px}.login-card{background:#fff;border-radius:24px;width:min(430px,100%);padding:36px;position:relative;box-shadow:0 35px 100px #0005}.login-card>.brand{justify-content:center}.login-card h2{text-align:center;margin:24px 0 8px;font-size:30px}.login-card>p{text-align:center;color:var(--muted);line-height:1.7}.login-card label{flex-direction:column;gap:8px;margin:24px 0 18px;font-size:12px;font-weight:700;display:flex}.login-card input{border:1px solid var(--line);border-radius:11px;outline:0;height:49px;padding:0 14px}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3977ea18}.login-card small{color:#95928c;text-align:center;margin-top:12px;line-height:1.6;display:block}.back-link{color:#65625d;background:0 0;border:0;align-items:center;gap:7px;padding:24px 0 18px;display:flex}.back-link svg{width:18px}.detail-banner{color:#fff;background:#17213a;border-radius:23px;grid-template-columns:300px 1fr auto;align-items:center;min-height:240px;padding-right:45px;display:grid;position:relative;overflow:hidden}.detail-banner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 15%,#17213a 43%);position:absolute;inset:0}.detail-banner>img{object-fit:cover;width:100%;height:240px}.detail-banner>div,.detail-banner>strong{z-index:1;position:relative}.detail-banner>div{padding-left:10px}.detail-banner>div>span{color:#8cb2ff;letter-spacing:1.5px;font-size:11px;font-weight:800}.detail-banner h1{letter-spacing:-1px;margin:8px 0;font-size:42px}.detail-banner p{color:#b7c0d1}.detail-banner>strong{font-family:var(--font-display);flex-direction:column;align-items:center;font-size:45px;display:flex}.detail-banner small{font-family:var(--font-sans);color:#aeb8ca;font-size:10px}.course-loading{text-align:center;color:#888;padding:80px}.lesson-workspace{grid-template-columns:270px 1fr;gap:22px;padding:28px 0 80px;display:grid}.lesson-nav{flex-direction:column;gap:7px;display:flex}.lesson-nav>button{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:35px 1fr;align-items:center;gap:8px;min-height:68px;padding:9px 12px;display:grid;position:relative}.lesson-nav>button>span{font-family:var(--font-display);color:#999;font-size:18px}.lesson-nav>button>div{flex-direction:column;min-width:0;display:flex}.lesson-nav strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lesson-nav small{color:#999;margin-top:3px}.lesson-nav>button.active{border-color:var(--line);background:#fff;box-shadow:0 8px 22px #25261e0d}.lesson-nav>button.active>span{color:var(--blue)}.lesson-panel{border:1px solid var(--line);background:#fff;border-radius:19px;min-height:560px;overflow:hidden}.lesson-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.lesson-tabs button{border:0;border-right:1px solid var(--line);color:#777;background:#faf9f5;justify-content:center;align-items:center;gap:8px;height:76px;display:flex;position:relative}.lesson-tabs button:last-child{border-right:0}.lesson-tabs button svg{width:18px}.lesson-tabs button.active{color:var(--blue);background:#fff;font-weight:800}.lesson-tabs button.active:after{content:"";background:var(--blue);border-radius:3px;height:3px;position:absolute;bottom:-1px;left:28%;right:28%}.lesson-content{padding:29px}.lesson-content>h2{margin:0 0 22px;font-size:27px}.dialog-list{flex-direction:column;gap:10px;display:flex}.dialog-list article{border:1px solid var(--line);border-radius:12px;grid-template-columns:44px 1fr;gap:12px;padding:15px;display:grid}.dialog-list article>button{width:40px;height:40px;color:var(--blue);background:#eaf1ff;border:0;border-radius:50%;place-items:center;display:grid}.dialog-list article svg{width:17px}.dialog-list strong{font-family:var(--font-display);font-size:17px}.dialog-list p{color:var(--muted);margin:5px 0}.shadowing,.role-play{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.shadow-card,.role-stage{background:#eff4ff;border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:310px;padding:35px;display:flex}.shadow-card>svg,.role-stage>svg{width:37px;height:37px;color:var(--blue)}.shadow-card h3,.role-stage h3{margin:15px 0 8px;font-size:25px}.shadow-card p,.role-stage p{color:#5e687b;line-height:1.8}.shadow-card>button,.role-stage>button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:11px 19px;font-weight:800}.practice-line{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;grid-column:2;align-items:center;gap:8px;padding:12px;display:flex}.practice-line svg{width:15px;color:var(--blue)}.role-stage{background:#fff3ef}.role-stage>svg{color:#e86645}.role-stage>button{background:#e86645}.role-data{color:#896b62;margin:0 0 15px;font-size:12px}.teaching-note{border:1px solid var(--line);border-radius:18px;padding:26px}.teaching-note span{color:var(--blue);letter-spacing:1px;font-size:11px;font-weight:800}.teaching-note p{color:var(--muted);line-height:1.8}.lesson-video-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lesson-video-grid>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:13px;padding:0 0 14px;overflow:hidden}.lesson-video-grid>button>div{aspect-ratio:16/10;position:relative}.lesson-video-grid img{object-fit:cover;width:100%;height:100%}.lesson-video-grid>button>div>span{width:45px;height:45px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.lesson-video-grid>button strong,.lesson-video-grid>button small{margin:10px 13px 0;display:block}.lesson-video-grid>button small{color:#888;margin-top:4px}@media (width<=800px){.detail-banner{grid-template-columns:120px 1fr;min-height:180px;padding-right:20px}.detail-banner>img{height:180px}.detail-banner:after{background:linear-gradient(90deg,#0000,#17213a 35%)}.detail-banner>strong{display:none}.detail-banner h1{font-size:29px}.detail-banner p{font-size:12px}.lesson-workspace{grid-template-columns:1fr}.lesson-nav{flex-direction:row;display:flex;overflow:auto}.lesson-nav>button{min-width:210px}.lesson-tabs button{flex-direction:column;height:68px;font-size:10px}.shadowing,.role-play{grid-template-columns:1fr}.practice-line{grid-column:1}.lesson-video-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.detail-banner{grid-template-columns:1fr;padding:25px}.detail-banner>img{opacity:.22;height:100%;position:absolute;inset:0}.detail-banner:after{background:#17213ab8}.detail-banner>div{padding:0}.lesson-content{padding:20px 14px}.lesson-tabs button span{display:none}.lesson-video-grid{grid-template-columns:1fr}.login-card{padding:30px 20px}.result-note{display:none}}.study-days-card{text-align:center;background:#fff;border-radius:24px;width:min(380px,100% - 30px);padding:36px}.study-days-card>svg{color:#ff6a36;fill:#ff6a36;width:55px;height:55px;margin:0 auto;display:block}.study-days-card strong{margin:16px 0 8px;font-size:25px;display:block}.study-days-card p{color:var(--muted);line-height:1.8}.study-days-card button{background:var(--ink);color:#fff;border:0;border-radius:10px;padding:11px 24px;font-weight:800}.think-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.think-head span{color:var(--blue);letter-spacing:1px;font-size:11px;font-weight:800}.think-head h3{margin:5px 0 18px;font-size:22px}.think-head>button{color:var(--blue);background:#edf3ff;border:1px solid #c9d9f8;border-radius:9px;padding:8px 12px}.translation-lines{flex-direction:column;gap:10px;display:flex}.translation-lines label{grid-template-columns:36px 1fr;gap:10px;display:grid}.translation-lines label>span{color:#fff;background:#17213a;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.translation-lines p{margin:2px 0 7px;font-weight:700}.translation-lines textarea{resize:vertical;border:1px solid var(--line);border-radius:9px;outline:0;width:100%;padding:10px 12px}.translation-lines textarea:focus{border-color:var(--blue)}.translation-lines strong{color:var(--blue);font-family:var(--font-display);border-left:3px solid #a8c4fb;margin:8px 0;padding-left:10px;font-size:16px;display:block}.answer-score{color:#c05a49;margin-top:7px;font-size:11px;display:inline-block}.answer-score.good{color:#258357;font-weight:800}.show-dialog-result{background:var(--blue);color:#fff;border:0;border-radius:10px;margin:24px auto 0;padding:11px 26px;font-weight:800;display:block}.chat-result{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.chat-result-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.chat-result-head>button{color:var(--blue);background:0 0;border:0;align-items:center;gap:6px;display:flex}.chat-result-head svg{width:16px}.bubble-line{background:0 0;border:0;width:100%;margin:8px 0;display:flex}.bubble-line.right{justify-content:flex-end}.bubble-line span{text-align:left;background:#edf1f5;border-radius:15px 15px 15px 3px;align-items:center;gap:8px;max-width:75%;padding:11px 15px;display:flex}.bubble-line.right span{background:#dce9ff;border-radius:15px 15px 3px}.bubble-line svg{width:15px;color:var(--blue);flex:none}.shadow-single{grid-template-columns:.8fr 1.2fr;gap:28px;min-height:430px;display:grid}.shadow-media{background:#eef1f5;border-radius:18px;overflow:hidden}.shadow-media img{object-fit:cover;width:100%;height:100%}.shadow-copy{flex-direction:column;align-items:flex-start;padding:15px 0;display:flex}.shadow-copy>span{color:var(--blue);font-size:11px;font-weight:800}.sentence-audio{color:var(--blue);background:0 0;border:0;align-items:center;gap:6px;margin:18px 0 5px;display:flex}.sentence-audio svg{width:17px}.shadow-copy h3{font-family:var(--font-display);margin:8px 0;font-size:25px;line-height:1.45}.shadow-copy>p{color:var(--muted)}.record-button{background:var(--blue);color:#fff;border:0;border-radius:99px;align-items:center;gap:7px;margin-top:10px;padding:11px 18px;font-weight:800;display:flex}.record-button.recording{background:#e95d4a;animation:1s infinite pulse}.score-panel{background:#f5f5f1;border-radius:12px;width:100%;margin-top:14px;padding:13px}.score-panel.celebrate{background:#f0fbf4;border:1px solid #bde5cc;position:relative;overflow:hidden}.score-confetti{text-align:center;font-size:24px;animation:.55s ease-out confetti-pop;position:absolute;top:7px;right:72px}@keyframes confetti-pop{0%{opacity:0;transform:scale(.4)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.score-panel span{color:#666;font-size:12px}.score-panel .recognized-label{color:#777;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.score-panel .recognized-words{color:#343434;padding-right:70px;font-size:15px;line-height:1.65;display:block}.score-panel strong{float:right;color:#e65c48;font-size:20px}.score-panel strong.good{color:#2a9b62}.score-panel p{margin:5px 0 0;font-size:11px}.pager{justify-content:space-between;width:100%;margin-top:auto;padding-top:18px;display:flex}.pager-top{justify-content:flex-end;gap:8px;margin:0 0 4px;padding:0}.pager-bottom{display:none}.recognized-words mark{color:#16633c;background:#ccebd8;border-radius:3px;padding:1px 2px}.pager button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 13px}.pager button:disabled{opacity:.35}@keyframes pulse{50%{opacity:.5}}.ai-chat{flex-direction:column;gap:14px;min-height:680px;display:flex}.ai-task{background:#f0f5ff;border:1px solid #dce5f7;border-radius:17px;padding:16px 18px}.ai-task>span{color:var(--blue);font-size:10px;font-weight:800;display:block}.ai-task>strong{margin-top:4px;font-size:18px;display:block}.ai-task>p{color:#667085;margin:4px 0 10px;font-size:14px;line-height:1.65}.role-cast{flex-wrap:wrap;gap:14px;display:flex}.role-cast>div{align-items:center;gap:6px;display:flex}.role-cast img{object-fit:cover;border-radius:50%;width:30px;height:30px}.role-cast>div>span{align-items:baseline;gap:5px;display:flex}.role-cast small{font-weight:700}.role-cast em{color:#667085;font-size:10px;font-style:normal}.ai-conversation{border:1px solid var(--line);border-radius:17px;flex-direction:column;flex:none;height:560px;min-height:560px;display:flex;overflow:hidden}.conversation-finish{text-align:center;background:#fff7df;padding:14px}.conversation-finish .confetti{font-size:24px}.conversation-finish strong{margin:5px;display:block}.conversation-finish button{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:8px 15px;font-weight:800}.ai-input button:disabled,.ai-input input:disabled{opacity:.45;cursor:not-allowed}.video-loading{pointer-events:none;border:4px solid #fff5;border-top-color:#fff;border-radius:50%;width:32px;height:32px;margin:-16px;animation:.75s linear infinite video-spin;position:absolute;top:50%;left:50%}@keyframes video-spin{to{transform:rotate(360deg)}}.episode-select{margin-left:10px}.ai-chat-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:14px 17px;display:flex}.ai-avatar{width:40px;height:40px;color:var(--blue);background:#eaf1ff;border-radius:50%;place-items:center;display:grid}.ai-avatar svg{width:20px}.ai-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.ai-chat-head>div:last-child{flex-direction:column;display:flex}.ai-chat-head span{color:#58966f;font-size:10px}.ai-messages{background:#f7f6f2;flex:1;padding:20px 20px 64px;scroll-padding-bottom:64px;overflow:auto}.ai-message{background:#fff;border-radius:14px;width:fit-content;max-width:75%;margin:8px 0;padding:10px 14px}.ai-message.user{background:#dce9ff;margin-left:auto}.ai-message-row{align-items:flex-start;gap:8px;margin:9px 0;display:flex}.ai-message-row>div{max-width:70%}.ai-message-row .ai-message{white-space:normal;overflow-wrap:anywhere;width:fit-content;max-width:none}.ai-message-row>img{object-fit:cover;border-radius:50%;flex:none;width:30px;height:30px}.ai-message-row.user{flex-direction:row-reverse}.ai-message-row.responder .ai-message{background:#fff}.message-role-name{color:#8b8b86;margin:0 0 3px 3px;font-size:10px;display:block}.ai-message-row.user .message-role-name{text-align:right;margin-right:3px}.ai-hint{color:#795d13;background:#fff2bf;border-radius:10px;align-items:center;gap:7px;margin:0;padding:10px 12px;font-size:12px;font-weight:700;animation:.32s ease-out both hint-enter;display:flex}@keyframes hint-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.ai-hint-zone{background:#f7f6f2;flex:none;padding:18px 18px 22px}.lesson-complete{place-items:center;font-weight:800;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--blue)!important;font-size:10px!important}.lesson-complete svg{width:16px;height:16px}.role-identities{flex-wrap:wrap;gap:7px;margin:7px 0;display:flex}.role-identities span{color:#526078;background:#fff;border:1px solid #dce5f7;border-radius:99px;padding:4px 8px;font-size:10px}.ai-hint svg{color:#dc9c18;width:16px}.ai-message-row .ai-message{margin:0}.ai-message-row.user .ai-message{margin-left:0}.site-footer{border-top:1px solid var(--line);text-align:center;color:#85827b;background:#f7f6f2;padding:34px 20px 40px;font-size:12px}.site-footer p{margin:0 0 10px}.site-footer a{color:#666}.site-footer nav{justify-content:center;align-items:center;gap:10px;display:flex}.site-footer nav button{color:#5d6572;background:0 0;border:0;padding:3px}.site-footer nav i{background:#bbb;width:1px;height:11px}.legal-modal{background:#fff;border-radius:22px;width:min(720px,100% - 28px);max-height:86vh;padding:36px;position:relative;overflow:auto}.legal-modal h2{text-align:center;font-size:28px}.legal-modal>small{text-align:center;color:#999;margin-bottom:25px;display:block}.legal-modal h3{margin:24px 0 8px;font-size:16px}.legal-modal p{color:#64615b;line-height:1.9}.legal-modal.contact{text-align:center;width:min(390px,100% - 28px)}.legal-modal.contact img{object-fit:contain;width:220px;height:220px;margin:20px auto 8px;display:block}.legal-modal.contact p{text-align:center}.ai-welcome{text-align:center;color:#888;padding:80px 20px}.ai-input{border-top:1px solid var(--line);gap:8px;padding:12px;display:flex}.ai-input input{border:1px solid var(--line);border-radius:9px;outline:0;flex:1;padding:9px 12px}.ai-input button{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:0 18px}.ai-input .voice-input{width:42px;color:var(--blue);background:#eef3ff;flex:none;place-items:center;padding:0;display:grid}.ai-input .voice-input svg{width:18px}.ai-input .voice-input.recording{color:#fff;background:#e95d4a;animation:1s infinite pulse}.ai-chat-head span.offline{color:#c44f42}.saved-date{color:#999;margin-top:5px;display:block}.word-main>div>p{color:var(--muted);margin:0}.word-detail-button{border:1px solid var(--line);background:#fff;border-radius:8px;grid-column:5;justify-self:end;margin-left:auto;padding:7px 10px;font-size:11px}.word-detail-button svg{width:18px;height:18px}.word-tags{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.word-tags span{color:#6950a1;background:#f1eaff;border-radius:99px;padding:3px 6px;font-size:9px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.word-overlay{background:#fff;border-radius:23px;width:min(740px,95vw);max-height:86vh;padding:34px;position:relative;overflow:auto}.word-overlay-title{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:20px;display:flex}.word-overlay-title>div{margin-right:auto}.word-overlay-title span{color:var(--blue);font-size:11px;font-weight:800}.word-overlay-title h2{font-family:var(--font-display);margin:3px 0;font-size:38px}.word-overlay-title p{color:#888;margin:0}.word-overlay-title>button{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:5px;padding:8px;display:flex}.word-overlay-title svg{width:15px}.word-facts{flex-direction:column;gap:0;margin-top:20px;display:flex}.word-facts>div{border-bottom:1px solid var(--line);padding:16px 2px}.word-facts span{color:var(--blue);font-size:11px;font-weight:800}.word-facts p{color:#5f5c56;margin:6px 0 0;line-height:1.7}.word-media-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:18px;display:grid}.word-media-story.no-image{grid-template-columns:1fr}.word-illustration-frame,.word-story{aspect-ratio:1;box-sizing:border-box;border-radius:14px;min-height:250px}.word-illustration-frame{background:0 0;place-items:center;display:grid;overflow:hidden}.word-illustration{object-fit:cover;width:100%;height:100%}.word-story{background:#fff8e3;margin:0;padding:16px;overflow:auto}.word-story span{color:#a16b00;font-size:11px;font-weight:800}.word-story p{color:#5f5c56;margin-bottom:0;line-height:1.7}@media (width<=640px){.word-media-story{grid-template-columns:1fr}}.remove-word{color:#b64e43;background:0 0;border:0;margin:24px auto 0;display:block}.remove-word:disabled{opacity:.6;cursor:wait}.otp-input{gap:8px;display:flex}.otp-input input{flex:1}.otp-input button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 10px}.login-error{color:#ba4e42;text-align:center;background:#fff0ed;border-radius:8px;margin-top:10px;padding:9px;font-size:12px}.account-page{padding-bottom:80px}.account-hero{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:55px 0 35px;display:flex}.account-hero>div:nth-child(2){min-width:0}.account-avatar{width:82px;height:82px;color:var(--blue);background:#e6efff;border-radius:50%;place-items:center;font-size:30px;font-weight:900;display:grid}.account-hero span{letter-spacing:1.5px;color:var(--blue);font-size:10px;font-weight:800}.account-hero h1{margin:3px 0;font-size:37px}.account-hero p{color:#777;margin:0}.member-status{color:#fff;background:#17213a;border-radius:18px;justify-content:space-between;align-items:center;margin:28px 0;padding:28px;display:flex}.member-status span{color:#90b4fb;font-size:11px}.member-status h2{margin:6px 0}.member-status p{color:#b7c0d1}.member-status button{color:#3b2b08;background:#ffd672;border:0;border-radius:10px;align-items:center;gap:7px;padding:12px 16px;font-weight:900;display:flex}.member-status svg{width:18px}.history-section{padding-top:25px}.history-section h2{margin:5px 0 18px;font-size:29px}.history-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.history-grid>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:13px;grid-template-columns:130px 1fr 25px;align-items:center;gap:13px;padding:0 14px 0 0;display:grid;overflow:hidden}.history-grid img{object-fit:cover;width:130px;height:85px}.history-grid>button>div{flex-direction:column;min-width:0;display:flex}.history-grid strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-grid span{color:#888;margin-top:5px;font-size:10px}.history-grid svg{width:18px;color:var(--blue)}.history-empty{text-align:center;background:#f6f4ee;border-radius:16px;padding:65px}.history-empty>div{width:55px;height:55px;color:var(--blue);background:#e4eaf5;border-radius:50%;place-items:center;margin:auto;display:grid}.history-empty h3{margin:14px 0 5px}.history-empty p{color:#888}.logout-button{color:#b64e43;background:#fff;border:1px solid #e2b8b2;border-radius:9px;margin-left:auto;padding:9px 18px}.logout-button:disabled{opacity:.65;cursor:wait}@media (width<=700px){.shadow-single{grid-template-columns:1fr}.shadow-media{background:0 0;width:50%;height:auto;margin:0 auto}.shadow-media img{object-fit:contain;width:100%;height:auto;display:block}.word-main{grid-template-columns:42px minmax(0,1fr) auto 40px}.word-summary{grid-area:2/2/auto/5}.word-detail-button{grid-area:1/4}.word-facts{grid-template-columns:1fr}.word-overlay-title{flex-wrap:wrap}.history-grid{grid-template-columns:1fr}.member-status{flex-direction:column;align-items:flex-start;gap:20px}.think-head{flex-direction:column}.translation-lines label{grid-template-columns:30px 1fr}.translation-lines{margin-top:20px}}@media (width<=860px){html,body{max-width:100%;overflow-x:hidden}body{font-size:14px}button,a,select,input{touch-action:manipulation}.topbar{height:64px;padding:0 max(16px, env(safe-area-inset-left))}.desktop-nav,.streak{display:none}.mobile-toggle{place-items:center;width:42px;height:42px;padding:0;display:grid}.avatar{width:42px;height:42px}.header-actions{gap:6px}.mobile-nav{flex-direction:column;width:min(230px,100vw - 24px);padding:8px;display:flex;top:58px;right:12px}.mobile-nav button{text-align:left;background:0 0;border:0;border-radius:9px;min-height:46px;padding:11px 13px}.mobile-nav button.active{color:var(--blue);background:#edf3ff;font-weight:800}.profile-popover{width:min(290px,100vw - 24px);position:fixed;top:70px;right:12px}.page-shell{width:calc(100% - 28px)}.hero-grid{min-height:auto;padding:30px 0 26px}.hero-copy h1,.course-hero h1,.wordbook-hero h1{letter-spacing:-1.7px;font-size:clamp(34px,9.5vw,44px);line-height:1.14}.hero-copy>p,.course-hero>div>p,.wordbook-hero>div>p{font-size:14px;line-height:1.75}.drama-select,.episode-select{width:100%;min-height:46px;margin:10px 0 0}.drama-select:first-of-type{margin-top:23px}.drama-select select{flex:1;min-width:0}.featured-card{aspect-ratio:16/10;border-radius:17px}.featured-copy{bottom:16px;left:18px;right:18px}.featured-copy h2{font-size:22px;line-height:1.25}.play-disc{width:54px;height:54px}.library-heading{padding-top:32px}.library-heading h2,.wordbook-title h2{font-size:26px}.course-grid,.video-grid{padding-bottom:48px}.course-card{width:100%}.course-progress{padding:20px}.player-page{width:100%;max-width:100%;padding:10px 10px 44px;overflow-x:hidden}.player-top{gap:10px;margin-bottom:12px}.player-top>button{justify-content:center;min-width:44px;min-height:44px;padding:0;font-size:0}.player-top>button svg{width:22px;height:22px}.player-top>div{min-width:0}.video-stage{border-radius:12px;width:100%;max-width:100%}.player-layout,.study-column,.transcript{width:100%;min-width:0;max-width:100%}.controls{overscroll-behavior-x:contain;scrollbar-width:none;gap:0;width:100%;min-width:0;max-width:100%;height:68px;padding:6px}.controls::-webkit-scrollbar{display:none}.controls button{justify-content:center;min-width:58px;height:54px;min-height:52px}.controls label{min-width:66px}.controls .control-sep{margin:0 3px}.live-caption{width:100%;min-width:0;max-width:100%;padding:17px 15px}.caption-text{overflow-wrap:anywhere;font-size:clamp(20px,5.8vw,25px);line-height:1.55}.word-head>div{flex-wrap:wrap;min-width:0}.transcript{max-height:60vh}.transcript-head{gap:10px;padding:15px}.transcript-head h2{font-size:19px}.download-script{min-height:42px;padding:8px 10px}.back-link{min-height:48px;padding:12px 0}.detail-banner{border-radius:17px}.lesson-workspace{gap:12px;padding:18px 0 50px}.lesson-nav{scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -14px;padding:0 14px 5px}.lesson-nav::-webkit-scrollbar{display:none}.lesson-nav>button{scroll-snap-align:start;min-width:min(210px,72vw)}.lesson-panel{border-radius:15px;min-height:0}.lesson-tabs{z-index:8;background:#fff;position:sticky;top:64px}.lesson-tabs button{min-width:0;padding:7px 3px}.lesson-content>h2{overflow-wrap:anywhere;font-size:22px}.dialog-list article{padding:12px}.think-head{gap:10px}.think-head>button{min-height:42px}.translation-lines textarea{min-height:82px;font-size:16px}.bubble-line span{max-width:88%}.shadow-single{gap:12px;min-height:0}.shadow-copy{padding-top:4px}.shadow-copy h3{font-size:21px}.record-button{min-height:44px}.ai-chat{gap:10px;min-height:0}.ai-task{padding:14px}.role-cast{gap:9px 12px}.ai-conversation{height:min(620px,100dvh - 150px);min-height:480px}.ai-messages{padding:15px 12px 48px}.ai-message-row>div{max-width:calc(100% - 42px)}.ai-message-row .ai-message{max-width:100%}.ai-hint-zone{padding:10px 12px 14px}.ai-input{gap:6px;padding:9px}.ai-input input{min-width:0;height:44px;font-size:16px}.ai-input button{min-width:54px;min-height:44px;padding:0 12px}.wordbook-hero{padding-bottom:28px}.word-count{width:120px;height:120px}.word-count strong{font-size:38px}.word-main{min-height:0;overflow:hidden}.word-name,.word-summary{min-width:0}.word-name strong,.word-summary p,.account-hero p{overflow-wrap:anywhere}.word-overlay{border-radius:18px;width:100%;max-height:calc(100dvh - 20px);padding:24px 16px 20px}.word-overlay-title{padding-right:34px}.word-overlay-title h2{font-size:31px}.word-illustration-frame,.word-story{min-height:0}.account-hero{gap:11px;padding:32px 0 24px}.account-avatar{flex:0 0 56px;width:56px;height:56px;font-size:22px}.account-hero h1{font-size:27px}.logout-button{white-space:nowrap;padding:8px 10px;font-size:12px}.member-status{padding:21px}.member-status h2{font-size:22px}.member-status button{min-height:44px}.history-grid>button{grid-template-columns:105px minmax(0,1fr) 20px;gap:10px}.history-grid img{width:105px;height:76px}.history-empty{padding:45px 18px}.modal-backdrop{padding:10px}.membership-card,.login-card,.study-days-card{border-radius:19px;max-height:calc(100dvh - 20px);overflow-y:auto}.legal-modal{border-radius:18px;width:100%;max-height:calc(100dvh - 20px);padding:28px 18px}.toast{width:max-content;max-width:calc(100vw - 28px);bottom:max(18px, env(safe-area-inset-bottom));white-space:normal;text-align:center;justify-content:center}.site-footer{padding:28px 16px calc(30px + env(safe-area-inset-bottom));line-height:1.7}.site-footer nav{flex-wrap:wrap}}@media (width<=430px){.brand{gap:7px;font-size:18px}.brand img{width:31px;height:31px}.hero-copy h1,.course-hero h1,.wordbook-hero h1{font-size:34px}.hero-stats{gap:10px;font-size:11px}.featured-label{top:13px;left:13px}.featured-copy h2{font-size:19px}.play-disc{width:48px;height:48px}.video-grid{grid-template-columns:1fr;gap:20px}.video-meta{padding-top:10px}.course-card{grid-template-columns:96px minmax(0,1fr);min-height:145px}.course-info{padding:16px 12px}.course-info h3{font-size:16px}.detail-banner{min-height:165px;padding:20px}.detail-banner h1{font-size:27px}.lesson-tabs button{height:58px}.lesson-content{padding:17px 12px}.chat-result-head{align-items:flex-start;gap:8px}.chat-result-head>button{flex:none}.shadow-media{width:min(68%,230px)}.score-panel .recognized-words{padding-right:0}.score-confetti{right:12px}.role-cast>div{max-width:100%}.role-cast>div>span{flex-wrap:wrap;min-width:0}.ai-conversation{min-height:450px}.ai-input .voice-input{width:44px;min-width:44px}.ai-input button:last-child{min-width:52px}.word-count{align-self:flex-start;margin-top:0}.word-main{grid-template-columns:38px minmax(0,1fr) auto 38px;gap:7px}.word-sound{width:36px;height:36px}.word-name strong{font-size:21px}.level{padding:4px 5px;font-size:9px}.word-detail-button{padding:6px}.word-overlay-title>div{flex-basis:100%}.word-overlay-title>button{min-height:40px}.account-hero{grid-template-columns:50px minmax(0,1fr) auto;display:grid}.account-avatar{flex-basis:50px;width:50px;height:50px}.account-hero h1{font-size:23px}.account-hero p{font-size:11px}.logout-button{padding:7px 8px;font-size:11px}.member-status{margin-top:20px}.history-grid>button{grid-template-columns:92px minmax(0,1fr) 18px}.history-grid img{width:92px;height:70px}.transcript-head .download-script{width:42px;padding:0;font-size:0}.transcript-head .download-script svg{width:18px;height:18px}.otp-input{flex-direction:column}.otp-input button{min-height:44px}}@media (width<=860px){.topbar{gap:10px}.topbar .brand-copy{display:none}.desktop-nav{flex:auto;justify-content:center;align-self:stretch;gap:44px;min-width:0;margin-left:0;display:flex}.desktop-nav button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;min-width:0;padding:0 clamp(4px,1.4vw,9px);display:flex}.desktop-nav .nav-label-full{display:none}.desktop-nav .nav-label-mobile{display:inline}.header-actions{margin-left:0}.mobile-toggle,.mobile-nav{display:none!important}}@media (width<=520px){.topbar{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));gap:4px}.desktop-nav{gap:44px}.desktop-nav button{min-width:0;padding:0;font-size:13px}.transcript-head .download-script{place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;line-height:0;position:relative;display:grid!important}.transcript-head .download-script svg{width:20px;height:20px;margin:0;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (width<=350px){.topbar{gap:2px;padding-left:6px;padding-right:6px}.desktop-nav button{padding:0;font-size:12px}.avatar{width:38px;height:38px}}@media (width<=860px){.lesson-nav{margin-left:0;margin-right:0;padding-left:2px;padding-right:2px;scroll-padding-left:2px}.lesson-tabs{position:static;top:auto}}@media (width<=520px){.lesson-workspace{padding-top:12px}.lesson-panel{overflow:hidden}.lesson-tabs{margin:0}.shadow-single{gap:8px}.shadow-media{border-radius:12px;width:min(46%,160px);height:120px;margin:0 auto}.shadow-media img{object-fit:contain;width:100%;height:100%}.shadow-copy{padding-top:0}.shadow-copy h3{margin:5px 0;font-size:19px;line-height:1.35}.shadow-copy>p{margin:4px 0 8px}.sentence-audio{margin:8px 0 2px}.record-button{min-height:40px;padding:8px 14px}.ai-chat{gap:8px}.ai-task{padding:11px 12px}.ai-task p{margin:6px 0;line-height:1.5}.role-cast{margin-top:7px}.ai-conversation{height:clamp(350px,58dvh,500px);min-height:0}.ai-messages{padding:11px 10px 32px}.ai-hint-zone{padding:7px 9px 9px}.ai-input{gap:5px;padding:6px}.ai-input input{height:38px;min-height:38px;padding:6px 9px}.ai-input button,.ai-input .voice-input,.ai-input button:last-child{height:38px;min-height:38px}}.corner-page{padding:46px 0 70px}.corner-hero{justify-content:space-between;align-items:flex-end;gap:24px;max-width:920px;margin:0 auto 20px;display:flex}.corner-hero>div:first-child>span{color:var(--blue);letter-spacing:1.5px;font-size:11px;font-weight:900}.corner-hero h1{letter-spacing:-1px;margin:5px 0;font-size:42px}.corner-hero p{color:var(--muted);margin:0}.corner-online{color:#4f7656;white-space:nowrap;background:#f3faf4;border:1px solid #dce8de;border-radius:99px;padding:9px 13px;font-size:12px}.corner-online i{background:#4caf65;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.corner-room{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:920px;margin:0 auto;overflow:hidden;box-shadow:0 18px 60px #34382c0b}.corner-messages{scroll-behavior:smooth;background:#f8f8f5;height:min(620px,100dvh - 270px);min-height:430px;padding:24px;overflow-y:auto}.corner-messages article{align-items:flex-start;gap:10px;margin-bottom:17px;display:flex}.corner-messages article.mine{flex-direction:row-reverse}.corner-avatar{color:#355f9e;background:#e7edfa;border-radius:13px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.corner-messages article.system .corner-avatar{color:#b86a20;background:#fff1dc}.corner-messages article>div:last-child{max-width:min(72%,620px)}.corner-messages article header{align-items:center;gap:8px;margin:0 3px 5px;font-size:11px;display:flex}.corner-messages article.mine header{justify-content:flex-end}.corner-messages article header time{color:#aaa}.corner-ai-badge{color:#3977ea;background:#e9f1ff;border-radius:99px;padding:2px 5px;font-size:9px;font-weight:800}.corner-messages article p{overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border:1px solid #ece9e1;border-radius:4px 15px 15px;margin:0;padding:11px 14px;line-height:1.65}.corner-messages article.mine p{background:#e7f0ff;border-color:#cfe0ff;border-radius:15px 4px 15px 15px}.corner-messages article.system p{color:#69552f;background:#fff9e9;border-color:#f0ddb8}.corner-loading{text-align:center;color:#999;padding:18px}.corner-composer{border-top:1px solid var(--line);background:#fff;padding:13px}.corner-composer textarea{resize:none;border:0;outline:0;width:100%;min-height:62px;padding:8px;line-height:1.5}.corner-composer>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.corner-composer>div>span{color:#aaa;font-size:11px}.corner-composer button{background:var(--blue);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:90px;height:40px;font-weight:800;display:flex}.corner-composer button:disabled{opacity:.45;cursor:not-allowed}.corner-composer button svg{width:16px}@media (width<=520px){.corner-page{width:100%;padding:20px 10px 36px}.corner-hero{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}.corner-hero h1{font-size:30px}.corner-hero p{font-size:12px;line-height:1.6}.corner-room{border-radius:15px}.corner-messages{height:calc(100dvh - 310px);min-height:390px;padding:14px 11px}.corner-messages article{gap:8px;margin-bottom:13px}.corner-avatar{border-radius:11px;flex-basis:34px;width:34px;height:34px}.corner-messages article>div:last-child{max-width:calc(100% - 42px)}.corner-messages article p{padding:9px 11px;font-size:13px}.corner-composer{padding:8px}.corner-composer textarea{min-height:50px;font-size:16px}}