:root,html[data-theme=cyber],body[data-theme=cyber]{--bg:#0b0f19;--bg-trans:#0b0f19eb;--bg-surface:#070a12f2;--card-bg:#0b0f19c7;--text:#fff;--text-muted:#94a3b8;--accent:#0fc;--accent-secondary:#f0f;--accent-tertiary:#ffe600;--accent-rgb:0, 255, 204;--accent-glow:#00ffcc40;--accent-gradient:linear-gradient(135deg, #0fc 0%, #f0f 100%);--border-color:#00ffcc40;--korean-blue:#00a6ff;--korean-red:#ff3b5c;--font-hangul:"Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-latin:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html[data-theme=white],body[data-theme=white]{--bg:#f8fafc;--bg-trans:#f8fafcf5;--bg-surface:#fff;--card-bg:#fff;--text:#0f172a;--text-muted:#64748b;--accent:#2563eb;--accent-secondary:#dc2626;--accent-tertiary:#d97706;--accent-rgb:37, 99, 235;--accent-glow:#2563eb33;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--border-color:#cbd5e1;--korean-blue:#1d4ed8;--korean-red:#dc2626}html[data-theme=noir],body[data-theme=noir]{--bg:#030303;--bg-trans:#050505f0;--bg-surface:#0c0c0cf5;--card-bg:#0e0e0ee0;--text:#fff;--text-muted:#a1a1aa;--accent:#fff;--accent-secondary:#a1a1aa;--accent-tertiary:#52525b;--accent-rgb:255, 255, 255;--accent-glow:#ffffff59;--accent-gradient:linear-gradient(135deg, #fff 0%, #71717a 100%);--border-color:#fff3;--korean-blue:#94a3b8;--korean-red:#e2e8f0}html[data-theme=ming],body[data-theme=ming]{--bg:#12070b;--bg-trans:#12070beb;--bg-surface:#18090ff2;--card-bg:#14080ed1;--text:#fff6ea;--text-muted:#d4a373;--accent:#f59e0b;--accent-secondary:#dc2626;--accent-tertiary:#fbbf24;--accent-rgb:245, 158, 11;--accent-glow:#f59e0b47;--accent-gradient:linear-gradient(135deg, #f59e0b 0%, #dc2626 100%);--border-color:#f59e0b40;--korean-blue:#38bdf8;--korean-red:#ef4444}html[data-theme=qinghua],body[data-theme=qinghua]{--bg:#060d19;--bg-trans:#060d19eb;--bg-surface:#0a1426f2;--card-bg:#081224d1;--text:#f0f7ff;--text-muted:#93c5fd;--accent:#38bdf8;--accent-secondary:#1d4ed8;--accent-tertiary:#93c5fd;--accent-rgb:56, 189, 248;--accent-glow:#38bdf847;--accent-gradient:linear-gradient(135deg, #38bdf8 0%, #1d4ed8 100%);--border-color:#38bdf840;--korean-blue:#0284c7;--korean-red:#f43f5e}html[data-theme=jade],body[data-theme=jade]{--bg:#05140e;--bg-trans:#05140eeb;--bg-surface:#081c14f2;--card-bg:#071811d1;--text:#f0fdf4;--text-muted:#86efac;--accent:#10b981;--accent-secondary:#34d399;--accent-tertiary:#059669;--accent-rgb:16, 185, 129;--accent-glow:#10b98147;--accent-gradient:linear-gradient(135deg, #10b981 0%, #34d399 100%);--border-color:#10b98140;--korean-blue:#06b6d4;--korean-red:#f43f5e}html[data-theme=tokyo],body[data-theme=tokyo]{--bg:#0e0817;--bg-trans:#0e0817eb;--bg-surface:#160c24f2;--card-bg:#120a1ed1;--text:#fdf4ff;--text-muted:#d8b4fe;--accent:#f43f5e;--accent-secondary:#a855f7;--accent-tertiary:#ec4899;--accent-rgb:244, 63, 94;--accent-glow:#f43f5e47;--accent-gradient:linear-gradient(135deg, #f43f5e 0%, #a855f7 100%);--border-color:#f43f5e40;--korean-blue:#38bdf8;--korean-red:#ff2a85}html[data-theme=bloodmoon],body[data-theme=bloodmoon]{--bg:#140507;--bg-trans:#140507eb;--bg-surface:#1c080cf2;--card-bg:#160609d1;--text:#fff1f2;--text-muted:#fda4af;--accent:#ff1744;--accent-secondary:#991b1b;--accent-tertiary:#f43f5e;--accent-rgb:255, 23, 68;--accent-glow:#ff174452;--accent-gradient:linear-gradient(135deg, #ff1744 0%, #991b1b 100%);--border-color:#ff174440;--korean-blue:#00f0ff;--korean-red:#ff1744}html[data-theme=solarpunk],body[data-theme=solarpunk]{--bg:#130800;--bg-trans:#130800eb;--bg-surface:#1e0e00f2;--card-bg:#180a00d1;--text:#fffbeb;--text-muted:#fde68a;--accent:#ff7a00;--accent-secondary:#eab308;--accent-tertiary:#fde047;--accent-rgb:255, 122, 0;--accent-glow:#ff7a0052;--accent-gradient:linear-gradient(135deg, #ff7a00 0%, #eab308 100%);--border-color:#ff7a0040;--korean-blue:#38bdf8;--korean-red:#ea580c}html[data-theme=abyss],body[data-theme=abyss]{--bg:#020817;--bg-trans:#020817eb;--bg-surface:#050f26f2;--card-bg:#040c20d1;--text:#f0fdfa;--text-muted:#7dd3fc;--accent:#06b6d4;--accent-secondary:#1d4ed8;--accent-tertiary:#38bdf8;--accent-rgb:6, 182, 212;--accent-glow:#06b6d452;--accent-gradient:linear-gradient(135deg, #06b6d4 0%, #1d4ed8 100%);--border-color:#06b6d440;--korean-blue:#0284c7;--korean-red:#f43f5e}html[data-theme=rgb],body[data-theme=rgb]{--bg:#0a0e1a;--bg-trans:#0a0e1aeb;--bg-surface:#060912f5;--card-bg:#0c1220d1;--text:#fff;--text-muted:#a5b4fc;--accent:#0fc;--accent-secondary:#ff007f;--accent-tertiary:#ffe600;--accent-rgb:0, 255, 204;--accent-glow:#00ffcc59;--accent-gradient:linear-gradient(135deg, #0fc 0%, #ff007f 50%, #ffe600 100%);--border-color:#00ffcc4d;--korean-blue:#00f0ff;--korean-red:#ff007f}html[data-theme=synthwave],body[data-theme=synthwave]{--bg:#0f051d;--bg-trans:#0f051deb;--bg-surface:#16082af2;--card-bg:#120624d1;--text:#fdf2f8;--text-muted:#f0abfc;--accent:#ff2a85;--accent-secondary:#8b5cf6;--accent-tertiary:#00f0ff;--accent-rgb:255, 42, 133;--accent-glow:#ff2a8559;--accent-gradient:linear-gradient(135deg, #ff2a85 0%, #8b5cf6 50%, #00f0ff 100%);--border-color:#ff2a854d;--korean-blue:#00f0ff;--korean-red:#ff2a85}html[data-theme=aurora],body[data-theme=aurora]{--bg:#041014;--bg-trans:#041014eb;--bg-surface:#06181ef2;--card-bg:#05141ad1;--text:#f0fdf4;--text-muted:#86efac;--accent:#00ff87;--accent-secondary:#60efff;--accent-tertiary:#a855f7;--accent-rgb:0, 255, 135;--accent-glow:#00ff8752;--accent-gradient:linear-gradient(135deg, #00ff87 0%, #60efff 50%, #a855f7 100%);--border-color:#00ff8740;--korean-blue:#60efff;--korean-red:#ec4899}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-latin);background-color:var(--bg);color:var(--text);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;display:flex;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.top-portal-nav{background:var(--bg-surface);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);font-family:var(--font-latin);z-index:9999;justify-content:space-between;align-items:center;padding:10px 24px;font-size:14px;transition:transform .3s;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0006}body.topbar-hidden .top-portal-nav,body.topbar-hidden .nav-and-search{display:none!important}.top-portal-nav a{color:var(--accent);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,color .2s;display:inline-flex}.top-portal-nav a:hover{color:#fff;transform:translate(-4px)}.top-portal-brand{align-items:center;gap:12px;display:flex}.top-portal-title{color:var(--accent);letter-spacing:1.5px;font-family:monospace;font-size:13px;font-weight:700}.topbar-restore-tab{z-index:99999;background:var(--bg-surface);color:var(--accent);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700;display:none;position:fixed;top:10px;right:16px;box-shadow:0 4px 15px #00000080}body.topbar-hidden .topbar-restore-tab{display:block}.nav-and-search{background:var(--bg-trans);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:999;padding:12px 24px;position:sticky;top:48px;box-shadow:0 8px 24px #00000059}.nav-controls-row{flex-wrap:wrap;align-items:center;gap:14px;max-width:1400px;margin:0 auto;display:flex}.dropdown-wrapper{position:relative}.dropdown-trigger-btn{background:rgba(var(--accent-rgb), .08);border:1px solid var(--border-color);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex}.dropdown-trigger-btn:hover{background:rgba(var(--accent-rgb), .18);border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.dropdown-caret{opacity:.7;font-size:11px}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-color);min-width:280px;box-shadow:0 16px 36px #000000bf, 0 0 20px var(--accent-glow);z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:0}.dropdown-menu.show{display:block}.dropdown-menu-right{left:auto;right:0}.dropdown-header{text-transform:uppercase;letter-spacing:1px;color:var(--accent);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:11px;font-weight:800;display:flex}.dropdown-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:13px}.dropdown-close-btn:hover{color:var(--text)}.dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.dropdown-item:hover{background:rgba(var(--accent-rgb), .12);color:var(--accent)}.dropdown-item.active{background:rgba(var(--accent-rgb), .2);color:var(--accent);border-left:3px solid var(--accent)}.dropdown-item-badge{color:var(--text-muted);background:#ffffff14;border-radius:10px;padding:2px 8px;font-family:monospace;font-size:11px}.search-box-wrapper{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.search-icon{color:var(--accent);pointer-events:none;font-size:14px;position:absolute;left:14px}.search-input{background:rgba(var(--accent-rgb), .05);border:1px solid var(--border-color);width:100%;color:var(--text);font-size:14px;font-family:var(--font-latin);border-radius:10px;outline:none;padding:10px 42px 10px 38px;transition:all .25s}.search-input:focus{background:rgba(var(--accent-rgb), .1);border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.search-kbd-hint{color:var(--text-muted);pointer-events:none;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;position:absolute;right:12px}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;position:absolute;right:12px}.search-clear-btn:hover{color:var(--text)}.theme-morph-circle{border:1.5px solid var(--border-color);background:rgba(var(--accent-rgb), .1);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.theme-morph-circle:hover{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow);transform:scale(1.12)}.morph-orbit{border:1.5px dashed var(--accent);pointer-events:none;border-radius:50%;animation:14s linear infinite morphOrbitSpin;position:absolute;inset:-3px}@keyframes morphOrbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.morph-core{background:var(--accent-gradient);border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #00000080}.theme-bw-switch{border:1.5px solid var(--border-color);cursor:pointer;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex}.theme-bw-switch:hover{border-color:var(--text);transform:scale(1.1)}.bw-split-circle{background:linear-gradient(90deg,#fff 50%,#050505 50%);border:1px solid #ffffff80;border-radius:50%;width:18px;height:18px}.sentence-stepper-strip{background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:90;padding:12px 24px 14px;position:relative;box-shadow:0 6px 22px #00000059}.strip-inner{flex-direction:column;gap:10px;max-width:1400px;margin:0 auto;display:flex}.source-tabs-row{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.source-tabs-group{flex-wrap:wrap;gap:6px;display:flex}.source-tab{color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex}.source-tab:hover{background:rgba(var(--accent-rgb), .12);border-color:var(--accent);color:var(--text)}.source-tab.active{background:rgba(var(--accent-rgb), .22);border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.source-meta-group{align-items:center;gap:10px;font-size:11px;display:flex}.source-badge-tag{background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .3);color:var(--accent);letter-spacing:.5px;border-radius:12px;padding:2px 9px;font-size:10.5px;font-weight:700}.source-web-link{color:var(--accent);background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .2);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.source-web-link:hover{background:var(--accent);color:#000;box-shadow:0 0 10px var(--accent-glow)}.strip-main-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.sentence-nav-btn{background:rgba(var(--accent-rgb), .1);border:1px solid var(--border-color);color:var(--accent);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:800;transition:all .2s;display:flex}.sentence-nav-btn:hover{background:var(--accent);color:#000;box-shadow:0 0 14px var(--accent-glow)}.strip-center-content{text-align:center;flex:1}.sentence-tiles{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;padding:4px 0;display:flex}.sent-tile{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;padding:4px 8px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.sent-tile:hover{background:rgba(var(--accent-rgb), .15);border-color:var(--accent);box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-2px)}.sent-tile .t-hangul{font-family:var(--font-hangul);color:#fff;font-size:26px;font-weight:800;line-height:1.15}.sent-tile:hover .t-hangul{color:var(--accent)}.sent-tile .t-roman{color:var(--accent);margin-top:2px;font-size:11px;font-weight:600}.sent-tile .t-cz{color:var(--text-muted);margin-top:1px;font-size:10px}.sent-tile.punct{cursor:default;background:0 0;border:none;padding:2px}.sent-tile.punct .t-hangul{color:var(--text-muted);font-size:22px}.sent-tile.punct:hover{box-shadow:none;transform:none}.strip-czech-gloss{color:#ffffffe6;margin-top:5px;font-size:14.5px;font-weight:500}.audio-btn{background:rgba(var(--accent-rgb), .12);border:1px solid var(--border-color);color:var(--accent);cursor:pointer;vertical-align:middle;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.audio-btn:hover{background:var(--accent);color:#000;box-shadow:0 0 12px var(--accent-glow);transform:scale(1.06)}.audio-btn:active{transform:scale(.95)}.main-wrapper{flex:1;gap:28px;width:100%;max-width:1400px;margin:24px auto;padding:0 20px;display:flex}.cards-container{flex:1;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:22px;display:grid}.course-card{background:var(--card-bg);border:1px solid var(--border-color);content-visibility:auto;contain-intrinsic-size:auto 380px;border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000080}.course-card:hover{border-color:var(--accent);box-shadow:0 16px 36px #000000b3, 0 0 24px var(--accent-glow);transform:translateY(-4px)}.course-card:before{content:"";background:var(--accent);width:4px;height:100%;position:absolute;top:0;left:0}.course-card[data-lesson=consonant]:before{background:#00a6ff}.course-card[data-lesson=vowel]:before{background:#ff3b5c}.course-card[data-lesson=batchim]:before{background:#10b981}.course-card[data-lesson=numbers]:before{background:#f59e0b}.course-card[data-lesson=phrases]:before{background:#c084fc}.course-card[data-lesson=vocab]:before{background:#0fc}.course-card[data-lesson=grammar]:before{background:#ff007f}.card-hero-panel{background:linear-gradient(180deg, rgba(var(--accent-rgb), .05) 0%, transparent 100%);border-bottom:1px solid #ffffff14;flex-direction:column;gap:10px;padding:22px 22px 16px;display:flex}.card-top-meta{justify-content:space-between;align-items:center;display:flex}.card-badge{color:var(--accent);text-transform:uppercase;letter-spacing:1px;background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .25);border-radius:6px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:700}.card-main-hangul{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hangul-display{font-family:var(--font-hangul);color:#fff;letter-spacing:-.5px;font-size:48px;font-weight:900;line-height:1.15}.hangul-sub-name{color:var(--text-muted);font-size:13px;font-weight:600}.card-roman-gloss{flex-direction:column;gap:3px;display:flex}.card-roman{color:var(--accent);letter-spacing:.2px;font-size:17px;font-weight:700}.card-czech{color:#ffffffe6;font-size:15px;font-weight:500;line-height:1.4}.card-body-panel{flex-direction:column;flex:1;gap:14px;padding:18px 22px;display:flex}.section-label{letter-spacing:.8px;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:800;display:flex}.jamo-grid{flex-wrap:wrap;gap:8px;display:flex}.jamo-item{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.jamo-char{font-family:var(--font-hangul);color:var(--accent);font-size:16px;font-weight:800}.jamo-desc{color:var(--text-muted);font-size:11px}.words-sample-list{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.word-pill{background:rgba(var(--accent-rgb), .06);border:1px solid rgba(var(--accent-rgb), .18);border-radius:8px;flex-direction:column;gap:2px;padding:6px 10px;transition:transform .2s,background .2s;display:flex}.word-pill:hover{background:rgba(var(--accent-rgb), .14);transform:translateY(-2px)}.word-hangul{font-family:var(--font-hangul);color:#fff;font-size:14px;font-weight:700}.word-roman{color:var(--accent);font-size:11px}.word-cz{color:var(--text-muted);font-size:11px}.grammar-breakdown{background:#00000040;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.grammar-tokens-row{flex-wrap:wrap;gap:6px;display:flex}.grammar-token{background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .25);border-radius:6px;padding:4px 8px;font-size:12px}.grammar-token strong{color:#fff;font-family:var(--font-hangul)}.grammar-token span{color:var(--accent);margin-left:4px;font-size:10px}.example-box{border-left:3px solid var(--accent);background:#ffffff08;border-radius:0 8px 8px 0;padding:8px 12px;font-size:12px;line-height:1.5}.example-hangul{font-family:var(--font-hangul);color:#fff;font-weight:700}.example-roman{color:var(--accent);font-size:11px}.example-cz{color:var(--text-muted)}.cards-container.horizontal-scroll-mode{gap:24px;padding-bottom:24px;scroll-snap-type:x mandatory!important;flex-direction:row!important;display:flex!important;overflow-x:auto!important}.cards-container.horizontal-scroll-mode .course-card{scroll-snap-align:center;flex:0 0 calc(100vw - 48px);min-width:320px;max-width:580px;margin:0 auto}.side-stepper-container{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-shrink:0;width:260px;height:fit-content;max-height:calc(100vh - 160px);padding:16px;position:sticky;top:130px;overflow-y:auto;box-shadow:0 8px 24px #0006}.stepper-header{text-transform:uppercase;letter-spacing:1px;color:var(--accent);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;font-size:12px;font-weight:800;display:flex}.stepper-list{flex-direction:column;gap:6px;display:flex}.stepper-node{color:var(--text-muted);cursor:pointer;border-left:2px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.stepper-node:hover{background:rgba(var(--accent-rgb), .1);color:var(--accent)}.stepper-node.active{background:rgba(var(--accent-rgb), .18);color:var(--accent);border-left-color:var(--accent);font-weight:700}.stepper-count{background:#ffffff14;border-radius:6px;padding:1px 6px;font-family:monospace;font-size:10px}.app-footer{background:var(--bg-surface);border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);margin-top:auto;padding:24px 20px;font-size:12px}.app-footer a{color:var(--accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width:1080px){.side-stepper-container{display:none}.main-wrapper{padding:0 16px}}@media (max-width:768px){.nav-and-search{padding:10px 14px;top:45px}.cards-container{grid-template-columns:1fr;gap:16px}.hangul-display{font-size:40px}.strip-hangul{font-size:22px}.desktop-only{display:none!important}}.sentence-stepper-strip{border-bottom-color:rgba(var(--accent-rgb), .24);padding:16px 24px 18px}.strip-inner{border:1px solid rgba(var(--accent-rgb), .26);background:color-mix(in srgb, var(--card-bg) 92%, transparent);border-radius:18px;gap:12px;max-width:1180px;padding:14px 18px 12px}.source-tabs-row{border-bottom-color:rgba(var(--accent-rgb), .18);padding-bottom:12px}.source-tab{border-radius:9px;min-height:34px;padding:7px 11px}.source-tab.active{box-shadow:none}.source-badge-tag,.reader-source-label{color:var(--text-muted);letter-spacing:0;background:0 0;border:0;border-radius:0;padding:0;font-size:12px}.source-web-link{border-radius:8px;min-height:32px;padding:6px 9px}.strip-main-row{gap:14px}.sentence-nav-btn{border-radius:12px;width:44px;height:44px;font-size:28px}.sent-tile{border-radius:9px;min-width:38px;min-height:50px;padding:5px 7px}.strip-czech-gloss{font-size:15px}.side-stepper-container{border-color:rgba(var(--accent-rgb), .28);border-radius:18px;width:284px;padding:12px;box-shadow:0 14px 34px #0000005c}.stepper-header{margin-bottom:6px;padding:6px 6px 12px}.stepper-list{gap:3px}.stepper-node{width:100%;min-height:48px;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;gap:10px;padding:9px 10px 9px 15px;position:relative}.stepper-node:before{content:"";opacity:.42;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.stepper-node.active:before{opacity:1;box-shadow:0 0 0 4px rgba(var(--accent-rgb), .15)}.stepper-count{color:var(--text-muted);font-variant-numeric:tabular-nums;background:0 0;border-radius:0;padding:0;font-size:11px}@media (max-width:700px){.sentence-stepper-strip{padding:10px 12px 14px}.strip-inner{border-radius:14px;padding:12px}.source-meta-group{justify-content:space-between;width:100%}.source-tab{flex:calc(50% - 6px);justify-content:center}.sentence-nav-btn{width:40px;height:40px}.sent-tile .t-hangul{font-size:24px}}.top-portal-nav{box-sizing:border-box;background:color-mix(in srgb, var(--bg-surface) 94%, transparent);border-bottom-color:rgba(var(--accent-rgb), .24);-webkit-backdrop-filter:blur(16px);min-height:52px;padding:10px clamp(16px,3vw,32px);box-shadow:0 4px 20px #00000047}.top-portal-nav a{letter-spacing:.8px;font-size:12px}.top-portal-title{font-size:12px}.nav-and-search{background:color-mix(in srgb, var(--bg-surface) 94%, transparent);border-bottom-color:rgba(var(--accent-rgb), .18);-webkit-backdrop-filter:blur(16px);padding:10px clamp(16px,3vw,32px);top:52px;box-shadow:0 8px 22px #00000038}.nav-controls-row{gap:10px;max-width:1180px}.dropdown-trigger-btn,.theme-morph-circle,.theme-bw-switch{border-radius:10px;min-height:40px}.search-input{border-radius:10px;height:40px}.topbar-restore-tab{border-radius:10px;min-height:36px;top:8px;right:16px}.sentence-stepper-strip{box-shadow:none;background:0 0;border-bottom:0;padding:14px 20px 18px}.strip-inner{border-radius:18px;max-width:1180px;margin:0 auto;box-shadow:0 12px 28px #0003}.source-tab{color:var(--text-muted);background:0 0}.source-tab.active,.source-tab:hover,.source-tab:focus-visible{background:rgba(var(--accent-rgb), .12);color:var(--accent);box-shadow:none}.reader-footer-row{width:100%;min-height:32px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding-top:8px;font-size:12px;display:flex}@media (max-width:700px){.top-portal-nav{min-height:48px;padding:8px 12px}.nav-and-search{padding:8px 12px;top:48px}.top-portal-title{display:none}.sentence-stepper-strip{padding:10px 12px 14px}.reader-footer-row{flex-direction:column;align-items:flex-start;gap:6px}}.big-section-title{width:100%;color:var(--text);font-family:var(--font-section,var(--font-latin));letter-spacing:.3px;text-align:left;cursor:pointer;background:0 0;border:0;margin:52px 0 4px;padding:0 4px;scroll-margin-top:130px;font-size:18px;font-weight:800;line-height:1.35}.big-section-title:first-child{margin-top:0}.big-section-title:before{content:"▾";color:var(--accent);margin-right:9px;transition:transform .22s;display:inline-block}.big-section-title.collapsed:before{transform:rotate(-90deg)}.big-section-title:hover{color:var(--accent)}@media (max-width:768px){.big-section-title{margin-top:40px;font-size:16px}}.sentence-stepper-strip{z-index:20;position:relative;top:auto}.sentence-stepper-strip.is-pinned{position:sticky;top:112px}.reader-pin-btn{border:1px solid rgba(var(--accent-rgb), .28);min-height:34px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.source-meta-group{flex-wrap:wrap}.reader-pin-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb), .1)}.reader-pin-btn:hover,.reader-pin-btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}body.topbar-hidden .sentence-stepper-strip.is-pinned{top:8px}@media (max-width:700px){.sentence-stepper-strip.is-pinned{top:104px}body.topbar-hidden .sentence-stepper-strip.is-pinned{top:8px}}
.course-page.course-topbar-hidden .page-header{display:none}.course-topbar-restore,.reader-restore{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);cursor:pointer;border-radius:10px;margin:8px 0 14px;padding:10px 14px;display:block}.lesson-stepper{grid-template-columns:40px minmax(150px,240px) minmax(0,1fr) 40px}.lesson-stepper-dots{scrollbar-width:thin;gap:4px;display:flex;overflow:auto}.lesson-stepper-dots button{white-space:nowrap;min-width:max-content;height:auto;padding:9px 11px;font-size:.78rem}.lesson-stepper-dots button.is-current{background:color-mix(in srgb,var(--green) 16%,var(--surface));color:var(--green);border-color:var(--green)}.lesson-stepper-utilities{grid-column:1/-1;justify-content:flex-end;gap:5px;display:flex}.lesson-stepper-utilities button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:5px 8px;font-size:.7rem}.lesson-stepper.collapsed .lesson-stepper-dots{display:none}.migrated-study{gap:14px;margin-bottom:60px;display:grid}.migrated-toolbar{grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:12px 20px;padding:16px;display:grid}.migrated-toolbar.is-pinned{z-index:30;max-height:42svh;scroll-margin-top:12px;position:sticky;top:12px;overflow:auto}.migrated-study.is-searching:before{content:"";height:var(--search-card-height,200px);display:block}.migrated-study.is-searching .migrated-toolbar{top:12px;left:var(--search-left,12px);width:var(--search-width,calc(100% - 24px));z-index:50;background:var(--surface);max-height:42svh;scroll-margin-top:12px;position:fixed;overflow:auto}.study-reader-wrapper:has(.sentence-reader.is-pinned){top:var(--toolbar-h,0px);z-index:20;max-height:48svh;position:sticky;overflow:auto}.study-reader-wrapper .sentence-reader--embedded.is-pinned{position:static}.migrated-study.is-searching .study-reader-wrapper{max-height:none;position:static;overflow:visible}.migrated-character-lookup{flex-wrap:wrap}.migrated-character-lookup button{border:1px solid var(--line);background:var(--surface-raised);min-height:44px;color:var(--ink);cursor:pointer;padding:8px 14px}.pinyin-search-status{color:var(--muted);grid-column:1/-1;margin:0;font-size:1rem}.migrated-search{gap:6px;display:grid}.migrated-search label{color:var(--muted);font-size:.8rem}.migrated-search>div{border:1px solid var(--line);background:var(--canvas);border-radius:10px;align-items:center;display:flex}.migrated-search input{width:100%;min-width:0;height:43px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0 12px}.migrated-search button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.3rem}.migrated-toolbar-actions,.migrated-lesson-filters{scrollbar-width:thin;align-items:center;gap:7px;display:flex;overflow:auto}.migrated-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.migrated-toolbar-actions label,.reader-options label{white-space:nowrap;color:var(--muted);align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.migrated-toolbar-actions input,.reader-options input{accent-color:var(--green)}.migrated-toolbar-actions button,.migrated-lesson-filters button,.reader-top-actions button,.reader-bottomline button,.migrated-card-nav button,.course-section-header button,.course-subgroup-heading button{border:1px solid var(--line);color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;padding:7px 10px;font-size:.78rem}.toolbar-icon-btn{flex-shrink:0;justify-content:center;align-items:center;border-radius:8px!important;width:34px!important;height:34px!important;padding:0!important;font-size:1rem!important;display:inline-flex!important}.toolbar-icon-btn:hover{background:var(--surface-raised)!important;border-color:var(--green)!important;color:var(--green)!important}.toolbar-divider{background:var(--line);flex-shrink:0;align-self:center;width:1px;height:22px;margin:0 2px;display:inline-block}.migrated-lesson-filters{border-top:1px solid var(--line);grid-column:1/-1;padding-top:10px}.migrated-lesson-filters button.is-active{border-color:var(--green);color:var(--green)}.migrated-character-lookup{color:var(--green);grid-column:1/-1;align-items:center;gap:10px;display:flex}.migrated-character-lookup strong{font-size:1.5rem}.sentence-reader{min-width:0;padding:15px 19px}.sentence-reader--embedded.is-pinned{top:var(--toolbar-h,0);z-index:20;position:sticky;box-shadow:0 12px 30px #00000047}.reader-topline,.reader-bottomline{justify-content:space-between;align-items:center;gap:12px;display:flex}.reader-topline{border-bottom:1px solid var(--line);padding-bottom:10px}.reader-bottomline{border-top:1px solid var(--line);padding-top:10px}.reader-source-tabs{scrollbar-width:thin;gap:5px;display:flex;overflow:auto}.reader-source-tabs button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 10px;font-size:.8rem}.reader-source-tabs button.is-active{border-bottom-color:var(--green);color:var(--green)}.reader-top-actions,.reader-options{align-items:center;gap:8px;display:flex}.reader-progress{white-space:nowrap;color:var(--muted);font-size:.78rem}.reader-main{grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;min-height:135px;display:grid}.reader-arrow{border:1px solid var(--line);background:var(--surface-raised);width:34px;height:42px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0;font-size:1.5rem}.reader-sentence{text-align:center;min-width:0}.reader-source-line{color:var(--muted);justify-content:center;gap:12px;margin:8px 0;font-size:.74rem;display:flex}.reader-source-line a,.course-source-link{color:var(--green);text-underline-offset:3px;text-decoration:underline}.reader-tiles{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4px;line-height:1.25;display:flex}.reader-tile{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-items:center;gap:2px;padding:5px 4px;display:grid}.reader-tile:hover,.reader-tile:focus-visible{background:var(--surface-raised);outline:1px solid var(--green)}.reader-tile--punct{cursor:default;font-size:1.45rem}.reader-tile-text{font-size:clamp(1.25rem,2.4vw,1.8rem)}.reader-tile-sound{color:var(--green);font-size:.73rem}.reader-tile-gloss{color:var(--muted);font-size:.7rem}.reader-translation,.reader-full-pronunciation,.reader-note{margin:7px 0;font-size:.85rem;line-height:1.5}.reader-full-pronunciation{color:var(--green)}.reader-note{color:var(--muted)}.reader-index-list{border-top:1px solid var(--line);scrollbar-width:thin;gap:6px;margin-top:13px;padding-top:12px;display:flex;overflow:auto}.reader-index-list button{border:1px solid var(--line);max-width:240px;color:var(--muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:7px 9px;font-size:.75rem;overflow:hidden}.reader-index-list button.is-active{border-color:var(--green);color:var(--green)}.reader-index-list button span{font-variant-numeric:tabular-nums}.migrated-card-nav{top:var(--toolbar-h,0);z-index:10;justify-content:space-between;align-items:center;gap:8px;padding:9px 13px;display:flex;position:sticky}.sentence-reader--embedded.is-pinned~.migrated-card-nav{top:calc(var(--toolbar-h,0px) + var(--reader-h,260px))}.migrated-card-nav span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.8rem;overflow:hidden}.migrated-card-nav button:disabled{opacity:.4;cursor:default}.migrated-sections{gap:25px;display:grid}.course-section{min-width:0;scroll-margin-top:calc(var(--toolbar-h,0px) + var(--reader-h,0px) + 12px)}.course-section-header,.course-subgroup-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.course-section-header h2,.course-subgroup-heading h3{margin:0;font-size:1.45rem}.course-section-header h2 small{color:var(--muted);font-size:.75rem;font-weight:400}.course-card-list{gap:12px;margin-top:12px;display:grid}.course-card-entry{min-width:0}.course-subgroup-heading{border-bottom:1px solid var(--line);margin:12px 0;padding:7px 0}.course-subgroup-heading h3{font-size:1rem}.course-study-card{min-height:250px;scroll-margin-top:calc(var(--toolbar-h,0px) + var(--reader-h,0px) + 12px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.course-card-hero,.course-card-detail{min-width:0;padding:18px}.course-card-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--green) 10%,var(--surface)),var(--surface));border-right:1px solid var(--line);flex-direction:column;gap:16px;display:flex}.course-card-meta,.course-detail-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.72rem;display:flex}.course-card-type{color:var(--green);font-weight:700}.course-card-main{text-align:center;flex:1;align-content:center}.course-card-main h3{overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,4.5vw,4rem);line-height:1.3}.course-study-card--ko .course-card-main h3{font-size:clamp(1.9rem,3.8vw,3.3rem)}.course-card-main h3 button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.course-card-main h3 button:hover{color:var(--green)}.course-card-sound{color:var(--green);margin:8px 0 0;font-size:1.05rem}.course-card-meaning{margin:8px 0 0;font-size:1rem}.course-card-hanja{color:var(--muted);margin:7px 0}.course-emoji{font-size:.7em}.course-audio-button{border:1px solid var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green);cursor:pointer;letter-spacing:.03em;border-radius:999px;align-self:flex-end;align-items:center;gap:6px;padding:9px 14px;font-size:.82rem;font-weight:600;transition:background .18s,box-shadow .18s,transform .12s;display:inline-flex}.course-audio-button:hover{background:color-mix(in srgb,var(--green) 22%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--green) 35%,transparent);transform:translateY(-1px)}.course-audio-button:active{transform:translateY(0)}.course-detail-heading{border-bottom:1px solid var(--line);padding-bottom:10px}.course-detail-heading h3{color:var(--ink);margin:0;font-size:1rem}.course-detail-block{margin-top:14px}.course-detail-block h4{color:var(--green);margin:0 0 8px;font-size:.83rem}.course-detail-block p{color:var(--ink);margin:5px 0;font-size:.86rem;line-height:1.55}.course-detail-block pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--green);font-family:inherit;font-size:.85rem;font-weight:700;line-height:1.5}.course-character-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px;display:grid}.course-character{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;grid-template-columns:40px 1fr;gap:7px;padding:9px;display:grid}.course-character button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-size:1.8rem}.course-character span{color:var(--green);font-size:.75rem}.course-character p{margin:3px 0;font-size:.76rem}.course-character .course-grammar-note{color:var(--muted)}.course-examples,.course-token-row{flex-wrap:wrap;gap:7px;display:flex}.course-example,.course-token-row>button,.course-token-row>span{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);text-align:left;border-radius:8px;gap:3px;padding:8px 10px;font-size:.77rem;display:grid}button.course-example,.course-token-row>button{cursor:pointer}.course-example span,.course-token-row small{color:var(--muted);font-size:.7rem}.course-source-link{margin-top:13px;font-size:.8rem;display:inline-block}.course-no-results{color:var(--muted);padding:24px}.course-load-more{color:var(--muted);justify-items:center;gap:9px;padding:18px;font-size:.8rem;display:grid}.course-load-more button{border:1px solid var(--green);background:var(--green);color:var(--green-ink);cursor:pointer;border-radius:9px;padding:10px 15px}.migrated-study--horizontal .course-card-list{scroll-snap-type:x mandatory;padding-bottom:12px;display:flex;overflow-x:auto}.migrated-study--horizontal .course-card-entry{scroll-snap-align:start;flex:0 0 min(900px,90vw)}[data-font-style=kaiti] [lang=zh-Hans],[data-font-style=kaiti] [lang=zh],.font-kaiti [lang=zh-Hans],.font-kaiti [lang=zh],body.font-kaiti [lang=zh-Hans],body.font-kaiti [lang=zh],.migrated-study--kaiti [lang=zh-Hans],.migrated-study--kaiti [lang=zh],.course-page[data-font-style=kaiti] [lang=zh-Hans],.course-page[data-font-style=kaiti] [lang=zh],.course-page[data-font-style=kaiti] .reader-tile-text,.course-page[data-font-style=kaiti] .reader-tiles,.course-page[data-font-style=kaiti] .reader-sentence,.course-page[data-font-style=kaiti] .reading-text--hanzi,.course-page[data-font-style=kaiti] .course-card-main h3,.course-page[data-font-style=kaiti] .course-character button,.course-page[data-font-style=kaiti] .course-token-row button,.course-page[data-font-style=kaiti] .course-example strong,.course-page[data-font-style=kaiti] .migrated-character-lookup strong,.course-page[data-font-style=kaiti] .lesson-stepper-dot-title,.course-page[data-font-style=kaiti] .zh-reader-hanzi,.course-page[data-font-style=kaiti] .zh-character-symbol,.course-page[data-font-style=kaiti] .char-symbol,.course-page[data-font-style=kaiti] .hanzi-text,.course-page[data-font-style=kaiti] .t-hanzi,.course-page[data-font-style=kaiti] .stepper-notch-hanzi,.course-page[data-font-style=kaiti] .sent-tile .t-hanzi,.migrated-study--kaiti .course-study-card--zh .course-card-main h3,.migrated-study--kaiti .course-character button,.migrated-study--kaiti .course-token-row button,.migrated-study--kaiti .course-example strong,.migrated-study--kaiti .migrated-character-lookup strong,.migrated-study--kaiti .reader-tile-text,.reader-font--kaiti .reader-tile-text,.course-page[data-font-style=kaiti] .btn-hanzi,.course-page[data-font-style=kaiti] .verse-hanzi,.course-page[data-font-style=kaiti] .passage-item-chars,.course-page[data-font-style=kaiti] .char-anatomy-badge{letter-spacing:.04em!important;font-family:KaiTi,STKaiti,Kaiti SC,BiauKai,Noto Serif SC,FZKai-Z03S,楷体,serif!important;font-weight:500!important}[data-font-style=batang] [lang=ko],.font-batang [lang=ko],body.font-batang [lang=ko],.migrated-study--batang [lang=ko],.course-page[data-font-style=batang] [lang=ko],.course-page[data-font-style=batang] .reader-tile-text,.course-page[data-font-style=batang] .reader-tiles,.course-page[data-font-style=batang] .reader-sentence,.course-page[data-font-style=batang] .reading-text--hangul,.course-page[data-font-style=batang] .course-card-main h3,.course-page[data-font-style=batang] .course-token-row button,.course-page[data-font-style=batang] .course-token-row strong,.course-page[data-font-style=batang] .course-example strong,.course-page[data-font-style=batang] .lesson-stepper-dot-title,.migrated-study--batang .course-study-card--ko .course-card-main h3,.migrated-study--batang .course-token-row button,.migrated-study--batang .course-token-row strong,.migrated-study--batang .course-example strong,.migrated-study--batang .reader-tile-text,.reader-font--batang .reader-tile-text{letter-spacing:.02em!important;font-family:Noto Serif KR,Batang,BatangChe,AppleMyungjo,Gungsuh,serif!important}.reader-font-btn{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.reader-font-btn:hover,.reader-font-btn.is-active{border-color:var(--green);color:var(--green)}@media (max-width:650px){.lesson-stepper{grid-template-columns:34px minmax(0,1fr) 34px}.lesson-stepper-dots{grid-area:2/1/auto/-1}.reader-topline,.reader-bottomline{flex-direction:column;align-items:flex-start}.reader-main{grid-template-columns:28px minmax(0,1fr) 28px}.reader-arrow{width:28px}.reader-top-actions,.reader-options{flex-wrap:wrap}.sentence-reader,.migrated-toolbar{padding:12px}.course-card-main h3{font-size:2.7rem}}@media (min-width:1200px){:is(.course-page:has(>.lesson-stepper--zh),.course-page:has(>:is(.lesson-stepper--ko,.lesson-stepper--ja))){width:min(1200px,100% - 290px);margin-left:24px;margin-right:auto}:is(.course-page:has(>.lesson-stepper--zh.dock-left),.course-page:has(>:is(.lesson-stepper--ko,.lesson-stepper--ja).dock-left)){margin-left:266px}:is(.course-page:has(>.lesson-stepper--zh.expanded),.course-page:has(>:is(.lesson-stepper--ko,.lesson-stepper--ja).expanded)){width:min(1120px,100% - 410px)}:is(.course-page:has(>.lesson-stepper--zh.dock-left.expanded),.course-page:has(>:is(.lesson-stepper--ko,.lesson-stepper--ja).dock-left.expanded)){margin-left:386px}.lesson-stepper--zh,:is(.lesson-stepper--ko,.lesson-stepper--ja){z-index:30;flex-direction:column;align-items:stretch;width:236px;max-height:calc(100vh - 130px);display:flex;position:fixed;top:110px;right:18px;overflow:auto}.lesson-stepper--zh.dock-left,:is(.lesson-stepper--ko,.lesson-stepper--ja).dock-left{left:18px;right:auto}.lesson-stepper--zh.expanded,:is(.lesson-stepper--ko,.lesson-stepper--ja).expanded{width:356px}.lesson-stepper--zh .lesson-stepper-dots,:is(.lesson-stepper--ko,.lesson-stepper--ja) .lesson-stepper-dots{display:grid;overflow:visible}.lesson-stepper--zh.collapsed .lesson-stepper-dots,:is(.lesson-stepper--ko,.lesson-stepper--ja).collapsed .lesson-stepper-dots{display:none}.lesson-stepper--zh .lesson-stepper-dots button,:is(.lesson-stepper--ko,.lesson-stepper--ja) .lesson-stepper-dots button{text-align:left;white-space:normal;justify-content:space-between;align-items:center;gap:6px;display:flex}.lesson-stepper--zh .lesson-stepper-utilities,:is(.lesson-stepper--ko,.lesson-stepper--ja) .lesson-stepper-utilities{flex-wrap:wrap;justify-content:flex-start}}.lesson-stepper-dot-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lesson-stepper-dot-count{opacity:.75;background:var(--surface-raised);border-radius:4px;padding:1px 5px;font-size:.68rem}.migrated-learned-counter{border:1px solid var(--line);color:var(--muted);background:var(--surface-raised);border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;display:inline-flex}.migrated-learned-counter strong{color:var(--green);font-weight:800}.course-learned-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:4px 9px;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.course-learned-toggle:hover{border-color:var(--green);color:var(--ink)}.course-learned-toggle.is-learned{background:color-mix(in srgb,var(--green) 15%,var(--surface));border-color:var(--green);color:var(--green)}.course-study-card.is-card-learned{border-color:color-mix(in srgb,var(--green) 40%,var(--line))}@media print{.lesson-stepper,.migrated-toolbar,.sentence-reader,.migrated-card-nav,.course-audio-button,.course-section-header button,.course-subgroup-heading button{display:none!important}.course-study-card{break-inside:avoid}.course-card-list{display:block}.course-card-entry{margin:0 0 12px}}.language-logo{object-fit:contain;filter:none;flex-shrink:0;display:block;transform:none}.language-page-heading{align-items:center;gap:20px;margin-top:24px;display:flex}.font-mincho .course-study-card--ja h3,.reader-font--mincho .reader-tile-text,[data-font-style=mincho] .course-study-card--ja h3{font-family:Yu Mincho,Hiragino Mincho ProN,Noto Serif JP,serif}.portal-dropdown-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.portal-dropdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.portal-dropdown-grid{grid-template-columns:1fr}.language-page-heading{align-items:flex-start;gap:12px}.language-page-heading>.language-logo{width:48px;height:48px}}
:root,:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f3eee3;--surface:#faf7ef;--surface-raised:#eae3d5;--ink:#332f28;--muted:#655e51;--line:#cec5b4;--green:#526950;--green-ink:#fffaf0;--focus:#6f4837;--portal-bg:#f3eee3;--portal-surface:#faf7ef;--portal-ink:#332f28;--portal-muted:#655e51;--portal-accent:#526950;--portal-violet:#8a614b;--portal-line:#cec5b4;--bg:#f3eee3;--bg-trans:#f3eee3f5;--bg-surface:#faf7ef;--card-bg:#faf7ef;--text:#332f28;--accent:#526950;--accent-secondary:#8a614b;--accent-tertiary:#6f7562;--portal-tertiary:#6f7562;--accent-rgb:82, 105, 80;--accent-glow:transparent;--accent-gradient:linear-gradient(135deg, #526950, #6f7562)}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]).portal-site,:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]).course-page{background:var(--canvas);color:var(--ink)}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.portal-header,.portal-footer,.portal-dropdown-panel,.theme-palette-popover,.theme-unified-pill,.app-card,.principle-card,.course-study-card,.sentence-reader,.study-toolbar,.calligraphy-translation-card){background:var(--surface);color:var(--ink);border-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 3px 12px #332f280b}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(h1,h2,h3,h4,p,.chinese-subtitle,.portal-nav a,.portal-dropdown-trigger,.portal-brand,.footer-nav a,.footer-meta,.footer-nav h2,.portal-eyebrow,.hero-scroll-link,.chinese-title-group h3,.chinese-app-desc,.future-card-desc,.course-card-sound,.course-card-meaning,.reader-translation){color:var(--ink);text-shadow:none;filter:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.accent-text,.title-accent,.reader-tile-sound,.course-card-type,.reader-source-line,.course-card-hanja){color:var(--green)}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.portal-background,.hero-mist-glow,.portal-bg-overlay,.portal-bg){display:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.hero-cta-btn,.app-btn-open){background:var(--green);border-color:var(--green);color:var(--green-ink);box-shadow:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.app-btn.secondary,.reader-bottomline button,.reader-top-actions button,.reader-source-tabs button,.reader-arrow,.theme-pill-main,.theme-pill-cycle,.theme-palette-item,.theme-palette-bw-toggle){background:var(--surface-raised);color:var(--ink);border-color:var(--line);box-shadow:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.theme-pill-text,.theme-item-name,.theme-palette-header,.theme-palette-group-title){color:var(--ink)}.theme-color-dot--traditional{background:#e2d6bf}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.portal-hero h1,.portal-section-title,.chinese-title-group h3){letter-spacing:-.025em;font-family:Georgia,Noto Serif SC,Noto Serif KR,serif}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.reader-tile-sound,.reader-source-line,.course-card-sound){font-size:1rem}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.course-detail-block p,.reader-note){font-size:1rem;line-height:1.7}.speech-status{z-index:10000;color:#332f28;background:#faf7ef;border:1px solid #cec5b4;justify-content:space-between;align-items:center;gap:16px;width:min(620px,100% - 32px);min-height:56px;padding:14px 18px;font-size:1rem;line-height:1.5;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #332f281a}.speech-status button{color:#332f28;cursor:pointer;background:#eae3d5;border:1px solid #a49a87;min-height:44px;padding:8px 14px}[data-theme=chinese-study]{--canvas:#efe5d3;--surface:#fcf5e8;--surface-raised:#e7d8bf;--ink:#382c25;--muted:#6f5a49;--line:#c9b598;--green:#8e3d30;--green-ink:#fff8ea;--focus:#8e3d30;--reading-secondary:#52634e;--reading-tertiary:#84633a;--accent-rgb:142, 61, 48}[data-theme=korean-classroom]{--canvas:#e9eee5;--surface:#fbf9ee;--surface-raised:#dde5d7;--ink:#293d33;--muted:#566354;--line:#b9c5b3;--green:#365c4b;--green-ink:#fff9e9;--focus:#365c4b;--reading-secondary:#805c3d;--reading-tertiary:#596883;--accent-rgb:54, 92, 75}[data-theme=japanese-school]{--canvas:#eee9df;--surface:#fffdf5;--surface-raised:#e7e8df;--ink:#293942;--muted:#53616a;--line:#c4c9c2;--green:#304f48;--green-ink:#fffdf0;--focus:#874b3b;--reading-secondary:#805b3d;--reading-tertiary:#4c607c;--accent-rgb:48, 79, 72}:is([data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]){--portal-bg:var(--canvas);--portal-surface:var(--surface);--portal-line:var(--line);--portal-ink:var(--ink);--portal-muted:var(--muted);--portal-accent:var(--green);--portal-violet:var(--reading-secondary);--portal-tertiary:var(--reading-tertiary);--bg:var(--canvas);--bg-trans:var(--canvas);--bg-surface:var(--surface);--card-bg:var(--surface);--text:var(--ink);--accent:var(--green);--accent-secondary:var(--reading-secondary);--accent-tertiary:var(--reading-tertiary);--accent-glow:transparent;--accent-gradient:linear-gradient(135deg, var(--green), var(--reading-secondary))}.theme-palette-grid--reading{grid-template-columns:1fr}.theme-palette-grid--reading .theme-palette-item{min-height:44px}.theme-color-dot--chinese-study{background:linear-gradient(135deg,#fcf5e8 50%,#8e3d30 50%)}.theme-color-dot--korean-classroom{background:linear-gradient(135deg,#fbf9ee 50%,#365c4b 50%)}[data-theme=chinese-study] :is(.page-header,.portal-header){border-bottom:3px double var(--green)}[data-theme=chinese-study] .course-section-header{border-bottom:2px solid var(--green);padding-bottom:12px}[data-theme=chinese-study] :is(.sentence-reader,.app-card){border-top:3px solid var(--green)}[data-theme=chinese-study] :is(.portal-section-title,.course-section-header h2){font-family:Georgia,KaiTi,Noto Serif SC,serif}[data-theme=korean-classroom].course-page{background-image:repeating-linear-gradient(0deg,#0000 0 31px,#365c4b0a 31px 32px)}[data-theme=korean-classroom] :is(.course-section-header,.portal-header){color:#fff9e9;background:#365347;border:1px solid #805c3d;border-bottom-width:4px;padding:14px 18px}[data-theme=korean-classroom] .portal-header{padding-inline:clamp(20px,5vw,80px)}[data-theme=korean-classroom] :is(.course-section-header h2,.course-section-header small,.course-section-header button,.portal-header .portal-brand,.portal-header .accent-text,.portal-header .portal-nav>a,.portal-header .portal-nav>a span,.portal-header .portal-dropdown-trigger){color:#fff9e9;text-shadow:none}[data-theme=korean-classroom] .course-section-header button{border-color:#b9c5b3}[data-theme=korean-classroom] :is(.portal-section-title,.course-section-header h2){font-family:Georgia,Batang,Noto Serif KR,serif}.theme-color-dot--japanese-school{background:linear-gradient(135deg,#fffdf5 50%,#304f48 50%)}[data-theme=japanese-school].course-page{background-image:linear-gradient(#4c607c08 1px,#0000 1px);background-size:100% 32px}[data-theme=japanese-school] .page-header{border-bottom:3px solid #a07b57}[data-theme=japanese-school] .language-page-heading{padding-bottom:18px}[data-theme=japanese-school] .course-section-header{box-shadow:none;background:#304f48;border:3px solid #a07b57;border-radius:3px;padding:14px 18px}[data-theme=japanese-school] :is(.course-section-header h2,.course-section-header small,.course-section-header button){color:#fffdf0;text-shadow:none}[data-theme=japanese-school] .course-section-header button{background:0 0;border-color:#b9c9bf}[data-theme=japanese-school] :is(.sentence-reader,.course-study-card){border-top:3px solid #a07b57}[data-theme=japanese-school] :is(.portal-section-title,.course-section-header h2){font-family:Georgia,Yu Mincho,Hiragino Mincho ProN,serif}.course-section-goal{color:var(--muted);margin:12px 0 18px;font-size:1rem;line-height:1.65}.japanese-kanji-readings{gap:14px;margin:0 0 18px;display:grid}.japanese-kanji-readings dt{color:var(--muted);font-size:1rem;line-height:1.5}.japanese-kanji-readings dd{margin:5px 0 0;font-size:1.25rem;line-height:1.6}.course-study-card--ja .course-detail-block p{overflow-wrap:anywhere}.course-study-card--ja .course-card-main h3{overflow-wrap:anywhere;line-height:1.65}.course-study-card--ja .course-card-main h3:has(+.course-card-sound){font-size:clamp(1.65rem,3vw,2.8rem)}.reader-tile-kana{color:var(--muted);overflow-wrap:anywhere;font-size:1rem;line-height:1.7;display:block}[data-legacy-scope=ja] .reader-tile{white-space:normal;min-width:0;max-width:100%}[data-legacy-scope=ja] .reader-tile-text{overflow-wrap:anywhere;line-height:1.65}[data-legacy-scope=ja] .reader-tile-sound{white-space:normal;overflow-wrap:anywhere}.lesson-navigation-group{gap:6px;display:grid}.lesson-navigation-subsections{border-left:2px solid var(--line);gap:5px;padding-left:12px;display:grid}.lesson-stepper--ja .lesson-stepper-dots .lesson-navigation-group-toggle{background:var(--surface-raised);padding:10px;font-size:1rem;font-weight:700}.lesson-stepper--ja .lesson-stepper-dots{gap:10px;display:grid}.lesson-stepper--ja .lesson-stepper-dots button{white-space:normal;text-align:left;justify-content:space-between;min-height:44px}.lesson-stepper--ja.collapsed .lesson-stepper-dots{display:none}.lesson-stepper--ja .lesson-stepper-dot-count{background:0 0;border:0;border-radius:0;padding:0}.language-page-heading>div{flex:1;min-width:0}.page-header h1{overflow-wrap:anywhere;text-wrap:balance;max-width:100%;font-size:clamp(1.85rem,4vw,4rem);line-height:1.15}.portal-hero h1.hero-title{flex-wrap:wrap;gap:.04em;max-width:100%;font-size:clamp(2.5rem,10.5vw,9rem);line-height:1.05;display:flex}@media (max-width:1199px){.lesson-stepper--ja .lesson-stepper-dots{max-height:320px;overflow-y:auto}}@media (max-width:600px){.header-top{flex-wrap:wrap;gap:12px}.header-top-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%}.portal-hero h1.hero-title{font-size:clamp(2.5rem,10.5vw,4rem)}}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]){--reading-highlight:color-mix(in srgb, var(--green) 12%, var(--surface))}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-header{border-bottom:1px solid var(--line);background:var(--surface);height:80px;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;grid-template-columns:1fr auto auto;gap:28px;padding:0 clamp(20px,4vw,64px);display:grid}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-brand{letter-spacing:.035em;white-space:nowrap;font-size:1.05rem}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-brand .brand-name{color:var(--ink)}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-nav{gap:22px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.portal-nav>a,.portal-dropdown-trigger){min-height:44px;color:var(--muted);letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;padding:10px 0;font-size:1rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.portal-nav>a:hover,.portal-nav>a[aria-current],.portal-dropdown-trigger[aria-expanded=true]){color:var(--green);border-bottom-color:var(--green)}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-header-actions{align-items:center;gap:20px;min-width:0;display:flex}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-header-cta{color:var(--green);white-space:nowrap;font-size:.95rem;font-weight:600}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;z-index:2;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:min(880px,100vw - 32px);max-width:none;max-height:calc(100svh - 112px);padding:24px;transition:none;position:fixed;top:92px;left:50%;right:auto;overflow-y:auto;transform:translate(-50%);box-shadow:0 12px 32px #29394218}.portal-dropdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-dropdown-backdrop{z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:#29394208;position:fixed;inset:80px 0 0}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-dropdown-header{border-bottom-color:var(--line);gap:12px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.portal-dropdown-header strong,.portal-dropdown-list strong){color:var(--ink);font-size:1rem}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.portal-dropdown-header small,.portal-dropdown-list a div span){color:var(--muted);font-size:.875rem;line-height:1.5}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-dropdown-list a{min-height:68px;color:var(--ink);border-radius:6px;padding:12px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-dropdown-list a:hover{background:var(--reading-highlight);border-color:var(--line);transform:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-hero{background:var(--canvas);min-height:min(850px,100svh);padding-top:150px;padding-bottom:90px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.title-hcode,.hero-title:hover .title-hcode){color:var(--ink);text-shadow:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.title-art,.hero-title:hover .title-art){-webkit-text-fill-color:var(--green);color:var(--green);filter:none;text-shadow:none;background:0 0}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.hero-highlight-phrase,.portal-hero-subtitle){color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .hero-cta-btn{border-radius:8px;min-height:48px;padding:14px 22px;font-size:1rem}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.hero-cta-btn span,.hero-cta-btn b,.app-btn-open span){color:var(--green-ink)}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .hero-scroll-link{color:var(--muted);font-size:1rem;position:static}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.hero-cta-btn:hover,.app-btn-open:hover){background:color-mix(in srgb, var(--green) 90%, black);color:var(--green-ink);box-shadow:none;transform:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .apps-page-section{min-height:auto;padding-block:90px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .apps-container{width:100%;max-width:1200px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .apps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;display:grid}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .app-card{border:1px solid var(--line);border-top:3px solid var(--green);background:var(--surface);border-radius:12px;flex-direction:column;gap:24px;min-height:340px;padding:26px;display:flex;transform:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .chinese-logo-header{align-items:center;gap:16px;display:flex}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .chinese-title-group{min-width:0}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .chinese-title-group h3{margin:0 0 6px;font-size:1.6rem;line-height:1.2}.app-native-name{color:var(--muted);font-size:1.05rem;line-height:1.5;display:block}.app-topics{color:var(--muted);margin:12px 0 0;font-size:.95rem;line-height:1.6}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .chinese-app-desc{margin-top:24px;font-size:1rem;line-height:1.7}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .app-actions{grid-template-columns:1fr;gap:10px;margin-top:auto;display:grid}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .app-btn{border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:12px 16px;font-size:.95rem;text-decoration:none;display:flex}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .app-btn.secondary:hover{background:var(--reading-highlight);border-color:var(--green);transform:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.reader-source-tabs button.is-active,.theme-palette-item.is-selected,.reader-index-list button.is-active){background:var(--reading-highlight);border-color:var(--green);color:var(--green);box-shadow:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.theme-item-check,.item-arrow){color:var(--green)}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (max-width:1000px){:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-header{grid-template-columns:1fr auto;gap:8px 16px;height:auto;min-height:112px;padding:12px 20px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-nav{grid-area:2/1/auto/-1;justify-content:center;gap:28px;width:100%;padding:0;overflow:visible}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-header-actions{grid-area:1/2;justify-content:flex-end}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-header-cta{display:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-dropdown-panel{max-height:calc(100svh - 144px);top:124px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-dropdown-backdrop{top:112px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .apps-grid{gap:16px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .app-card{padding:20px}}@media (max-width:760px){.portal-dropdown-grid{grid-template-columns:1fr;gap:18px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .apps-grid{grid-template-columns:1fr}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .app-card{min-height:0}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-hero{min-height:650px;padding-top:160px;padding-bottom:60px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .theme-pill-text{text-overflow:ellipsis;white-space:nowrap;max-width:108px;overflow:hidden}}@media (max-width:380px){:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-header{gap:8px;padding-inline:14px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-brand{font-size:.9rem}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .theme-pill-text{max-width:84px}}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .brand-name{color:var(--ink)!important}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.brand-dot-art,.portal-brand:hover .brand-dot-art){filter:none;background:0 0;color:var(--green)!important;-webkit-text-fill-color:var(--green)!important}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-brand:hover{text-shadow:none;transform:none}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.reader-full-pronunciation,.reader-translation,.reader-note){font-size:1rem;line-height:1.7}@media (max-width:760px){.portal-timeline{display:none}}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .portal-nav-dropdown.is-open .portal-dropdown-panel{transform:translate(-50%)}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.accent-text,.title-accent){-webkit-text-fill-color:var(--green);color:var(--green);background:0 0}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) :is(.app-btn,.hero-cta-btn){text-transform:none;letter-spacing:0;font-weight:600}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .theme-switcher-unified--portal{flex:0 0 218px;width:218px}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .theme-switcher-unified--portal .theme-unified-pill{width:100%}:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .theme-switcher-unified--portal .theme-pill-main{flex:1;justify-content:space-between;min-width:0}@media (max-width:760px){:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .theme-switcher-unified--portal{flex-basis:170px;width:170px}}@media (max-width:380px){:is([data-theme=traditional],[data-theme=chinese-study],[data-theme=korean-classroom],[data-theme=japanese-school]) .theme-switcher-unified--portal{flex-basis:164px;width:164px}}
.lesson-stepper{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none;border-radius:6px;padding:14px}.lesson-stepper-current strong{font-family:Georgia,serif;font-size:1.2rem}.lesson-stepper-caption,.lesson-stepper-count,.lesson-stepper-learned-count{color:var(--muted);font-size:.85rem}.lesson-stepper-dots button,.mobile-lesson-list button,.mobile-quick-list button{border:0;border-bottom:1px solid var(--line);min-height:44px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border-radius:0;padding:10px 12px}.lesson-stepper-dots button.is-current,.mobile-lesson-list button.is-current{background:var(--surface-raised);color:var(--green);box-shadow:inset 3px 0 var(--green);font-weight:700}.lesson-stepper-dot-count{color:var(--muted);background:0 0;border-radius:0;padding:0;font-size:.8rem}.lesson-stepper-dot-title{white-space:normal}.mobile-study-actions{display:none}.mobile-study-dialog{border:1px solid var(--line);background:var(--surface);width:min(560px,100% - 24px);max-height:calc(100dvh - 110px);color:var(--ink);border-radius:6px;padding:20px;overflow:auto}.mobile-study-dialog::backdrop{background:#25231e80}.mobile-study-dialog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-study-dialog-header h2{margin:0;font:1.5rem Georgia,serif}.mobile-study-dialog-header button,.mobile-study-actions button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:4px;padding:10px 14px}.mobile-study-current{color:var(--muted);line-height:1.5}.mobile-lesson-list,.mobile-quick-list,.mobile-lesson-list .lesson-navigation-subsections{display:grid}.mobile-lesson-list button{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-lesson-list .lesson-navigation-subsections{padding-left:12px}.mobile-study-dialog :focus-visible,.mobile-study-actions :focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (max-width:1199px){.course-page:has(.mobile-study-actions){padding-bottom:calc(88px + env(safe-area-inset-bottom))}.course-page>.lesson-stepper{display:none}.mobile-study-actions{z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;display:grid;position:fixed;inset:auto 0 0}.mobile-study-actions button:first-child{border-color:var(--green);color:var(--green);font-weight:600}}.portal-brand .brand-name{display:inline-block}.portal-brand .brand-dot-art{animation:5s ease-in-out infinite navbar-art-breathe;display:inline-block}@keyframes navbar-art-breathe{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.65;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.portal-brand .brand-dot-art{animation:none}}@media print{.mobile-study-actions,.mobile-study-dialog{display:none}}