@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}:root{--color-bg-primary:#faf9f7;--color-bg-secondary:#f5f3f0;--color-bg-tertiary:#ebe8e3;--color-bg-elevated:#ffffff;--color-text-primary:#1a1918;--color-text-secondary:#5c5956;--color-text-muted:#8b8680;--color-border:rgba(26,25,24,0.08);--color-border-strong:rgba(26,25,24,0.12);--color-accent:#dc6039;--color-accent-hover:#c24f2b;--color-accent-light:#f5e6e0;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-a1:#e8f5e8;--color-a1-border:#90c890;--color-a1-text:#2d5a2d;--color-a1-hover:#d1f0d1;--color-a2:#d4ead4;--color-a2-border:#7ab87a;--color-a2-text:#1e4d1e;--color-a2-hover:#c1e3c1;--color-b1:#fff4d6;--color-b1-border:#d4a843;--color-b1-text:#7a5812;--color-b1-hover:#ffefc1;--color-b2:#ffe8b3;--color-b2-border:#c18c2b;--color-b2-text:#6b4c10;--color-b2-hover:#ffdc9a;--color-c1:#ffd4d4;--color-c1-border:#e57373;--color-c1-text:#b71c1c;--color-c1-hover:#ffbfbf;--color-c2:#ffb3b3;--color-c2-border:#d32f2f;--color-c2-text:#8e0000;--color-c2-hover:#ff9999;--color-interactive-hover:rgba(220,96,57,0.1);--color-interactive-active:rgba(220,96,57,0.2);--color-vocabulary-clicked:rgba(34,197,94,0.15);--color-vocabulary-user:rgba(147,51,234,0.15);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-serif:"Georgia","Times New Roman",serif;--font-mono:"SF Mono","Monaco","Consolas","Liberation Mono","Courier New",monospace;--font-reading:"SF Pro Text",-apple-system,system-ui,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-size-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--font-size-sm:clamp(0.875rem,0.8rem + 0.375vw,1rem);--font-size-base:clamp(1rem,0.925rem + 0.375vw,1.125rem);--font-size-lg:clamp(1.125rem,1rem + 0.625vw,1.25rem);--font-size-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--font-size-2xl:clamp(1.5rem,1.275rem + 1.125vw,1.875rem);--font-size-3xl:clamp(1.875rem,1.525rem + 1.75vw,2.25rem);--font-size-4xl:clamp(2.25rem,1.75rem + 2.5vw,3rem);--font-size-5xl:clamp(3rem,2.25rem + 3.75vw,4rem);--font-size-reading:clamp(1.125rem,1.05rem + 0.375vw,1.25rem);--line-height-tight:1.1;--line-height-snug:1.3;--line-height-base:1.6;--line-height-relaxed:1.8;--line-height-reading:1.7;--letter-spacing-tight:-0.03em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em;--letter-spacing-reading:0.02em;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-reading:400;--space-xs:clamp(0.25rem,0.225rem + 0.125vw,0.375rem);--space-sm:clamp(0.5rem,0.45rem + 0.25vw,0.75rem);--space-md:clamp(1rem,0.9rem + 0.5vw,1.5rem);--space-lg:clamp(1.5rem,1.35rem + 0.75vw,2.25rem);--space-xl:clamp(2rem,1.8rem + 1vw,3rem);--space-2xl:clamp(3rem,2.7rem + 1.5vw,4.5rem);--space-3xl:clamp(4rem,3.6rem + 2vw,6rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(26,25,24,0.04),0 1px 2px rgba(26,25,24,0.06);--shadow-md:0 4px 6px rgba(26,25,24,0.04),0 2px 4px rgba(26,25,24,0.06);--shadow-lg:0 10px 15px rgba(26,25,24,0.04),0 4px 6px rgba(26,25,24,0.08);--shadow-xl:0 20px 25px rgba(26,25,24,0.04),0 10px 10px rgba(26,25,24,0.08);--shadow-2xl:0 25px 50px rgba(26,25,24,0.06),0 12px 24px rgba(26,25,24,0.08);--shadow-subtle:0 1px 3px rgba(26,25,24,0.04);--shadow-card-hover:0 12px 24px rgba(26,25,24,0.15);--shadow-tooltip:0 8px 25px rgba(26,25,24,0.15);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:350ms ease;--transition-slower:500ms ease;--transition-bounce:400ms cubic-bezier(0.68,-0.55,0.265,1.55);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-popover:50;--z-tooltip:60;--z-notification:70;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--story-card-width:280px;--story-card-height:360px;--path-card-height:200px;--tooltip-max-width:320px;--header-height:80px;--touch-target:44px;--touch-target-mobile:48px;--focus-ring:0 0 0 3px rgba(220,96,57,0.3);--color-primary:var(--color-text-primary);--color-secondary:var(--color-text-secondary);--white:#fcfbfb;--raisin-black:#282726;--gray:#7f7c78;--night:#141413;--dim-gray:#6c6c69}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#1a1918;--color-bg-secondary:#282726;--color-bg-tertiary:#3a3836;--color-bg-elevated:#2a2826;--color-text-primary:#faf9f7;--color-text-secondary:#c2bfbc;--color-text-muted:#8b8680;--color-border:rgba(250,249,247,0.12);--color-border-strong:rgba(250,249,247,0.20);--shadow-sm:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 6px rgba(0,0,0,0.3),0 2px 4px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.3),0 4px 6px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px rgba(0,0,0,0.3),0 10px 10px rgba(0,0,0,0.4)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-reading{font-size:var(--font-size-reading)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-elevated{background-color:var(--color-bg-elevated)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-md)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight)}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-4xl)}h2,h3{line-height:var(--line-height-snug)}h3{font-size:var(--font-size-3xl)}h3,h4{font-weight:var(--font-weight-medium)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h5,h6{font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--space-md);line-height:var(--line-height-base)}.content-text,.german-text,.story-content{font-family:var(--font-reading);font-size:var(--font-size-reading);line-height:var(--line-height-reading);font-weight:var(--font-weight-reading);letter-spacing:var(--letter-spacing-reading);color:var(--color-text-primary);text-rendering:optimizeLegibility}.german-text{font-variant-ligatures:common-ligatures;font-feature-settings:"liga" 1,"kern" 1}.cefr-a1{background:var(--color-a1);border-color:var(--color-a1-border);color:var(--color-a1-text)}.cefr-a2{background:var(--color-a2);border-color:var(--color-a2-border);color:var(--color-a2-text)}.cefr-b1{background:var(--color-b1);border-color:var(--color-b1-border);color:var(--color-b1-text)}.cefr-b2{background:var(--color-b2);border-color:var(--color-b2-border);color:var(--color-b2-text)}.cefr-c1{background:var(--color-c1);border-color:var(--color-c1-border);color:var(--color-c1-text)}.cefr-c2{background:var(--color-c2);border-color:var(--color-c2-border);color:var(--color-c2-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-sans);line-height:1.5;cursor:pointer;transition:all var(--transition-base);border:none;text-decoration:none;min-height:var(--touch-target);touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-primary{background:var(--color-accent);color:var(--color-bg-elevated);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-secondary{background:var(--color-bg-elevated);box-shadow:var(--shadow-sm)}.btn-secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-xl);transition:all var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:transparent}.card-compact{padding:var(--space-lg)}.input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-sans);line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-elevated);transition:all var(--transition-base);min-height:var(--touch-target)}.input:focus{outline:none;box-shadow:var(--focus-ring)}.input:focus,.input:hover{border-color:var(--color-accent)}.input::-moz-placeholder{color:var(--color-text-muted)}.input::placeholder{color:var(--color-text-muted)}.input[aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-lg)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.animate-fadeIn{animation:fadeIn var(--transition-slow)}.animate-slideIn{animation:slideIn var(--transition-base)}.animate-scaleIn{animation:scaleIn var(--transition-fast)}.animate-pulse{animation:pulse 2s infinite}@media (max-width:768px){:root{--touch-target:var(--touch-target-mobile);--font-size-reading:clamp(1rem,0.95rem + 0.25vw,1.125rem);--line-height-reading:1.65}.content-text,.german-text,.story-content{font-size:var(--font-size-reading);line-height:var(--line-height-reading)}.btn{padding:var(--space-sm) var(--space-lg)}.btn,.input{min-height:var(--touch-target-mobile)}.input{font-size:16px}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--color-border:rgba(26,25,24,0.3);--color-border-strong:rgba(26,25,24,0.5)}}@media print{:root{--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none}.btn,.card:hover{box-shadow:none!important;transform:none!important}body{background:white!important;color:black!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-sm);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary);background-clip:content-box}@media (max-width:768px){::-webkit-scrollbar{width:12px}}:root{--font-serif-primary:"Georgia","Times New Roman","Times",serif;--font-sans-fallback:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--text-size-xs:0.75rem;--text-size-sm:0.875rem;--text-size-base:1rem;--text-size-lg:1.125rem;--text-size-xl:1.25rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--text-primary:#1a1918;--text-secondary:#5c5956;--text-muted:#8b8680;--text-accent:#3b82f6;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem}.text-german{font-size:var(--text-size-lg);line-height:var(--line-height-relaxed);color:var(--text-primary);letter-spacing:.01em}.text-german,.text-translation{font-family:var(--font-serif-primary);font-weight:400}.text-translation{font-size:calc(var(--text-size-base) * .9);line-height:var(--line-height-normal);color:var(--text-secondary);font-style:normal}.german-text,.text-german{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.story-content-enhanced em,.text-emphasis{font-style:italic}.story-content-enhanced strong,.text-strong{font-weight:600;color:var(--text-primary)}.german-text:after,.translation-text-enhanced:after{content:"";display:inline-block;width:0}.clickable-word+.clickable-word{margin-left:.15em}.clickable-word:has(+span:is([data-punct*=","],[data-punct*="."],[data-punct*="!"],[data-punct*="?"],[data-punct*=";"],[data-punct*=":"])){margin-right:0}.emoji-icon,.story-icon{display:inline-block;margin:0 var(--spacing-xs);vertical-align:middle;line-height:1}@media (max-width:768px){:root{--text-size-lg:1.0625rem;--text-size-base:0.9375rem}.text-german{font-size:var(--text-size-lg);line-height:var(--line-height-normal)}.text-translation{font-size:calc(var(--text-size-base) * .9)}}@media (max-width:480px){:root{--text-size-lg:1rem;--text-size-base:0.875rem}}@media print{.text-german{color:black;font-size:12pt}.text-translation{color:#333;font-size:10pt}.clickable-word{border-bottom:none;padding:0;margin:0}}@media (prefers-contrast:high){:root{--text-primary:#000000;--text-secondary:#333333;--text-muted:#666666}}@media (prefers-reduced-motion:reduce){.clickable-word,.vocab-highlight{transition:none}}@media (prefers-color-scheme:dark){:root{--text-primary:#f5f5f4;--text-secondary:#a8a29e;--text-muted:#78716c}}:root{--markdown-text-xs:0.75rem;--markdown-text-sm:0.875rem;--markdown-text-base:1rem;--markdown-text-lg:1.125rem;--markdown-text-xl:1.25rem;--markdown-text-2xl:1.5rem;--markdown-text-3xl:1.875rem;--markdown-leading-tight:1.25;--markdown-leading-normal:1.5;--markdown-leading-relaxed:1.75;--markdown-leading-loose:2;--markdown-text-primary:#1a1918;--markdown-text-secondary:#5c5956;--markdown-text-muted:#8b8680;--markdown-text-accent:#dc6039;--markdown-space-1:0.25rem;--markdown-space-2:0.5rem;--markdown-space-3:0.75rem;--markdown-space-4:1rem;--markdown-space-6:1.5rem;--markdown-space-8:2rem;--markdown-radius-sm:0.25rem;--markdown-radius-md:0.375rem;--markdown-radius-lg:0.5rem}.markdown-german-content{font-family:Georgia,Times New Roman,Times,serif!important;font-size:var(--markdown-text-lg)!important;line-height:var(--markdown-leading-relaxed)!important;color:var(--markdown-text-primary)!important;font-weight:400!important;font-style:normal!important;margin-bottom:var(--markdown-space-4)}.markdown-german-content h1{font-size:var(--markdown-text-2xl)!important;font-weight:700!important;margin:var(--markdown-space-8) 0 var(--markdown-space-4) 0!important;border-bottom:2px solid #e5e7eb!important;padding-bottom:var(--markdown-space-2)!important}.markdown-german-content h1,.markdown-german-content h2{font-family:Georgia,Times New Roman,Times,serif!important;color:var(--markdown-text-primary)!important;line-height:var(--markdown-leading-tight)!important}.markdown-german-content h2{font-size:var(--markdown-text-xl)!important;font-weight:600!important;margin:var(--markdown-space-6) 0 var(--markdown-space-3) 0!important}.markdown-german-content h3{font-weight:600!important;line-height:var(--markdown-leading-normal)!important;margin:var(--markdown-space-4) 0 var(--markdown-space-2) 0!important}.markdown-german-content h3,.markdown-german-content p{font-family:Georgia,Times New Roman,Times,serif!important;font-size:var(--markdown-text-lg)!important;color:var(--markdown-text-primary)!important}.markdown-german-content p{line-height:var(--markdown-leading-relaxed)!important;font-weight:400!important;margin-bottom:var(--markdown-space-4)!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.markdown-german-content strong{font-weight:600!important;color:var(--markdown-text-primary)!important}.markdown-german-content em{font-style:italic!important;color:inherit!important}.markdown-german-content ol,.markdown-german-content ul{font-family:Georgia,Times New Roman,Times,serif!important;font-size:var(--markdown-text-lg)!important;line-height:var(--markdown-leading-relaxed)!important;color:var(--markdown-text-primary)!important;margin:var(--markdown-space-4) 0!important;padding-left:var(--markdown-space-6)!important}.markdown-german-content li{margin-bottom:var(--markdown-space-1)!important;color:var(--markdown-text-primary)!important}.markdown-german-content ul{list-style-type:disc!important}.markdown-german-content ol{list-style-type:decimal!important}.markdown-german-content blockquote{font-size:var(--markdown-text-lg)!important;font-style:italic!important;border-left:4px solid var(--markdown-text-accent)!important;padding-left:var(--markdown-space-4)!important;margin:var(--markdown-space-6) 0!important}.markdown-english-translation,.markdown-german-content blockquote{font-family:Georgia,Times New Roman,Times,serif!important;color:var(--markdown-text-secondary)!important}.markdown-english-translation{font-size:calc(var(--markdown-text-base) * .9)!important;line-height:var(--markdown-leading-normal)!important;font-weight:400!important;font-style:normal!important;margin-top:var(--markdown-space-2);margin-bottom:var(--markdown-space-6)}.markdown-english-translation h1{font-size:calc(var(--markdown-text-xl) * .9)!important;margin:var(--markdown-space-6) 0 var(--markdown-space-3) 0!important;border-bottom:1px solid #e5e7eb!important;padding-bottom:var(--markdown-space-1)!important}.markdown-english-translation h1,.markdown-english-translation h2{font-family:Georgia,Times New Roman,Times,serif!important;font-weight:600!important;color:var(--markdown-text-secondary)!important;line-height:var(--markdown-leading-tight)!important}.markdown-english-translation h2{font-size:calc(var(--markdown-text-lg) * .9)!important;margin:var(--markdown-space-4) 0 var(--markdown-space-2) 0!important}.markdown-english-translation h3{font-weight:600!important;margin:var(--markdown-space-3) 0 var(--markdown-space-2) 0!important}.markdown-english-translation h3,.markdown-english-translation p{font-family:Georgia,Times New Roman,Times,serif!important;font-size:calc(var(--markdown-text-base) * .9)!important;color:var(--markdown-text-secondary)!important;line-height:var(--markdown-leading-normal)!important}.markdown-english-translation p{font-weight:400!important;font-style:normal!important;margin-bottom:var(--markdown-space-3)!important}.markdown-english-translation strong{font-weight:600!important;color:var(--markdown-text-secondary)!important}.markdown-english-translation em{font-style:italic!important;color:inherit!important}.markdown-english-translation ol,.markdown-english-translation ul{font-family:Georgia,Times New Roman,Times,serif!important;font-size:calc(var(--markdown-text-base) * .9)!important;line-height:var(--markdown-leading-normal)!important;color:var(--markdown-text-secondary)!important;margin:var(--markdown-space-3) 0!important;padding-left:var(--markdown-space-6)!important}.markdown-english-translation li{margin-bottom:var(--markdown-space-1)!important;color:var(--markdown-text-secondary)!important}.markdown-english-translation blockquote{font-family:Georgia,Times New Roman,Times,serif!important;font-size:calc(var(--markdown-text-base) * .9)!important;font-style:italic!important;border-left:3px solid #d1d5db!important;padding-left:var(--markdown-space-3)!important;margin:var(--markdown-space-4) 0!important;color:var(--markdown-text-muted)!important}.markdown-emoji,.markdown-icon{display:inline-block!important;margin:0 var(--markdown-space-1)!important;vertical-align:baseline!important;line-height:1!important;font-style:normal!important}.markdown-english-translation li .markdown-icon:first-child,.markdown-english-translation p .markdown-icon:first-child,.markdown-german-content li .markdown-icon:first-child,.markdown-german-content p .markdown-icon:first-child{margin-left:0!important;margin-right:var(--markdown-space-2)!important}.markdown-english-translation h1 .markdown-icon,.markdown-english-translation h2 .markdown-icon,.markdown-english-translation h3 .markdown-icon,.markdown-german-content h1 .markdown-icon,.markdown-german-content h2 .markdown-icon,.markdown-german-content h3 .markdown-icon{margin-right:var(--markdown-space-2)!important}.markdown-word-token{display:inline}.markdown-punctuation-token{display:inline;margin-left:0!important}.markdown-word-token+.markdown-punctuation-token{margin-left:0!important}.markdown-punctuation-token:not(:last-child){margin-right:.2em!important}.markdown-sentence-pair{margin-bottom:var(--markdown-space-6)!important;position:relative}.markdown-sentence-pair:last-child{margin-bottom:0!important}.markdown-sentence-pair:after{content:"";position:absolute;bottom:calc(-1 * var(--markdown-space-3));left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb 20%,#e5e7eb 80%,transparent)}.markdown-sentence-pair:last-child:after{display:none}.markdown-english-translation code,.markdown-german-content code{font-size:.875em!important;background-color:#f3f4f6!important;padding:var(--markdown-space-1) calc(var(--markdown-space-1) * 1.5)!important;border-radius:var(--markdown-radius-sm)!important}.markdown-english-translation code,.markdown-english-translation pre,.markdown-german-content code,.markdown-german-content pre{font-family:JetBrains Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace!important;border:1px solid #e5e7eb!important}.markdown-english-translation pre,.markdown-german-content pre{background-color:#f8fafc!important;border-radius:var(--markdown-radius-md)!important;padding:var(--markdown-space-4)!important;overflow-x:auto!important;margin:var(--markdown-space-4) 0!important}.markdown-english-translation pre code,.markdown-german-content pre code{background:none!important;padding:0!important;border:none!important;font-size:var(--markdown-text-sm)!important}@media (max-width:768px){:root{--markdown-text-lg:1.0625rem;--markdown-text-xl:1.1875rem;--markdown-text-2xl:1.375rem}.markdown-german-content p{line-height:var(--markdown-leading-normal)!important}.markdown-english-translation{font-size:calc(var(--markdown-text-sm) * .95)!important}}@media (max-width:480px){:root{--markdown-text-lg:1rem;--markdown-text-xl:1.125rem;--markdown-text-2xl:1.25rem}.markdown-sentence-pair{margin-bottom:var(--markdown-space-4)!important}}@media (prefers-contrast:high){:root{--markdown-text-primary:#000000;--markdown-text-secondary:#333333;--markdown-text-muted:#666666}.markdown-german-content h1{border-bottom-color:#333333!important}.markdown-english-translation h1{border-bottom-color:#666666!important}}@media (prefers-reduced-motion:reduce){.markdown-sentence-pair:after{transition:none!important}}@media print{.markdown-english-translation,.markdown-german-content{color:black!important;background:white!important}.markdown-german-content{font-size:12pt!important;line-height:1.4!important}.markdown-english-translation{font-size:10pt!important;line-height:1.3!important}.markdown-sentence-pair:after{display:none!important}}.markdown-english-translation .clickable-word,.markdown-german-content .clickable-word{font-family:inherit!important;color:inherit!important;font-weight:inherit!important;font-style:inherit!important;letter-spacing:normal!important;word-spacing:normal!important}.markdown-english-translation .clickable-word,.markdown-german-content .clickable-word,.markdown-space-token{font-size:inherit!important;line-height:inherit!important;display:inline!important;margin:0!important;padding:0!important}.markdown-space-token{white-space:pre!important;width:.25em!important;text-align:center!important}.markdown-punctuation-token{display:inline!important;margin:0!important;padding:0!important;font-size:inherit!important;line-height:inherit!important}.markdown-german-content{word-spacing:-.1em!important;letter-spacing:-.01em!important}.markdown-english-translation{word-spacing:-.05em!important;letter-spacing:0!important}.clickable-word+.clickable-word,.clickable-word+.markdown-punctuation-token,.clickable-word+.markdown-space-token+.clickable-word{margin-left:0!important}.markdown-english-translation .clickable-word:hover,.markdown-german-content .clickable-word:hover{text-decoration:none!important}.markdown-english-translation .clickable-word:focus,.markdown-german-content .clickable-word:focus{outline:2px solid var(--markdown-text-accent)!important;outline-offset:2px!important;border-radius:var(--markdown-radius-sm)!important}.markdown-sentence-pair{margin-bottom:var(--markdown-space-4)!important}.markdown-english-translation{margin-top:var(--markdown-space-1)!important;margin-bottom:var(--markdown-space-3)!important}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-strong);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent)}.cefr-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;gap:var(--space-xs);cursor:pointer}.cefr-badge.b1{background:var(--color-b1);color:var(--color-b1-text);border-color:var(--color-b1-border)}.cefr-badge.a1{background:var(--color-a1);color:var(--color-a1-text);border-color:var(--color-a1-border)}.cefr-badge.a2{background:var(--color-a2);color:var(--color-a2-text);border-color:var(--color-a2-border)}.cefr-badge.b2{background:var(--color-b2);color:var(--color-b2-text);border-color:var(--color-b2-border)}.cefr-badge.c1{background:var(--color-c1);color:var(--color-c1-text);border-color:var(--color-c1-border)}.cefr-badge.c2{background:var(--color-c2);color:var(--color-c2-text);border-color:var(--color-c2-border)}.vocab-highlight{cursor:pointer;transition:all var(--transition-fast);padding:0;border-radius:0;position:relative;background:inherit!important;border:none!important;color:inherit!important}.vocab-highlight.b1.highlighted{background:var(--color-b1-hover)!important;border-bottom:2px solid var(--color-b1-border)!important;padding:1px 2px!important;border-radius:3px!important}.vocab-highlight.a1.highlighted{background:var(--color-a1-hover)!important;border-bottom:2px solid var(--color-a1-border)!important;padding:1px 2px!important;border-radius:3px!important}.vocab-highlight.a2.highlighted{background:var(--color-a2-hover)!important;border-bottom:2px solid var(--color-a2-border)!important;padding:1px 2px!important;border-radius:3px!important}.vocab-highlight.b2.highlighted{background:var(--color-b2-hover)!important;border-bottom:2px solid var(--color-b2-border)!important;padding:1px 2px!important;border-radius:3px!important}.vocab-highlight.c1.highlighted{background:var(--color-c1-hover)!important;border-bottom:2px solid var(--color-c1-border)!important;padding:1px 2px!important;border-radius:3px!important}.vocab-highlight.c2.highlighted{background:var(--color-c2-hover)!important;border-bottom:2px solid var(--color-c2-border)!important;padding:1px 2px!important;border-radius:3px!important}.vocab-highlight.highlighted:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.interactive-word{cursor:pointer;transition:all var(--transition-fast);padding:0;border-radius:0;position:relative;background:inherit!important;border:none!important;color:inherit!important}.interactive-word.highlighted{padding:1px 2px!important;border-radius:3px!important;border-bottom:2px solid!important}.interactive-word.highlighted:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.interactive-word.cefr-a1.highlighted{background:var(--color-a1-hover)!important;border-bottom-color:var(--color-a1-border)!important}.interactive-word.cefr-a2.highlighted{background:var(--color-a2-hover)!important;border-bottom-color:var(--color-a2-border)!important}.interactive-word.cefr-b1.highlighted{background:var(--color-b1-hover)!important;border-bottom-color:var(--color-b1-border)!important}.interactive-word.cefr-b2.highlighted{background:var(--color-b2-hover)!important;border-bottom-color:var(--color-b2-border)!important}.interactive-word.cefr-c1.highlighted{background:var(--color-c1-hover)!important;border-bottom-color:var(--color-c1-border)!important}.interactive-word.cefr-c2.highlighted{background:var(--color-c2-hover)!important;border-bottom-color:var(--color-c2-border)!important}.interactive-word.cefr-unknown.highlighted{background:rgba(156,163,175,.2)!important;border-bottom-color:rgba(156,163,175,.6)!important}.translation-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-top:.375rem;margin-bottom:.5rem;transition:all var(--transition-base);line-height:1.4}.translation-text.hidden{opacity:0;height:0;margin:0;overflow:hidden}.story-paragraph{margin-bottom:.75rem!important}.story-paragraph:last-child{margin-bottom:0}.story-sentence{margin-bottom:var(--space-md)}.story-sentence:last-child{margin-bottom:0}.reading-controls-container,.reading-controls-toggle{display:flex;gap:var(--space-xs)}.reading-controls-toggle{align-items:center;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.reading-controls-toggle.active{background:var(--color-accent-light)}.reading-controls-toggle.active,.reading-controls-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.toggle-switch{width:28px;height:16px;background:var(--color-border-strong);border-radius:var(--radius-full);position:relative}.toggle-switch,.toggle-switch:after{transition:all var(--transition-base)}.toggle-switch:after{content:"";position:absolute;width:12px;height:12px;background:var(--white);border-radius:50%;top:2px;left:2px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.toggle-switch.active{background:var(--color-accent)}.toggle-switch.active:after{transform:translateX(12px)}.story-content-container{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:750px;margin:0 auto;box-shadow:var(--shadow-sm)}.color-accent-light{background:var(--color-accent-light,#f5e6e0)}@keyframes lockFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lockShakeError{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes lockPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes lockSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lockGlow{0%,to{box-shadow:0 0 0 rgba(59,130,246,0)}50%{box-shadow:0 0 20px rgba(59,130,246,.3)}}@keyframes cefrLevelProgress{0%{width:0}to{width:100%}}.lock-soft{background:linear-gradient(135deg,rgba(249,250,251,.8),rgba(243,244,246,.9));border:1px dashed #e5e7eb;backdrop-filter:blur(2px);animation:lockFadeIn .2s ease-out}.lock-soft:hover{background:linear-gradient(135deg,rgba(249,250,251,.9),rgba(243,244,246,1));border-color:#D1D5DB;transition:all .2s ease-in-out}.lock-standard{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.98));border:2px dashed #c4b5fd;backdrop-filter:blur(4px);animation:lockFadeIn .3s ease-out}.lock-standard:hover{background:linear-gradient(135deg,rgba(255,255,255,1),rgba(248,250,252,1));border-color:#A78BFA;box-shadow:0 4px 12px rgba(124,58,237,.1);transition:all .3s ease-in-out}.lock-hard{background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.15),rgba(217,119,6,.1));border:3px solid #f59e0b;backdrop-filter:blur(8px);animation:lockFadeIn .4s ease-out,lockGlow 2s ease-in-out infinite;position:relative;overflow:hidden}.lock-hard:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.2),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.lock-hard:hover{border-color:#D97706;box-shadow:0 8px 24px rgba(245,158,11,.2);transform:translateY(-2px);transition:all .3s ease-in-out}.lock-cefr{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(147,197,253,.1));border:2px solid #93c5fd;backdrop-filter:blur(3px);animation:lockFadeIn .35s ease-out}.lock-cefr:hover{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(147,197,253,.15));border-color:#60A5FA;box-shadow:0 4px 16px rgba(59,130,246,.1);transition:all .35s ease-in-out}.lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;animation:lockSlideUp .3s ease-out}.lock-overlay-soft{background:rgba(255,255,255,.8);backdrop-filter:blur(2px)}.lock-overlay-standard{background:rgba(255,255,255,.95);backdrop-filter:blur(4px)}.lock-overlay-hard{background:linear-gradient(135deg,rgba(139,69,19,.9),rgba(101,163,13,.9));backdrop-filter:blur(8px)}.lock-overlay-cefr{background:rgba(59,130,246,.1);backdrop-filter:blur(3px)}.lock-content-card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:12px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.1);animation:lockFadeIn .4s ease-out;max-width:320px;margin:0 16px}.lock-content-card-hard{background:rgba(255,248,220,.98);border:2px solid rgba(245,158,11,.3)}.lock-content-card-cefr{background:rgba(239,246,255,.98);border:2px solid rgba(147,197,253,.3)}.lock-icon{position:relative;display:inline-block;animation:lockPulse 2s ease-in-out infinite}.lock-icon-soft{color:#6B7280}.lock-icon-standard{color:#7C3AED}.lock-icon-hard{color:#F59E0B;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.lock-icon-cefr{color:#3B82F6}.lock-badge{position:absolute;bottom:-4px;right:-4px;border-radius:9999px;font-size:10px;font-weight:700;padding:4px 8px;animation:lockFadeIn .5s ease-out;line-height:1}.lock-badge-soft{background:#E5E7EB;color:#374151}.lock-badge-standard{background:#DDD6FE;color:#5B21B6}.lock-badge-hard{background:#FDE68A;color:#92400E;animation:lockPulse 2s ease-in-out infinite}.lock-badge-cefr{background:#DBEAFE;color:#1E40AF}.cefr-progress{position:relative;overflow:hidden;border-radius:8px;background:#F1F5F9}.cefr-progress-bar{height:4px;background:linear-gradient(90deg,#3B82F6,#60A5FA);border-radius:4px;animation:cefrLevelProgress 1s ease-out}.cefr-level-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .3s ease-in-out}.cefr-level-current{background:#3B82F6;color:white;box-shadow:0 2px 8px rgba(59,130,246,.3)}.cefr-level-required{background:#93C5FD;color:#1E40AF;opacity:.8}.cefr-level-indicator:hover{transform:scale(1.1)}.usage-counter{background:linear-gradient(135deg,#F8FAFC,#F1F5F9);border:1px solid #e2e8f0;border-radius:8px;padding:12px;animation:lockFadeIn .6s ease-out}.usage-counter-warning{background:linear-gradient(135deg,#FEF3C7,#FDE68A);border-color:#F59E0B;color:#92400E}.usage-counter-error{background:linear-gradient(135deg,#FEE2E2,#FECACA);border-color:#EF4444;color:#991B1B;animation:lockShakeError .5s ease-in-out}.lock-upgrade-button{transition:all .2s ease-in-out;position:relative;overflow:hidden}.lock-upgrade-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.lock-upgrade-button:active{transform:translateY(0)}.lock-upgrade-button-hard{background:linear-gradient(135deg,#F59E0B,#D97706);color:white;border:none}.lock-upgrade-button-hard:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease-in-out}.lock-upgrade-button-hard:hover:before{left:100%}@media (max-width:640px){.lock-content-card{margin:0 12px;padding:20px;max-width:calc(100vw - 24px)}.lock-overlay{padding:16px}.cefr-level-indicator{width:28px;height:28px;font-size:11px}.lock-badge{font-size:9px;padding:3px 6px}}@media (max-width:480px){.lock-content-card{padding:16px;margin:0 8px}.lock-hard:before{animation-duration:4s}}@media (prefers-contrast:high){.lock-soft{border-width:2px;border-style:solid}.lock-standard{border-width:3px}.lock-hard{border-width:4px}.lock-cefr{border-width:3px}.lock-content-card{box-shadow:0 0 0 2px currentColor}}@media (prefers-reduced-motion:reduce){.lock-badge-hard,.lock-cefr,.lock-hard,.lock-hard:before,.lock-icon,.lock-overlay,.lock-soft,.lock-standard{animation:none}.lock-upgrade-button{transition:none}.cefr-progress-bar{animation:none;width:100%}}@media (prefers-color-scheme:dark){.lock-soft{background:linear-gradient(135deg,rgba(17,24,39,.8),rgba(31,41,55,.9));border-color:#4B5563}.lock-standard{background:linear-gradient(135deg,rgba(17,24,39,.95),rgba(31,41,55,.98));border-color:#7C3AED}.lock-content-card{background:rgba(31,41,55,.95);color:#F9FAFB}.usage-counter{background:linear-gradient(135deg,#1F2937,#111827);border-color:#4B5563;color:#E5E7EB}}.lock-overlay:focus{outline:2px solid #3B82F6;outline-offset:2px}.lock-overlay:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}@media print{.lock-overlay{position:static;background:white;border:2px solid #000;page-break-inside:avoid}.lock-hard:before{display:none}.lock-icon{animation:none}}