﻿.for314-account-overlay{position:fixed;inset:0;z-index:200000;background:rgba(0,0,0,.58);display:flex;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.for314-account-panel{color-scheme:dark;--ac-bg:#121b2b;--ac-text:#f3f6fc;--ac-muted:#bbc7da;--ac-field:#1c293c;--ac-border:#52637a;box-sizing:border-box;width:min(540px,100%);max-height:90dvh;overflow:auto;background:var(--ac-bg);color:var(--ac-text);border:1px solid var(--ac-border);border-radius:22px;padding:20px;font:16px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif;box-shadow:0 20px 70px #0007}
.for314-account-panel.is-light{color-scheme:light;--ac-bg:#f7f9fd;--ac-text:#172033;--ac-muted:#46536a;--ac-field:#fff;--ac-border:#adb8c8}
.for314-account-panel.is-classic{color-scheme:light;--ac-bg:#d4d0c8;--ac-text:#111;--ac-muted:#444;--ac-field:#fff;--ac-border:#777;border:3px outset #eee;border-radius:0;box-shadow:none;font-family:Arial,'MS PGothic',sans-serif}
.for314-account-panel *{box-sizing:border-box}.for314-account-panel h2{font-size:22px;margin:0}.for314-account-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.for314-account-profile{display:flex;gap:14px;align-items:center;min-width:0;margin:14px 0}.for314-account-avatar{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:var(--ac-field);border:1px solid var(--ac-border);overflow:hidden;font-size:30px}.for314-account-avatar img{width:100%;height:100%;object-fit:cover}.for314-account-panel.is-classic .for314-account-avatar{border-radius:0;border:2px inset #eee}.for314-account-profile strong{overflow-wrap:anywhere}.for314-account-panel p{margin:12px 0}.for314-account-note{font-size:14px;color:var(--ac-muted)}.for314-account-panel code{display:block;overflow-wrap:anywhere;white-space:normal;font:13px/1.6 ui-monospace,monospace;padding:8px;background:var(--ac-field);border:1px solid var(--ac-border);border-radius:8px;user-select:all}.for314-account-panel label{display:block;margin:12px 0 6px}.for314-account-panel input{display:block;width:100%;min-height:46px;border:1px solid var(--ac-border);border-radius:10px;background:var(--ac-field);color:var(--ac-text);padding:10px;font:16px/1.5 inherit}.for314-account-panel button{min-height:44px;border:1px solid var(--ac-border);border-radius:10px;background:var(--ac-field);color:var(--ac-text);font:inherit;padding:8px 14px;cursor:pointer;white-space:normal}.for314-account-panel button.primary{background:#245fc4;color:#fff;border-color:#5788e0}.for314-account-panel button:disabled{opacity:.55;cursor:wait}.for314-account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.for314-account-status{font-size:14px;color:var(--ac-muted);min-height:1.6em}.for314-account-panel .for314-account-error{color:#ffb5ae;overflow-wrap:anywhere}.for314-account-panel.is-light .for314-account-error,.for314-account-panel.is-classic .for314-account-error{color:#a41616}.for314-account-panel.is-classic button,.for314-account-panel.is-classic input,.for314-account-panel.is-classic code{border-radius:0}.for314-account-panel.is-classic button{border:2px outset #eee;background:#d4d0c8;color:#111}.for314-account-panel.is-classic input{border:2px inset #eee}.for314-account-panel :focus-visible{outline:3px solid #72a6ff;outline-offset:2px}@media(max-width:420px){.for314-account-panel{padding:15px}.for314-account-overlay{padding-left:10px;padding-right:10px}.for314-account-actions button{flex:1 1 auto}}

.for314-account-panel button.account-delete{background:#ae2331!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #d4505b!important;font-weight:700}
.for314-account-panel button.account-delete:focus-visible{outline:3px solid var(--ac-text);outline-offset:3px}
