.account-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 19px;border-radius:15px;background:#f4f2e8;margin-bottom:15px;border:1px solid #d6dece}.account-strip strong{font-size:12px;display:block;color:var(--teal);overflow-wrap:anywhere}.account-strip span{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.account-strip-actions{display:flex;gap:8px}.account-strip button,.guest-import button,#account-manage button,#copy-recovery{border:1px solid #bdd0bf;background:#fff9f1;color:var(--teal);border-radius:99px;padding:10px 17px;font-size:11px;font-weight:700}.account-strip button:hover,.guest-import button:hover{background:#e6edde}.account-strip p{margin:0;width:100%;font-size:10px;color:#885437}.account-strip [hidden],.guest-import[hidden],#account-dialog [hidden]{display:none!important}.guest-import{padding:18px;background:#e8efdf;border-radius:15px;margin-bottom:20px}.guest-import strong{font-size:13px;color:var(--teal)}.guest-import p{font-size:11px;line-height:1.9}.guest-import p:last-child{margin:8px 0 0}#account-dialog{border:1px solid #d5decf;border-radius:25px;background:var(--paper);color:var(--ink);width:min(490px,calc(100vw - 28px));padding:32px;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #233c2b38}#account-dialog::backdrop{background:#183b305e;backdrop-filter:blur(4px)}#account-dialog .eyebrow{margin-bottom:15px;font-size:9px}#account-dialog h2{font-size:25px;margin-right:20px}#account-dialog p{font-size:11px;color:var(--muted);line-height:1.9}#account-dialog .dialog-close{position:absolute;right:17px;top:14px;border:0;background:none;color:var(--teal);font-size:28px;padding:2px 7px}#account-local-note{padding:11px 13px;background:#eee9dc;border-radius:10px}.auth-tabs{display:flex;gap:8px;margin:24px 0 15px}.auth-tabs button{flex:1;padding:12px 8px;border:1px solid #cbd7c5;border-radius:10px;background:#fff9f1;font-size:12px;color:var(--teal)}.auth-tabs button[aria-pressed=true]{background:var(--teal);color:#fff9f1}#auth-form label{display:block;font-size:12px;font-weight:700;margin:19px 0 8px}#auth-form input{display:block;width:100%;padding:13px;border:1px solid #c9d1c1;border-radius:10px;font:16px system-ui;background:#fffdfa;color:var(--ink)}#auth-form input:focus{outline:2px solid var(--teal);outline-offset:2px}#auth-form small{display:block;font-size:10px;color:var(--muted);margin-top:5px}#auth-form .button{width:100%;padding:14px;font-size:12px}#auth-form .plain-button{display:block;margin:10px auto}#auth-form .auth-feedback{color:#a73b28;min-height:18px}.auth-guest-note{text-align:center;font-size:10px!important}#recovery-panel h3{font-size:17px;color:var(--teal)}#recovery-code{display:block;white-space:normal;overflow-wrap:anywhere;user-select:all;font-size:16px;line-height:1.8;background:#e7eddd;padding:15px;border-radius:10px;margin:18px 0}#recovery-panel .button{font-size:12px;padding:14px 20px;width:100%}#account-manage-message{color:#a73b28!important}button:disabled{opacity:.55;cursor:wait}@media(max-width:700px){.account-strip{padding:13px;gap:10px}.account-strip-actions{margin-left:auto}.account-strip button{padding:9px 12px;font-size:10px}#account-dialog{padding:25px 21px}#account-dialog h2{font-size:22px}.guest-import p{font-size:10px}}
/* Compact phones and on-screen keyboards: keep fields readable and actions reachable. */
#account-dialog{max-height:90dvh;overscroll-behavior:contain;scroll-padding-block:20px}
#account-dialog .dialog-close{width:44px;height:44px;display:grid;place-items:center}
.account-strip button,.guest-import button,#account-manage button,#copy-recovery,.auth-tabs button,#account-use-guest,#auth-recover-mode{min-height:44px;touch-action:manipulation}
#auth-form input{scroll-margin-block:24px}
@media(max-width:360px){.account-strip-actions{width:100%;justify-content:flex-end}#account-dialog{padding:22px 17px}#account-dialog h2{font-size:20px}}