/* Account screens share the reader's paper, ink and spacing. */
.top-nav #account-open{font-family:var(--interface-font,var(--sans));border:1px solid var(--line);border-radius:20px;padding:5px 13px;min-height:34px;font-size:12px}
.account-dialog{width:min(480px,calc(100vw - 32px));border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:30px 32px 28px;overscroll-behavior:contain}
.account-dialog::backdrop,.reading-pause-dialog::backdrop{background:#102c226b;backdrop-filter:blur(3px)}
.account-dialog-header{margin-bottom:24px;align-items:center}.account-dialog-header h2{font-family:"Noto Serif KR",serif;font-weight:400;font-size:25px;line-height:1.5;letter-spacing:-.035em}
.account-close{width:36px;min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:24px;font-weight:300;line-height:1;padding:0;color:var(--muted)}
.account-tabs{display:flex;border-bottom:1px solid var(--line);gap:26px;margin-bottom:22px}.account-tabs button{font-size:14px;padding:0 1px 11px;position:relative;color:var(--muted);font-weight:500}.account-tabs [aria-selected=true]{color:var(--green)}.account-tabs [aria-selected=true]:after{position:absolute;content:'';height:2px;background:var(--green);bottom:-1px;left:0;right:0}
.account-dialog .dialog-hint{font-size:13px;margin:0 0 21px;line-height:1.85}.account-dialog fieldset{margin:0;padding:0;border:0;min-width:0}.account-dialog input{box-sizing:border-box;min-width:0}
.account-field{margin:17px 0}.account-field label{display:block;font-size:13px;font-weight:550;margin-bottom:7px}.account-field input{display:block;width:100%;height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:var(--ivory);color:var(--ink);font-size:16px;line-height:1.4}.account-field input:focus{border-color:var(--green)}.account-field input:invalid:not(:focus):not(:placeholder-shown){box-shadow:none}
.account-field-hint{font-size:11px!important;line-height:1.7;color:var(--muted);margin:6px 0 0;overflow-wrap:anywhere}.account-message{font-size:12px;line-height:1.8;min-height:1.8em;margin:12px 0;color:var(--green);overflow-wrap:anywhere}.account-message[data-error=true]{color:#a04835}.account-submit{width:100%;min-height:46px;margin-top:4px;border-radius:5px;font-size:13px}.account-auth-switch{display:block;margin:14px auto 0;min-height:36px;font-size:12px}.account-privacy-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:17px}
.account-recovery-card{background:var(--ivory);border:1px solid var(--line);border-radius:7px;padding:16px;margin:18px 0}.account-recovery-card label{font-size:12px;font-weight:550}.account-recovery-card input{display:block;width:100%;background:none;border:0;padding:13px 0 6px;font:500 14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink)}.account-recovery-actions{display:flex;gap:20px;justify-content:flex-end}.account-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;margin:19px 0}.account-checkbox input{width:16px;height:16px;flex-shrink:0;accent-color:var(--green);margin:3px 0 0}
.account-identity{display:flex;align-items:center;gap:14px;margin:5px 0 21px}.account-avatar{width:48px;height:48px;flex-shrink:0;background:var(--green);color:var(--ivory);border-radius:50%;display:grid;place-items:center;font:400 19px "Noto Serif KR",serif}.account-identity strong{font-size:17px;font-weight:550;overflow-wrap:anywhere}.account-identity p{font-size:12px;color:var(--muted);margin-top:2px}.account-reading-rule{padding:13px 15px;background:var(--beige);font-size:12px;line-height:1.8;border-radius:5px}.account-section{margin-top:25px}.account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:9px}.account-section-heading h3{font-size:14px;font-weight:550}.account-section-heading button{font-size:11px}
.account-import-section{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:5px}.account-import-section h3{font-size:13px;font-weight:550}.account-import-section .account-checkbox{margin:12px 0 4px}.account-import-section button{font-size:11px;text-align:left;line-height:1.8}
.account-session{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.account-session-copy{min-width:0}.account-session-copy strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.account-session-copy small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.account-session-badges{display:flex;gap:5px;flex-wrap:wrap}.account-session-badges span{font-size:10px;background:var(--beige);color:var(--green);padding:2px 6px;border-radius:3px;margin-top:6px}.account-session-revoke{font-size:11px;flex-shrink:0;max-width:105px;text-align:right;line-height:1.7}.account-password-section{margin-top:24px}.account-password-section summary{font-size:13px;font-weight:500;min-height:36px;cursor:pointer}.account-logout-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px;border-top:1px solid var(--line);padding-top:12px}.account-logout-actions button{font-size:11px;line-height:1.8}.account-device-replace{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:5px;padding:12px;margin:8px 0}.account-device-replace strong{display:block;font-size:12px;font-weight:500}.account-device-replace span{display:block;font-size:11px;color:var(--green);margin-top:3px}
.reading-pause-dialog{width:min(430px,calc(100vw - 32px));background:var(--paper);border:1px solid var(--line);color:var(--ink);padding:32px;overscroll-behavior:contain}.reading-pause-dialog h2{font:400 24px/1.6 "Noto Serif KR",serif;letter-spacing:-.03em;margin:8px 0 15px}.reading-pause-dialog .dialog-hint{font-size:13px;line-height:1.9;margin-bottom:15px}.account-action-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.account-action-row .primary-button{font-size:12px;min-height:44px}
body[data-reading-paused=true] #reader-view,body[data-reading-paused=true] #book-home{visibility:hidden}
body[data-theme=dark] .account-message[data-error=true]{color:#efaa91}
@media(max-width:620px){.top-nav #account-open{font-size:10px;padding:4px 9px;min-height:30px}.account-dialog{padding:25px 23px 24px;max-height:calc(100dvh - 32px)}.account-dialog-header{margin-bottom:20px}.account-dialog-header h2{font-size:23px}.reading-pause-dialog{padding:26px 23px}.reading-pause-dialog h2{font-size:22px}}
@media(max-width:370px){.top-nav{gap:6px}.top-nav #account-open{padding-inline:8px}.account-dialog{width:calc(100vw - 24px);padding:22px 18px}.account-dialog-header h2{font-size:21px}.account-action-row{gap:10px}.account-action-row .primary-button{padding-inline:12px}}
.account-signup-invite{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:var(--muted)}.account-signup-invite button{font:inherit;color:var(--green);font-weight:550;min-height:36px;text-decoration:underline;text-underline-offset:4px}.account-commerce-open{display:block;width:100%;min-height:43px;text-align:left;border:1px solid var(--line);border-radius:5px;padding:10px 13px;margin-top:15px;font-size:13px;color:var(--green)}.account-commerce-open:after{content:'→';float:right}