:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}html,body,#root{color:#fff;background:#000;height:100%;margin:0}main{height:100%;position:relative;overflow:hidden}video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}header,footer{background:#0000008c;padding:16px;position:absolute;left:0;right:0}header{padding-top:max(16px, env(safe-area-inset-top));font-size:1.6rem;font-weight:600;top:0}header.green{color:#4cd964}header.yellow{color:#fc0}header.red{color:#ff3b30}footer{padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex;bottom:0}footer ul{opacity:.85;margin:0;padding:0;font-size:.95rem;list-style:none}.recording{color:#ff3b30;font-weight:600}.recording:before{content:"● "}button{color:#fff;background:#0a84ff;border:0;border-radius:14px;padding:18px;font-size:1.4rem;font-weight:600}button.on{background:#ff3b30}.results{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.results li{flex-direction:column;gap:2px;display:flex}.beam{opacity:.6;font-size:.95rem}.corrected{font-size:1.5rem;font-weight:600}.note{color:#fc0}footer .actions{gap:10px;display:flex}footer .actions button:nth-child(2){flex:1}footer .actions button.small{background:#2c2c2e;font-weight:500}.panel{z-index:2;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:#111;flex-direction:column;gap:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.panel h2{margin:0;font-size:1.6rem}.panel-head{top:calc(-1 * max(24px, env(safe-area-inset-top)));z-index:1;margin:calc(-1 * max(24px, env(safe-area-inset-top))) -16px 0;padding:max(16px, env(safe-area-inset-top)) 16px 12px;background:#111;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky}.panel-head button.done{margin:0;padding:10px 18px;font-size:1.1rem}.panel-head .heard{flex-direction:column;flex-basis:100%;gap:10px;display:flex}.panel label{flex-direction:column;gap:8px;font-size:1rem;display:flex}.panel input,.panel textarea{color:#fff;background:#1c1c1e;border:1px solid #3a3a3c;border-radius:12px;padding:14px;font-family:inherit;font-size:1.1rem}.panel textarea{resize:vertical;min-height:96px}.panel .row{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel .row>button{flex:1}.panel .row>span{font-size:1.2rem}.panel button{background:#2c2c2e}.panel button.on,.panel button.done{background:#0a84ff}.panel button:disabled{opacity:.4}.quiet{opacity:.6;margin:0}.notes{flex-direction:column;gap:10px;margin:0;padding-left:1.4em;display:flex}.notes li{align-items:center;gap:8px;display:flex}.notes li span{flex:1;font-size:1.1rem}.notes li button{padding:10px 12px;font-size:1rem}header{justify-content:space-between;align-items:center;gap:12px;display:flex}header .mode{color:#fff;background:#2c2c2e;padding:8px 14px;font-size:1rem}.hebrew-result{flex-direction:column;gap:10px;display:flex}.hebrew-result .phrase{font-size:2rem;font-weight:700}.hebrew-result .sure{color:#4cd964;font-size:1.2rem}.hebrew-result .unsure{color:#fc0;font-size:1.2rem}.hebrew-result .answer{gap:12px;display:flex}.hebrew-result .answer button{flex:1;padding:14px;font-size:2rem}.hebrew-result .answer .yes{background:#30a14e}.hebrew-result .answer .no{background:#c0392b}.grid{grid-template-columns:1fr;gap:8px;display:grid}.grid.all{grid-template-columns:1fr 1fr;max-height:45vh;overflow-y:auto}.grid button{text-align:right;background:#2c2c2e;padding:12px;font-size:1.1rem}.taking{left:0;right:0;top:calc(max(16px, env(safe-area-inset-top)) + 64px);background:#0a84ffd9;flex-direction:column;gap:8px;padding:16px;display:flex;position:absolute}.taking .say{font-size:2rem;font-weight:700}.phrases{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.phrases .row{background:#1c1c1e;align-items:center;gap:10px;width:100%;padding:12px;font-size:1.05rem;display:flex}.phrases .row .text{text-align:right;flex:1}.phrases .count{opacity:.6;font-size:.95rem}.phrases .ok{color:#4cd964;font-size:.9rem}.phrases .warn{color:#fc0;font-size:.9rem}.phrases .actions{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.phrases .actions>span{width:100%}.phrases .actions button{flex:1;padding:12px;font-size:1rem}button.danger{background:#c0392b}