:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; background: #0B0B0B; color: #F5F5F5; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; padding: max(28px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left)); }
header { font-size: 13px; font-weight: 650; letter-spacing: .2em; }
header span { margin-left: 12px; color: #A3A3A3; font-size: 9px; font-weight: 400; letter-spacing: .15em; }
main { width: min(100%, 360px); margin: auto; padding: 64px 0; text-align: center; }
.brand { display: block; margin: 0 auto 20px; }
h1 { font-size: 30px; letter-spacing: .14em; font-weight: 500; margin: 0 0 10px; }
p { line-height: 1.6; }
.version { font-size: 15px; margin: 0 0 32px; }
.build-time { display: block; margin-top: 3px; font-size: 12px; font-variant-numeric: tabular-nums; }
.version span, .hint, footer { color: #A3A3A3; }
a { color: #F5F5F5; text-underline-offset: 4px; }
.install { display: flex; align-items: center; justify-content: center; min-height: 54px; border-radius: 16px; background: #F5F5F5; color: #0B0B0B; font-size: 17px; font-weight: 600; text-decoration: none; }
.install:active { background: #d4d4d4; }
a:focus-visible, summary:focus-visible { outline: 2px solid #F5F5F5; outline-offset: 5px; }
.hint { font-size: 12px; margin: 14px 0 30px; }
details { text-align: left; border-top: 1px solid #1A1A1A; font-size: 14px; color: #A3A3A3; }
summary { cursor: pointer; padding: 18px 0; min-height: 48px; }
details p { margin: 0 0 16px; }
details a { display: inline-block; padding: 10px 0; }
footer { font-size: 11px; text-align: center; letter-spacing: .06em; }