.reader-account-link{font-size:12px}.reading-status-note{margin-bottom:22px;padding:16px 20px;background:var(--soft);border-radius:9px;font-size:13px}.reading-status-note .text-link{display:inline-block;margin-top:6px}.reading-volume-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.reading-volume-row .volume-card{height:100%}.reading-toggle{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:10px 16px;min-width:128px;font-size:13px;white-space:nowrap}.reading-toggle[aria-pressed=true]{background:var(--green);color:var(--green-text);border-color:var(--green)}.reading-toggle:disabled{opacity:.6;cursor:wait}.reading-volume-row.is-read .volume-card{border-color:var(--sage)}.reader-progress-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:18px 0}.reader-progress-bar .reading-status-note{flex:1;min-width:200px;margin:0}.account-container{padding-top:48px;padding-bottom:64px}.account-card{max-width:580px;margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px}.account-card h1{font-size:30px;margin:8px 0 20px}.account-card p{margin-bottom:16px;overflow-wrap:anywhere}.account-form{display:flex;flex-direction:column;gap:10px;margin:24px 0}.account-form input{width:100%;font-size:16px}.account-form .small{margin:0}.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.account-form #login-code{font-size:28px;letter-spacing:.3em;text-align:center}.reading-progress-count{display:block;margin-bottom:14px;color:var(--muted);font-size:13px}
@media(max-width:640px){.reading-volume-row{grid-template-columns:1fr;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line)}.reading-volume-row .reading-toggle{justify-self:end}.account-card{padding:24px 20px}.account-card h1{font-size:26px}.reader-progress-bar{gap:10px}.reader-account-link{font-size:11px}}