@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{font-family:var(--font-body);color:var(--color-foreground);background:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-primary: #315f49;--color-on-primary: #ffffff;--color-secondary: #eaf1eb;--color-accent: #a85c3d;--color-background: #f7f8f5;--color-foreground: #26372e;--color-card: #ffffff;--color-muted: #edf2ed;--color-muted-foreground: #52635a;--color-border: #dfe6de;--color-ring: #315f49;--font-body: "DM Sans", sans-serif;--font-heading: "Playfair Display", Georgia, serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-control: 6px;--radius-card: 9px;--shadow-card: 0 7px 20px rgb(38 60 44 / 5%);--ink: var(--color-foreground);--muted: var(--color-muted-foreground);--green: var(--color-primary);--line: var(--color-border);--surface: var(--color-card)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,audio:focus-visible{outline:3px solid var(--color-ring);outline-offset:3px}.app-shell{width:min(1480px,calc(100% - 64px));margin:0 auto}.topbar{position:sticky;z-index:20;top:0;height:77px;display:flex;align-items:center;border-bottom:1px solid var(--color-border);background:var(--color-background)}.brand{display:flex;flex:0 0 auto;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-weight:700;font-size:19px;letter-spacing:-.8px;white-space:nowrap}.brand-mark{width:31px;height:31px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:10px 10px 10px 3px}.brand-dot{color:#72a58c}.top-nav{display:flex;gap:clamp(12px,2vw,30px);height:100%;margin-left:clamp(28px,5vw,76px)}.nav-link{position:relative;display:flex;align-items:center;gap:6px;padding:0;border:0;color:#52635a;background:transparent;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;transition:color .18s ease}.nav-link:hover{color:var(--color-primary)}.nav-link.active{color:var(--green)}.nav-link.active:after{position:absolute;content:"";height:2px;left:0;right:0;bottom:-1px;background:var(--green)}.mobile-menu-toggle{display:none}.profile-button{display:flex;align-items:center;gap:10px;margin-left:auto;padding:6px 0 6px 8px;border:0;color:#64736a;background:none;font-size:12px}.profile-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#365a49;background:#e2eee6;font-size:10px;font-weight:700}.hero{text-align:center;padding:64px 0 38px}.eyebrow,.section-kicker,.welcome-kicker,.word-kicker{color:#758b7e;letter-spacing:1.65px;font-size:9px;font-weight:700}.eyebrow{display:flex;justify-content:center;align-items:center;gap:9px}.eyebrow-line{width:16px;height:1px;background:#9eb4a3}.hero h1{margin:17px 0 10px;color:#27392f;font-family:Playfair Display,Georgia,serif;font-size:clamp(32px,4vw,43px);font-weight:500;letter-spacing:-.9px}.hero h1 em{color:#56806c}.hero>p{margin:0;color:#8b9690;font-size:13px}.search-form{width:min(570px,100%);height:53px;display:flex;align-items:center;gap:12px;margin:25px auto 0;padding:6px 7px 6px 17px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card)}.search-icon{flex:0 0 auto;color:#94a49a}.search-form input{width:100%;min-width:0;outline:0;border:0;color:#293a31;background:transparent;font-size:13px}.search-form input::placeholder{color:#a4ada8}.clear-search{display:grid;place-items:center;padding:5px;border:0;color:#8a9690;background:transparent}.search-submit{height:39px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:0;border-radius:6px;color:#fff;background:var(--green);white-space:nowrap;font-size:12px;font-weight:600;transition:background .2s}.search-submit:hover,.retry-button:hover{background:#234f40}.search-submit:disabled{opacity:.65;cursor:wait}.search-hint{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:12px;color:#a0aaa4;font-size:10px}.search-hint button{padding:0;border:0;color:#597967;background:none;font-size:10px;text-decoration:underline;text-underline-offset:2px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 278px;align-items:start;gap:22px;padding-bottom:44px}.main-column,.side-column{min-width:0}.welcome-card,.state-card,.result-card,.transcript-card,.saved-card{border:1px solid #e8ece8;border-radius:10px;background:var(--surface)}.welcome-card{min-height:263px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;text-align:center}.welcome-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:13px;border-radius:12px;color:#53806a;background:#eff5ef}.welcome-kicker{font-size:8px;letter-spacing:1.4px}.welcome-card h2{margin:9px 0 6px;color:#304137;font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:500}.welcome-card p{margin:0;color:#929d96;font-size:11px}.quick-words{display:flex;gap:8px;margin-top:20px}.quick-words button{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #e5ebe5;border-radius:20px;color:#668070;background:#fff;font-size:10px}.quick-words button:hover{border-color:#9fb6a6;background:#f7faf7}.state-card{min-height:228px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.state-card h2{margin:11px 0 5px;color:#34443b;font-family:Playfair Display,Georgia,serif;font-size:21px;font-weight:500}.state-card p{max-width:370px;margin:0;color:#89958e;font-size:12px;line-height:1.65}@keyframes spin{to{transform:rotate(360deg)}}.error-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#8b7557;background:#f7f1e8;font-family:Georgia,serif;font-size:18px}.retry-button{display:flex;align-items:center;gap:7px;margin-top:14px;padding:8px 13px;border:0;border-radius:6px;color:#fff;background:var(--green);font-size:11px}.error-hint{margin-top:10px;color:#a1aaa5;font-size:10px}.result-card{padding:21px 23px 14px}.results-stack{display:grid;gap:12px}.word-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid #edf0ed}.word-kicker{font-size:8px;letter-spacing:1.5px}.word-label h2{display:inline-block;margin:5px 11px 0 0;color:#2b3c32;font-family:Playfair Display,Georgia,serif;font-size:32px;font-weight:500;letter-spacing:-.5px}.phonetic{color:#87958c;font-size:13px}.save-button{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e1e9e2;border-radius:6px;color:#60796a;background:#fff;font-size:10px;white-space:nowrap}.save-button.saved{border-color:#c9ded0;color:#3e7658;background:#f3f8f3}.pronunciation-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:14px 0;border-bottom:1px solid #edf0ed}.pronunciation-label{padding-top:6px;color:#91a096;font-size:8px;font-weight:700;letter-spacing:1px}.pronunciation-item{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.ipa-text{color:#65796c;font-size:12px}.pronunciation-item audio{width:165px;height:28px}.audio-credit{width:100%;color:#9aa49d;font-size:9px;text-decoration:none}.audio-credit:hover{text-decoration:underline}.definitions{padding-top:14px}.definition-heading{display:flex;align-items:center;gap:7px;color:#89998e;font-size:8px;font-weight:700;letter-spacing:1.15px}.definition-heading>span{width:5px;height:5px;border-radius:50%;background:#7fa68c}.meaning-group{display:grid;grid-template-columns:67px 1fr;gap:8px;margin-top:12px}.part-of-speech{width:fit-content;height:fit-content;padding:4px 7px;border-radius:4px;color:#668170;background:#f1f6f1;font-size:9px;font-style:italic}.meaning-group ol{margin:0;padding-left:16px;color:#738078}.meaning-group li{padding-left:3px;margin-bottom:11px;font-size:12px;line-height:1.65}.meaning-group li::marker{color:#8ea595;font-size:10px}.meaning-group li>p{margin:0;color:#46564c}.meaning-group blockquote{margin:6px 0 0;padding-left:10px;border-left:2px solid #dce8df;color:#929b95;font-family:Playfair Display,Georgia,serif;font-size:11px;font-style:italic}.sense-relations{display:grid;gap:3px;margin-top:6px;color:#73877a;font-size:10px}.sense-relations b{margin-right:5px;color:#8b9b90;font-size:8px;text-transform:uppercase}.relations{display:grid;gap:9px;padding:12px 0;border-top:1px solid #edf0ed}.relation-row{display:grid;grid-template-columns:88px 1fr;align-items:baseline;gap:9px}.relation-row>span{color:#8d9b91;font-size:8px;font-weight:700;letter-spacing:.8px}.relation-row>div{display:flex;flex-wrap:wrap;gap:5px}.relation-chip{padding:4px 8px;border:1px solid #e9eee9;border-radius:12px;color:#62786a;font-size:9px}.translation-note{margin:9px 0;padding:9px 10px;border-radius:5px;color:#8a7858;background:#faf8f2;font-size:10px}.attribution{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #edf0ed;color:#9aa49d;font-size:9px}.attribution>div{display:flex;flex-wrap:wrap;gap:10px}.attribution a{color:#728b7b;text-decoration:none}.attribution a:hover{text-decoration:underline}.transcript-card{margin-top:15px;padding:19px 21px 14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-kicker{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.3px}.section-kicker svg{color:#78a087}.section-heading h2{margin:6px 0 0;color:#324238;font-family:Playfair Display,Georgia,serif;font-size:19px;font-weight:500}.text-button{padding:5px 0;border:0;color:#6d8d79;background:transparent;font-size:10px}.transcript-instruction{margin:11px 0 7px;color:#98a29c;font-size:10px}.transcript-text{margin:0;color:#637168;font-size:12px;line-height:1.95}.transcript-word{padding:0 1px;border:0;border-bottom:1px dotted #88ad94;color:#47785d;background:transparent;font-size:inherit;line-height:inherit}.transcript-word:hover{color:#244e38;background:#eff5ef}.transcript-editor{width:100%;resize:vertical;padding:11px;border:1px solid #dfe8df;border-radius:6px;outline-color:#85a992;color:#53665a;font-size:12px;line-height:1.7}.transcript-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #edf0ed;color:#a0aaa3;font-size:9px}.audio-control{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #e5ebe5;border-radius:5px;color:#65816e;background:#fff;font-size:10px}.audio-control:hover{background:#f5f8f5}.saved-card{padding:17px 17px 13px}.saved-title{display:flex;align-items:center;gap:10px}.saved-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:#5f806b;background:#eef4ef}.saved-title h2{margin:0;color:#34443b;font-size:12px;font-weight:600}.saved-title p{margin:4px 0 0;color:#9aa49d;font-size:9px}.saved-chevron{margin-left:auto;color:#a6b0a9}.saved-empty{display:flex;flex-direction:column;align-items:center;padding:27px 5px 21px;text-align:center}.saved-empty-icon{width:35px;height:35px;display:grid;place-items:center;border:1px dashed #dce5dc;border-radius:50%;color:#a4b4a8}.saved-empty p{margin:10px 0 4px;color:#69786e;font-family:Playfair Display,Georgia,serif;font-size:14px}.saved-empty>span:last-child{color:#a0aaa3;font-size:9px}.saved-list{list-style:none;margin:13px 0 5px;padding:0}.saved-list li{display:flex;align-items:center;justify-content:space-between;padding:8px 3px;border-top:1px solid #eff2ef}.saved-list li>button:first-child{padding:0;border:0;color:#53745f;background:transparent;font-family:Playfair Display,Georgia,serif;font-size:14px}.remove-word{display:grid;place-items:center;padding:4px;border:0;color:#a4aea7;background:transparent}.remove-word:hover{color:#a86758}.local-note{padding-top:10px;border-top:1px solid #eff2ef;color:#a0aaa4;font-size:9px}.storage-error{margin:10px 0 0;color:#a35b4e;font-size:10px;line-height:1.5}.tip-card{position:relative;overflow:hidden;min-height:137px;margin-top:13px;padding:18px;border-radius:9px;color:#e7f0e9;background:#476d57}.tip-card:after{position:absolute;right:-25px;bottom:-47px;width:119px;height:119px;border:1px solid #ffffff24;border-radius:50%;content:""}.tip-spark{position:absolute;top:16px;right:17px;color:#c2d7bf;font-size:20px}.tip-label{color:#b7cfbb;font-size:8px;font-weight:700;letter-spacing:1.25px}.tip-card p{position:relative;z-index:1;max-width:205px;margin:13px 0 14px;font-family:Playfair Display,Georgia,serif;font-size:15px;line-height:1.5}.tip-number{color:#bed0bf;font-size:8px;letter-spacing:1px}.page-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 0 20px;border-top:1px solid #e7ebe7;color:#9ba69f;font-size:9px}.page-footer a{display:flex;align-items:center;gap:5px;text-decoration:none}.page-footer a:hover{color:#5c7d68}@media(max-width:760px){.app-shell{width:min(100% - 36px,560px)}.topbar{height:66px}.top-nav{gap:19px;margin-left:33px}.profile-label,.profile-button>svg{display:none}.hero{padding:48px 0 30px}.content-grid{grid-template-columns:1fr;gap:14px}.side-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:12px}.tip-card{margin-top:0;min-height:unset}}@media(max-width:480px){.app-shell{width:calc(100% - 28px)}.top-nav{gap:14px;margin-left:auto;margin-right:18px}.nav-link{font-size:11px}.brand{gap:7px;font-size:17px}.brand-mark{width:28px;height:28px}.hero{padding-top:39px}.hero h1{font-size:32px}.hero>p{max-width:290px;margin:0 auto;line-height:1.6}.search-form{height:49px;gap:8px;padding-left:12px}.search-submit{height:36px;gap:5px;padding:0 10px;font-size:10px}.search-form input{font-size:12px}.search-hint{flex-wrap:wrap;font-size:9px}.welcome-card{min-height:240px;padding:22px 14px}.welcome-card h2{font-size:19px}.quick-words{gap:5px}.quick-words button{gap:4px;padding:6px 8px;font-size:9px}.result-card{padding:17px 14px 12px}.word-label h2{font-size:27px}.save-button{gap:5px;padding:7px 8px;font-size:9px}.meaning-group{grid-template-columns:57px 1fr;gap:5px}.part-of-speech{padding:4px 5px;font-size:8px}.transcript-card{padding:16px 14px 12px}.side-column{grid-template-columns:1fr}.tip-card{min-height:132px}.page-footer{flex-direction:column;align-items:flex-start}}.workspace{min-height:calc(100vh - 150px)}.topbar{gap:0}.top-nav{margin-left:52px;gap:7px}.nav-link{gap:7px;padding:0 11px;border:0;background:transparent;cursor:pointer}.nav-link.active:after{left:10px;right:10px}.device-profile{display:flex;align-items:center;gap:8px;margin-left:auto;color:#78877d;font-size:10px}.device-profile{flex:0 0 auto;white-space:nowrap}.page-context{display:flex;align-items:center;gap:9px;margin:20px 0 18px;color:#a0aaa3;font-size:8px;font-weight:600;letter-spacing:1.15px}.page-context strong{color:#5b7062;font-weight:600}.context-divider{color:#c4ccc6}.app-alert{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px 12px;border:1px solid #eedfc4;border-radius:6px;color:#806b49;background:#fcf8ef;font-size:11px}.app-alert button{display:grid;place-items:center;padding:0;border:0;color:inherit;background:transparent}.home-page{padding-bottom:40px}.home-welcome{position:relative;display:flex;align-items:center;min-height:255px;overflow:hidden;padding:37px 43px 48px;border:1px solid #e6ece5;border-radius:12px;background:linear-gradient(110deg,#fff,#fff 52%,#f0f5ef)}.welcome-copy{position:relative;z-index:1;width:min(590px,70%)}.welcome-copy .eyebrow{justify-content:flex-start;font-size:8px}.welcome-copy h1{margin:16px 0 9px;color:#2e4135;font-family:Playfair Display,Georgia,serif;font-size:clamp(29px,3.8vw,39px);font-weight:500;letter-spacing:-.8px}.welcome-copy h1 em{color:#5c866e}.welcome-copy>p{max-width:455px;margin:0;color:#89968d;font-size:12px;line-height:1.8}.welcome-actions{display:flex;gap:9px;margin-top:21px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:0 13px;border:1px solid transparent;border-radius:6px;font-size:10px;font-weight:600;text-decoration:none}.primary-button{color:#fff;background:#34664f}.primary-button:hover{background:#28533e}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{border-color:#e2e9e2;color:#60766a;background:#fff}.secondary-button:hover{border-color:#bfcebf;background:#f9fbf9}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.welcome-footnote{position:absolute;right:25px;bottom:17px;display:flex;align-items:center;gap:6px;color:#91a096;font-size:9px}.welcome-footnote svg{color:#7d9d83}.welcome-art{position:absolute;top:8px;right:5%;width:235px;height:205px}.art-orbit{position:absolute;top:22px;left:33px;width:165px;height:165px;border:1px solid #cfddcd;border-radius:50%}.orbit-two{top:44px;left:12px;width:205px;height:130px;transform:rotate(-33deg);border-color:#dce7dc}.art-book{position:absolute;top:58px;left:84px;width:88px;height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:rotate(7deg);border:1px solid #d6e0d4;border-radius:8px 12px 12px 4px;color:#527d62;background:#fff;box-shadow:8px 9px #e7eee6}.art-book span{color:#506b58;font-family:Playfair Display,Georgia,serif;font-size:11px;line-height:1.1;text-align:center}.art-book em{color:#89a18b}.art-star{position:absolute;color:#8eaa8e}.star-one{top:36px;right:20px;font-size:19px}.star-two{top:137px;left:36px;color:#c2aa76;font-size:15px}.art-caption{position:absolute;right:28px;bottom:11px;color:#91a096;font-family:Playfair Display,Georgia,serif;font-size:10px;font-style:italic}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:14px}.stat-card{display:flex;align-items:flex-start;gap:11px;padding:15px 14px;border:1px solid #e8ece8;border-radius:8px;background:#fff}.stat-icon{width:29px;height:29px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;color:#64836d;background:#eff5ef}.stat-card>div{display:grid;gap:3px}.stat-label{color:#9aa59e;font-size:7px;font-weight:700;letter-spacing:.9px}.stat-card strong{color:#405248;font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:500;line-height:1.15}.stat-card small{color:#9ba69f;font-size:8px}.home-section{margin-top:30px}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px}.section-title-row h2{margin:5px 0 0;color:#34443b;font-family:Playfair Display,Georgia,serif;font-size:21px;font-weight:500}.text-button{display:inline-flex;align-items:center;gap:5px}.lesson-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.lesson-card{overflow:hidden;width:100%;padding:0;border:1px solid #e7ece7;border-radius:8px;color:inherit;background:#fff;text-align:left;transition:transform .16s,box-shadow .16s}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #334a370c}.lesson-thumbnail{position:relative;display:grid;place-items:center;height:125px;overflow:hidden;color:#78917f;background:linear-gradient(135deg,#e5eee4,#d6e3d8)}.lesson-thumbnail img{width:100%;height:100%;object-fit:cover}.youtube-thumb{background:linear-gradient(135deg,#dce9df,#b5cbbb)}.direct-thumb{display:grid;place-items:center;width:100%;height:100%;color:#7d9985;background:radial-gradient(circle at center,#f8faf7,#dbe8dd)}.play-overlay{position:absolute;top:50%;left:50%;display:grid;width:34px;height:34px;place-items:center;transform:translate(-50%,-50%);border:1px solid #ffffffa6;border-radius:50%;color:#fff;background:#2f5c46b8}.video-kind{position:absolute;right:9px;bottom:8px;padding:4px 6px;border-radius:3px;color:#fff;background:#243d2dbb;font-size:7px;font-weight:700;letter-spacing:.8px}.lesson-card-content{padding:12px 13px}.lesson-tags{display:flex;flex-wrap:wrap;gap:5px}.lesson-tags span{padding:4px 7px;border-radius:10px;color:#6a8571;background:#f0f5ef;font-size:8px}.lesson-card-content h3{overflow:hidden;margin:8px 0 10px;color:#405047;font-family:Playfair Display,Georgia,serif;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.lesson-meta{display:flex;justify-content:space-between;gap:6px;color:#98a39b;font-size:8px}.lesson-meta span{display:flex;align-items:center;gap:4px}.add-lesson-card{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #d2dfd3;border-radius:8px;color:#75917c;background:#fafcf9}.add-lesson-card:hover{border-color:#91ac96;background:#f4f8f3}.add-lesson-card>span{display:grid;width:35px;height:35px;place-items:center;margin-bottom:3px;border-radius:10px;color:#62846b;background:#eaf2e9}.add-lesson-card strong{color:#5d7764;font-size:10px}.add-lesson-card small{color:#a0aaa2;font-size:8px}.home-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:19px}.tool-card{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border:1px solid #e7ece7;border-radius:8px;color:#789080;background:#fff;text-align:left}.tool-card:hover{border-color:#c8d8ca;background:#fbfcfb}.tool-card>span:nth-child(2){display:grid;min-width:0;gap:4px;flex:1}.tool-card strong{color:#516459;font-size:10px}.tool-card small{color:#9aa59e;font-size:8px;line-height:1.5}.tool-icon{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;color:#61806b;background:#eef4ee}.empty-state{min-height:222px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 20px;border:1px solid #e8ece8;border-radius:9px;background:#fff;text-align:center}.empty-state-icon{width:41px;height:41px;display:grid;place-items:center;margin-bottom:11px;border-radius:12px;color:#688870;background:#eef4ee}.empty-state h2{margin:0 0 6px;color:#3a4b40;font-family:Playfair Display,Georgia,serif;font-size:19px;font-weight:500}.empty-state p{max-width:440px;margin:0 0 14px;color:#929e96;font-size:10px;line-height:1.7}.library-page,.vocabulary-page,.practice-page,.dictionary-page{padding-bottom:40px}.page-heading-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:29px 0 22px}.page-heading-row h1,.lesson-heading h1{margin:6px 0 5px;color:#304137;font-family:Playfair Display,Georgia,serif;font-size:29px;font-weight:500;letter-spacing:-.3px}.page-heading-row p,.lesson-heading p{margin:0;color:#929d95;font-size:11px}.page-heading-row>.primary-button,.page-heading-row>.secondary-button{flex:0 0 auto}.additional-page{min-height:60vh;padding-bottom:40px}.feature-notice{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;padding:13px 15px;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-muted)}.feature-notice svg{flex:0 0 auto;margin-top:2px}.feature-notice p{margin:0;color:var(--color-muted-foreground);font-size:13px;line-height:1.65}.reading-page{min-height:60vh;padding-bottom:42px}.reading-source-tabs{display:flex;gap:7px;margin:8px 0 14px;border-bottom:1px solid var(--color-border)}.reading-source-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:0;border-bottom:2px solid transparent;color:var(--color-muted-foreground);background:transparent;font-size:13px}.reading-source-tabs button.selected{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}.reading-source-notice{margin:12px 0;padding:11px 13px;border-left:3px solid var(--color-accent);color:var(--color-muted-foreground);background:#f7f1e8;font-size:12px;line-height:1.6}.reading-toolbar{display:flex;align-items:end;gap:12px;margin:16px 0 18px}.reading-filter{display:grid;gap:5px;min-width:180px;color:var(--color-muted-foreground);font-size:11px}.reading-filter select{min-height:40px;padding:0 30px 0 10px;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-foreground);background:var(--color-card)}.reading-search{width:min(460px,100%);min-height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-muted-foreground);background:var(--color-card)}.reading-search input{width:100%;min-width:0;border:0;outline:0;color:var(--color-foreground);background:transparent;font-size:13px}.reading-search>button{border:0;color:var(--color-muted-foreground);background:transparent;font-size:20px}.reading-results{display:grid;border-top:1px solid var(--color-border)}.reading-result{display:grid;gap:8px;padding:20px 16px;border-bottom:1px solid var(--color-border);transition:background .2s ease,transform .2s ease,border-color .2s ease;animation:page-enter .28s ease both}.reading-result:hover{transform:translate(3px);border-bottom-color:#c9d8cb;background:var(--color-card)}.reading-result-meta{color:var(--color-muted-foreground);font-size:10px;font-weight:700;letter-spacing:1px}.reading-result h2{margin:0;font-family:var(--font-heading);font-size:21px;font-weight:500;line-height:1.35}.reading-result h2 button{padding:0;border:0;color:var(--color-foreground);background:transparent;font:inherit;text-align:left}.reading-result h2 button:hover{color:var(--color-primary)}.reading-result>p{max-width:780px;margin:0;color:var(--color-muted-foreground);font-size:13px;line-height:1.65}.reading-result-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.reading-result-footer small{color:var(--color-muted-foreground);font-size:10px}.reading-result-footer button{display:inline-flex;align-items:center;gap:6px;padding:6px 0;border:0;color:var(--color-primary);background:transparent;font-size:12px;font-weight:600}.reading-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--color-muted-foreground);text-align:center}.reading-state p{max-width:500px;margin:0;font-size:13px;line-height:1.6}.reading-detail>.back-link{margin:8px 0 18px}.reading-article{width:min(1200px,100%);margin:0 auto;padding:34px clamp(22px,4vw,56px);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);box-shadow:0 12px 36px #263c2c0a;animation:page-enter .28s ease both}.reading-article>header{padding-bottom:18px;border-bottom:1px solid var(--color-border)}.reading-article>header h2{margin:8px 0;color:var(--color-foreground);font-family:var(--font-heading);font-size:clamp(24px,3.2vw,35px);font-weight:500;line-height:1.25}.reading-article>header p{margin:0;color:var(--color-muted-foreground);font-size:11px}.reading-text{max-width:920px;padding:22px 0;color:var(--color-foreground);font-size:18px;line-height:1.85}.reading-text p{margin:0 0 15px}.reading-sentence-wrap{position:relative}.reading-sentence{display:inline;padding:0;border:0;border-radius:2px;color:inherit;background:transparent;font:inherit;line-height:inherit;text-align:left;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px}.reading-sentence:hover,.reading-sentence:focus-visible{color:var(--color-primary);text-decoration-color:#9ab6a2}.reading-translation-hint{position:absolute;z-index:4;bottom:calc(100% + 6px);left:0;width:max-content;max-width:min(340px,80vw);display:inline-flex;align-items:flex-start;gap:6px;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-foreground);background:#fff;box-shadow:var(--shadow-card);font-size:12px;line-height:1.5}.reading-attribution{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid var(--color-border);color:var(--color-muted-foreground)}.reading-attribution strong{color:var(--color-foreground);font-size:12px}.reading-attribution p{max-width:560px;margin:4px 0;font-size:11px;line-height:1.6}.reading-attribution small{display:block;max-width:560px;font-size:10px;line-height:1.6}.reading-attribution a{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--color-primary);font-size:11px;text-decoration:none}.reading-translation-note{max-width:800px;margin:20px auto 0;color:var(--color-muted-foreground);font-size:10px;line-height:1.6;text-align:center}@keyframes page-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.reading-source-tabs button{transition:color .18s ease,background .18s ease,border-color .18s ease}.reading-source-tabs button:hover{color:var(--color-primary);background:#eaf1eb8c}.reading-source-tabs button.selected{background:linear-gradient(180deg,transparent 70%,rgb(234 241 235 / 45%))}.reading-result h2 button,.reading-result-footer button,.reading-attribution a{transition:color .18s ease,transform .18s ease}.reading-result-footer button:hover,.reading-attribution a:hover{transform:translate(2px);color:#234b36}.reading-sentence{transition:color .16s ease,text-decoration-color .16s ease}.reading-article>header{animation:page-enter .3s ease both}.collection-list{display:grid;border-top:1px solid var(--color-border)}.collection-row,.course-lesson-row{display:flex;align-items:center;gap:14px;width:100%;min-width:0;padding:15px 8px;border:0;border-bottom:1px solid var(--color-border);color:var(--color-muted-foreground);background:transparent;text-align:left}.collection-row:hover,.course-lesson-row:hover{background:var(--color-muted)}.collection-icon,.course-detail-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-secondary)}.collection-copy{display:grid;min-width:0;flex:1;gap:4px}.collection-copy strong{overflow:hidden;color:var(--color-foreground);font-size:14px;font-weight:600;text-overflow:ellipsis}.collection-copy small{color:var(--color-muted-foreground);font-size:12px;line-height:1.5}.collection-level{color:var(--color-muted-foreground);font-size:12px;white-space:nowrap}.course-detail-heading{display:flex;align-items:center;gap:14px;margin:20px 0}.course-detail-icon{width:48px;height:48px}.course-detail-heading h1{margin:4px 0;color:var(--color-foreground);font-family:var(--font-heading);font-size:28px;font-weight:500}.course-detail-heading p{margin:0;color:var(--color-muted-foreground);font-size:13px}.course-lesson-number{width:30px;flex:0 0 auto;color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;font-size:13px}.course-lesson-row>svg{flex:0 0 auto;color:var(--color-primary)}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px}.account-main-column{display:grid;min-width:0;gap:16px}.settings-card,.account-notice{padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card)}.settings-heading{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.settings-heading>span,.account-notice>span,.admin-guard>span{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-secondary)}.settings-heading h2,.account-notice h2,.admin-guard h2{margin:0;color:var(--color-foreground);font-size:16px;font-weight:600}.settings-heading p{margin:4px 0 0;color:var(--color-muted-foreground);font-size:13px}.account-form{display:grid;gap:16px;padding-top:16px}.account-form>label{display:grid;gap:6px;color:var(--color-muted-foreground);font-size:13px;font-weight:600}.account-form input,.account-form select,.account-form textarea{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-foreground);background:var(--color-card);font-size:14px}.account-form textarea{resize:vertical;font-family:var(--font-body);line-height:1.55}.account-actions{display:flex;flex-wrap:wrap;gap:9px}.text-button{padding:8px 0;border:0;color:var(--color-primary);background:transparent;font-size:13px;text-align:left;text-decoration:underline;text-underline-offset:3px}.form-error{margin:0;color:#a73d36;font-size:13px;line-height:1.5}.auth-success{margin:0;color:var(--color-primary);font-size:13px;line-height:1.5}.auth-signed-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}.auth-signed-in p{margin:0;color:var(--color-muted-foreground);font-size:14px}.form-two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.form-two-columns label{display:grid;min-width:0;gap:6px;color:var(--color-muted-foreground);font-size:13px;font-weight:600}.field-hint{margin:-4px 0 0;color:var(--color-muted-foreground);font-size:12px;line-height:1.55}.admin-listening-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;gap:16px}.admin-listening-editor,.admin-listening-library{min-width:0}.admin-listening-library .settings-heading{gap:10px}.admin-listening-library .settings-heading>div{min-width:0;flex:1}.admin-listening-library .icon-button{flex:0 0 auto}.admin-video-list{display:grid;padding-top:7px}.admin-video-row{display:flex;align-items:center;gap:7px;padding:12px 0;border-bottom:1px solid var(--color-border)}.admin-video-row>div{display:grid;min-width:0;flex:1;gap:4px}.admin-video-row strong{overflow:hidden;color:var(--color-foreground);font-size:13px;text-overflow:ellipsis}.admin-video-row small{color:var(--color-muted-foreground);font-size:11px;line-height:1.45}.admin-video-row .icon-button{width:34px;height:34px;flex:0 0 auto}.admin-video-row .icon-button.danger{color:#a73d36}.muted-copy{padding:12px 0;color:var(--color-muted-foreground);font-size:13px;line-height:1.6}.listening-page{min-width:0;animation:page-enter .24s ease both}.listening-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.listening-card{display:flex;align-items:flex-start;gap:13px;min-width:0;padding:17px;border:1px solid var(--color-border);border-radius:var(--radius-card);color:var(--color-muted-foreground);background:var(--color-card);box-shadow:var(--shadow-card);text-align:left;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.listening-card:hover{transform:translateY(-2px);border-color:#b6cbbb;box-shadow:0 11px 26px #263c2c14}.listening-card>svg{flex:0 0 auto;margin:4px 0 0 auto;color:var(--color-primary)}.listening-card-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-secondary)}.listening-card-copy{display:grid;min-width:0;flex:1;gap:7px}.listening-card-copy>strong{color:var(--color-foreground);font-size:15px;line-height:1.4}.listening-card-copy>small{color:var(--color-muted-foreground);font-size:12px;line-height:1.5}.listening-lesson{min-width:0;animation:page-enter .24s ease both}.listening-lesson-heading{margin:14px 0 18px}.listening-lesson-heading h1{margin:8px 0 5px;color:var(--color-foreground);font-family:var(--font-heading);font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.25}.listening-lesson-heading p{margin:0;color:var(--color-muted-foreground);font-size:13px;line-height:1.6}.listening-study-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:start;gap:16px}.listening-player-column{min-width:0}.player-frame{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:var(--radius-card);background:#15231b;box-shadow:var(--shadow-card)}.player-frame>div:first-child,.player-frame iframe,.player-frame video{width:100%;height:100%}.player-frame iframe,.player-frame video{display:block;border:0}.player-frame .video-caption-overlay{position:absolute;z-index:2;right:4%;bottom:8%;left:4%;display:grid;justify-items:center;gap:5px;pointer-events:none;text-align:center}.player-frame .player-error{position:absolute;z-index:3;inset:auto 0 0;padding:10px 12px;color:#fff;background:#64201ce5;font-size:12px;line-height:1.5}.listening-player-meta{display:flex;justify-content:space-between;gap:10px;padding:10px 2px;color:var(--color-muted-foreground);font-size:12px}.listening-player-meta span:first-child{display:inline-flex;align-items:center;gap:6px}.listening-transcript-panel{overflow:hidden;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card)}.listening-transcript-tabs{display:flex;gap:5px;padding:10px;border-bottom:1px solid var(--color-border)}.listening-transcript-tabs button{min-height:36px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-control);color:var(--color-muted-foreground);background:transparent;font-size:12px}.listening-transcript-tabs button.selected{border-color:var(--color-border);color:var(--color-primary);background:var(--color-secondary)}.listening-cue-list{overflow-y:auto;max-height:min(60vh,570px);padding:4px 12px;scroll-behavior:smooth}.listening-cue{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:11px 4px;border-bottom:1px solid #edf0ed}.listening-cue.active{margin-right:-4px;margin-left:-4px;padding-right:8px;padding-left:8px;border-radius:5px;background:var(--color-secondary)}.listening-cue-time{align-self:start;padding:4px 0;border:0;color:var(--color-primary);background:transparent;font-size:11px;font-variant-numeric:tabular-nums;text-align:left}.listening-cue p{margin:0;color:var(--color-foreground);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.listening-transcript-empty,.listening-state{display:grid;justify-items:center;gap:9px;padding:40px 22px;color:var(--color-muted-foreground);text-align:center}.listening-transcript-empty>svg{color:var(--color-primary)}.listening-transcript-empty h2{margin:0;color:var(--color-foreground);font-family:var(--font-heading);font-size:20px;font-weight:500}.listening-transcript-empty p,.listening-state p{max-width:420px;margin:0;font-size:13px;line-height:1.6}.account-notice{background:var(--color-muted)}.account-notice>span{margin-bottom:12px}.account-notice p,.admin-guard p{color:var(--color-muted-foreground);font-size:13px;line-height:1.7}.account-notice small{display:block;margin:14px 0;color:var(--color-muted-foreground);font-size:12px;line-height:1.55}.account-notice .secondary-button{min-height:40px}.admin-guard{display:grid;justify-items:center;max-width:680px;margin:30px auto;padding:30px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);text-align:center}.admin-guard>span{width:46px;height:46px;margin-bottom:13px}.admin-guard h2{font-family:var(--font-heading);font-size:24px;font-weight:500}.admin-guard p{max-width:530px;margin:8px 0 16px}.admin-guard>div{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;border-radius:var(--radius-control);color:var(--color-muted-foreground);background:var(--color-muted);font-size:12px;line-height:1.6;text-align:left}.admin-guard>div svg{flex:0 0 auto;margin-top:1px}.library-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.library-search,.level-filter{height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e4eae4;border-radius:6px;color:#93a097;background:#fff}.library-search{flex:1}.library-search input{width:100%;border:0;outline:0;color:#405248;background:transparent;font-size:10px}.library-search input::placeholder{color:#a4aea7}.level-filter select{max-width:160px;border:0;outline:0;color:#718077;background:transparent;font-size:9px}.result-count{margin-left:auto;color:#99a49d;font-size:9px;white-space:nowrap}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-card-wrap{position:relative;min-width:0}.lesson-card-wrap .lesson-card{height:100%}.delete-lesson{position:absolute;top:7px;right:7px;z-index:2;display:grid;width:27px;height:27px;place-items:center;border:1px solid #ffffff7a;border-radius:50%;color:#fff;background:#23392db8;opacity:0;transition:opacity .15s}.lesson-card-wrap:hover .delete-lesson,.delete-lesson:focus-visible{opacity:1}.lesson-card-wrap .lesson-thumbnail{height:145px}.lesson-workspace{padding-bottom:40px}.back-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;color:#71867a;background:transparent;font-size:10px}.back-link:hover{color:#345b44}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0 18px}.lesson-heading h1{margin-top:7px}.lesson-heading .secondary-button{flex:0 0 auto}.study-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);align-items:start;gap:14px}.study-main,.study-aside{min-width:0}.player-frame{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:9px;background:#172019}.lesson-video{display:block;width:100%;height:100%;border:0}.youtube-player iframe{width:100%;height:100%;border:0}.player-error{position:absolute;right:8px;bottom:8px;left:8px;padding:8px 10px;border-radius:5px;color:#fff;background:#553b31e8;font-size:9px}.player-controls{display:flex;align-items:center;gap:13px;padding:9px 0;color:#929d95;font-size:9px}.player-controls>span{display:flex;align-items:center;gap:5px}.caption-toggles{display:flex;gap:3px;margin-left:auto;padding:3px;border:1px solid #e5ebe5;border-radius:5px;background:#fff}.caption-toggles button{padding:4px 7px;border:0;border-radius:3px;color:#9ca69f;background:transparent;font-size:8px;font-weight:700}.caption-toggles button.selected{color:#527660;background:#edf4ed}.transcript-panel,.dictionary-panel{overflow:hidden;border:1px solid #e6ece6;border-radius:8px;background:#fff}.transcript-panel-heading,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 15px;border-bottom:1px solid #eef1ee}.transcript-panel-heading h2{margin:5px 0 0;color:#34453b;font-family:Playfair Display,Georgia,serif;font-size:17px;font-weight:500}.transcript-panel-heading>span{color:#9ca69f;font-size:9px}.cue-list{max-height:min(58vh,620px);overflow-y:auto;padding:5px 10px;scroll-behavior:smooth}.cue-row{display:grid;grid-template-columns:39px 1fr;gap:8px;padding:9px 6px;border-radius:5px;transition:background .15s}.cue-row.active{background:#f1f6f0}.cue-time{align-self:start;padding:2px 0;border:0;color:#87a08d;background:transparent;font-size:8px;font-variant-numeric:tabular-nums}.cue-time:hover{color:#365e44;text-decoration:underline}.cue-english,.cue-vietnamese{margin:0;color:#34483b;font-size:14px;line-height:1.75}.cue-vietnamese{margin-top:5px;color:#52635a;font-size:13px}.transcript-legend{display:flex;gap:13px;padding:9px 15px;border-top:1px solid #eef1ee;color:#9aa49d;font-size:8px}.transcript-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:5px;height:5px;border-radius:50%;background:#7aa286}.clickable-dot{background:#9ab99e}.study-aside{position:sticky;top:15px}.panel-title{justify-content:flex-start;padding:13px}.panel-title h2{margin:0;color:#45554a;font-size:11px;font-weight:600}.panel-title p{margin:3px 0 0;color:#9ba59e;font-size:8px}.panel-context{margin:11px 12px 0;padding:9px;border-radius:5px;background:#f5f8f4}.panel-context .section-kicker{font-size:7px}.panel-context p{margin:5px 0 0;color:#7f8d83;font-size:9px;line-height:1.55}.panel-empty{display:flex;flex-direction:column;align-items:center;padding:25px 17px 30px;text-align:center}.panel-empty-icon{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;color:#8ba18e;background:#f0f5ef}.panel-empty p{margin:9px 0 4px;color:#6d7e72;font-family:Playfair Display,Georgia,serif;font-size:13px}.panel-empty small{color:#a0aaa3;font-size:8px;line-height:1.6}.panel-dictionary-link{padding:9px 12px;border-top:1px solid #eef1ee;color:#a0aaa3;font-size:8px}.compact-result{padding:13px 12px 10px;border:0;border-radius:0}.compact-result .word-header{align-items:flex-start;gap:6px;padding-bottom:10px}.compact-result .word-label h2{margin-right:0;font-size:23px}.compact-result .word-label .phonetic{display:block;margin-top:4px;font-size:10px}.compact-result .save-button{gap:4px;padding:6px 7px;font-size:8px}.compact-result .pronunciation-row{gap:7px;padding:9px 0}.compact-result .pronunciation-label{display:none}.compact-result .pronunciation-item audio{width:145px}.compact-result .pronunciation-item{gap:4px}.compact-result .definitions{padding-top:10px}.compact-result .meaning-group{grid-template-columns:51px 1fr;gap:4px;margin-top:9px}.compact-result .part-of-speech{padding:3px 4px;font-size:7px}.compact-result .meaning-group li{margin-bottom:8px;font-size:10px;line-height:1.55}.compact-result .meaning-group blockquote{font-size:9px}.compact-result .relations{gap:7px;padding:9px 0}.compact-result .relation-row{grid-template-columns:66px 1fr;gap:5px}.compact-result .relation-chip{padding:3px 6px;font-size:8px}.compact-result .translation-note{padding:7px;font-size:8px}.compact-result .attribution{font-size:8px}.inline-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:20px;color:#819087;font-size:10px;text-align:center}.inline-state.compact-state{min-height:115px}.spinner{color:#5d8a71;animation:spin 1s linear infinite}.inline-error{display:flex;flex-direction:column;align-items:center;gap:7px;padding:22px 14px;text-align:center}.inline-error .error-mark{width:27px;height:27px}.inline-error strong{color:#5c685f;font-family:Playfair Display,Georgia,serif;font-size:14px;font-weight:500}.inline-error p{margin:0;color:#929c95;font-size:9px;line-height:1.6}.inline-error .text-button{padding:4px;font-size:9px}.muted-copy{padding:20px 16px;color:#98a39b;font-size:10px}.dictionary-page .page-heading-row,.library-page .page-heading-row,.vocabulary-page .page-heading-row,.practice-page .page-heading-row{margin-top:29px}.dictionary-search{width:min(680px,100%);margin:0 0 17px}.dictionary-content{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:14px}.dictionary-main{min-width:0}.dictionary-aside{display:grid;gap:10px}.source-card,.source-note,.context-note{padding:14px;border:1px solid #e7ece7;border-radius:8px;background:#fff}.source-icon{display:grid;width:29px;height:29px;place-items:center;margin-bottom:9px;border-radius:8px;color:#64846c;background:#eff5ef}.source-card h3,.source-note strong{margin:0;color:#526357;font-size:10px;font-weight:600}.source-card p,.source-note p,.context-note p{margin:6px 0 9px;color:#929d95;font-size:9px;line-height:1.7}.source-card a{display:inline-flex;align-items:center;gap:4px;color:#62826c;font-size:9px;text-decoration:none}.source-note{border-color:#eee8d8;background:#fbf9f2}.source-note p{margin-bottom:0;color:#93886e}.context-note .section-kicker{font-size:7px}.context-note p{color:#76857a;font-family:Playfair Display,Georgia,serif;font-size:11px}.vocabulary-list{display:grid;gap:10px}.vocabulary-row{padding:14px 16px;border:1px solid #e7ece7;border-radius:8px;background:#fff}.vocabulary-row.mastered{border-left:3px solid #8eae93}.vocab-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.vocab-word{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;color:#476d55;background:transparent;font-family:Playfair Display,Georgia,serif;font-size:18px}.vocab-word:hover{color:#2e543c}.vocab-row-actions{display:flex;align-items:center;gap:11px}.mastered-toggle{display:inline-flex;align-items:center;gap:5px;color:#819086;font-size:9px}.mastered-toggle input{accent-color:#4d795b}.vocab-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.vocab-edit-grid label,.vocab-meta-fields label{display:grid;gap:5px;color:#839087;font-size:8px}.vocab-edit-grid textarea,.vocab-meta-fields input{width:100%;resize:vertical;padding:8px;border:1px solid #e8ede8;border-radius:5px;outline-color:#9bb19c;color:#5f6e63;background:#fcfdfc;font-size:9px;line-height:1.5}.vocab-edit-grid textarea::placeholder,.vocab-meta-fields input::placeholder{color:#b0b9b2}.vocab-meta-fields{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:9px}.vocab-meta-fields label{width:min(210px,50%)}.vocab-meta-fields>span{display:inline-flex;align-items:center;gap:5px;padding-bottom:7px;color:#9ba69f;font-size:8px}.export-message{margin:-10px 0 12px;color:#578160;font-size:10px}.practice-session{max-width:620px;margin:17px auto 30px}.practice-progress{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#849187;font-size:8px;letter-spacing:.8px}.practice-progress>div{height:4px;overflow:hidden;flex:1;border-radius:5px;background:#e7ede7}.practice-progress i{display:block;height:100%;border-radius:inherit;background:#79a084;transition:width .2s}.practice-progress button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;color:#66836f;background:transparent;font-size:8px}.flashcard{width:100%;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:1px solid #e5ebe5;border-radius:12px;color:#405347;background:linear-gradient(145deg,#fff,#f7faf6);box-shadow:0 12px 30px #334a370a}.flashcard.flipped{background:linear-gradient(145deg,#f3f8f2,#fff)}.flashcard-kicker{color:#91a095;font-size:8px;font-weight:700;letter-spacing:1.5px}.flashcard>strong{margin-top:21px;color:#476d55;font-family:Playfair Display,Georgia,serif;font-size:34px;font-weight:500;text-align:center}.flashcard.flipped>strong{max-width:470px;color:#495c4e;font-size:21px;line-height:1.6}.flashcard>em{margin-top:11px;color:#8c9a90;font-family:Playfair Display,Georgia,serif;font-size:12px}.flashcard>small{display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:#91a096;font-size:8px}.flashcard-hint{margin-top:34px;color:#a2ada4;font-size:9px}.practice-rating{display:flex;justify-content:center;gap:9px;margin-top:14px}.review-again,.review-known{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:132px;padding:10px 14px;border:1px solid #eadfd8;border-radius:6px;color:#9a7165;background:#fff;font-size:10px}.review-known{border-color:#d7e6d8;color:#578060;background:#f5f9f4}.review-again:hover{background:#fbf6f3}.review-known:hover{background:#edf5ed}.practice-disclaimer{margin:12px 0;color:#a0aaa2;font-size:8px;text-align:center}.dictionary-page .empty-state{min-height:255px}.dictionary-page .result-card{margin-bottom:10px}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;padding:20px;background:#18251dcc}.lesson-modal{width:min(640px,100%);max-height:min(90vh,850px);overflow-y:auto;padding:20px 22px;border-radius:11px;background:#fff;box-shadow:0 20px 70px #0f201c4d}.word-lookup-modal{width:min(600px,100%)}.word-lookup-modal>.result-card{margin-top:14px}.word-lookup-context{margin-top:14px;padding:11px 13px;border:1px solid #e7ece7;border-radius:7px;background:#f8faf8}.word-lookup-context p{margin:5px 0 0;color:#647369;font-size:13px;line-height:1.6}.modal-heading{display:flex;justify-content:space-between;gap:10px}.modal-heading h2{margin:5px 0 0;color:#35473c;font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:500}.icon-button{display:grid;width:31px;height:31px;place-items:center;border:1px solid #e7ece7;border-radius:6px;color:#87948b;background:#fff}.modal-intro{margin:10px 0 16px;color:#909b94;font-size:10px;line-height:1.65}.lesson-form{display:grid;gap:12px}.lesson-form>label,.form-two-columns label{display:grid;gap:5px;color:#6f7f74;font-size:9px;font-weight:600}.lesson-form input:not([type=file]),.lesson-form select,.lesson-form textarea{width:100%;padding:9px 10px;border:1px solid #e4eae4;border-radius:5px;outline-color:#95af9a;color:#4f6255;background:#fff;font-size:10px;font-weight:400}.lesson-form input::placeholder,.lesson-form textarea::placeholder{color:#aab3ac}.lesson-form textarea{resize:vertical;font-family:DM Sans,sans-serif;line-height:1.6}.form-two-columns{display:grid;grid-template-columns:.7fr 1.3fr;gap:10px}.subtitle-form-section{display:grid;gap:6px}.subtitle-form-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.subtitle-form-heading strong{color:#6f7f74;font-size:9px}.file-picker{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #e6ece6;border-radius:4px;color:#6e8976;background:#fff;font-size:8px;cursor:pointer}.file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.file-picker:focus-within{outline:2px solid #94b09a}.field-hint{color:#9ba69e;font-size:8px}.form-error{margin:0;padding:8px;border-radius:5px;color:#965e50;background:#fbf3ef;font-size:9px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.video-caption-overlay{position:absolute;z-index:2;right:4%;bottom:9%;left:4%;display:grid;justify-items:center;gap:5px;pointer-events:none;text-align:center}.video-caption-overlay span{max-width:92%;padding:5px 10px;border-radius:3px;color:#fff;background:#0f1611e0;font-size:clamp(13px,1.7vw,21px);font-weight:600;line-height:1.45;text-wrap:pretty}.video-caption-overlay span[lang=vi]{font-size:clamp(12px,1.45vw,18px);font-weight:500}.cue-row{grid-template-columns:48px 1fr;gap:10px;padding:11px 8px}.cue-time{min-width:40px;min-height:28px;color:#526b5b;font-size:10px}.cue-vietnamese{color:#52635a}.transcript-word{color:#315f49}.transcript-word:hover{color:#1e4533}.caption-toggles button{min-width:38px;min-height:30px;color:#52635a}.caption-toggles button.selected{color:#234b36;background:#eaf1eb}.player-controls{min-height:48px;color:#52635a;font-size:11px}.panel-context p,.panel-empty small,.panel-dictionary-link,.compact-result .meaning-group li,.compact-result .translation-note{font-size:12px}.panel-title h2{font-size:13px}.page-footer{color:#52635a;font-size:11px}.nav-link:focus-visible{border-radius:4px;outline-offset:-3px}.eyebrow,.section-kicker,.welcome-kicker,.word-kicker{color:var(--color-muted-foreground)}.welcome-copy>p,.stat-label,.stat-card small,.lesson-meta span,.page-context,.page-heading-row p,.lesson-heading p{color:var(--color-muted-foreground)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:900px){.app-shell{width:min(100% - 40px,840px)}.top-nav{margin-left:auto;gap:2px}.nav-link{gap:0;padding:7px 9px;font-size:0}.nav-link svg{width:16px;height:16px}.device-profile .profile-label,.device-profile>svg{display:none}.study-layout{grid-template-columns:minmax(0,1fr)}.study-aside{position:static}.account-layout{grid-template-columns:minmax(0,1fr) 240px}.listening-study-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:12px}.admin-listening-layout{grid-template-columns:minmax(0,1fr)}.dictionary-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dictionary-panel .panel-title,.dictionary-panel .panel-context,.dictionary-panel .panel-dictionary-link{grid-column:1 / -1}.panel-empty{min-height:160px}.dictionary-content{grid-template-columns:minmax(0,1fr) 190px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.app-shell{width:calc(100% - 28px)}.topbar{height:62px}.mobile-menu-toggle{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;margin-left:auto;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-card)}.mobile-menu-toggle:hover,.mobile-menu-toggle[aria-expanded=true]{border-color:#b6cbbb;background:var(--color-secondary)}.top-nav{position:absolute;z-index:21;top:calc(100% + 1px);right:0;left:0;display:none;height:auto;max-width:none;margin:0;padding:9px;border:1px solid var(--color-border);border-radius:0 0 var(--radius-card) var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card)}.top-nav.mobile-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.nav-link{min-height:42px;justify-content:flex-start;gap:9px;padding:8px 10px;border-radius:var(--radius-control);font-size:13px}.nav-link:hover,.nav-link.active{background:var(--color-secondary)}.nav-link svg{width:16px;height:16px;flex:0 0 auto}.nav-link.active:after{top:8px;right:auto;bottom:8px;left:0;width:2px;height:auto}.device-profile{gap:0}.device-profile{margin-left:9px}.device-profile .profile-label,.device-profile>svg{display:none}.profile-avatar{width:26px;height:26px}.page-context{margin-top:14px}.reading-toolbar{align-items:stretch;flex-direction:column;gap:8px}.reading-filter,.reading-search{width:100%}.reading-source-tabs button{flex:1;justify-content:center;padding:0 6px;font-size:11px}.reading-result h2{font-size:18px}.reading-text{padding:15px 0;font-size:16px}.reading-article{padding:20px 16px}.reading-attribution{flex-direction:column;gap:10px}.home-welcome{min-height:245px;align-items:flex-start;padding:29px 22px 51px}.welcome-copy{width:100%}.welcome-copy h1{max-width:350px;font-size:31px}.welcome-copy>p{max-width:320px;font-size:10px}.welcome-art{right:-75px;opacity:.24}.welcome-footnote{right:auto;left:21px;font-size:8px}.stats-grid{gap:7px}.stat-card{gap:8px;padding:11px 9px}.stat-icon{width:25px;height:25px}.stat-label{font-size:6px}.stat-card strong{font-size:18px}.stat-card small{font-size:7px}.section-title-row h2{font-size:18px}.lesson-card-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lesson-thumbnail,.lesson-card-wrap .lesson-thumbnail{height:96px}.lesson-card-content{padding:9px}.lesson-card-content h3{font-size:12px}.lesson-meta{flex-direction:column;gap:5px}.lesson-meta span{font-size:7px}.add-lesson-card{min-height:180px}.home-tools{grid-template-columns:1fr;gap:7px}.home-tools .tool-card{padding:10px}.page-heading-row{align-items:flex-start;margin:20px 0 16px}.page-heading-row h1,.lesson-heading h1{font-size:24px}.page-heading-row p{max-width:260px;font-size:9px;line-height:1.6}.page-heading-row .primary-button,.page-heading-row .secondary-button{min-height:32px;padding:0 8px;font-size:8px}.page-heading-row .primary-button svg,.page-heading-row .secondary-button svg{width:13px}.library-toolbar{flex-wrap:wrap;gap:7px}.library-search{flex-basis:100%}.level-filter{flex:1}.result-count{margin-left:auto}.dictionary-content{grid-template-columns:1fr}.dictionary-aside{grid-template-columns:1fr 1fr}.source-card{grid-row:span 2}.dictionary-panel{grid-template-columns:1fr}.dictionary-panel .panel-title,.dictionary-panel .panel-context,.dictionary-panel .panel-dictionary-link{grid-column:auto}.lesson-heading{align-items:flex-start}.lesson-heading .secondary-button{padding:0 8px;font-size:8px}.lesson-heading p{font-size:9px}.lesson-heading{gap:8px}.lesson-heading .secondary-button{white-space:nowrap}.account-layout,.listening-catalog,.listening-study-layout{grid-template-columns:1fr}.listening-study-layout{gap:8px}.listening-cue-list{max-height:52vh}.form-two-columns{grid-template-columns:1fr}.settings-card,.account-notice{padding:15px}.collection-row,.course-lesson-row{gap:9px;padding:13px 4px}.collection-level{display:none}.course-detail-heading h1{font-size:23px}.admin-guard{margin:18px 0;padding:22px 16px}.player-controls{flex-wrap:wrap;gap:8px}.cue-list{max-height:54vh;padding-right:6px;padding-left:6px}.cue-row{grid-template-columns:42px minmax(0,1fr);gap:6px;padding:10px 4px}.cue-english{font-size:14px}.cue-vietnamese{font-size:13px}.vocab-edit-grid{grid-template-columns:1fr}.vocab-meta-fields{align-items:flex-end}.vocab-meta-fields label{width:50%}.practice-progress{gap:7px}.practice-progress button{white-space:nowrap}.flashcard{min-height:255px;padding:23px}.flashcard>strong{font-size:29px}.flashcard.flipped>strong{font-size:18px}.page-footer{gap:6px}}@media(max-width:380px){.nav-link{padding-right:5px;padding-left:5px}.brand{font-size:15px}.brand-mark{width:25px;height:25px}.lesson-card-grid,.library-grid{grid-template-columns:1fr}.lesson-thumbnail,.lesson-card-wrap .lesson-thumbnail{height:135px}.dictionary-aside{grid-template-columns:1fr}.source-card{grid-row:auto}}