: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: #566678;--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:16px;font-weight:600;line-height:1.3}.t-body{font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.55}.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:13px;font-weight:500;line-height:1.4}.t-eyebrow{font-family:var(--font-sans);font-size:12px;font-weight:600;line-height:1.3;text-transform:uppercase;letter-spacing:.05em}.t-caption{font-family:var(--font-sans);font-size:12px;font-weight:500;line-height:1.35}lr-home,lr-library,lr-story,lr-saved-words,lr-practice,lr-profile,lr-pricing,lr-login,lr-signup,lr-verify-email,app-landing-page,lr-support,lr-terms-of-service,lr-privacy-policy,lr-impressum,lr-data-deletion{--bg-page: #FBF9F5;--bg-card: #FFFFFF;--bg-muted: #F4EFEB;--bg-subtle: #F5F3EF;--text-primary: #1E293B;--text-secondary: #475569;--text-tertiary: #56657A;--accent: #0051D5;--accent-soft: #DBE1FF;--success: #15803D;--success-soft: #DCFCE7;--border: #EAE4DC;--border-strong: #E2DBD0;--lexo-navy: #1E293B;--lexo-navy-soft: #334155;--lx-ink: #1E293B;--lx-ink-strong: #0F172A;--lx-on-ink: #FFFFFF;--lx-track: #EAE8E4;--lx-nav-active: #E4E2DE;--lx-amber-bg: #FFFBEB;--lx-amber-border: #FDE68A;--lx-amber-text: #92400E;--lx-amber-strong: #B45309;--lx-focus-ring: #DBEAFE;--lx-image-overlay: rgba(255, 255, 255, .92);--lx-cta-bg: #1E293B;--lx-cta-border: transparent;--lx-cta-eyebrow: #A9C1FF;--lx-cta-heading: #FFFFFF;--lx-cta-body: #CBD5E1;--lx-cta-btn-bg: #FFFFFF;--lx-cta-btn-fg: #1E293B;--lx-cta-btn-hover-bg: #E8EEFB;--lx-radius-card: 16px;--lx-radius-input: 12px;--lx-shadow-card: 0 2px 8px -2px rgba(30, 41, 59, .04), 0 1px 3px -1px rgba(30, 41, 59, .02);--lx-shadow-hero: 0 4px 16px -4px rgba(30, 41, 59, .06);--lx-shadow-hover: 0 12px 24px -6px rgba(30, 41, 59, .1), 0 4px 10px -3px rgba(30, 41, 59, .04);--shadow-card: var(--lx-shadow-card);--lx-a1-fg: #047857;--lx-a1-bg: #ECFDF5;--lx-a1-bd: #A7F3D0;--lx-a2-fg: #0369A1;--lx-a2-bg: #F0F9FF;--lx-a2-bd: #BAE6FD;--lx-b1-fg: #4338CA;--lx-b1-bg: #EEF2FF;--lx-b1-bd: #C7D2FE;--lx-b2-fg: #6D28D9;--lx-b2-bg: #F5F3FF;--lx-b2-bd: #DDD6FE;--lx-c1-fg: #B45309;--lx-c1-bg: #FFFBEB;--lx-c1-bd: #FDE68A;--lx-c2-fg: #9D174D;--lx-c2-bg: #FDF2F8;--lx-c2-bd: #FBCFE8}[data-theme=dark] lr-home,[data-theme=dark] lr-library,[data-theme=dark] lr-story,[data-theme=dark] lr-saved-words,[data-theme=dark] lr-practice,[data-theme=dark] lr-profile,[data-theme=dark] lr-pricing,[data-theme=dark] lr-login,[data-theme=dark] lr-signup,[data-theme=dark] lr-verify-email,[data-theme=dark] app-landing-page,[data-theme=dark] lr-support,[data-theme=dark] lr-terms-of-service,[data-theme=dark] lr-privacy-policy,[data-theme=dark] lr-impressum,[data-theme=dark] lr-data-deletion{--bg-page: #14171F;--bg-card: #1C202A;--bg-muted: #252A35;--bg-subtle: #191D26;--text-primary: #ECEEF2;--text-secondary: #B4BBC8;--text-tertiary: #929DB0;--accent: #7BA4FF;--accent-soft: #24365C;--success: #4ADE80;--success-soft: #13301F;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--lexo-navy: #2F4C85;--lexo-navy-soft: #3B5A9A;--lx-ink: #E2E8F0;--lx-ink-strong: #FFFFFF;--lx-on-ink: #14171F;--lx-track: #2C323F;--lx-nav-active: #2A3040;--lx-amber-bg: rgba(251, 191, 36, .1);--lx-amber-border: rgba(251, 191, 36, .28);--lx-amber-text: #FCD34D;--lx-amber-strong: #FBBF24;--lx-focus-ring: rgba(123, 164, 255, .28);--lx-image-overlay: rgba(20, 23, 31, .82);--lx-cta-bg: #1F2A44;--lx-cta-border: rgba(255, 255, 255, .14);--lx-cta-eyebrow: #9DBBFF;--lx-cta-heading: #F4F6FA;--lx-cta-body: #C3CBDA;--lx-cta-btn-bg: #E2E8F0;--lx-cta-btn-fg: #14171F;--lx-cta-btn-hover-bg: #FFFFFF;--lx-shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--lx-shadow-hero: 0 4px 16px -4px rgba(0, 0, 0, .45);--lx-shadow-hover: 0 12px 24px -6px rgba(0, 0, 0, .55);--shadow-card: var(--lx-shadow-card);--lx-a1-fg: #6EE7B7;--lx-a1-bg: rgba(16, 185, 129, .14);--lx-a1-bd: rgba(16, 185, 129, .35);--lx-a2-fg: #7DD3FC;--lx-a2-bg: rgba(14, 165, 233, .14);--lx-a2-bd: rgba(14, 165, 233, .35);--lx-b1-fg: #A5B4FC;--lx-b1-bg: rgba(99, 102, 241, .16);--lx-b1-bd: rgba(99, 102, 241, .38);--lx-b2-fg: #C4B5FD;--lx-b2-bg: rgba(139, 92, 246, .16);--lx-b2-bd: rgba(139, 92, 246, .38);--lx-c1-fg: #FCD34D;--lx-c1-bg: rgba(245, 158, 11, .14);--lx-c1-bd: rgba(245, 158, 11, .35);--lx-c2-fg: #F9A8D4;--lx-c2-bg: rgba(236, 72, 153, .14);--lx-c2-bd: rgba(236, 72, 153, .35)}lr-story{--reader-hover-bg: color-mix(in srgb, var(--accent) 9%, transparent);--reader-hl-bg: var(--accent-soft);--reader-hl-outline: var(--accent);--reader-occ-bg: color-mix(in srgb, var(--accent) 16%, transparent);--reader-play-bg: color-mix(in srgb, var(--accent) 10%, transparent);--lx-prose-size: 20px;--lx-prose-leading: 36px}@media(max-width:599px){lr-story{--lx-prose-size: 18px;--lx-prose-leading: 32px}}lr-story,lr-saved-words,lr-practice,lr-profile,lr-pricing,lr-login,lr-signup,lr-verify-email,app-landing-page,lr-support,lr-terms-of-service,lr-privacy-policy,lr-impressum,lr-data-deletion{--surface: var(--bg-card);--surface-2: var(--bg-subtle);--surface-3: var(--bg-muted);--text: var(--text-primary);--text-muted: var(--text-secondary);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--primary: var(--lx-ink);--primary-contrast: var(--lx-on-ink);--danger: #BA1A1A;--danger-soft: #FFDAD6;--lx-on-accent: #FFFFFF}[data-theme=dark] lr-story,[data-theme=dark] lr-saved-words,[data-theme=dark] lr-practice,[data-theme=dark] lr-profile,[data-theme=dark] lr-pricing,[data-theme=dark] lr-login,[data-theme=dark] lr-signup,[data-theme=dark] lr-verify-email,[data-theme=dark] app-landing-page,[data-theme=dark] lr-support,[data-theme=dark] lr-terms-of-service,[data-theme=dark] lr-privacy-policy,[data-theme=dark] lr-impressum,[data-theme=dark] lr-data-deletion{--danger: #FFB4AB;--danger-soft: rgba(255, 180, 171, .12);--lx-on-accent: #0B1530}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}@media(min-width:1024px){lr-home .app-shell:not(.app-shell--nav-hidden):not(.app-shell--nav-mobile-only),lr-library .app-shell:not(.app-shell--nav-hidden):not(.app-shell--nav-mobile-only),lr-saved-words .app-shell:not(.app-shell--nav-hidden):not(.app-shell--nav-mobile-only),lr-practice .app-shell:not(.app-shell--nav-hidden):not(.app-shell--nav-mobile-only),lr-profile .app-shell:not(.app-shell--nav-hidden):not(.app-shell--nav-mobile-only){grid-template-columns:256px minmax(0,1fr)}}: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);--reader-hover-bg: rgba(74, 111, 165, .12);--reader-hl-bg: #FFECB3;--reader-hl-outline: #B7860B;--reader-occ-bg: rgba(255, 214, 0, .25);--reader-play-bg: #FFF9D7;--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);--reader-hover-bg: rgba(139, 175, 225, .22);--reader-hl-bg: rgba(251, 192, 45, .3);--reader-hl-outline: #E0B13A;--reader-occ-bg: rgba(255, 214, 0, .22);--reader-play-bg: rgba(251, 192, 45, .16);--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:28px;line-height:1.15}h2{font-size:22px;line-height:1.2}h3{font-size:18px;line-height:1.3}h4{font-size:16px;line-height:1.35}small,.caption{font-size:13px;color:var(--text-muted)}button{font-size:15px;font-weight:600}input,textarea{font-size:16px}::placeholder{color:var(--text-tertiary, var(--text-muted));opacity:1}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}select{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-height:44px;padding:0 40px 0 14px;font-size:16px;line-height:1.3;color:var(--text-primary, var(--text));background-color:var(--bg-card, var(--surface));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5l5 5 5-5' stroke='%23566678' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-input, 10px);cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}select:hover:not(:disabled){border-color:var(--accent, var(--primary))}select:focus-visible{border-color:var(--accent, var(--primary))}select:disabled{opacity:.55;cursor:not-allowed}[data-theme=dark] select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5l5 5 5-5' stroke='%23A8AEBA' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>")}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-color: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-color: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)}