.account-dialog{width:min(420px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #d7ddd2;border-radius:22px;background:#faf8f1;color:#203b34;box-shadow:0 24px 80px #102e3540;overflow:auto;font-family:inherit}
.account-dialog::backdrop{background:#0c2922a8;backdrop-filter:blur(3px)}
.account-body{padding:28px 24px 22px;position:relative}
.account-close{position:absolute;right:12px;top:9px;width:40px;height:40px;border:0;background:transparent;font-size:28px;color:#425a52;cursor:pointer}
.account-hero{padding-right:28px}
.account-title-row{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:8px;margin-top:20px}
.account-mascot-wrap{position:relative;width:84px;height:78px;align-self:center}
.account-mascot-wrap img{display:block;width:84px;height:84px;object-fit:contain}
#accountMascotWelcome{position:absolute;z-index:1;right:50px;top:-24px;width:max-content;max-width:112px;padding:5px 8px;border:1px solid #c8d9cf;border-radius:10px 10px 2px;background:#fff;color:#315c4d;font-size:10px;font-weight:800;line-height:1.3;box-shadow:0 4px 12px #183e3120}
.account-eyebrow{margin:0;color:#587a67;font-size:12px;letter-spacing:.08em}
.account-dialog h2{margin:0;font-size:23px;line-height:1.35}
.account-title-line{display:block;white-space:nowrap}
#accountIntro{margin:12px 0;color:#54655a;font-size:14px;line-height:1.6}
#accountNotice{margin:0 0 12px;padding:10px 12px;border:1px solid #d8dfd5;border-radius:9px;background:#f2f5ef;color:#53645a;font-size:13px;font-weight:650;line-height:1.5;min-height:0}
#accountNotice[data-kind="error"]{border-color:#d86d6d;background:#fff0f0;color:#8b2424}
#accountNotice[data-kind="success"]{border-color:#8bc4a4;background:#eef8f2;color:#276143}
#accountNotice:empty{display:none}
.account-dialog .btn{width:100%;min-height:46px;white-space:normal}
.account-dialog .account-kakao{background:#fee500;color:#191919;border:0;margin-top:4px}
.account-dialog button:disabled{opacity:.5;cursor:default}
.account-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:#758178;margin:18px 0}
.account-divider::before,.account-divider::after{content:'';height:1px;flex:1;background:#dce1d5}
.account-tabs{display:flex;border-bottom:1px solid #d5dfd3;margin-bottom:16px}
.account-tabs button{flex:1;padding:10px;border:0;background:none;color:#718071;font:inherit;cursor:pointer}
.account-tabs button[aria-pressed=true]{color:#214f3f;border-bottom:2px solid #214f3f;font-weight:700}
.account-dialog label{display:block;font-size:13px;font-weight:600;margin:12px 0}
.account-dialog [hidden]{display:none!important}
.account-dialog input{display:block;width:100%;box-sizing:border-box;margin-top:6px;min-height:46px;border:1px solid #cbd7c8;border-radius:9px;padding:10px 12px;background:white;color:#203b34;font:inherit;font-size:16px}
.account-dialog input[aria-invalid="true"]{border-color:#c94545;box-shadow:0 0 0 2px #c9454520}
.account-help{font-size:12px;color:#627465;margin:0 0 12px}
.account-link{display:block;margin:8px auto;padding:10px;min-height:44px;background:none;border:0;color:#506c5a;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.account-dialog :focus-visible{outline:3px solid #579d7b;outline-offset:3px}
@media(max-width:380px){.account-body{padding:24px 18px 18px}.account-hero{padding-right:20px}.account-title-row{grid-template-columns:minmax(0,1fr) 72px;gap:6px;margin-top:18px}.account-mascot-wrap{width:72px;height:70px}.account-mascot-wrap img{width:72px;height:72px}#accountMascotWelcome{right:42px;top:-22px;max-width:96px;font-size:9px}}
.collection-actions{display:flex;gap:8px;margin:6px 0}
.collection-actions .btn{font-size:12px;padding:7px 12px;min-height:36px}
.collection-actions [hidden],#retryCollection[hidden]{display:none!important}