.visitor-bell{--visitor-accent:#ff3b30;position:relative;display:inline-grid!important;place-items:center;width:40px;height:40px;flex:0 0 40px;padding:8px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;margin-left:5px;overflow:visible!important}.visitor-bell[hidden]{display:none!important}.visitor-bell svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.visitor-badge{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;box-sizing:border-box;border-radius:50px;background:var(--visitor-accent);color:white;font:700 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 0 0 2px var(--bg,#fff);font-variant-numeric:tabular-nums}.visitor-badge[hidden]{display:none}.visitor-floating{position:fixed;top:max(22px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:120;background:var(--bg,#fff)}.visitor-center{--v-bg:#f5f5f7;--v-ink:#1d1d1f;--v-line:#d9d9df;position:fixed;inset:calc(74px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) auto auto;margin:0;width:min(440px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px - env(safe-area-inset-top));padding:0;border:1px solid var(--v-line);border-radius:26px;background:var(--v-bg);color:var(--v-ink);box-shadow:0 24px 90px #0004;overflow:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.visitor-center::backdrop{background:#0003;backdrop-filter:blur(3px)}.visitor-center button{font:inherit;min-height:36px;border-radius:12px;border:1px solid var(--v-line);padding:6px 10px;background:transparent;color:inherit;cursor:pointer}.visitor-center button:disabled{opacity:.45;cursor:default}.visitor-center-head{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 8px;gap:12px}.visitor-center-head h2{font:700 23px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;margin:6px 0;letter-spacing:-.6px}.visitor-center-head small{font-size:10px;letter-spacing:1px}.visitor-intro{font-size:13px;line-height:1.45;margin:0;padding:0 20px 15px;opacity:.8}.visitor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:0 15px 12px}.visitor-toolbar button{font-size:12px}.visitor-toolbar [aria-pressed=true]{background:#1d1d1f;color:white}.visitor-filter{display:flex;align-items:center;gap:10px;padding:0 20px 12px;font-size:12px}.visitor-filter select{min-width:0;flex:1;border:1px solid var(--v-line);padding:8px;background:var(--v-bg);color:var(--v-ink);border-radius:10px}.visitor-list{padding:0 12px;max-height:42dvh;overflow:auto;overscroll-behavior:contain}.visitor-item{display:flex;align-items:center;gap:8px;border-radius:18px;padding:12px;background:#ffffff8c;margin-bottom:8px;border:1px solid var(--v-line)}.visitor-item.is-new{background:#fff;border-left:3px solid #ff3b30}.visitor-item>a{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0;text-decoration:none;color:inherit}.visitor-item img,.visitor-item-symbol{width:56px;height:56px;flex:0 0 56px;border-radius:13px;object-fit:cover;background:#e7e7ec;display:grid;place-items:center}.visitor-item a>div{min-width:0}.visitor-item small{font-size:11px;opacity:.75;display:block}.visitor-item strong{font-size:14px;line-height:1.3;display:block;margin:5px 0;overflow-wrap:anywhere}.visitor-item p{font-size:12px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.visitor-item>button{flex:0 0 34px;padding:4px}.visitor-empty{padding:25px 12px;font-size:14px}.visitor-preferences{margin:16px 20px;font-size:13px}.visitor-preferences summary{cursor:pointer;font-weight:650}.visitor-preferences p{font-size:12px;line-height:1.45}.visitor-preferences fieldset{border:1px solid var(--v-line);border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.visitor-preferences label{display:flex;align-items:center;gap:6px}.visitor-preferences input{accent-color:#ff3b30;width:16px;height:16px}.visitor-center-footer{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--v-line);font-size:10px}.visitor-toast{position:fixed;top:calc(80px + env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:min(360px,calc(100vw - 32px));z-index:130;box-sizing:border-box;padding:15px 18px;border:1px solid #fff6;border-radius:24px;background:#f3f3f5f0;backdrop-filter:blur(22px);color:#1d1d1f;box-shadow:0 12px 45px #0003;font-family:-apple-system,BlinkMacSystemFont,sans-serif;animation:v-appear .2s ease-out}.visitor-toast[hidden]{display:none}.visitor-toast>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.visitor-toast small{font-size:10px;letter-spacing:.5px}.visitor-toast button{background:transparent;color:inherit;border:0;font-size:22px;padding:3px 8px;cursor:pointer}.visitor-toast a{display:block;color:inherit;text-decoration:none}.visitor-toast strong{font-size:15px;display:block;line-height:1.3;margin-bottom:5px;overflow-wrap:anywhere}.visitor-toast span{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.visitor-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.visitor-preview{display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:22px;background:#f5f5f7;color:#1d1d1f;margin:12px 0}.visitor-config-options{display:flex;flex-wrap:wrap;gap:14px}.visitor-admin-list{display:grid;gap:10px}.visitor-admin-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--border,#ddd);border-radius:14px}.visitor-admin-list article>div{min-width:0;overflow-wrap:anywhere}.visitor-admin-list p{font-size:12px;margin:5px 0}.visitor-admin-list button{flex-shrink:0}.visitor-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.visitor-center :focus-visible,.visitor-bell:focus-visible,.visitor-toast :focus-visible{outline:3px solid #007aff;outline-offset:3px}@keyframes v-appear{from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .visitor-center{--v-bg:#232327;--v-ink:#f5f5f7;--v-line:#494950}[data-theme=dark] .visitor-item{background:#303037}[data-theme=dark] .visitor-item.is-new{background:#393941}[data-theme=dark] .visitor-item-symbol{background:#494950}[data-theme=dark] .visitor-toolbar [aria-pressed=true]{background:#f5f5f7;color:#1d1d1f}[data-theme=dark] .visitor-toast{background:#303037ee;color:#f5f5f7}.visitor-center,[data-v-read]{-webkit-tap-highlight-color:transparent}@media(max-width:700px){.visitor-bell{width:34px;height:34px;flex-basis:34px;margin-left:2px;padding:6px}.visitor-badge{top:-6px;right:-5px;min-width:19px;height:19px;font-size:11px}.visitor-center{inset:calc(65px + env(safe-area-inset-top)) 12px auto auto;max-height:calc(100dvh - 90px - env(safe-area-inset-top))}.visitor-admin-grid{grid-template-columns:1fr}.visitor-center-head{padding:16px 16px 8px}.visitor-center-head h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.visitor-toast{animation:none}}


/* Use the shared header button geometry and the header's gap, including mobile. */
.site-header .header-actions .visitor-bell{display:inline-flex!important;position:relative;margin:0;padding:0;flex:0 0 auto;width:var(--hb-size,44px);height:var(--hb-size,44px);min-width:var(--hb-size,44px);min-height:var(--hb-size,44px);border-radius:var(--hb-radius,50%);box-shadow:0 3px var(--hb-shadow,0px) #0003}
.site-header .header-actions .visitor-bell[hidden]{display:none!important}
.site-header .header-actions .visitor-bell.visitor-floating{position:fixed;margin:0;top:max(22px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right))}
.site-header .header-actions .visitor-bell svg{width:var(--hb-icon,20px);height:var(--hb-icon,20px)}