:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--surface:#14171cdb;--text:#f2f4f7;--muted:#9aa3ad;--ok:#2ecc71;--busy:#ffd23f;--warn:#ff9f1a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}body{height:100dvh;padding-top:env(safe-area-inset-top);grid-template-rows:minmax(0,1fr) auto;display:grid}main{place-items:center;min-height:0;display:grid}#view{max-width:100%;max-height:100%}footer{margin:12px 16px max(16px, env(safe-area-inset-bottom));background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;align-items:center;gap:12px;padding:10px 10px 10px 16px;display:flex}#status{color:var(--muted);flex:1;margin:0;font-size:15px;line-height:1.35}#status:before{content:"";background:var(--muted);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}#status[data-tone=ok]{color:var(--text)}#status[data-tone=ok]:before{background:var(--ok)}#status[data-tone=busy]:before{background:var(--busy)}#status[data-tone=warn]:before{background:var(--warn)}.actions{gap:8px;display:flex}button,.button{appearance:none;font:inherit;color:var(--text);cursor:pointer;background:#ffffff1a;border:0;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600}button:hover,.button:hover{background:#ffffff29}button[aria-pressed=true]{background:var(--text);color:var(--bg)}button:focus-visible,.button:focus-within{outline:2px solid var(--busy);outline-offset:2px}