:root{font-family:system-ui,sans-serif;color-scheme:dark;background:#10151c;color:#f1f5fa}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}header{padding:12px max(12px,env(safe-area-inset-left));background:#19232e}h1{font-size:18px;margin:0}p{font-size:14px;margin:8px 0}nav{display:flex;flex-wrap:wrap;gap:8px}button{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #617185;border-radius:8px;background:#24384e;color:inherit}button:disabled{opacity:.45}#screen{flex:1;min-height:0;overflow:hidden;touch-action:none}

#typing{position:fixed;left:0;bottom:0;width:1px;height:1px;opacity:0;font-size:16px;padding:0;border:0}