:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#111827;background:#f3f4f6;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:calc(18px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 18px max(20px,env(safe-area-inset-left));color:#fff;background:#111827}h1,h2,p{margin-top:0}h1{font-size:1.5rem;margin-bottom:0}small{font-weight:800;letter-spacing:.12em}.status,.good{font-weight:750}.good{color:#047857}header .good{color:#6ee7b7}main{width:min(720px,100%);margin:0 auto;padding:24px max(16px,env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.panel{background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #1118270d}.session-heading{display:flex;align-items:center;justify-content:space-between}form,label{display:grid;gap:8px}form{gap:14px}input,select{width:100%;padding:12px;border:1px solid #9ca3af;border-radius:9px;background:#fff;color:#111827;font:inherit}button{border:0;border-radius:9px;padding:12px 16px;background:#111827;color:#fff;font:inherit;font-weight:750;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.secondary{background:#e5e7eb;color:#111827}.destructive{background:#b91c1c}.compact{padding:8px 12px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.actions button{flex:1 1 180px}.security-group{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.passkey-list{display:grid;gap:8px;margin-top:12px}.passkey-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:9px}.passkey-row>div{display:grid;gap:3px;min-width:0}.passkey-row small{color:#6b7280;font-weight:650;letter-spacing:0;overflow-wrap:anywhere}details{margin-top:18px;border-top:1px solid #e5e7eb;padding-top:16px}summary{cursor:pointer;font-weight:750;margin-bottom:14px}.danger{border-color:#fecaca}.secret{display:block;margin-top:16px;padding:14px;border-radius:9px;background:#ecfdf5;color:#065f46;font-family:ui-monospace,monospace;overflow-wrap:anywhere}dl{display:grid;gap:8px}dl div{display:grid;grid-template-columns:80px 1fr;gap:12px}dt{color:#6b7280}dd{margin:0;overflow-wrap:anywhere}#message{min-height:1.5em;font-weight:650}.error{color:#b91c1c}@media(max-width:480px){.panel{padding:16px}.actions{display:grid}.actions button{width:100%}.passkey-row{align-items:stretch;flex-direction:column}.passkey-row button{width:100%}}