/* Bleand Notes — visitor sharing. A small control on the note's top edge beside × (same black roundel: the card never grows) and
   one compact popover over the page (desktop: beside the note; phones: bottom sheet), in the card's own stone, ink, red hairline
   and inscription capitals. Above the note (170) and the back-to-top control (180), below the site drawer (190/200). */
.bn-float .bn-share{position:absolute;top:-11px;right:24px;z-index:3;box-sizing:border-box;width:28px;height:28px;margin:0;padding:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.35);background:#161616;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.bn-float .bn-share svg{display:block;width:13px;height:13px;pointer-events:none}
.bn-float .bn-share:hover,.bn-float .bn-share:focus-visible,.bn-float .bn-share[aria-expanded="true"]{background:#a3161d;border-color:#a3161d}
.bn-float .bn-share:focus-visible{outline:1px solid #a3161d;outline-offset:3px}
.bn-sharebox{position:fixed;left:0;top:0;z-index:185;box-sizing:border-box;width:252px;max-width:calc(100vw - 24px);overflow:auto;overscroll-behavior:contain;
  padding:2px 0 6px;background:#d8d3ca;color:#151412;border:1px solid #bfb8ad;border-radius:10px;box-shadow:0 12px 34px rgba(0,0,0,.55);
  font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .22s cubic-bezier(.38,1,.68,1)}
.bn-sharebox.is-in{opacity:1;transform:none}
.bn-sharebox[hidden]{display:none}
.bn-sharebox:focus{outline:none}
.bn-sharebox *{box-sizing:border-box}
.bn-sh-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 14px;padding:9px 0 8px;border-bottom:1px solid #a3161d}
.bn-sh-t{font:600 10.5px/1 'Cinzel',serif;letter-spacing:.2em;text-transform:uppercase}
.bn-sh-x{width:26px;height:26px;margin:-5px -7px -5px 0;padding:0;border:0;border-radius:50%;background:none;color:#151412;font:400 17px/1 'Outfit',sans-serif;cursor:pointer}
.bn-sh-x:hover{color:#a3161d}
.bn-sh-list{list-style:none;margin:2px 0 0;padding:0}
.bn-sh-list li+li{border-top:1px solid rgba(21,20,18,.09)}
.bn-sh-list a,.bn-sh-list button{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;min-height:36px;margin:0;padding:11px 14px 9px;border:0;
  background:none;color:#151412;text-align:left;text-decoration:none;font:500 11px/1.2 'Cinzel',serif;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
.bn-sh-h{flex:none;font:400 9.5px/1.2 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#5e5a53}
.bn-sh-list a:hover,.bn-sh-list button:not(:disabled):hover{color:#a3161d;background:rgba(163,22,29,.07)}
.bn-sh-list a:hover .bn-sh-h,.bn-sh-list button:not(:disabled):hover .bn-sh-h{color:#a3161d}
.bn-sh-list button:disabled{cursor:default;color:#8f877b}
.bn-sharebox :focus-visible{outline:1px solid #a3161d;outline-offset:-3px}
.bn-sharebox[aria-busy="true"] .bn-sh-list{opacity:.6}
.bn-sh-msg{margin:6px 14px 2px;font-size:15px;line-height:1.3;font-weight:500;color:#151412}
.bn-sh-msg:empty{display:none}
.bn-sh-msg.is-err{color:#a3161d}
.bn-sh-msg a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.bn-sh-url{display:block;width:calc(100% - 28px);margin:6px 14px 4px;padding:7px 8px;border:1px solid #bfb8ad;border-radius:2px;background:#e6e1d8;color:#151412;font:400 12px/1.2 'JetBrains Mono',monospace}
.bn-sh-url[hidden]{display:none}
.bn-sh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.bn-sh-tmp{position:fixed;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;font-size:16px}
.bn-sharebox:lang(zh) .bn-sh-t,.bn-sharebox:lang(zh) .bn-sh-list a,.bn-sharebox:lang(zh) .bn-sh-list button{font-family:'Noto Serif TC','Cinzel',serif;letter-spacing:.08em}
.bn-sharebox:lang(zh) .bn-sh-msg{font-family:'Noto Serif TC','Songti TC',serif;font-size:14px;line-height:1.6}
@media (max-width:600px){
  .bn-float .bn-share{right:44px}   /* phones: × sits inset at right 8px; this one just left of it, on the same top edge */
  .bn-sharebox{left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-width:none}
  .bn-sh-list a,.bn-sh-list button{min-height:42px;padding:14px 16px 12px}
  .bn-sh-head{margin:0 16px}
}
@media (prefers-reduced-motion:reduce){.bn-sharebox{transition:opacity .12s linear;transform:none}}