:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-chip: 6px;--radius-input: 10px;--radius-card: 14px;--radius-hero: 16px;--radius-pill: 999px;--bg-page: #F5F3EE;--bg-card: #FFFFFF;--bg-muted: #EEF0F3;--bg-subtle: #F2F3F5;--text-primary: #1A2540;--text-secondary: #5A6578;--text-tertiary: #607080;--accent: #2D4A7A;--accent-soft: #DCE5F5;--danger: #B94343;--danger-soft: #FBEAEA;--success: #0F6E56;--success-soft: #E1F5EE;--border: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .12);--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--lexo-font-serif: var(--font-serif);--lexo-font-sans: var(--font-sans);--lexo-navy: #2D4A7A;--lexo-navy-soft: color-mix(in srgb, #2D4A7A 72%, black 28%);--lexo-cream: #F5F2EC;--lexo-coral: #F0997B;--banner-bg: #1A2540;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sheet: 0 8px 24px rgba(0, 0, 0, .12);--shadow-nav: 0 -1px 0 rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-page: #141821;--bg-card: #1E222C;--bg-muted: #2A2F3A;--bg-subtle: #1A1E27;--text-primary: #ECEEF2;--text-secondary: #A8AEBA;--text-tertiary: #828FA0;--accent: #5b82be;--accent-soft: #2A3A57;--danger: #E57373;--danger-soft: #3A1F1F;--success: #5DCAA5;--success-soft: #143228;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--banner-bg: #3A5488;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sheet: 0 8px 24px rgba(0, 0, 0, .5);--shadow-nav: 0 -1px 0 rgba(255, 255, 255, .05)}.t-display{font-family:var(--font-serif);font-size:26px;font-weight:700;line-height:1.15}.t-h1{font-family:var(--font-serif);font-size:22px;font-weight:600;line-height:1.2}.t-h2{font-family:var(--font-serif);font-size:18px;font-weight:600;line-height:1.25}.t-title{font-family:var(--font-sans);font-size:15px;font-weight:600;line-height:1.3}.t-body{font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5}.t-body-serif{font-family:var(--font-serif);font-size:15px;font-weight:400;line-height:1.6}.t-meta{font-family:var(--font-sans);font-size:12px;font-weight:500;line-height:1.4}.t-eyebrow{font-family:var(--font-sans);font-size:11px;font-weight:600;line-height:1.3;text-transform:uppercase;letter-spacing:.05em}.t-caption{font-family:var(--font-sans);font-size:10px;font-weight:500;line-height:1.3}html,body{margin:0;padding:0;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.app-root{height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--bg-page)}.app-shell{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg-page);z-index:0}.app-shell__nav,.app-shell__header,.app-shell__main{min-width:0}.app-shell__nav{order:2;flex:0 0 auto}.app-shell__main{order:1;flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.app-shell__header{position:sticky;top:0;z-index:15;padding-top:env(safe-area-inset-top);background:var(--bg-page)}.app-shell__header .safe-top{padding-top:0}body.capacitor-native .app-shell__header{padding-top:max(env(safe-area-inset-top),24px)}.app-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media(max-width:1023px){.app-content{scrollbar-width:none}.app-content::-webkit-scrollbar{display:none}}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.page-width--narrow,.page-width--medium,.page-width--wide{width:min(100%,var(--page-max-width, 720px));margin-inline:auto;box-sizing:border-box}.page-width--narrow{--page-max-width: 720px}.page-width--medium{--page-max-width: 1100px}.page-width--wide{--page-max-width: 1400px}@media(min-width:1024px){.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr)}.app-shell--nav-hidden,.app-shell--nav-mobile-only{grid-template-columns:minmax(0,1fr)}.app-shell__nav{order:initial;flex:initial;grid-column:1;grid-row:1;min-height:100dvh;border-right:1px solid var(--border);background:var(--bg-page)}.app-shell__main{order:initial;flex:initial;grid-column:2;grid-row:1;display:flex;flex-direction:column;min-height:100dvh;min-width:0}.app-shell--nav-hidden .app-shell__main{grid-column:1}.app-shell--nav-mobile-only .app-shell__nav{display:none}.app-shell--nav-mobile-only .app-shell__main{grid-column:1}.app-content{padding-bottom:0}.safe-top{padding-top:0}.app-shell__header{padding-top:0;background:transparent}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}:root{--bg: #F4F6F8;--surface: #ffffff;--surface-2: #F6F7FB;--surface-3: #EEF2F7;--text: #2C3E50;--text-muted: #5E6C82;--border: #D7DFEA;--shadow: 0 6px 24px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);--shadow-inset: inset 0 -2px 0 rgba(0,0,0,.06);--primary: #4A6FA5;--primary-contrast: #ffffff;--link: #2457a6;--focus: rgba(74, 111, 165, .45);--overlay: rgba(15, 18, 25, .45);--color-primary-bg: var(--bg);--color-secondary-bg: #E8EEF6;--color-accent-lavender: #DCE5F5;--color-accent2-green: #E3EAF7;--color-accent2-blue: #C9D8EE;--color-text-primary: var(--text);--color-text-secondary: var(--text-muted);--color-accent-primary: var(--primary);--color-accent-secondary: #FF8C7D;--color-accent-teal: var(--primary);--color-divider: var(--border);--color-accent2-bg: linear-gradient(180deg, var(--color-accent2-green), var(--color-accent2-blue));--shadow-soft: var(--shadow);--radius-card: 18px;--radius-pill: 999px;--green-500: #4CAF50;--green-300: #A5D6A7;--red-500: #F44336;--grey-100: #F2F4F7}.theme-dark,[data-theme=dark]{--bg: #0b0f14;--surface: #12161d;--surface-2: #151b24;--surface-3: #1b2130;--text: #E6E9EF;--text-muted: #9AA4B2;--border: #2b313b;--shadow: 0 8px 22px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.3);--primary: #5b82be;--primary-contrast: #0b0f14;--link: #8fb2e3;--focus: rgba(139, 175, 225, .45);--overlay: rgba(6, 9, 14, .6);--color-primary-bg: var(--bg);--color-secondary-bg: var(--bg);--color-text-primary: var(--text);--color-text-secondary: var(--text-muted);--color-divider: var(--border);--shadow-soft: var(--shadow)}html,body{min-height:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--color-text-primary);background:radial-gradient(1200px 600px at 20% 10%,rgba(74,111,165,.15) 0%,transparent 60%),radial-gradient(1200px 600px at 80% 0%,rgba(255,140,125,.2) 0%,transparent 60%),var(--bg);background-attachment:fixed,fixed,fixed}body.theme-dark,[data-theme=dark] body{background:radial-gradient(1000px 500px at 20% 10%,#0b2a2e 0%,transparent 60%),radial-gradient(1000px 500px at 80% 0%,#1e2534 0%,transparent 60%),var(--bg);color:var(--text)}h1{font-size:26px;line-height:1.15}h2{font-size:22px;line-height:1.2}h3{font-size:18px;line-height:1.25}small,.caption{font-size:14px;color:var(--text-muted)}h1,h2,h3,.title,.card .title,.card-head .title{font-family:var(--font-sans);font-weight:600}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}body.capacitor-native .lr-header{padding-top:36px}.theme-logo--dark,[data-theme=dark] .theme-logo--light,.theme-dark .theme-logo--light{display:none!important}[data-theme=dark] .theme-logo--dark,.theme-dark .theme-logo--dark{display:block!important}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.pill{border-radius:var(--radius-pill);padding:8px 14px;border:1px solid var(--border);background:var(--surface)}.pill.active{background:#4a6fa526;border-color:#4a6fa54d;box-shadow:var(--shadow-inset)}.chip{border-radius:var(--radius-pill);padding:4px 10px;font-weight:600;font-size:12px}.chip.cefr-A1{background:#a8e6cf}.chip.cefr-A2{background:#dcedc8}.chip.cefr-B1{background:#80deea}.chip.cefr-B2{background:#4fc3f7}.chip.cefr-C1{background:#9575cd;color:#fff}[data-theme=dark] .chip.cefr-A1,body.theme-dark .chip.cefr-A1{background:#568c79;color:#fff}[data-theme=dark] .chip.cefr-A2,body.theme-dark .chip.cefr-A2{background:#6a923a;color:#fff}[data-theme=dark] .chip.cefr-B1,body.theme-dark .chip.cefr-B1{background:#33808a;color:#fff}[data-theme=dark] .chip.cefr-B2,body.theme-dark .chip.cefr-B2{background:#2584ae;color:#fff}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.card{position:relative;background:var(--surface);padding-bottom:25px;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden;text-decoration:none;color:inherit}.card .thumb{background:linear-gradient(135deg,var(--surface-2),var(--surface-3));height:160px;position:relative;overflow:visible}.card .thumb img.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card .thumb .lock-badge{position:absolute;top:12px;left:30px;transform:translate(-55%);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);color:transparent;font-size:0;pointer-events:none;z-index:3}.card .thumb .lock-badge:after{content:"";display:block;width:14px;height:16px;background:var(--text-muted);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><path fill=%22%23000%22 d=%22M17 9h-1V7a4 4 0 0 0-8 0v2H7a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V10a1 1 0 0 0-1-1zm-7-2a2 2 0 0 1 4 0v2h-4zm2 8a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z%22/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><path fill=%22%23000%22 d=%22M17 9h-1V7a4 4 0 0 0-8 0v2H7a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V10a1 1 0 0 0-1-1zm-7-2a2 2 0 0 1 4 0v2h-4zm2 8a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z%22/></svg>") center/contain no-repeat}.card .body{padding:12px 14px 52px;position:relative}.card .body .title{margin:2px 0 15px;font-size:18px;font-weight:600}.card .body .foot{margin-top:6px;font-size:12px}.cats{margin-top:20px}.card .thumb .level-badge{position:absolute;right:12px;bottom:12px}.card .thumb .read-badge{position:absolute;top:12px;right:12px;background:#fff9;color:var(--primary);border:1px solid var(--primary);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;box-shadow:var(--shadow-soft);z-index:2}[data-theme=dark] .card .thumb .read-badge,body.theme-dark .card .thumb .read-badge{background:#00000073;color:var(--text);border-color:var(--border)}.fav-btn{position:absolute;right:12px;bottom:20px;top:auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#c1c8d3;z-index:2}[data-theme=dark] .fav-btn{color:#c1c8d3}.fav-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff6;transform:scale(0);opacity:0;transition:transform .25s ease,opacity .4s ease}.fav-btn:active:after{transform:scale(1);opacity:1}.fav-btn:active{transform:scale(.94)}.fav-btn i{font-size:18px;line-height:1}.fav-btn .fav-icon{width:18px;height:18px;display:block;background-color:currentColor;mask:url("./media/heart-Z667Z4CB.svg") no-repeat center/contain;-webkit-mask:url("./media/heart-Z667Z4CB.svg") no-repeat center/contain}.fav-btn.active{color:#fff;background:#f06292;border-color:#f06292}.card .thumb .done-badge{position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:50%;background:#4caf50;box-shadow:var(--shadow-soft)}.card .thumb .done-badge{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><path fill=%22%23000%22 d=%22M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z%22/></svg>") center/18px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22><path fill=%22%23000%22 d=%22M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5z%22/></svg>") center/18px no-repeat}.muted{color:var(--text-muted);line-height:1.4rem}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=dark] .search-group{background:var(--surface);border-color:var(--border)}[data-theme=dark] .search-select{background:linear-gradient(180deg,var(--surface-3),var(--surface-2));color:var(--text)}body.theme-dark input,body.theme-dark select,body.theme-dark textarea,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface);color:var(--text);border-color:var(--border)}body.theme-dark .search-group,[data-theme=dark] .search-group{background:var(--surface);border-color:var(--border)}body.theme-dark .search-select,[data-theme=dark] .search-select{background:linear-gradient(180deg,var(--surface-3),var(--surface-2));color:var(--text)}