*,:after,:before{box-sizing:border-box}:root{color-scheme:light;--ground:#faf8f4;--ink:#1c1815;--ink-soft:#6b6153;--line:#e5dfd4;--accent:#1e6b58;--accent-ink:#fdfcfa;--radius:14px;--gutter:1.5rem}body,html{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:system-ui,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;line-height:1.6;-webkit-text-size-adjust:100%}.screen{display:flex;flex-direction:column;gap:2rem;min-height:100dvh;max-width:34rem;margin-inline:auto;padding:var(--gutter)}.screen--center{gap:3rem;justify-content:center}.screen__body{flex:1 1;justify-content:center}.screen__body,.screen__foot{display:flex;flex-direction:column;gap:.75rem}.screen__footnote{margin:0;color:var(--ink-soft);font-size:.875rem;text-align:center}.wordmark{display:flex;flex-direction:column;align-items:center;gap:.1rem}.wordmark__ar{font-size:2rem;font-weight:600}.wordmark__latin{color:var(--ink-soft);font-size:.8rem;letter-spacing:.18em}.landing__title{margin:0;font-size:1.9rem;font-weight:600;line-height:1.3;text-wrap:balance}.landing__sub{margin:0;color:var(--ink-soft)}.btn{display:block;width:100%;padding:1rem 1.25rem;border:1px solid transparent;border-radius:var(--radius);font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}.btn--filled{background:var(--accent);color:var(--accent-ink)}.langs{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.langs__btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--ink);font:inherit;font-size:1.05rem;cursor:pointer}.langs__btn[aria-current=true]{border-color:var(--accent);color:var(--accent)}.langs__check{flex:none}.prose{display:flex;flex:1 1;flex-direction:column;gap:1.25rem}.prose h1{margin:0;font-size:1.6rem;font-weight:600;line-height:1.3}.prose h2{margin:0 0 .35rem;font-size:1.05rem;font-weight:600}.prose p{margin:0;color:var(--ink-soft)}.prose section{-webkit-padding-before:1rem;padding-block-start:1rem;-webkit-border-before:1px solid var(--line);border-block-start:1px solid var(--line)}.diag__hint{margin:0;color:var(--ink-soft)}.fatiha{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.fatiha__verse{margin:0;font-size:1.35rem;line-height:2.1;text-align:center}.recorder{gap:.75rem;align-items:stretch;-webkit-margin-before:auto;margin-block-start:auto}.recorder,.recorder__actions{display:flex;flex-direction:column}.recorder__actions{gap:.5rem;align-items:center}.recorder__button{width:5.5rem;height:5.5rem;border:none;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.recorder__button--live{background:#8c2f2f}.recorder__player{width:100%}.recorder__note{margin:0;color:var(--ink-soft);font-size:.875rem;text-align:center}.btn--quiet{border-color:var(--line);background:transparent;color:var(--ink);font-weight:500}.ready{padding:.75rem 1rem;border:1px solid #cfe4d8;border-radius:var(--radius);background:#eef6f1;color:var(--accent);font-size:.95rem;text-align:center}.ready,.where__title{margin:0;font-weight:600}.where__title{font-size:1.5rem;line-height:1.3;text-wrap:balance}.where__doors{display:flex;flex-direction:column;gap:1rem;margin:0}.btn--google{display:flex;gap:.6rem}.btn--google,.btn__mark{align-items:center;justify-content:center}.btn__mark{display:inline-flex;width:1.75rem;height:1.75rem;border-radius:6px;background:#fff}.or{display:flex;gap:.75rem;align-items:center;margin:0}.or:after,.or:before{flex:1 1;height:1px;background:var(--line);content:""}.or__word{color:var(--ink-soft);font-size:.875rem}.field{gap:.4rem}.field__label{color:var(--ink-soft);font-size:.875rem}.field__input{width:100%;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);font:inherit}.where__spam{margin:0;color:var(--ink-soft);font-size:.875rem}.consent{display:flex;gap:.6rem;align-items:flex-start;-webkit-padding-before:.25rem;padding-block-start:.25rem}.consent__box{width:1.15rem;height:1.15rem;margin:.2rem 0 0;accent-color:var(--accent);flex:none}.consent__text{color:var(--ink-soft);font-size:.875rem;line-height:1.5}.legal-line{display:flex;flex-direction:column;gap:.35rem;margin:0;-webkit-margin-before:auto;margin-block-start:auto;color:var(--ink-soft);font-size:.8rem}.legal-line__links{display:flex;gap:1rem}.legal-line a{color:var(--ink-soft)}.wait{display:flex;flex:1 1;flex-direction:column;gap:.6rem;align-items:center;justify-content:center;text-align:center}.wait__clock{color:var(--accent)}.wait__title{margin:0;font-size:1.6rem;font-weight:600;text-wrap:balance}.wait__since{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wait__human,.wait__since{margin:0;color:var(--ink-soft)}.wait__human{max-width:22rem;font-size:.95rem}.wait__rule{width:100%;height:1px;margin:0;border:0;background:var(--line)}.install{display:flex;flex-direction:column;gap:.6rem}.install__invite{margin:0;font-size:.95rem}.install__btn{padding:.35rem 0;color:var(--accent);font-size:.95rem;font-weight:600;cursor:pointer}.install__steps{-webkit-padding-before:.25rem;padding-block-start:.25rem}.install__list{margin:0;-webkit-padding-start:1.25rem;padding-inline-start:1.25rem;color:var(--ink-soft);font-size:.95rem}.install__foot{margin:.5rem 0 0;color:var(--ink-soft);font-size:.85rem}.console{display:flex;flex-direction:column;gap:1rem;min-height:100dvh;max-width:72rem;margin-inline:auto;padding:1rem}.bar{display:flex;flex-wrap:wrap;gap:1.25rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.console__empty{margin:auto;color:var(--ink-soft)}.card{flex-direction:column}.card,.card__head{display:flex;gap:1rem}.card__head{flex-wrap:wrap;padding:.75rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font-size:.9rem}.card__body{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media (min-width:60rem){.card__body{grid-template-columns:1fr 1fr}}.card__answer,.card__listen{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.card__sentence{margin:0;font-size:1.5rem;line-height:2;text-align:center}.card__audio{width:100%}.card__machine{padding:.75rem;border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);font-size:.85rem}.card__machineNote{margin:0 0 .35rem;font-weight:600}.card__machineSpace{margin:0}.field{display:flex;flex-direction:column;gap:.5rem}.field__title{margin:0;font-size:.9rem;font-weight:600}.field__chosen,.field__done,.field__problem{margin:0;color:var(--ink-soft);font-size:.85rem}.field__problem{color:#8c2f2f;font-weight:600}.field__text{width:100%;padding:.6rem;border:1px solid var(--line);border-radius:var(--radius);font:inherit;resize:vertical}.slots{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.slots--all{-webkit-padding-before:.5rem;padding-block-start:.5rem}.slot{display:flex;gap:.4rem;align-items:center;padding:.4rem .6rem;border:1px solid var(--line);border-radius:10px;background:transparent;font:inherit;font-size:.85rem;cursor:pointer}.slot[data-chosen=true]{border-color:var(--accent);background:#eef6f1;color:var(--accent);font-weight:600}.slot__key{min-width:1.2rem;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.verdicts{display:flex;gap:.5rem}.verdicts .btn{width:auto;flex:1 1;padding:.6rem}.btn[data-chosen=true],.btn[data-recording=true]{border-color:var(--accent);background:#eef6f1;color:var(--accent);font-weight:600}.card__keys{color:var(--ink-soft);font-size:.8rem;text-align:center}.card__badge{padding:.15rem .5rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.8rem;font-weight:600}.verses{display:flex;flex-direction:column;gap:.25rem;margin:0;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.verses__line{font-size:1.15rem;line-height:1.9}.field__noverdict{margin:0;padding:.6rem;border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);font-size:.9rem;text-align:center}.phrases{display:flex;flex-direction:column;gap:.25rem;max-height:11rem;margin:0;padding:0;overflow-y:auto;list-style:none}.phrase{width:100%;padding:.35rem .5rem;border:1px solid transparent;border-radius:8px;background:transparent;font:inherit;font-size:.85rem;text-align:start;cursor:pointer}.phrase[data-chosen=true]{border-color:var(--accent);background:#eef6f1;color:var(--accent);font-weight:600}.sent{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.sent__line{margin:0;font-size:.9rem}.door{display:flex;flex:1 1;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center}.door__human{margin:0;color:var(--ink-soft);font-size:.9rem}.door__verdict{margin:0;font-size:3rem;font-weight:700;line-height:1.1}.door__solid{margin:0;max-width:24rem;font-size:1.35rem;font-weight:600;line-height:1.6}.door__sentence{margin:0;font-size:1.5rem;line-height:2}.correction__bar{display:flex;gap:.6rem;align-items:center;padding:.6rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.correction__verdict{font-size:1.15rem;font-weight:700}.correction__solidLabel{font-weight:600}.correction__symbol{padding:.1rem .45rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.correction__sentence,.correction__solid{margin:0;font-size:1.35rem;line-height:2;text-align:center}.correction__free,.correction__line,.correction__named{margin:0}.correction__free{color:var(--ink-soft)}.correction__clip{display:flex;flex-direction:column;gap:.35rem}.correction__letter{color:var(--accent);font-size:.9rem}.correction__drill{display:flex;flex-direction:column;gap:.5rem;-webkit-padding-before:.5rem;padding-block-start:.5rem;-webkit-border-before:1px solid var(--line);border-block-start:1px solid var(--line)}.correction__drillTitle{margin:0;font-weight:600}.notHelpful{padding:.5rem;border:0;background:none;font:inherit;text-decoration:underline;cursor:pointer}.notHelpful,.notHelpful__thanks{color:var(--ink-soft);font-size:.85rem}.notHelpful__thanks{margin:0;text-align:center}.retryBar{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border:1px solid #cfe4d8;border-radius:var(--radius);background:#eef6f1;color:var(--accent);font-size:.95rem;font-weight:600}