@font-face{font-family:Vazirmatn;src:url('fonts/Vazirmatn-v33.003.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#17453f;--muted:#315d58;--teal:#17453f;--paper:#f4faf7;--line:#aacfc3;--mint:#e4f4e8;--blue:#e2f2f9;--error:#8d293c}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-padding-top:20px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.95 Vazirmatn,Tahoma,sans-serif}a{color:#12545f;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,.button{cursor:pointer}button,a,input,textarea,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #1c51a0;outline-offset:4px}.skip{position:absolute;top:-100px;right:20px;background:white;z-index:10;padding:10px}.skip:focus{top:10px}.masthead{max-width:1280px;margin:auto;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand strong,.brand span:not(.brand-mark){display:block}.brand span:not(.brand-mark){font-size:12px;color:var(--muted)}.brand-mark{direction:ltr;background:var(--mint);border:1px solid #96bfb1;color:var(--teal);width:52px;height:52px;border-radius:17px;text-align:center;font:700 28px/52px Vazirmatn,sans-serif}.pill{font-size:12px;border:1px solid #9cc3b1;background:var(--mint);border-radius:30px;padding:6px 14px}.layout{max-width:1280px;margin:auto;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}main{min-width:0}.hero{padding:38px 40px;background:var(--blue);border:1px solid #b1cedf;border-radius:25px;position:relative}.hero h1{font-size:clamp(26px,4vw,38px);line-height:1.6;margin:6px 0}.hero p{max-width:620px}.eyebrow{font-size:12px;font-weight:700;color:var(--teal);margin:0 0 6px}.hero-de{font:500 28px/1.7 Vazirmatn,sans-serif;color:#155562;text-align:right}.hero-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;margin:20px 0;color:var(--muted)}.button{background:var(--teal);border:1px solid var(--teal);color:white;display:inline-block;border-radius:10px;padding:10px 18px;text-decoration:none;font-weight:700;font-size:14px;min-height:44px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:24px;box-shadow:0 4px 16px #1c536006}.card h2{font-size:23px;line-height:1.65;margin:0 0 12px}.card h3{font-size:17px}.card p{margin:10px 0}.progress-card{padding:20px 6px 10px}.progress-card>div{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.progress-card strong{font-size:14px}.progress-card span{font-size:12px;color:var(--muted)}progress{width:100%;height:10px;accent-color:var(--teal);margin-top:8px}.small,.source-note{font-size:13px;color:var(--muted)}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 22px}.steps a{font-size:13px;text-decoration:none;border:1px solid var(--line);padding:9px 12px;border-radius:8px;background:white;min-height:44px}.steps a.done{background:var(--mint);border-color:#8dbca6}.notice{border-right:4px solid #4686a3;background:#ebf4fb;padding:14px 16px;border-radius:8px;font-size:14px}.notice p{margin:4px 0}.phrase{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid var(--line)}.phrase-text{flex:1}.phrase-text p{margin:0}.german{font:500 23px/1.7 Vazirmatn,sans-serif;text-align:left;overflow-wrap:anywhere}.audio-controls{display:flex;gap:8px;flex-wrap:wrap}.secondary,.char-button,.chip,.danger{border:1px solid #91bbb0;border-radius:8px;background:#ecf7f0;color:#185d54;padding:8px 12px;font-size:13px;min-height:44px}.char-button{font-size:20px;line-height:1.5;direction:ltr}.danger{color:var(--error);border-color:#d39aaa;background:#fff4f6}.example{background:var(--mint);border:1px solid #b8d9c5;border-radius:12px;padding:18px 20px;margin:22px 0}.example h3{margin:0}fieldset{border:0;border-top:1px solid var(--line);padding:22px 0;margin:16px 0}legend{font-weight:700;padding:0 0 4px;max-width:100%;font-size:15px}.option{display:flex;align-items:flex-start;gap:10px;margin:12px 0;min-height:44px;font-size:14px}input[type=radio],input[type=checkbox]{width:20px;height:20px;accent-color:var(--teal);flex-shrink:0;margin-top:5px}label:not(.option){display:block;font-size:14px;margin:8px 0 4px}input:not([type=radio]):not([type=checkbox]),textarea,select{width:100%;border:1px solid #8caeb5;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink);line-height:1.7;max-width:100%;min-height:44px}textarea{resize:vertical}input[dir=ltr],textarea[dir=ltr]{font-family:Vazirmatn,sans-serif}.input-row{display:flex;gap:8px}.input-row input{flex:1;min-width:0}fieldset button{margin-top:12px}.feedback{font-size:14px;border-radius:8px}.feedback:not(:empty){padding:12px;background:#e9f5ee}.feedback.error:not(:empty){background:#fff1f3;color:var(--error)}.experimental{background:#ecf4fb;border:1px solid #bfd4e6;border-radius:10px;padding:20px}.experimental legend{padding-top:10px}summary{cursor:pointer;padding:10px 0;min-height:44px}.result:not(:empty){background:#e6f3ed;border-radius:10px;padding:18px;margin-top:20px}.review-item{border-bottom:1px solid var(--line);padding:14px 0}.review-item>div{display:flex;gap:8px;flex-wrap:wrap}.review-item .selected{background:var(--teal);color:#fff}.tutor{position:sticky;top:22px;margin-bottom:30px;border-top:5px solid #88b4cf}.tutor h2{font-size:25px}.tutor p{font-size:14px}.tutor .button{width:100%;margin-top:12px}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.chip{font-size:12px;padding:6px 10px}.answer{padding-top:16px;border-top:1px solid var(--line);margin-top:18px}.answer a{display:block;font-size:13px}footer{padding:8px 0 32px;font-size:12px;color:var(--muted)}[lang=de]{unicode-bidi:isolate}button:disabled{opacity:.7;cursor:default}.welcome{max-width:1224px;margin:0 auto 28px;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:34px}.welcome-copy{background:linear-gradient(135deg,var(--blue),var(--mint));border-radius:18px;padding:32px}.welcome h1{font-size:34px;line-height:1.7}.welcome form>.button,.welcome form>.secondary{display:block;width:100%;margin:12px 0}.preview-label{font-size:14px;font-weight:700;border-right:3px solid #68a596;padding-right:12px}.rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checklist{background:var(--mint);border-radius:10px;padding:10px 20px;margin:20px 0}.sentence-id{font-size:11px;color:var(--muted);font-family:Vazirmatn,sans-serif;direction:ltr;display:block}#reviewer-form>button{margin:12px 0 0 8px}#profile-status:empty{display:none}
@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.card{padding:22px}.hero{padding:28px}.phrase{align-items:flex-start;flex-direction:column}.tutor{padding:20px}.welcome{margin:0 28px 28px;gap:24px;padding:24px}.welcome-copy{padding:24px}}
@media(max-width:760px){.layout{display:block;padding:0 16px}.masthead{padding:20px 16px;align-items:flex-start}.brand strong{font-size:16px}.pill{display:none}.hero{padding:26px}.card{padding:22px 18px}.tutor{position:static}.hero-de{font-size:24px}.steps a{flex:1;text-align:center;white-space:nowrap}.phrase{flex-direction:row;flex-wrap:wrap}.phrase-text{min-width:160px}h2{overflow-wrap:anywhere}.welcome{margin:0 16px 24px;display:block}.welcome-copy{margin-bottom:22px}.welcome h1{font-size:28px}.rating-grid{grid-template-columns:1fr}.welcome form>.secondary{height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Brochure reference: owner-supplied PDF palette; CSS geometry newly authored. */
.welcome-copy{background:radial-gradient(ellipse at 5% 100%,#c8e8d3 0 25%,transparent 25.3%),var(--blue)}
.hero{background:linear-gradient(115deg,var(--blue) 0 64%,var(--mint) 100%)}
.card{box-shadow:none}.tutor{border-top-color:#bae1ef}.example,.checklist{background:var(--mint)}.progress-card{background:var(--mint)}