:root{--navy:#0d1b2a;--navy-2:#16293d;--navy-3:#1e364e;--green:#1fa84a;--green-dim:#16793a;--gold:#f5c518;--red:#ec5b4e;--ink:#e8eef4;--muted:#8fa3b6}*{box-sizing:border-box}body{background:var(--navy);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:24px 16px 64px;font:16px/1.55 IBM Plex Sans,system-ui,-apple-system,sans-serif}main{max-width:30rem;margin:0 auto}.top{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex;position:relative}.mark{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:13px;font-weight:600}.unit{color:var(--muted);font-size:13px}.top:after{content:"";background:linear-gradient(to right, var(--green) 0 33.33%, var(--gold) 33.33% 66.66%, var(--red) 66.66% 100%);border-radius:2px;height:3px;position:absolute;bottom:-8px;left:0;right:0}.card{background:var(--navy-2);border-radius:14px;padding:22px 20px 26px}.progress{gap:6px;margin-bottom:22px;display:flex}.pip{background:var(--navy-3);border-radius:2px;flex:1;height:4px}.pip-now{background:var(--gold)}.pip-done{background:var(--green)}.say{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:12px}.fidel{margin:0 0 6px;font-family:Nyala,Noto Sans Ethiopic,Abyssinica SIL,serif;font-size:2.6rem;line-height:1.3}.fidel-inline{font-family:Nyala,Noto Sans Ethiopic,Abyssinica SIL,serif;font-size:1.1em}.translit{color:var(--green);margin:0 0 2px;font-size:1.05rem}.english{color:var(--muted);margin:0 0 22px;font-size:.95rem}.addressee{color:var(--ink)}.talk{width:100%;font:inherit;color:var(--navy);background:var(--green);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:12px;padding:18px;font-size:1.05rem;font-weight:600}.talk:disabled{background:var(--navy-3);color:var(--muted);cursor:default}.meter{background:var(--navy-3);border-radius:3px;height:5px;margin-top:10px;overflow:hidden}.meter-fill{background:var(--green-dim);height:100%;transition:width 60ms linear}.meter-hot{background:var(--red)}.thinking,.error,.footnote{color:var(--muted);font-size:.9rem}.error{color:var(--gold)}.feedback{border-top:1px solid var(--navy-3);padding-top:18px}.headline{margin:0 0 8px;font-size:1.2rem;font-weight:600}.fb-pass .headline{color:var(--green)}.fb-coach .headline{color:var(--gold)}.fb-retry .headline{color:var(--red)}.coach{color:var(--ink);margin:0 0 16px;font-size:.98rem}.playback{align-items:center;gap:10px;margin-bottom:14px;display:flex}.playback-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:12px}.playback audio{flex:1;height:2rem}.score{color:var(--muted);margin:0 0 16px;font-family:DM Mono,ui-monospace,monospace;font-size:2rem}.actions{gap:10px;display:flex}button.primary,button.ghost{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:12px 22px;font-weight:600}button.primary{background:var(--green);color:var(--navy);border:0}button.ghost{color:var(--muted);border-color:var(--navy-3);background:0 0}.done-card h2{margin:0 0 6px;font-size:1.3rem}.sub{color:var(--muted);margin:0 0 18px}