.account-security-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--border);border-radius:28px;background:var(--bg-body);color:var(--text-main);font-family:var(--font);overflow:auto;overscroll-behavior:contain}
.account-security-dialog::backdrop{background:var(--scrim,rgb(0 0 0 / 45%))}
.account-security-dialog{position:fixed;inset:0;margin:auto;max-height:calc(var(--viewport-height,100dvh) - max(24px,env(safe-area-inset-top,0px)) - max(24px,env(safe-area-inset-bottom,0px)));overflow:hidden}
.account-security-dialog[open]{display:flex;flex-direction:column}
.account-security-dialog>header{flex:none}
.account-security-dialog>.as-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.account-security-dialog>.as-error{flex:none;max-height:25dvh;overflow-y:auto}
.account-security-dialog header{display:flex;align-items:center;gap:10px;position:sticky;top:0;padding:18px 20px;background:var(--sidebar-bg);z-index:1;flex-wrap:wrap}
.account-security-dialog h2{font:600 22px/1.3 var(--font);margin:0;flex:1;min-width:140px}
.account-security-dialog h3{font-size:17px;margin:20px 0 12px}.account-security-dialog p{line-height:1.5}
.account-security-dialog .as-body{padding:20px}.account-security-dialog .as-description{color:var(--text-sec)}
.account-security-dialog .as-card{background:var(--sidebar-bg);border-radius:24px;overflow:hidden;margin:12px 0 24px;padding:0}
.account-security-dialog .as-row{box-sizing:border-box;display:flex;align-items:center;width:100%;text-align:left;gap:12px;padding:16px;border:0;border-radius:0;background:transparent;color:var(--text-main);height:auto;white-space:normal;cursor:pointer}
.account-security-dialog .as-row+.as-row{border-top:1px solid var(--border)}.account-security-dialog .as-row:hover{background:var(--hover)}
.account-security-dialog .as-row-copy{flex:1;min-width:0}.account-security-dialog strong{font-weight:600}.account-security-dialog small{display:block;color:var(--text-sec);font-size:13px;line-height:1.45;margin-top:5px;overflow-wrap:anywhere}
.account-security-dialog .as-icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--bg-body);color:var(--primary);font-size:17px}
.account-security-dialog .as-icon svg{width:18px;height:18px}
.account-security-dialog header .as-icon-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;border:0;border-radius:12px;background:var(--bg-body)}
.account-security-dialog .as-chevron{color:var(--text-sec);font-size:25px}.account-security-dialog .as-toggle input{width:22px;height:22px;accent-color:var(--primary);flex:none}
.account-security-dialog .as-field{display:flex;flex-direction:column;gap:8px;margin:16px 0;color:var(--text-sec)}
.account-security-dialog .as-field input:not([type=checkbox]){box-sizing:border-box;width:100%;padding:14px 16px;border:1px solid var(--border);background:var(--sidebar-bg);color:var(--text-main);border-radius:16px;font:inherit}
.account-security-dialog .as-field textarea{box-sizing:border-box;width:100%;min-height:110px;resize:vertical;padding:14px 16px;border:1px solid var(--border);background:var(--sidebar-bg);color:var(--text-main);border-radius:16px;font:inherit}
.account-security-dialog .as-field input:focus-visible,.account-security-dialog button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.account-security-dialog .as-body>.btn,.account-security-dialog .as-body>div>.btn,.account-security-dialog .as-request>.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:auto;min-height:46px;white-space:normal;margin-top:10px;padding:12px 16px;border-radius:20px;font:inherit}
.account-security-dialog .as-primary{background:var(--primary);color:var(--on-primary,#fff)}
.account-security-dialog .as-methods{display:grid;gap:10px;margin:20px 0}.account-security-dialog .as-methods>.btn{margin:0;justify-content:flex-start;background:var(--sidebar-bg);color:var(--text-main);border:1px solid transparent}.account-security-dialog .as-methods>.btn[aria-pressed=true]{border-color:var(--primary)}
.account-security-dialog .as-error{color:var(--text-main);margin:0 20px 20px;line-height:1.5}.account-security-dialog .as-error:not(:empty){padding:12px;border:1px solid var(--primary);border-radius:12px}
.account-security-dialog .as-codes{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 monospace;background:var(--sidebar-bg);padding:16px;border-radius:16px;user-select:all}.account-security-dialog .as-secret{display:block;overflow-wrap:anywhere;text-align:center;user-select:all;margin:16px 0}.account-security-dialog .as-qr{display:block;max-width:100%;height:auto;margin:16px auto;background:white;border-radius:12px}
.account-security-dialog .as-request,.account-security-dialog .as-event{padding:16px}.account-security-dialog .as-event+.as-event{border-top:1px solid var(--border)}
@media(max-width:420px){.account-security-dialog .as-body{padding:14px}.account-security-dialog header{padding:14px}.account-security-dialog .as-row{padding:12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.account-security-dialog *{scroll-behavior:auto;transition:none;animation:none}}
.account-security-dialog.as-setup-fullscreen{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:0;overflow:hidden}
.account-security-dialog.as-setup-fullscreen[open]{display:flex;flex-direction:column}
.as-setup-fullscreen .as-body{box-sizing:border-box;width:100%;max-width:700px;align-self:center;flex:1;min-height:0;overflow:auto;padding:28px 24px}
.as-setup-fullscreen .as-body>h3{font-size:28px;line-height:1.3;margin:24px 0}
.as-setup-fullscreen .as-wizard-heading{display:flex;align-items:flex-start;gap:12px}
.as-setup-fullscreen .as-wizard-heading .as-icon{width:26px;height:30px;margin-top:3px;background:transparent;border-radius:0}
.as-setup-fullscreen .as-wizard-heading .as-icon svg{width:26px;height:26px}
.as-setup-fullscreen progress{display:block;width:100%;height:6px;accent-color:var(--primary);border:0;border-radius:6px;overflow:hidden}
.as-setup-fullscreen progress::-webkit-progress-bar{background:var(--border);border-radius:6px}
.as-setup-fullscreen progress::-webkit-progress-value{background:var(--primary);border-radius:6px}
.as-setup-fullscreen progress::-moz-progress-bar{background:var(--primary);border-radius:6px}
.as-setup-fullscreen .as-wizard-footer{box-sizing:border-box;display:flex;flex:none;gap:12px;width:100%;max-width:700px;align-self:center;padding:16px 24px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-body)}
.as-setup-fullscreen .as-wizard-footer .btn{flex:1;min-width:0;min-height:48px;white-space:normal;border-radius:20px;font:inherit;padding:12px}
.as-setup-fullscreen .as-wizard-intro{padding:0 16px 20px;color:var(--text-sec);line-height:1.5}
.as-setup-fullscreen .as-error{box-sizing:border-box;width:calc(100% - 40px);max-width:652px;align-self:center;flex:none}
@media(max-width:420px){.as-setup-fullscreen .as-body{padding:20px 16px}.as-setup-fullscreen .as-wizard-footer{padding-left:16px;padding-right:16px}}
.account-security-dialog .as-preparation{padding:16px}
.account-security-dialog .as-preparation h3{margin:0 0 10px}
.account-security-dialog .as-preparation .btn{width:100%;min-height:44px;white-space:normal;margin:8px 0}
.account-security-dialog .as-error .btn{display:block;width:100%;min-height:44px;white-space:normal;margin-top:10px}
@media(max-width:420px){.account-security-dialog .as-toggle{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start}.account-security-dialog .as-toggle input{grid-column:2;justify-self:end;margin-top:4px}}