*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-block-start:var(--s-6);font-size:100%}body{font-family:var(--font-ui);font-size:var(--t-ui);line-height:var(--lh-ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}em,i,cite{font-style:normal;font-weight:600}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--lh-display);color:var(--ink)}h1{font-size:var(--t-display-1)}h2{font-size:var(--t-display-2)}h3,h4{font-size:var(--t-ui);font-family:var(--font-ui);font-weight:700}:root:lang(de) h1,:root:lang(en) h1,:root:lang(tr) h1,:root:lang(de) h2,:root:lang(en) h2,:root:lang(tr) h2{font-variation-settings:"SOFT" 100}p+p{margin-block-start:var(--s-3)}a{color:var(--lagoon);text-underline-offset:.2em;text-decoration:underline}img,svg{block-size:auto;max-inline-size:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.container{inline-size:100%;max-inline-size:var(--max-width);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}.visually-hidden:focus{clip:auto;block-size:auto;inline-size:auto;padding:var(--s-3) var(--s-4);background:var(--card);margin:0;position:static}.grid{gap:var(--s-5);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-block-size:var(--tap-adult);min-inline-size:var(--tap-adult);padding:var(--s-2) var(--s-4);border:2px solid var(--edge);border-radius:var(--r-m);background:var(--card);color:var(--ink);box-shadow:var(--e-1);transition:transform var(--dur-instant), box-shadow var(--dur-instant);font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translate(calc(2px * var(--shadow-x)), 3px);box-shadow:var(--e-press)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--listen{background:var(--listen);border-color:var(--listen);color:var(--on-accent)}.surface{background:var(--card);border-radius:var(--r-l);box-shadow:var(--e-1)}.notice{padding:var(--s-3) var(--s-4);border-radius:var(--r-m);background:var(--sky-tint);color:var(--ink)}.notice--problem{background:var(--honey-tint)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (forced-colors:active){.btn,.surface{box-shadow:none;border:2px solid canvastext}}@media print{*,:before,:after{box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.5;color:#000!important;background:#fff!important}nav,header nav,footer,.no-print,.language-selector,.story-language-selector,.reading-controls,.filter-sidebar,.search-bar,button,.swiper-button-prev,.swiper-button-next,.swiper-pagination,.quiz-interactive,.control-island,.bilingual-toggle,.export-btn,.format-selector{display:none!important}.story-content{max-width:100%;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}.story-header{border-bottom:2px solid #000;margin-bottom:1rem;padding-bottom:1rem}.story-header h1{color:#000;font-size:20pt}.story-meta{color:#666;font-size:10pt}p{orphans:3;widows:3;page-break-inside:avoid}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid;color:#000}h2{margin-top:1rem;font-size:16pt}h3{font-size:14pt}img{page-break-inside:avoid;max-width:100%!important}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:9pt;font-style:italic}ul,ol{page-break-inside:avoid}table{border-collapse:collapse;page-break-inside:avoid;width:100%}table,th,td{border:1px solid #000}th,td{padding:.5rem}.page-break{page-break-before:always}.avoid-break{page-break-inside:avoid}.container{max-width:100%;padding:0}.story-card{page-break-inside:avoid;border:1px solid #ddd;margin-bottom:1rem;padding:.5rem}}.export-overlay{z-index:9999;backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-modal{text-align:center;background:#fff;border-radius:16px;max-width:90%;padding:2rem 3rem;box-shadow:0 10px 40px #0000004d}.export-modal p{color:var(--color-text);margin-top:1rem;font-size:1.1rem;font-weight:500}.spinner{border:4px solid #ff9f4033;border-top-color:var(--color-primary);border-radius:50%;width:50px;height:50px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}