#account-button{width:34px;height:34px;background:#fffdf799;position:relative}
#account-button[data-signed-in=true]::after{content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-radius:50%;background:#365b47}
#account-dialog{width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:30px 26px 24px;border:0;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 18px 60px #20362b40}
#account-dialog::backdrop{background:#20362b66}
#account-dialog h2{font-size:21px;line-height:1.4;margin:12px 26px 12px 0;letter-spacing:-.02em}
#account-close{position:absolute;right:12px;top:12px;width:36px;height:36px;background:transparent}
.account-description{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 24px}
.account-name{font-weight:700;font-size:18px;margin:0 0 8px}.account-providers{display:grid;gap:10px}
.account-provider{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;width:100%;border-radius:8px;font-weight:600;font-size:14px}
.account-provider.kakao{background:#fee500;color:#191919}.account-provider.google{background:#fff;color:#1f1f1f;border:1px solid #747775}
.provider-mark{display:flex;width:20px;height:20px}.provider-mark svg{width:20px;height:20px}
.account-provider:disabled{opacity:1;background:#edf1e6;color:#52675a;cursor:default;border-color:#d8ddce}
.account-guest{display:block;width:100%;min-height:44px;margin-top:12px;background:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}
.account-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:12px;color:var(--muted)}
.account-links a{text-underline-offset:4px;padding:6px 0}.account-links a:focus-visible{outline-offset:2px}
#account-error:empty{display:none}#account-error{font-size:13px;line-height:1.6;margin:16px 0}.account-login-needed{line-height:1.7}
@media(max-width:600px){#account-button{width:30px;height:30px;flex-shrink:0}#account-button svg{width:19px;height:19px}#account-dialog{padding:26px 22px 20px}#account-dialog h2{font-size:20px}}