.connection-notice{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 18px;margin:0 0 24px;background:#f5f3ff;border:1px solid #e9e3ff;border-radius:10px;color:#5b4f76;font-size:13px;line-height:1.7}
.connection-notice .btn{flex-shrink:0}.auth-recovery{display:block;margin:18px auto 0;color:#777;font-size:12px;text-decoration:underline;text-underline-offset:3px}.auth-foot{line-height:1.7}form[aria-busy=true]{opacity:.7;cursor:progress}form[aria-busy=true] button{cursor:progress}.connection-notice+ .launch-home{margin-top:8px}
@media(max-width:600px){.connection-notice{align-items:flex-start;flex-direction:column;gap:10px;padding:14px}.connection-notice .btn{align-self:flex-end}}
.social-auth{margin:18px 0 24px}.social-buttons{display:grid;gap:10px}.social-button{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #dadce0;border-radius:8px;background:#fff;color:#1f1f1f;font:500 14px var(--sans);padding:11px 14px;cursor:pointer}.social-button svg{width:20px;height:20px;flex:none}.social-button.kakao{background:#fee500;border-color:#fee500;color:#191919}.social-button:focus-visible{outline:3px solid #9b86ef;outline-offset:3px}.social-button:disabled{cursor:default;opacity:.58}.social-button small{font-size:10px;font-weight:400}.social-caption{font-size:11px;color:#777;line-height:1.7;margin-top:10px;text-align:center}.auth-divider{display:flex;align-items:center;gap:14px;color:#999;font-size:11px;margin:22px 0 16px}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#ededed}.social-retry{display:block;margin:8px auto 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.social-auth .form-error:empty{display:none}

.reader-login{max-width:440px;margin:64px auto 96px;text-align:center;padding:32px 24px;border:1px solid var(--line,#e8e8e8);border-radius:16px;background:#fff}.reader-login-work{display:flex;align-items:center;gap:14px;text-align:left;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid #eee}.reader-login-work img{width:48px;height:64px;object-fit:cover;border-radius:5px;flex:none}.reader-login-work div{min-width:0}.reader-login-work a{font-size:14px;font-weight:600;overflow-wrap:anywhere}.reader-login-work p{margin:5px 0 0;font-size:12px;color:#777;overflow-wrap:anywhere}.reader-login h1{font-size:21px;font-weight:700;letter-spacing:-.7px;line-height:1.5;word-break:keep-all}.reader-login>p{font-size:13px;color:#777;line-height:1.8;margin:10px 0 26px;word-break:keep-all}.reader-login-back{display:inline-block;font-size:12px;color:#666;text-decoration:underline;text-underline-offset:4px;margin-top:20px}@media(max-width:600px){.reader-login{margin:24px auto 48px;padding:24px 18px}.reader-login h1{font-size:20px}}

/* Reading metrics share the existing quiet metadata style and wrap on phones. */
.card-reading-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:5px 14px;margin-top:8px;color:#81818c;font-size:11px}
.reading-metric{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-variant-numeric:tabular-nums}
.stats{flex-wrap:wrap;row-gap:8px}
.episode-main .episode-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:4px 13px}
.episode-metadata .reading-metric{font-size:inherit}
@media(max-width:640px){.card-reading-metrics{font-size:10px;column-gap:10px}.episode-main .episode-metadata{column-gap:10px}.stats{column-gap:13px}}