:root{--bg:#000;--fg:#fff;--accent:#1971e6;--muted:#aaa;--header-h:36px;--footer-h:36px;--pad:8pt;--body:16pt;--header-size:20pt;--small:12pt;font-family:Roboto,system-ui,sans-serif}@media (width<=128px){:root{--header-h:20px;--footer-h:20px;--pad:4pt;--body:12pt;--header-size:11pt;--small:10pt}}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);font-size:var(--body);margin:0;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}header{height:var(--header-h);line-height:var(--header-h);font-size:var(--header-size);text-align:center;background:var(--accent);font-weight:700;overflow:hidden}header span{white-space:nowrap;display:inline-block}@keyframes marqueeText{0%,20%{transform:translate(0)}to{transform:translate(-105%)}}header.marquee{width:100%;display:block}header.marquee span{animation:6s linear infinite marqueeText}main{padding:0 var(--pad);outline:none;flex:1;overflow-y:auto}.muted{color:var(--muted);font-size:var(--small);margin:4pt 0}.softkeys{height:var(--footer-h);padding:0 var(--pad);font-size:var(--small);text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;display:flex}ul{margin:0;padding:0}li{padding:4pt 0;list-style:none}[tabindex]:focus,button:focus,a:focus{background:var(--accent);color:#fff;outline:none}dialog{width:100%;max-width:none;height:100%;max-height:none;padding:var(--pad);background:var(--bg);color:var(--fg);z-index:10;border:0;margin:0;position:fixed;inset:0}