/* Account and login: the same quiet black-and-white language as the archive. */
.header-actions{display:flex;align-items:center;gap:16px;min-width:0}.login-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:30px;padding:12px 18px;min-height:42px;font-size:12px;white-space:nowrap}.login-button:hover{background:#383838}.login-button>span:first-child{max-width:105px;overflow:hidden;text-overflow:ellipsis}.login-button.is-signed-in{background:#f3f3f0;color:var(--ink);border-color:var(--line)}.login-button.is-signed-in>span:last-child{font-size:0;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.auth-dialog{width:min(480px,calc(100% - 32px));padding:30px 38px 22px;border-radius:4px}.auth-dialog .dialog-head{margin-bottom:42px}.auth-mark{display:inline-flex;align-items:flex-end;gap:4px;font-size:22px;font-weight:900;font-style:italic;letter-spacing:-1.3px}.auth-mark .brand-square{width:5px;height:5px;margin-bottom:5px}.auth-dialog .icon-button{background:none;color:#777}.auth-heading{margin-bottom:30px}.auth-heading .eyebrow{font-size:9px;color:#76766e;margin-bottom:14px;letter-spacing:.18em}.auth-heading h2{font-size:34px;letter-spacing:-.06em}.auth-heading>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);margin:13px 0 0}.auth-field{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:22px 0 10px;font-weight:600}.auth-field>span{font-size:9px;color:var(--muted);font-weight:400}.phone-input,.code-input{display:flex;align-items:center;border:1px solid var(--line);background:#fafaf8;min-height:52px;border-radius:2px}.phone-input:focus-within,.code-input:focus-within{border-color:var(--ink)}.phone-input>span{font-size:12px;padding:0 15px;border-right:1px solid #ddd}.auth-dialog input{width:100%;min-width:0;background:none;border:0;padding:17px 14px;font-size:13px;outline:0;letter-spacing:.03em}.auth-dialog input::placeholder{color:#90908a;font-size:12px;letter-spacing:0}.auth-dialog input:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.code-input>button{background:none;border:0;border-left:1px solid #ddd;white-space:nowrap;font-size:11px;padding:3px 15px;min-height:24px;flex-shrink:0}.code-input>button:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}.auth-submit{margin-top:24px;border-radius:3px;padding:15px 19px;min-height:51px;font-size:12px}.auth-message{font-size:11px;line-height:1.8;margin:12px 0 0;color:#54654c}.auth-message.is-error{color:#af3821}.auth-caption{text-align:center;font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}.auth-divider{display:flex;align-items:center;gap:16px;font-size:10px;color:#8a8a82;margin:28px 0 20px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.social-logins{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-logins>button{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:3px;min-height:50px;padding:12px 15px;font-size:11px}.social-logins>button:hover:not(:disabled){background:#f5f5f1;border-color:#bbb}.social-logins svg{width:21px;height:21px;fill:currentColor;stroke:none;flex-shrink:0}.social-eye{fill:#fff}.social-smile{stroke:#fff;stroke-width:1.3;fill:none}.social-arrow{margin-left:auto;color:#888;font-size:13px}.auth-footnote{text-align:center;line-height:1.9;font-size:9px;color:var(--muted);margin:21px 0 0}.auth-signature{border-top:1px solid var(--line);padding-top:17px;margin-top:30px;display:flex;justify-content:space-between;gap:8px;font-size:7px;letter-spacing:.13em;color:#8c8c85}.auth-signature .brand-square{width:5px;height:5px;margin:0;flex-shrink:0}.account-card{display:flex;align-items:center;gap:17px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.account-avatar{display:grid;place-items:center;width:52px;height:52px;background:#efefeb;font-size:23px;font-style:italic;font-weight:800;flex-shrink:0}.account-card>div{min-width:0}.account-card .tiny-label{margin-bottom:6px;font-size:8px}.account-card #account-name{font-size:17px;margin:0 0 5px;overflow-wrap:anywhere}.account-card #account-method{font-size:10px;color:var(--muted)}.account-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.account-note{font-size:11px;color:var(--muted);line-height:1.9;margin:22px 0}.account-logout{display:flex;width:100%;justify-content:center;color:var(--muted);margin-top:16px}
@media(max-width:1050px){.header{gap:20px}nav{gap:22px}.header-actions{gap:10px}.header-actions .profile-button{border:0;padding:10px 0}.header-actions .profile-button>span{display:none}}
@media(max-width:600px){.header{gap:12px}.header-actions{gap:14px}.login-button{padding:9px 13px;min-height:37px;font-size:11px;gap:12px}.header-actions .profile-button{display:flex;padding:6px}.header-actions .profile-button svg{width:18px;height:18px}.auth-dialog{padding:24px 24px 19px;max-height:calc(100dvh - 24px)}.auth-dialog .dialog-head{margin-bottom:28px}.auth-heading h2{font-size:30px}.auth-heading{margin-bottom:25px}.auth-divider{margin-top:24px}.auth-signature{margin-top:25px}}
@media(max-width:360px){.header-actions{gap:8px}.auth-dialog{padding:22px 20px 18px}.social-logins{gap:9px}.social-logins>button{padding:12px 10px;gap:6px;font-size:10px;white-space:nowrap}.social-logins svg{width:18px;height:18px}.social-arrow{font-size:11px}.auth-signature{letter-spacing:.04em}.auth-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.auth-dialog *{scroll-behavior:auto;transition:none}}