:root { color-scheme: light dark; font-family: ui-sans-serif, system-ui, sans-serif; background:#0b1020; color:#eef2ff }
* { box-sizing:border-box }
body { margin:0; min-width:280px; min-height:100dvh; background:linear-gradient(145deg,#111831,#090d19) }
main { width:min(100%,520px); min-height:100dvh; margin:auto; padding:max(20px,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)); display:flex; flex-direction:column; justify-content:center; gap:18px }
.app-main { justify-content:flex-start }
.card { background:#171f38; border:1px solid #334064; border-radius:22px; padding:22px; box-shadow:0 22px 60px #0008 }
.eyebrow { margin:0 0 8px; color:#9aa9d3; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase }
h1 { margin:0 0 10px; font-size:clamp(26px,8vw,40px); line-height:1.02 }
h2 { margin:0 0 8px; font-size:22px }
p { margin:8px 0; color:#c6d0ee; line-height:1.45 }
code { overflow-wrap:anywhere; word-break:break-all }
.muted { color:#8e9abd; font-size:14px }
.stack { display:grid; gap:12px; margin-top:18px }
button,.button { min-height:52px; width:100%; border:0; border-radius:14px; padding:13px 16px; background:#6d7cff; color:white; font:inherit; font-weight:800; cursor:pointer; display:flex; align-items:center; justify-content:center; text-decoration:none }
button.secondary { background:#283451 }
button.danger { background:#a9384c }
button:disabled,[aria-disabled="true"] { opacity:.45; cursor:not-allowed; pointer-events:none }
label { display:flex; align-items:center; gap:10px; color:#c6d0ee }
input { width:20px; height:20px }
select { min-height:48px; flex:1; border:1px solid #445378; border-radius:10px; padding:8px; background:#0d1428; color:inherit; font:inherit }
.fact { display:grid; grid-template-columns:92px 1fr; gap:8px; padding:9px 0; border-bottom:1px solid #2e3857; overflow-wrap:anywhere }
.fact strong { color:#9aa9d3 }
.status { min-height:48px; padding:12px; border-radius:12px; background:#0d1428; color:#bdc9ef; overflow-wrap:anywhere }
.guide { margin-top:18px; border-top:1px solid #334064; padding-top:16px; color:#c6d0ee }
.guide summary { min-height:52px; display:flex; align-items:center; justify-content:center; gap:10px; padding:13px 16px; border-radius:14px; background:#283451; cursor:pointer; color:#fff; font-weight:800; list-style:none }
.guide summary::-webkit-details-marker { display:none }
.guide summary::after { content:"▾"; font-size:18px }
.guide[open] summary::after { transform:rotate(180deg) }
.guide summary:focus-visible { outline:3px solid #aeb8ff; outline-offset:3px }
.guide h3 { margin:18px 0 6px }
.guide li { margin:8px 0; line-height:1.4 }
.guide a { color:#aeb8ff }
.candidate { min-height:52px; margin:8px 0; padding:10px; display:flex; align-items:flex-start; gap:10px; border:1px solid #334064; border-radius:12px }
.candidate span { overflow-wrap:anywhere }
.candidate strong,.candidate small { display:block }
.candidate small { margin-top:4px; color:#9aa9d3 }
.jobs { display:grid; gap:8px; margin-top:12px }
.job { padding:10px; border:1px solid #334064; border-radius:12px }
.job .stack { grid-template-columns:1fr 1fr; margin-top:8px }
.prover-frame { width:100%; min-height:190px; margin-top:14px; border:1px solid #445378; border-radius:14px; background:#0d1428 }
.security { border-color:#be4660 }
.provider { background:#fff; color:#202124 }
.provider p,.provider .muted { color:#5f6368 }
.provider.x { background:#000; color:#fff }
.provider.x p,.provider.x .muted { color:#b4b4b4 }
.provider.x button { background:#fff; color:#000 }
.provider.google button { background:#1a73e8 }
.provider.github { background:#0d1117; color:#f0f6fc }
.provider.github p,.provider.github .muted { color:#b1bac4 }
.provider.github button { background:#238636 }
.hidden-frame { position:absolute; width:1px; height:1px; border:0; opacity:0; pointer-events:none }
.hidden { display:none }
code { color:#bdc9ff }
@media (max-width:380px) { .card { padding:18px } .fact { grid-template-columns:1fr; gap:2px } }