.share-button{display:inline-flex;width:44px;height:44px;flex:none;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#bcb5d2;cursor:pointer;transition:color .18s,background .18s,border-color .18s}
.share-button svg{width:20px;height:20px}.share-button:hover{color:#e0d0ff;background:rgba(177,139,255,.08);border-color:rgba(177,139,255,.18)}.share-button:focus-visible,.share-dialog :focus-visible{outline:2px solid #c6aaff;outline-offset:4px}
.site-header{gap:16px;container-type:inline-size}.site-header .site-navigation{margin-left:auto;order:1}.header-share{order:2}.site-header .menu-button{order:3}
@media(max-width:700px){.header-share{margin-left:auto}.site-header{gap:6px}}
@media(prefers-reduced-motion:reduce){.share-button{transition:none}}
.share-dialog{width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #bda2ff26;border-radius:22px;background:linear-gradient(145deg,#17152d,#0c1022);color:#f5f1ff;box-shadow:0 24px 80px #0007}
.share-dialog::backdrop{background:#040611a8;backdrop-filter:blur(5px)}
.share-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-dialog h2{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:1.55rem;line-height:1.25}.share-dialog h2:focus{outline:none}
.share-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:transparent;color:#b8b2ca;cursor:pointer}.share-close:hover{background:#ffffff08;color:white}.share-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round}
.share-description{margin:0 0 24px;color:#a9a4bd;font-size:.9rem;line-height:1.5}
.share-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px}.share-options a{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:8px 0;color:#d6d1e4;font-size:.78rem;text-decoration:none;border-radius:12px}.share-service-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;border:1px solid #c4abff24;background:#c4abff08;color:#d1baff}.share-service-mark svg{width:24px;height:24px;fill:currentColor}.share-options a:hover .share-service-mark{background:#c4abff18;border-color:#c4abff55}
.share-link-row{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 12px;border:1px solid #ffffff15;border-radius:12px;background:#07091a66}.share-link-row input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:#a9a4bd;font:inherit;font-size:.8rem;text-overflow:ellipsis}.share-copy{flex:none;min-height:44px;padding:0 14px;border:0;border-radius:8px;background:#c4abff16;color:#ddcaff;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.share-copy:hover{background:#c4abff26}
.share-status{margin:0;color:#c5b0f4;font-size:.8rem;line-height:1.5}.share-status:not(:empty){margin-top:12px}.share-more{display:block;min-height:44px;margin:12px auto 0;padding:0 16px;border:0;background:transparent;color:#bcb5d2;font:inherit;font-size:.82rem;cursor:pointer}.share-more:hover{color:#eee5ff}
@media(max-width:480px){.share-dialog{margin:auto auto 16px;padding:20px;border-radius:22px}.share-description{margin-bottom:18px}}
@media(min-width:701px) and (max-width:920px){
  .site-header .menu-button{display:grid;width:44px;height:44px;place-content:center;gap:7px}
  .menu-button>span:not(.sr-only){display:block;width:21px;height:1px;background:currentColor}
  .site-header .site-navigation{position:absolute;top:78px;right:16px;left:16px;display:none;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:#101229;max-height:calc(100dvh - 94px);overflow-y:auto}
  .site-header .site-navigation.is-open{display:flex}.site-navigation a{padding:14px}.header-share{margin-left:auto}
}
/* Use the header's available space, including when text or the page is zoomed. */
@container (max-width:58rem){
  .site-header .menu-button{display:grid;flex:none;width:44px;height:44px;place-content:center;gap:7px}
  .menu-button>span:not(.sr-only){display:block;width:21px;height:1px;background:currentColor}
  .site-header .site-navigation{position:absolute;top:100%;right:16px;left:16px;display:none;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:#101229;max-height:calc(100dvh - 94px);overflow-y:auto}
  .site-header .site-navigation.is-open{display:flex}
  .site-navigation a{padding:14px}
  .site-header .header-share{margin-left:auto}
}