:root { color-scheme: light; font-family: system-ui, sans-serif; background: #808080; color: #171717; }
* { box-sizing: border-box; }
html { min-height: 100%; background: #808080; }
body { margin: 0; min-height: 100vh; min-height: 100dvh; padding: max(24px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left)); }
main { max-width: 620px; margin: auto; padding: 20px; border-radius: 12px; background: #f0f0f0; }
[hidden] { display: none !important; }
body.connected { touch-action: manipulation; }
body.quiet { overflow: hidden; user-select: none; }
.jump-pad { position: fixed; left: max(18px, env(safe-area-inset-left)); right: max(18px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); width: auto; height: 38dvh; min-height: 140px; border: 2px solid #666; border-radius: 24px; background: #737373; color: #eee; touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.jump-pad[aria-pressed="true"] { background: #b8d8c4; border-color: #345c43; color: #173c25; }
:fullscreen { background: #808080; }
.buttons { display: flex; flex-wrap: wrap; gap: 10px; }
button, .chrome-action { flex: 1 1 150px; padding: 16px; border: 1px solid #444; border-radius: 8px; background: #404040; color: #fff; font: inherit; cursor: pointer; touch-action: manipulation; }
button:disabled, .chrome-action[aria-disabled="true"] { opacity: .4; cursor: default; }
.chrome-action { display: flex; align-items: center; justify-content: center; text-decoration: none; }
.hide-screen { width: 100%; }
#status { padding: 14px; margin: 16px 0; border-radius: 8px; background: #ddd; line-height: 1.6; }
#status[data-state="success"] { color: #18522c; background: #dcebdc; }
#status[data-state="error"] { color: #842323; background: #f1dede; }
#chromeStatus { line-height: 1.6; }
#chromeStatus:empty { display: none; }
.copy-link { width: 100%; padding: 10px; border: 1px solid #666; border-radius: 6px; background: #fff; color: #171717; font: inherit; overflow-wrap: anywhere; }