.practice-launch{border:0;background:transparent;color:#a66d45;font-size:10px;padding:12px 0 0;display:block;margin:auto}.practice-launch:hover{color:#d16035}.practice-mini{display:block;border:0;background:transparent;color:#788d5c;font-size:10px;padding:15px 0 0;text-align:left}.practice-dialog{max-width:850px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);padding:32px 36px;overflow-y:auto;overscroll-behavior:contain}.practice-dialog>.close{position:sticky;float:right;top:0;background:#fffefa;border-radius:50%;width:32px;height:32px;z-index:1;line-height:28px}.practice-heading h2{font-size:41px;margin:12px 0 3px;font-weight:500;overflow-wrap:anywhere}.practice-heading>p{font-size:14px;margin:0;color:#88917b}.practice-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;margin-top:29px}.practice-dialog h3{display:flex;align-items:center;gap:9px;font-size:13px;color:#546344;font-weight:500;margin:0 0 14px}.practice-dialog h3>span{font-size:9px;color:#9ca98d;border:1px solid #e0e6d4;border-radius:50%;height:22px;width:22px;display:grid;place-items:center;flex-shrink:0}.practice-dialog .practice-note{font-size:11px;line-height:1.8;margin:10px 0;color:#909980}.ipa-line{font-family:'DejaVu Sans','Arial',sans-serif;font-size:26px;color:#647b4f;letter-spacing:.6px;overflow-wrap:anywhere;margin-bottom:12px}.variant-label{display:flex;flex-wrap:wrap;gap:6px;font-size:9px;align-items:center;color:#8e977e}.variant-label select{border:1px solid #dce2cf;background:#f8f9f2;color:#647254;border-radius:6px;padding:5px;font-size:11px;max-width:100%}.sound-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:14px 0}.sound-chips button{min-width:38px;min-height:39px;background:#f3f5ec;border:1px solid #dde3cf;border-radius:8px;font-size:20px;color:#6e7d58;font-family:Arial,sans-serif;padding:5px 10px}.sound-chips button[aria-pressed=true]{background:#e6edda;border-color:#acbd93;color:#3f592b}.stress-marker{font-family:Arial,sans-serif;font-size:24px;color:#c88852}.sound-title{display:flex;align-items:center;gap:10px;margin-top:20px}.sound-title>strong{font-family:Arial,sans-serif;font-size:25px;font-weight:400;color:#738957}.sound-title>span{font-size:12px;color:#778969}.mouth-diagram{display:block;width:100%;max-width:300px;margin:0 auto;height:auto}.mouth-cavity{fill:#f4f3ec;stroke:#c9cebd;stroke-width:2}.palate-line{stroke:#bdc7ac;fill:none;stroke-width:2.5}.tongue-shape{fill:#ecd4c5;stroke:#d7ae95;stroke-width:1.5}.teeth-shape{fill:#fff;stroke:#c5cdb8;stroke-width:1}.lip-line{stroke:#bb927e;stroke-width:4;fill:none;stroke-linecap:round}.airflow{stroke:#bdcbaa;stroke-width:1.5;stroke-dasharray:4 5;fill:none}.placement-halo{fill:#e86a3d20}.placement-dot{fill:#e86a3d}.mouth-diagram text{font-size:9px;fill:#9aa48a;font-family:'DM Sans',sans-serif}.label-line{stroke:#c8cfbd;stroke-width:1;fill:none}.organ-tips{margin:0;display:grid;gap:12px}.organ-tips>div{display:grid;grid-template-columns:64px 1fr;gap:8px}.organ-tips dt{font-size:10px;font-weight:550;color:#738361;padding-top:2px}.organ-tips dd{margin:0;font-size:11px;line-height:1.8;color:#879479}.practice-dialog .diagram-caption{font-size:8px;color:#a7ae9b;margin:15px 0 0}.record-section{border-left:1px solid #e4e8db;padding-left:27px}.reference-button{display:flex;width:100%;justify-content:space-between;margin-top:9px;font-size:11px}.reference-button small{font-size:8px;color:#a1ac90}.record-box{background:#f5f6ee;border:1px dashed #d5dec6;border-radius:13px;padding:20px 16px;margin-top:20px;text-align:center}.record-symbol{font-size:36px;line-height:1;color:#a7b695;margin-bottom:16px}.record-box .primary{font-size:12px;padding:12px 18px}.record-box .primary.is-recording{background:#b34e3d;border-color:#b34e3d}.record-box #record-status{font-size:10px;line-height:1.7;min-height:34px;margin:15px 0;color:#89977a}.record-box>.outline{font-size:11px;width:100%}.record-box .text-link{margin:9px auto 0;font-size:9px}.practice-dialog .privacy-note{font-size:9px;line-height:1.9;color:#9aa68a;margin:15px 0 10px}.practice-dialog .assessment-note{font-size:9px;line-height:1.8;color:#ad947c}.sentence-section{border-top:1px solid #e3e8d9;margin-top:28px;padding-top:22px}.practice-dialog .example-german{font-family:Manrope,sans-serif;font-size:21px;color:#586c45;font-weight:450;line-height:1.7;margin:10px 0 5px}.example-german mark{color:#b8663d;background:#f4e8d9;padding:2px 4px;border-radius:4px}.practice-dialog .example-english{font-size:12px;color:#959e86;margin:5px 0 17px}.sentence-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sentence-actions button{font-size:11px;padding:9px 12px}.sentence-actions>small{font-size:8px;color:#a1ab92}.practice-credits{margin-top:22px;font-size:9px;color:#a0aa91;line-height:1.8}.practice-credits summary{cursor:pointer}.practice-credits p{font-size:9px;line-height:1.9;color:#a0aa91;overflow-wrap:anywhere}.practice-credits a{font-size:9px;color:#8d987c}
.practice-dialog .practice-note,.organ-tips dd,.record-box #record-status{color:#67765b}
@media(max-width:650px){.practice-dialog{padding:24px 21px;max-height:calc(100dvh - 20px);width:calc(100% - 20px)}.practice-heading h2{font-size:34px}.practice-grid{grid-template-columns:1fr;gap:25px}.record-section{border-left:0;border-top:1px solid #e4e8db;padding:23px 0 0}.mouth-diagram{max-width:270px}.practice-dialog .example-german{font-size:18px}.practice-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.record-box{padding:16px}.record-symbol{display:none}.organ-tips>div{grid-template-columns:61px 1fr}}
.ai-result:not(:empty){margin-top:18px;padding:18px;border:1px solid var(--line,#d8d8ce);border-radius:14px;background:var(--paper,#faf9f3)}
.practice-score{display:block;font-size:2rem;line-height:1.2;margin-bottom:12px}
.ai-result p{font-size:.88rem;line-height:1.6;margin:8px 0}
.sentence-links{overflow-x:auto;padding:8px 2px 13px;scrollbar-width:thin}
.sentence-link-inner{position:relative;display:grid;gap:72px;width:max-content;min-width:100%;padding:6px 4px}
.sentence-link-row{display:flex;align-items:center;justify-content:flex-start;gap:2px;white-space:nowrap}
.sentence-link-word{position:relative;z-index:1;border:0;border-bottom:2px solid var(--link-color,#abb39d);border-radius:5px 5px 0 0;background:#faf9f2;color:#52633f;padding:7px 2px;font:inherit;cursor:pointer;transition:opacity .15s}
.sentence-link-de{font-family:Manrope,sans-serif;font-size:19px;font-weight:450}
.sentence-link-en{font-size:13px;color:#778467}
.sentence-link-word[aria-pressed=true]{background:#e8eddf;outline:2px solid var(--link-color);outline-offset:2px}
.sentence-link-word:focus-visible{outline:2px solid var(--link-color);outline-offset:3px}
.sentence-link-word mark{color:#b8663d;background:#f4e8d9;border-radius:3px}
.sentence-link-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.link-muted{opacity:.22}.sentence-link-note{font-size:10px!important;line-height:1.7;color:#78876b!important;margin:3px 0 18px!important}
.link-unpaired{border-bottom-style:dotted;cursor:default}
@media(max-width:600px){.sentence-link-de{font-size:16px}.sentence-link-row{gap:2px}.sentence-link-inner{gap:64px}.sentence-link-word{padding:6px 2px}}
@media(prefers-reduced-motion:reduce){.sentence-link-word{transition:none}}
