body{padding-bottom:env(safe-area-inset-bottom)}
.topbar{padding-top:env(safe-area-inset-top)}
.app-shortcut{display:flex;justify-content:center;margin-top:24px}
#app-dialog{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;box-sizing:border-box}
#app-dialog h2{font-size:23px;margin:7px 0}
.app-section{padding:18px 0;border-top:1px solid var(--line,#dce4df)}
.app-section h3{margin:0 0 8px;font-size:17px}
.app-section p{line-height:1.6;margin:8px 0 14px}
#passkey-form{display:grid;gap:14px;margin-top:16px}
.phone-login{display:grid;gap:12px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line,#dce4df);text-align:center}
.phone-login p{margin:0}.phone-login button{width:100%}
html[data-theme="dark"] .app-section,html[data-theme="dark"] .phone-login{border-color:#30423e}
@media(max-width:600px){input,textarea,select{font-size:16px}button{touch-action:manipulation;min-height:44px}#app-dialog{padding:20px}.app-section button{width:100%}.workspace{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}

.unlock-ready{padding:12px 14px;border:1px solid var(--green);border-radius:9px;color:var(--green);background:var(--soft-green);font-weight:600}#passkey-management{margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}#passkey-management summary{cursor:pointer;color:var(--muted);font-size:13px;padding:8px 0}