:root{--bg:#1c1c1e;--fg:#f2f2f7;--muted:#98989d;--ok:#34c759;--low:#ffd60a33;--foreign:#ff9f0a33}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0}body{height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);flex-direction:column;font:15px/1.6 -apple-system,Hiragino Sans,sans-serif;display:flex}#stage{aspect-ratio:16/9;background:#000;flex:none;width:100%;max-height:45dvh;margin:0 auto;position:relative}#video{object-fit:contain;width:100%;height:100%;display:block}#guide{pointer-events:none;border:2px solid #fff9;border-radius:6px;transition:border-color .15s;display:none;position:absolute}#guide.flash{border-color:var(--ok)}#status{color:var(--muted);flex:none;min-height:1.6em;padding:4px 12px;font-size:13px}#out{flex:auto;padding:4px 12px 12px;overflow-y:auto}#out div{white-space:pre-wrap;word-break:break-word;padding:1px 4px}#out .low{background:var(--low)}#out .foreign{background:var(--foreign)}#out .gap{color:var(--muted);text-align:center}#scoreOut{border-top:1px solid #fff2;padding:8px 12px;font-size:14px}#buttons{flex:none;gap:8px;padding:8px 12px;display:flex}#buttons button{color:var(--fg);background:#3a3a3c;border:0;border-radius:10px;flex:1;padding:12px 0;font-size:16px}#buttons button:disabled{opacity:.4}#toggle.on{background:#ff453a}