.site-follow-button {
  position: absolute;
  top: 50%;
  right: 142px;
  z-index: 2;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--header-ink,#fff);
  -webkit-appearance: none;
  appearance: none;
  display: grid;
  place-items: center;
  cursor: pointer;
  transform: translateY(-50%);
  transition: color .2s,transform .2s,opacity .2s;
}
.site-follow-button svg { width: 20px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; transition:fill .2s,stroke .2s,filter .2s,transform .2s; }
.site-follow-button:hover,.site-follow-button:focus-visible { background:transparent; color:#248ff0; outline:none; transform:translateY(-50%); }
.site-follow-button:hover svg { transform:translateY(-1px); }
.site-follow-button:focus-visible svg { filter:drop-shadow(0 0 3px rgba(36,143,240,.5)); }
.site-follow-button.is-following { background:transparent; color:#248ff0; }
.site-follow-button.is-following svg { fill: currentColor; }
.site-follow-button:disabled { cursor: progress; opacity: .55; transform: translateY(-50%); }
.published-page.is-custom-public-host .site-follow-button { right: 34px; }
.published-page.has-published-owner-bar .site-follow-button { right: 188px; }
.published-page.is-thumbnail-preview .site-follow-button { display: none!important; }
.site-follow-toast { position: fixed; top: calc(var(--header-h,82px) + 14px); right: 22px; z-index: 250; max-width: min(310px,calc(100vw - 32px)); padding: 12px 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(5,18,32,.92); color: #fff; box-shadow: 0 16px 42px rgba(0,0,0,.3); font: 700 11px/1.25 Arial,sans-serif; opacity: 0; pointer-events: none; transform: translateY(-8px); transition: opacity .2s,transform .2s; }
.site-follow-toast.is-visible { opacity: 1; transform: none; }
.site-follow-auth-dialog { width:min(520px,calc(100vw - 32px)); max-height:min(760px,calc(100svh - 32px)); border:0; padding:0; overflow:visible; color:#0a1a2d; background:transparent; }
.site-follow-auth-dialog::backdrop { background:rgba(2,10,20,.76); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.site-follow-auth-card { position:relative; max-height:min(760px,calc(100svh - 32px)); padding:clamp(28px,5vw,46px); border:1px solid rgba(12,41,69,.1); border-radius:26px; display:grid; gap:17px; overflow:auto; overscroll-behavior:contain; background:#f7f4ee; box-shadow:0 34px 100px rgba(0,0,0,.4); }
.site-follow-auth-close { position:absolute; top:16px; right:16px; width:42px; height:42px; border:1px solid #d7dde3; border-radius:50%; display:grid; place-items:center; color:#14263a; background:rgba(255,255,255,.65); font:300 25px/1 Arial,sans-serif; cursor:pointer; }
.site-follow-auth-close:hover,.site-follow-auth-close:focus-visible { border-color:#199deb; color:#fff; background:#199deb; outline:3px solid rgba(25,157,235,.2); outline-offset:2px; }
.site-follow-auth-card>small { padding-right:48px; color:#1287d3; font:800 9px/1 Arial,sans-serif; letter-spacing:.16em; }
.site-follow-auth-card h2 { max-width:390px; margin:0; font:650 clamp(34px,7vw,52px)/.94 Arial,sans-serif; letter-spacing:-.045em; }
.site-follow-auth-card>p { max-width:410px; margin:0; color:#607086; font:15px/1.5 Georgia,serif; }
.site-follow-auth-tabs { padding:4px; border:1px solid #d6dde4; border-radius:999px; display:grid; grid-template-columns:1fr 1fr; gap:4px; background:#eceff2; }
.site-follow-auth-tabs button { min-height:40px; border:0; border-radius:999px; color:#657485; background:transparent; font:800 9px/1 Arial,sans-serif; letter-spacing:.07em; text-transform:uppercase; cursor:pointer; }
.site-follow-auth-tabs button[aria-selected="true"] { color:#fff; background:#158fdd; box-shadow:0 7px 20px rgba(21,143,221,.24); }
.site-follow-auth-card form { margin:0; display:grid; gap:13px; }
.site-follow-auth-card form[hidden] { display:none; }
.site-follow-auth-card label { display:grid; gap:7px; color:#4e5d6d; font:800 8px/1 Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.site-follow-auth-card label>small { color:#7b8795; font:500 10px/1.35 Arial,sans-serif; letter-spacing:0; text-transform:none; }
.site-follow-auth-card input { width:100%; min-height:50px; border:1px solid #cbd4dd; border-radius:10px; padding:0 14px; color:#0a1a2d; background:#fff; box-sizing:border-box; outline:none; font:600 15px/1 Arial,sans-serif; }
.site-follow-auth-card input:focus { border-color:#158fdd; box-shadow:0 0 0 3px rgba(21,143,221,.14); }
.site-follow-auth-submit { min-height:52px; margin-top:3px; border:0; border-radius:999px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:#fff; background:#158fdd; font:800 10px/1 Arial,sans-serif; letter-spacing:.07em; text-transform:uppercase; cursor:pointer; }
.site-follow-auth-submit:hover,.site-follow-auth-submit:focus-visible { background:#0877bf; outline:3px solid rgba(21,143,221,.2); outline-offset:2px; }
.site-follow-auth-submit:disabled { cursor:wait; opacity:.64; }
.site-follow-auth-forgot { width:max-content; color:#0877bf; font:700 11px/1.4 Arial,sans-serif; text-underline-offset:4px; }
.site-follow-auth-card output { min-height:17px; color:#a93830; font:600 12px/1.4 Arial,sans-serif; }
@media (max-width:700px) {
  .site-follow-button { right: 72px; width: 40px; height: 40px; }
  .published-page.is-custom-public-host .site-follow-button { right: 16px; }
  .published-page.has-published-owner-bar .site-follow-button { right: 100px; }
  .site-follow-toast { right: 12px; }
  .site-follow-auth-dialog { width:calc(100vw - 20px); max-height:calc(100svh - 20px); }
  .site-follow-auth-card { max-height:calc(100svh - 20px); padding:30px 22px 24px; border-radius:22px; gap:15px; }
  .site-follow-auth-close { top:12px; right:12px; width:38px; height:38px; }
  .site-follow-auth-card h2 { max-width:320px; font-size:36px; }
}
@media (prefers-reduced-motion:reduce) {
  .site-follow-button,.site-follow-toast { transition:none; }
}