.bw{--bw-terracota:#A8472C;--bw-terracota-dark:#7E3520;--bw-terracota-tint:#F1E1D7;--bw-teal:#1E6E68;--bw-gold:#C69A3E;--bw-cream:#FBF6EE;--bw-ink:#2B211B;--bw-warm-grey:#6E6156;--bw-font-display:"Anton", "Montserrat", system-ui, sans-serif;--bw-font-serif:"Playfair Display", Georgia, serif;--bw-font-body:"Montserrat", system-ui, -apple-system, sans-serif;--bw-size-h2:clamp(26px, 4.2vw, 40px);--bw-size-h3:clamp(20px, 2.4vw, 26px);--bw-size-body:clamp(18px, 1.4vw, 20px);--bw-size-small:16px;--bw-size-legal:14px;--bw-size-word-de:clamp(30px, 5.5vw, 46px);--bw-size-word-es:clamp(38px, 8vw, 68px);--bw-space-1:8px;--bw-space-2:16px;--bw-space-3:24px;--bw-space-4:40px;--bw-space-5:64px;--bw-space-6:96px;--bw-radius:4px;--bw-tap:48px;--bw-measure:62ch;font-family:var(--bw-font-body);font-size:var(--bw-size-body);line-height:1.65;color:var(--bw-ink);background-color:var(--bw-cream);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");padding:var(--bw-space-5) var(--bw-space-3);container-type:inline-size;-webkit-font-smoothing:antialiased}.bw *,.bw *::before,.bw *::after{box-sizing:border-box}.bw__inner{max-width:760px;margin-inline:auto}.bw__eyebrow{font-family:var(--bw-font-body);font-size:var(--bw-size-small);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bw-warm-grey);margin:0 0 var(--bw-space-2)}.bw__title{font-family:var(--bw-font-serif);font-style:italic;font-weight:500;font-size:var(--bw-size-h2);line-height:1.15;color:var(--bw-terracota);margin:0 0 var(--bw-space-2)}.bw__rule{display:block;width:96px;height:9px;margin-bottom:var(--bw-space-3);color:var(--bw-terracota)}.bw__lead{max-width:var(--bw-measure);color:var(--bw-ink);margin:0 0 var(--bw-space-4)}.bw__progress{display:flex;align-items:center;gap:var(--bw-space-2);margin-bottom:var(--bw-space-4)}.bw__progress-label{font-size:var(--bw-size-small);font-weight:600;color:var(--bw-warm-grey);white-space:nowrap}.bw__progress-track{flex:1;height:3px;background:var(--bw-terracota-tint)}.bw__progress-fill{display:block;height:100%;width:0;background:var(--bw-terracota);transition:width 480ms cubic-bezier(.22,.61,.36,1)}.bw__step-label{font-size:var(--bw-size-small);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bw-warm-grey);margin:0 0 var(--bw-space-1)}.bw__german{border-left:3px solid var(--bw-gold);padding-left:var(--bw-space-3);margin-bottom:var(--bw-space-4)}.bw__word-de{font-family:var(--bw-font-display);font-size:var(--bw-size-word-de);line-height:1.1;letter-spacing:.01em;color:var(--bw-ink);margin:var(--bw-space-1) 0 var(--bw-space-2)}.bw__syl-sep{color:var(--bw-warm-grey);font-weight:400}.bw__syl--stress{color:var(--bw-terracota)}.bw__bridge{max-width:var(--bw-measure);color:var(--bw-warm-grey);margin:0}.bw__prompt{max-width:var(--bw-measure);font-weight:600;margin:0 0 var(--bw-space-3)}.bw__word-es{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:2px;margin:0 0 var(--bw-space-3);padding:var(--bw-space-3) var(--bw-space-2);background:var(--bw-terracota-tint);border-radius:var(--bw-radius)}.bw__letter{font-family:var(--bw-font-display);font-size:var(--bw-size-word-es);line-height:1;color:var(--bw-ink);background:none;border:0;padding:0 2px;min-width:.55em;text-align:center}.bw__letter--vowel{cursor:pointer;border-bottom:3px solid rgb(168 71 44 / .35);min-height:var(--bw-tap);min-width:max(0.6em, 44px);transition:color 160ms ease,border-color 160ms ease,transform 160ms ease}.bw__letter--vowel:hover{color:var(--bw-terracota);border-bottom-color:var(--bw-terracota);transform:translateY(-2px)}.bw__letter--selected{color:var(--bw-terracota)}.bw__letter--correct{color:var(--bw-teal);border-bottom-color:var(--bw-teal)}.bw__letter--wrong{color:var(--bw-terracota-dark);border-bottom-color:var(--bw-terracota-dark)}.bw__actions{display:flex;flex-wrap:wrap;gap:var(--bw-space-2);align-items:center}.bw__btn{font-family:var(--bw-font-body);font-size:18px;font-weight:700;line-height:1.2;min-height:var(--bw-tap);padding:14px 28px;border-radius:var(--bw-radius);border:2px solid #fff0;cursor:pointer;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}.bw__btn--primary{background:var(--bw-terracota);color:var(--bw-cream)}.bw__btn--primary:hover{background:var(--bw-terracota-dark)}.bw__btn--secondary{background:#fff0;color:var(--bw-teal);border-color:var(--bw-teal)}.bw__btn--secondary:hover{background:var(--bw-teal);color:var(--bw-cream)}.bw__btn--quiet{background:#fff0;color:var(--bw-warm-grey);border-color:rgb(110 97 86 / .4)}.bw__btn--quiet:hover{color:var(--bw-ink);border-color:var(--bw-ink)}.bw__audio{display:inline-flex;align-items:center;gap:var(--bw-space-1);min-height:var(--bw-tap);padding:8px 14px;font-size:var(--bw-size-small);font-weight:600;color:var(--bw-gold);background:none;border:1px solid rgb(198 154 62 / .5);border-radius:var(--bw-radius);cursor:pointer}.bw__audio:hover{color:var(--bw-ink);border-color:var(--bw-gold)}.bw__feedback{border-left:3px solid var(--bw-teal);padding:var(--bw-space-2) 0 var(--bw-space-2) var(--bw-space-3);margin:var(--bw-space-3) 0 var(--bw-space-4);max-width:var(--bw-measure)}.bw__feedback--wrong{border-left-color:var(--bw-terracota)}.bw__verdict{font-family:var(--bw-font-serif);font-style:italic;font-size:var(--bw-size-h3);color:var(--bw-teal);margin:0 0 var(--bw-space-1)}.bw__feedback--wrong .bw__verdict{color:var(--bw-terracota)}.bw__why{margin:0 0 var(--bw-space-2)}.bw__why em{font-style:italic;color:var(--bw-terracota)}.bw__why strong{font-weight:700}.bw__rule-line{display:inline-block;font-size:var(--bw-size-small);font-weight:600;color:var(--bw-warm-grey);border-top:1px solid var(--bw-terracota-tint);padding-top:var(--bw-space-1);margin:0}.bw__result-headline{font-family:var(--bw-font-serif);font-style:italic;font-size:var(--bw-size-h2);line-height:1.2;color:var(--bw-terracota);margin:0 0 var(--bw-space-2)}.bw__score{font-family:var(--bw-font-display);font-size:clamp(40px, 7vw, 64px);line-height:1;color:var(--bw-ink);margin:0 0 var(--bw-space-2)}.bw__result-body{max-width:var(--bw-measure);margin:0 0 var(--bw-space-5)}.bw__capture{background:var(--bw-terracota-tint);border-radius:var(--bw-radius);padding:var(--bw-space-4);margin-bottom:var(--bw-space-4)}.bw__capture-title{font-family:var(--bw-font-serif);font-style:italic;font-size:var(--bw-size-h3);color:var(--bw-terracota-dark);margin:0 0 var(--bw-space-2)}.bw__capture-body{max-width:var(--bw-measure);margin:0 0 var(--bw-space-3)}.bw__field{margin-bottom:var(--bw-space-3)}.bw__label{display:block;font-size:var(--bw-size-small);font-weight:600;color:var(--bw-ink);margin-bottom:6px}.bw__input{width:100%;min-height:var(--bw-tap);padding:12px 14px;font-family:var(--bw-font-body);font-size:18px;color:var(--bw-ink);background:var(--bw-cream);border:1px solid var(--bw-warm-grey);border-radius:var(--bw-radius)}.bw__input:hover{border-color:var(--bw-ink)}.bw__input[aria-invalid="true"]{border-color:var(--bw-terracota);border-width:2px}.bw__consent{display:flex;gap:12px;align-items:flex-start;font-size:var(--bw-size-small);line-height:1.55;margin-bottom:var(--bw-space-3);max-width:var(--bw-measure)}.bw__checkbox{flex:0 0 auto;width:24px;height:24px;margin-top:2px;accent-color:var(--bw-terracota)}.bw__link{color:var(--bw-teal);text-underline-offset:3px}.bw__link:hover{color:var(--bw-terracota)}.bw__error{font-size:var(--bw-size-small);font-weight:600;color:var(--bw-terracota-dark);margin:6px 0 0}.bw__legal{font-size:var(--bw-size-legal);color:var(--bw-warm-grey);margin:var(--bw-space-2) 0 0}.bw__book{border-top:1px solid var(--bw-terracota-tint);padding-top:var(--bw-space-3)}.bw__book-title{font-size:var(--bw-size-h3);font-weight:700;margin:0 0 var(--bw-space-1)}.bw__book-body{max-width:var(--bw-measure);color:var(--bw-warm-grey);margin:0 0 var(--bw-space-3)}.bw :focus-visible{outline:3px solid var(--bw-teal);outline-offset:3px}.bw__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bw [hidden]{display:none!important}.bw__panel{animation:bw-fade 380ms cubic-bezier(.22,.61,.36,1) both}@keyframes bw-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bw *,.bw *::before,.bw *::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}@container (max-width:560px){.bw{padding:var(--bw-space-4) var(--bw-space-3)}.bw__actions .bw__btn{width:100%}.bw__capture{padding:var(--bw-space-3)}}@media (max-width:560px){.bw{padding:var(--bw-space-4) var(--bw-space-3)}.bw__actions .bw__btn{width:100%}.bw__capture{padding:var(--bw-space-3)}}