.share-button,[data-share]{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--line,#ccd4ce);border-radius:999px;background:var(--card,#fff);color:var(--fg,#172019);padding:.55rem .9rem;font:700 .85rem/1.2 system-ui,sans-serif;cursor:pointer;text-decoration:none}.share-button:hover,[data-share]:hover{border-color:var(--accent,#287d4f);color:var(--accent,#287d4f)}.share-dialog[hidden]{display:none}.share-dialog{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(9,18,12,.62)}.share-panel{width:min(32rem,100%);max-height:min(42rem,calc(100vh - 2rem));overflow:auto;background:var(--card,#fff);color:var(--fg,#172019);border:1px solid var(--line,#ccd4ce);border-radius:18px;padding:1.15rem;box-shadow:0 24px 70px rgba(0,0,0,.28)}.share-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.share-heading h2{margin:0;font-size:1.25rem}.share-close{border:0;background:transparent;color:inherit;font-size:1.7rem;cursor:pointer}.share-copy{color:var(--muted,#58645c);font-size:.92rem}.share-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.share-actions a,.share-actions button,.share-qr button{border:1px solid var(--line,#ccd4ce);border-radius:10px;background:var(--bg,#f7f8f4);color:var(--fg,#172019);padding:.65rem .4rem;text-align:center;text-decoration:none;font:650 .82rem system-ui,sans-serif;cursor:pointer}.share-qr{margin-top:1rem;border-top:1px solid var(--line,#ccd4ce);padding-top:.8rem}.share-qr summary{cursor:pointer;font-weight:700}.share-qr canvas{display:block;width:min(240px,100%);height:auto;margin:.8rem auto;image-rendering:pixelated}.share-qr p,.share-status{font-size:.8rem;color:var(--muted,#58645c)}.share-status{min-height:1.2em}.share-line{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.share-open{overflow:hidden}@media(max-width:32rem){.share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.share-panel{border-radius:14px}}