:root{--brand: #0F3D2E;--brand-light: #1a5c47;--ok: #1a7f37;--warn: #b45309;--err: #b91c1c;--bg: #0F3D2E;--surface: #ffffff;--text: #111827;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Cairo,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;touch-action:manipulation}.screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.feedback-panel{width:100%;max-width:640px;border-radius:24px;padding:48px 24px;color:#fff;font-size:2rem;font-weight:700;transition:background-color .12s ease}.feedback-panel[data-state=idle]{background:var(--brand-light)}.feedback-panel[data-state=ok]{background:var(--ok)}.feedback-panel[data-state=warn]{background:var(--warn)}.feedback-panel[data-state=err]{background:var(--err)}.feedback-name{font-size:2.5rem;margin:12px 0}.feedback-sub{font-size:1.25rem;font-weight:400;opacity:.9}button{font-family:inherit;font-size:1.25rem;padding:16px 32px;border-radius:12px;border:none;background:var(--surface);color:var(--brand);font-weight:700;cursor:pointer;min-height:56px}input{font-family:inherit;font-size:1.5rem;padding:16px;border-radius:12px;border:2px solid var(--surface);width:100%;max-width:400px;text-align:center}video#camera-preview{width:100%;max-width:480px;border-radius:16px}.status-bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:8px 16px;font-size:.9rem;color:#fff;opacity:.8}