#auth-dialog{width:min(420px,calc(100% - 32px));padding:34px 26px;background:#111319;color:#f5f5fa;border:1px solid #30343e;border-radius:20px;max-height:90dvh;overflow:auto}#auth-dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.auth-close{position:absolute;right:14px;top:10px;border:0;background:none;color:#aeb4bf;font-size:28px;cursor:pointer}#auth-dialog h2{font-size:25px;margin:14px 0}#auth-dialog .muted{font-size:14px;line-height:1.7}.auth-social{display:grid;gap:9px;margin-top:24px}.auth-provider{border:1px solid #363b44;border-radius:10px;padding:13px;background:#20242c;color:#fff;font:inherit;cursor:pointer}.auth-provider.kakao:not(:disabled){background:#fee500;color:#171717}.auth-provider.naver:not(:disabled){background:#03c75a;color:white}.auth-provider:disabled{opacity:.5;cursor:default}.auth-note{font-size:12px;color:#9da5b5;line-height:1.8;margin:14px 0}.auth-divider{display:flex;align-items:center;gap:12px;color:#858c9a;font-size:12px;margin:22px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#30343e;flex:1}#auth-form{display:grid;gap:15px}#auth-form label{display:grid;gap:8px;font-size:13px;color:#c6cbd5}#auth-form input{width:100%;box-sizing:border-box;border:1px solid #3a404d;border-radius:10px;padding:13px;background:#191d25;color:white;font:inherit}#auth-form input:focus{outline:2px solid #61e6cd;outline-offset:2px}#auth-dialog [role=status]{font-size:13px;color:#ffb5b5;line-height:1.6;margin:0;min-height:20px}.auth-switch{display:block;width:100%;padding:20px 0 0;background:none;border:0;color:#9fe9d9;font:inherit;font-size:13px;cursor:pointer}#auth-open{white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.header{gap:12px}@media(max-width:600px){#auth-open{font-size:12px;max-width:100px;padding:8px 10px}.header{gap:6px}#auth-dialog{padding:30px 20px}.header .brand{margin-right:auto}}

/* Keep account buttons together instead of distributing each header item. */
.header{justify-content:flex-start}.header nav{margin-inline:auto}.header>.shelf-button{flex-shrink:0}
.auth-identity{display:block;width:100%;box-sizing:border-box;margin:0 0 10px;padding:13px;border:1px solid #61e6cd;border-radius:10px;background:none;color:#9fe9d9;font:inherit;font-size:14px;cursor:pointer}.auth-identity:disabled{opacity:.5;border-color:#363b44;color:#aeb4bf;cursor:default}.auth-identity-done{margin:0 0 10px;padding:13px;border:1px solid #30343e;border-radius:10px;color:#9fe9d9;font-size:14px;text-align:center}