.hanngu-app{--hg-bg:#070b14;--hg-panel:rgba(15,23,42,.86);--hg-panel2:#111827;--hg-text:#f8fafc;--hg-muted:#94a3b8;--hg-border:rgba(148,163,184,.16);--hg-cyan:#67e8f9;min-height:100vh;padding:28px;color:var(--hg-text);background:radial-gradient(circle at top left,rgba(14,165,233,.15),transparent 32%),var(--hg-bg)}.hanngu-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border:1px solid rgba(103,232,249,.2);border-radius:28px;background:linear-gradient(135deg,rgba(14,165,233,.2),rgba(30,41,59,.9));box-shadow:0 24px 70px rgba(0,0,0,.25)}.hanngu-hero.compact{padding:24px}.hanngu-hero h1{margin:8px 0;color:var(--hg-text);font-size:clamp(28px,4vw,46px);font-weight:900}.hanngu-hero p{margin:0;color:var(--hg-muted)}.hanngu-kicker{display:inline-flex;gap:8px;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.hanngu-kicker,.hanngu-search{align-items:center;color:var(--hg-cyan)}.hanngu-search{min-width:min(360px,100%);display:flex;gap:10px;padding:12px 15px;border:1px solid var(--hg-border);border-radius:15px;background:rgba(2,6,23,.55)}.hanngu-search input{width:100%;border:0;outline:0;color:var(--hg-text);background:transparent}.hanngu-search input::placeholder{color:#64748b}.hanngu-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hanngu-primary-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 16px;border-radius:14px;color:#082f49!important;background:var(--hg-cyan);font-weight:850;text-decoration:none}.hanngu-breadcrumb{display:flex;gap:9px;align-items:center;margin:18px 2px;color:var(--hg-muted);font-size:13px}.hanngu-breadcrumb a{color:var(--hg-cyan);text-decoration:none}.hanngu-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));grid-gap:18px;gap:18px}.hanngu-series-card{overflow:hidden;border:1px solid var(--hg-border);border-radius:22px;color:inherit;text-decoration:none;background:var(--hg-panel);transition:.18s}.hanngu-series-card:hover{color:inherit;transform:translateY(-4px);border-color:rgba(103,232,249,.45)}.hanngu-card-image{position:relative;height:180px;display:flex;align-items:center;justify-content:center;color:var(--hg-cyan);background:#020617;font-size:64px}.hanngu-card-image img{object-fit:cover}.hanngu-card-body{padding:18px}.hanngu-card-body>span{color:var(--hg-cyan);font-size:12px;font-weight:850;text-transform:uppercase}.hanngu-card-body h2{margin:7px 0;color:var(--hg-text);font-size:22px;font-weight:850}.hanngu-card-body p{min-height:44px;color:var(--hg-muted)}.hanngu-card-body strong{display:flex;align-items:center;gap:8px;color:var(--hg-cyan)}.hanngu-empty,.hanngu-loading{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed var(--hg-border);border-radius:22px;color:var(--hg-muted);background:var(--hg-panel)}.hanngu-empty svg{font-size:42px;color:var(--hg-cyan)}.light-mode .hanngu-app,.theme-light .hanngu-app{--hg-bg:#f5f7fb;--hg-panel:#fff;--hg-panel2:#f8fafc;--hg-text:#0f172a;--hg-muted:#475569;--hg-border:rgba(15,23,42,.12);--hg-cyan:#0369a1;background:radial-gradient(circle at top left,rgba(14,165,233,.13),transparent 32%),var(--hg-bg)}.light-mode .hanngu-hero,.theme-light .hanngu-hero{background:linear-gradient(135deg,rgba(14,165,233,.14),hsla(0,0%,100%,.96))}.light-mode .hanngu-search,.theme-light .hanngu-search{background:#fff}.light-mode .hanngu-lesson-actions a.start,.light-mode .hanngu-lesson-number,.light-mode .hanngu-primary-btn,.theme-light .hanngu-lesson-actions a.start,.theme-light .hanngu-lesson-number,.theme-light .hanngu-primary-btn{color:#fff!important;background:#0891b2}.light-mode .hanngu-card-image,.theme-light .hanngu-card-image{background:#e0f2fe}@media(max-width:800px){.hanngu-app{padding:16px}.hanngu-hero{align-items:stretch;flex-direction:column;padding:20px}.hanngu-search{min-width:0}.hanngu-lesson-card{grid-template-columns:52px 1fr}.hanngu-lesson-actions{grid-column:1/-1}.hanngu-lesson-actions a{flex:1 1;justify-content:center}}.hanngu-editor{display:flex;flex-direction:column;gap:18px}.hanngu-editor-bar{position:-webkit-sticky;position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--hg-border);border-radius:18px;background:rgba(15,23,42,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hanngu-editor-bar a{display:flex;align-items:center;gap:8px;color:var(--hg-cyan);text-decoration:none}.hanngu-action-row button,.hanngu-editor button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border:1px solid var(--hg-border);border-radius:12px;color:var(--hg-text);background:#1e293b;font-weight:800}.hanngu-editor button.primary{color:#082f49;background:var(--hg-cyan)}.hanngu-editor button.danger{color:#fecaca;background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.hanngu-editor-section{padding:22px;border:1px solid var(--hg-border);border-radius:22px;background:var(--hg-panel);box-shadow:0 18px 46px rgba(0,0,0,.14)}.hanngu-editor-section.ai{border-color:rgba(168,85,247,.3);background:radial-gradient(circle at top right,rgba(168,85,247,.13),transparent 32%),var(--hg-panel)}.hanngu-block-title,.hanngu-section-heading,.hanngu-subcard-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hanngu-section-heading{margin-bottom:18px}.hanngu-section-heading span{display:flex;align-items:center;gap:7px;color:var(--hg-cyan);font-size:12px;font-weight:850;text-transform:uppercase}.hanngu-section-heading h2{margin:5px 0 0;color:var(--hg-text);font-size:23px;font-weight:900}.hanngu-form-grid{display:grid;grid-gap:13px;gap:13px}.hanngu-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.hanngu-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.hanngu-number-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:10px;gap:10px;margin:13px 0}.hanngu-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;color:var(--hg-muted);font-size:12px;font-weight:750}.hanngu-editor select,.hanngu-field input,.hanngu-field textarea{width:100%;padding:11px 12px;border:1px solid var(--hg-border);border-radius:12px;outline:0;color:var(--hg-text);background:rgba(2,6,23,.48);font-size:14px;font-weight:500}.hanngu-field textarea{resize:vertical;white-space:pre-wrap}.hanngu-editor select:focus,.hanngu-field input:focus,.hanngu-field textarea:focus{border-color:var(--hg-cyan);box-shadow:0 0 0 3px rgba(34,211,238,.1)}.hanngu-editor-block{margin-top:16px;padding:18px;border:1px solid var(--hg-border);border-radius:18px;background:rgba(2,6,23,.3)}.hanngu-editor-block h3,.hanngu-editor-block h4{color:var(--hg-text);font-weight:850}.hanngu-editor-block h4{margin:18px 0 10px;font-size:15px}.hanngu-editor-block small{color:var(--hg-muted)}.hanngu-subcard{margin:10px 0;padding:14px;border:1px solid var(--hg-border);border-radius:15px;background:rgba(15,23,42,.62)}.hanngu-subcard-head{margin-bottom:10px}.hanngu-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.hanngu-save-footer{display:flex;justify-content:flex-end;padding:16px;border:1px solid var(--hg-border);border-radius:18px;background:var(--hg-panel)}.light-mode .hanngu-editor-bar,.theme-light .hanngu-editor-bar{background:hsla(0,0%,100%,.95)}.light-mode .hanngu-editor button,.theme-light .hanngu-editor button{color:#334155;background:#f8fafc}.light-mode .hanngu-editor button.primary,.theme-light .hanngu-editor button.primary{color:#fff;background:#0891b2}.light-mode .hanngu-editor select,.light-mode .hanngu-field input,.light-mode .hanngu-field textarea,.theme-light .hanngu-editor select,.theme-light .hanngu-field input,.theme-light .hanngu-field textarea{color:#0f172a;background:#fff}.light-mode .hanngu-editor-block,.light-mode .hanngu-subcard,.theme-light .hanngu-editor-block,.theme-light .hanngu-subcard{background:#f8fafc}@media(max-width:900px){.hanngu-form-grid.three,.hanngu-form-grid.two{grid-template-columns:1fr}.hanngu-number-row{grid-template-columns:repeat(2,1fr)}}.hanngu-lesson-hero{display:grid;grid-template-columns:auto 1fr auto;grid-gap:22px;gap:22px;align-items:center;padding:24px;border:1px solid rgba(103,232,249,.2);border-radius:26px;background:linear-gradient(135deg,rgba(14,165,233,.18),var(--hg-panel));box-shadow:0 20px 55px rgba(0,0,0,.18)}.hanngu-lesson-cover{position:relative;width:180px;height:125px;overflow:hidden;border-radius:18px}.hanngu-lesson-cover img{object-fit:cover}.hanngu-lesson-hero h1{margin:5px 0;color:var(--hg-text);font-size:34px;font-weight:900}.hanngu-lesson-hero p{margin:0;color:var(--hg-muted);font-size:17px}.hanngu-lesson-hero .hanngu-breadcrumb{margin:0 0 8px}.hanngu-progress{max-width:520px;margin-top:14px}.hanngu-progress>span{color:var(--hg-muted);font-size:12px}.hanngu-progress>div{height:8px;margin-top:6px;overflow:hidden;border-radius:99px;background:rgba(148,163,184,.16)}.hanngu-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#22c55e)}.hanngu-learning-layout{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:18px;gap:18px;margin-top:18px;align-items:start}.hanngu-tree-sidebar{position:-webkit-sticky;position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;padding:15px;border:1px solid var(--hg-border);border-radius:20px;background:var(--hg-panel)}.hanngu-tree-title{display:flex;align-items:center;gap:8px;padding:8px;color:var(--hg-text);font-weight:900}.hanngu-tree-group{margin-top:13px;padding-top:10px;border-top:1px solid var(--hg-border)}.hanngu-tree-group>strong{display:block;padding:5px 8px;color:var(--hg-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hanngu-tree-sidebar button{width:100%;display:grid;grid-template-columns:20px 1fr 14px;grid-gap:8px;gap:8px;align-items:center;margin:4px 0;padding:11px;border:0;border-radius:12px;color:var(--hg-muted);background:transparent;text-align:left}.hanngu-tree-sidebar button.active,.hanngu-tree-sidebar button:hover{color:var(--hg-text);background:rgba(14,165,233,.14)}.hanngu-tree-sidebar button.active{box-shadow:inset 3px 0 #22d3ee}.hanngu-tree-sidebar button .done{color:#4ade80}.hanngu-tree-sidebar button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hanngu-active-content{min-width:0}.hanngu-view-panel{min-height:560px;padding:24px;border:1px solid var(--hg-border);border-radius:22px;background:var(--hg-panel)}.hanngu-panel-heading{margin-bottom:18px}.hanngu-panel-heading span{display:flex;align-items:center;gap:7px;color:var(--hg-cyan);font-size:12px;font-weight:850;text-transform:uppercase}.hanngu-panel-heading h2{margin:6px 0;color:var(--hg-text);font-size:25px;font-weight:900}.hanngu-panel-heading.small h2{font-size:19px}.hanngu-youtube{position:relative;padding-top:56.25%;overflow:hidden;border-radius:18px;background:#000}.hanngu-youtube iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.hanngu-text-versions{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px}.hanngu-text-versions>div{padding:17px;border:1px solid var(--hg-border);border-radius:17px;background:rgba(2,6,23,.34)}.hanngu-text-versions span{color:var(--hg-cyan);font-size:11px;font-weight:850;text-transform:uppercase}.hanngu-text-versions p{margin:8px 0 0;color:var(--hg-text);font-size:17px;line-height:1.8;white-space:pre-wrap}.hanngu-text-versions p.tiengtrungText{font-size:24px}.hanngu-vocab-section{margin-top:22px;padding-top:20px;border-top:1px solid var(--hg-border)}.hanngu-grammar-hero{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid rgba(103,232,249,.24);border-radius:17px;background:rgba(14,165,233,.1)}.hanngu-grammar-hero span{color:var(--hg-cyan);font-weight:850}.hanngu-grammar-hero strong{color:var(--hg-text);font-size:21px}.hanngu-example-list{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.hanngu-example-list article{padding:17px;border:1px solid var(--hg-border);border-radius:16px;background:rgba(2,6,23,.28)}.hanngu-example-list article>b{color:var(--hg-cyan);font-size:12px}.hanngu-example-list h3,.hanngu-example-list h4{margin:7px 0;color:var(--hg-text)}.hanngu-example-list p{margin:5px 0;color:var(--hg-muted)}.hanngu-practice-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}.hanngu-practice-card{padding:18px;border:1px solid var(--hg-border);border-radius:18px;background:rgba(2,6,23,.3)}.hanngu-practice-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.hanngu-practice-head>span{color:var(--hg-cyan);font-size:11px;font-weight:850;text-transform:uppercase}.hanngu-practice-actions button,.hanngu-practice-head button,.hanngu-word-bank button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--hg-border);border-radius:11px;color:var(--hg-text);background:#1e293b}.hanngu-practice-card h3{margin:12px 0;color:var(--hg-text);font-size:18px}.hanngu-practice-sentence{padding:13px;border-radius:12px;color:var(--hg-text);background:rgba(14,165,233,.1);font-size:19px;white-space:pre-wrap}.hanngu-word-bank{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.hanngu-word-bank button{color:#082f49;background:#67e8f9;font-weight:850}.hanngu-practice-card textarea{width:100%;padding:12px;border:1px solid var(--hg-border);border-radius:12px;outline:0;color:var(--hg-text);background:rgba(2,6,23,.5)}.hanngu-practice-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.hanngu-practice-actions button.ai{color:#082f49;background:#67e8f9;font-weight:850}.hanngu-ai-result{margin-top:13px;padding:15px;border:1px solid hsla(0,91%,71%,.35);border-radius:14px;color:#fecaca;background:rgba(239,68,68,.1)}.hanngu-ai-result.correct{color:#bbf7d0;border-color:rgba(74,222,128,.35);background:rgba(34,197,94,.1)}.hanngu-ai-result strong{display:flex;align-items:center;gap:7px}.hanngu-ai-result p{margin:7px 0 0}.hanngu-complete-row{display:flex;justify-content:flex-end;margin-top:12px}.hanngu-complete-row button{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid rgba(74,222,128,.35);border-radius:13px;color:#bbf7d0;background:rgba(34,197,94,.12);font-weight:850}.hanngu-complete-row button.completed{color:#052e16;background:#86efac}.light-mode .hanngu-example-list article,.light-mode .hanngu-practice-card,.light-mode .hanngu-text-versions>div,.theme-light .hanngu-example-list article,.theme-light .hanngu-practice-card,.theme-light .hanngu-text-versions>div{background:#f8fafc}.light-mode .hanngu-practice-actions button,.light-mode .hanngu-practice-head button,.theme-light .hanngu-practice-actions button,.theme-light .hanngu-practice-head button{color:#334155;background:#fff}.light-mode .hanngu-practice-card textarea,.theme-light .hanngu-practice-card textarea{color:#0f172a;background:#fff}@media(max-width:1000px){.hanngu-learning-layout{grid-template-columns:1fr}.hanngu-tree-sidebar{position:static;max-height:none}.hanngu-lesson-hero{grid-template-columns:1fr}.hanngu-lesson-cover{width:100%;height:210px}.hanngu-text-versions{grid-template-columns:1fr}}.hanngu-traditional-title{margin:0 0 5px;color:var(--hg-muted);font-size:20px;font-weight:750}.hanngu-title-audio{width:min(420px,100%);height:36px;margin-top:10px}.hanngu-dialogue-view{display:flex;flex-direction:column;gap:12px}.hanngu-dialogue-line{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:14px;gap:14px;padding:16px;border:1px solid var(--hg-border);border-radius:18px;background:rgba(2,6,23,.32)}.hanngu-speaker-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:start;min-height:64px;border-radius:16px;color:#082f49;background:#67e8f9}.hanngu-dialogue-line.male .hanngu-speaker-badge{color:#eff6ff;background:#2563eb}.hanngu-speaker-badge strong{font-size:20px}.hanngu-speaker-badge span{font-size:11px;font-weight:800}.hanngu-dialogue-line p{margin:0 0 5px;white-space:pre-wrap}.hanngu-dialogue-line .tiengtrungText{color:var(--hg-text);font-size:24px}.hanngu-dialogue-line .traditional{color:var(--hg-muted);font-size:19px}.hanngu-dialogue-line .pinyinText{color:var(--hg-cyan)}.hanngu-dialogue-line .meaning{color:var(--hg-muted)}.hanngu-dialogue-line small{color:#64748b}.hanngu-stats-row{display:flex;flex-wrap:wrap;gap:10px}.hanngu-stats-row span{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--hg-border);border-radius:12px;color:var(--hg-muted);background:rgba(2,6,23,.3)}.hanngu-stats-row b{color:var(--hg-cyan)}.hanngu-muted-note{margin:12px 0 0;color:var(--hg-muted)}.hanngu-baitap-panel{overflow:hidden}.light-mode .hanngu-dialogue-line,.light-mode .hanngu-stats-row span,.theme-light .hanngu-dialogue-line,.theme-light .hanngu-stats-row span{background:#f8fafc}.hanngu-dialogue-line .dialogue-text-line{display:block}.hanngu-dialogue-line .dialogue-vocab-word{position:relative;display:inline;margin:0;padding:0 2px;border:0;border-radius:6px;color:#fde047;background:rgba(250,204,21,.1);font:inherit;font-weight:850;line-height:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:rgba(250,204,21,.48);text-decoration-color:rgba(250,204,21,.48);text-decoration-thickness:2px;text-underline-offset:4px;transition:color .16s ease,background .16s ease}.hanngu-dialogue-line .dialogue-vocab-word:focus-visible,.hanngu-dialogue-line .dialogue-vocab-word:hover{color:#fef08a;background:rgba(250,204,21,.2);outline:none}.hanngu-dialogue-line .dialogue-vocab-tooltip{position:absolute;z-index:30;left:50%;bottom:calc(100% + 12px);width:max-content;max-width:min(340px,82vw);display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid rgba(103,232,249,.3);border-radius:14px;color:#e2e8f0;background:rgba(15,23,42,.98);box-shadow:0 16px 40px rgba(0,0,0,.36);font-family:inherit;font-size:13px;font-weight:500;line-height:1.45;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,5px);transition:opacity .16s ease,transform .16s ease,visibility .16s}.hanngu-dialogue-line .dialogue-vocab-tooltip:after{content:"";position:absolute;left:50%;top:100%;border:7px solid transparent;border-top-color:rgba(15,23,42,.98);transform:translateX(-50%)}.hanngu-dialogue-line .dialogue-vocab-tooltip strong{color:#67e8f9;font-size:18px}.hanngu-dialogue-line .dialogue-vocab-tooltip em{color:#94a3b8;font-size:11px;font-style:normal}.hanngu-dialogue-line .dialogue-vocab-word:focus-visible .dialogue-vocab-tooltip,.hanngu-dialogue-line .dialogue-vocab-word:hover .dialogue-vocab-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.dialogue-vocab-detail-panel .itm-card{border:0;background:transparent;box-shadow:none}.dialogue-vocab-detail-panel .itm-actions,.dialogue-vocab-detail-panel .itm-card-glow{display:none}@media(max-width:600px){.hanngu-dialogue-line{grid-template-columns:52px minmax(0,1fr);padding:12px}.hanngu-speaker-badge{min-height:52px}.hanngu-dialogue-line .tiengtrungText{font-size:21px}.hanngu-dialogue-line .dialogue-vocab-tooltip{display:none}}.hanngu-lesson-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:14px;gap:14px}.hanngu-lesson-card{position:relative;min-width:0;min-height:225px;display:flex;flex-direction:column;padding:15px;overflow:hidden;border:1px solid var(--hg-border);background:radial-gradient(circle at top right,rgba(14,165,233,.06),transparent 36%),var(--hg-panel);box-shadow:0 10px 28px rgba(0,0,0,.12);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hanngu-lesson-card:before{content:"";position:absolute;top:0;left:15px;right:15px;height:2px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,transparent,var(--hg-cyan),transparent);opacity:0;transition:opacity .18s ease}.hanngu-lesson-card:hover{transform:translateY(-4px);border-color:rgba(103,232,249,.38);box-shadow:0 18px 42px rgba(0,0,0,.22)}.hanngu-lesson-card:hover:before{opacity:1}.hanngu-lesson-card.completed{border-color:rgba(74,222,128,.2);background:radial-gradient(circle at top right,rgba(34,197,94,.1),transparent 38%),var(--hg-panel)}.hanngu-lesson-card.completed:before{opacity:1;background:linear-gradient(90deg,transparent,#4ade80,transparent)}.hanngu-lesson-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:16px}.hanngu-lesson-number{width:auto;height:auto;display:block;color:rgba(148,163,184,.42);background:transparent;font-size:31px;font-weight:900;line-height:1;letter-spacing:-2px}.hanngu-lesson-card.completed
.hanngu-lesson-number{color:rgba(74,222,128,.48)}.hanngu-lesson-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--hg-border);border-radius:999px;color:var(--hg-muted);background:rgba(2,6,23,.35);font-size:10px;font-weight:800;white-space:nowrap}.hanngu-lesson-status svg{flex:0 0 auto;font-size:10px;color:#fbbf24}.hanngu-lesson-status.done{color:#86efac;border-color:rgba(74,222,128,.2);background:rgba(34,197,94,.1)}.hanngu-lesson-status.done svg{color:#4ade80}.hanngu-lesson-info{flex:1 1;min-width:0}.hanngu-lesson-label{display:block;margin-bottom:6px;color:var(--hg-cyan);font-size:10px;font-weight:850;line-height:1;letter-spacing:.08em;text-transform:uppercase}.hanngu-lesson-info h2{display:-webkit-box;min-height:46px;margin:0;overflow:hidden;color:var(--hg-text);font-size:16px;font-weight:850;line-height:1.42;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hanngu-lesson-info p{display:flex;flex-direction:column;gap:3px;min-width:0;margin:9px 0 0}.hanngu-lesson-info p span{color:var(--hg-muted);font-size:13px;font-weight:600}.hanngu-lesson-info p small,.hanngu-lesson-info p span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hanngu-lesson-info p small{color:#64748b;font-size:11px}.hanngu-lesson-actions{display:flex;align-items:center;gap:7px;margin-top:15px}.hanngu-lesson-edit{width:35px;height:35px;flex:0 0 35px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--hg-border);border-radius:10px;color:var(--hg-muted);background:rgba(2,6,23,.34);text-decoration:none;transition:color .18s ease,border-color .18s ease,background .18s ease}.hanngu-lesson-edit:hover{color:#fde68a;border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.1)}.hanngu-lesson-start{min-width:0;height:35px;flex:1 1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px;border:1px solid rgba(103,232,249,.2);border-radius:10px;color:#082f49;background:var(--hg-cyan);text-decoration:none;font-size:12px;font-weight:850;transition:transform .18s ease,box-shadow .18s ease}.hanngu-lesson-start svg{flex:0 0 auto;font-size:10px;transition:transform .18s ease}.hanngu-lesson-start:hover{color:#082f49;box-shadow:0 8px 20px rgba(34,211,238,.16)}.hanngu-lesson-start:hover svg{transform:translateX(3px)}.hanngu-lesson-card.completed
.hanngu-lesson-start{color:#052e16;border-color:rgba(74,222,128,.25);background:#86efac}.hanngu-lesson-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.hanngu-lesson-card{min-height:0;padding:12px;border-radius:18px;background:linear-gradient(180deg,hsla(0,0%,100%,.04),transparent 42%),radial-gradient(circle at top right,rgba(45,212,191,.1),transparent 36%),var(--hg-panel)}.hanngu-lesson-card.completed{background:linear-gradient(180deg,hsla(0,0%,100%,.04),transparent 42%),radial-gradient(circle at top right,rgba(74,222,128,.13),transparent 38%),var(--hg-panel)}.hanngu-lesson-thumb{position:relative;height:124px;margin:-2px -2px 10px;overflow:hidden;border-radius:14px;background:#e0f2fe}.hanngu-lesson-thumb img{object-fit:cover;transition:transform .22s ease}.hanngu-lesson-card:hover .hanngu-lesson-thumb img{transform:scale(1.04)}.hanngu-lesson-card-top{margin-bottom:10px}.hanngu-lesson-number{color:rgba(125,211,252,.58);font-size:26px;letter-spacing:0}.hanngu-lesson-status{background:hsla(0,0%,100%,.06)}.hanngu-lesson-info h2{min-height:42px;font-size:15px;line-height:1.35}.hanngu-lesson-info p{margin-top:7px}.hanngu-lesson-info p .hanngu-lesson-chinese{color:var(--hg-text);font-size:22px;font-weight:900;line-height:1.2}.hanngu-lesson-progress{margin-top:10px}.hanngu-lesson-progress>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--hg-muted);font-size:11px;font-weight:800}.hanngu-lesson-progress strong{color:var(--hg-cyan)}.hanngu-lesson-progress>i{display:block;height:7px;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.18)}.hanngu-lesson-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#34d399)}.hanngu-lesson-actions{margin-top:12px}.hanngu-complete-row .lesson-completed,.hanngu-lesson-done-btn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:11px 14px;border:1px solid rgba(74,222,128,.35);border-radius:12px;color:#052e16;background:#86efac;font-weight:900}.hanngu-complete-row{gap:10px;flex-wrap:wrap}.light-mode .hanngu-lesson-card,.theme-light .hanngu-lesson-card{background:linear-gradient(180deg,hsla(0,0%,100%,.8),transparent 45%),radial-gradient(circle at top right,rgba(14,165,233,.1),transparent 38%),#fff}.light-mode .hanngu-lesson-status,.theme-light .hanngu-lesson-status{background:#f8fafc}@media(max-width:600px){.hanngu-lesson-thumb{height:150px}.hanngu-lesson-info p .hanngu-lesson-chinese{font-size:24px}}