/* paylaşma stilleri */
#t_paylasmodal {color-scheme: light dark; --bg: Canvas; --fg: CanvasText; --bd: color-mix(in oklab, CanvasText 18%, transparent); --bdh: color-mix(in oklab, CanvasText 30%, transparent); --ring: color-mix(in oklab, Highlight 60%, transparent); --overlay: color-mix(in oklab, black 45%, transparent); --panel: color-mix(in oklab, Canvas 96%, transparent)}
#t_paylasmodal .shareModalOpen {overflow: hidden}
#t_paylasmodal .btn-share{appearance:none; border:1px solid var(--bd); background:var(--bg); color:var(--fg);padding:.7rem 1rem; border-radius:.9rem; font-weight:700; cursor:pointer;transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease}
#t_paylasmodal .btn-share:hover{ transform:translateY(-1px); border-color:var(--bdh)}
#t_paylasmodal .btn-share:focus-visible{ outline:3px solid var(--ring); outline-offset:2px}
#t_paylasmodal .share-modal{position:fixed; inset:0; display:grid; place-items:center; z-index:1000;pointer-events:none; opacity:0; transition:opacity .18s ease}
#t_paylasmodal .share-modal[aria-hidden="false"]{ pointer-events:auto; opacity:1}
#t_paylasmodal .share-overlay{position:absolute; inset:0; background:var(--overlay); backdrop-filter:blur(2px)}
#t_paylasmodal .share-panel{position:relative; width:min(720px, 92vw); max-height:88vh; overflow:auto;background:var(--panel); color:var(--fg); border:1px solid var(--bd); border-radius:1rem;box-shadow: 0 20px 40px rgba(0,0,0,.25);transform: translateY(12px) scale(.98); opacity:.98;transition: transform .22s ease;padding:1rem 1rem 1.2rem}
#t_paylasmodal .share-modal[aria-hidden="false"] .share-panel{ transform: translateY(0) scale(1)}
#t_paylasmodal .share-header{display:flex; align-items:center; justify-content:space-between; gap:.5rem;position:sticky; top:0; background:var(--panel); padding:.2rem .1rem .6rem; z-index:1}
#t_paylasmodal .share-header h2{ margin:0; font-size:1.1rem}
#t_paylasmodal .share-close{background:transparent; border:1px solid var(--bd); border-radius:.7rem; padding:.35rem;cursor:pointer;}
#t_paylasmodal .share-close:hover{ border-color:var(--bdh)}
#t_paylasmodal .share-close:focus-visible{ outline:3px solid var(--ring); outline-offset:2px}
#t_paylasmodal .share-list{list-style:none; margin:.25rem 0 0; padding:0;display:grid; gap:.75rem;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))}
#t_paylasmodal .share-item a{display:flex; align-items:center; gap:.6rem;padding:.75rem .9rem; text-decoration:none; border-radius:.9rem;background:var(--bg); color:var(--fg); border:1px solid var(--bd); transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease}
#t_paylasmodal .share-item a:hover{ transform:translateY(-1px); border-color:var(--bdh)}
#t_paylasmodal .share-item a:focus-visible{ outline:3px solid var(--ring); outline-offset:2px}
#t_paylasmodal .share-item svg{ width:22px; height:22px; flex:none}
#t_paylasmodal .share-item span{ font-weight:600; font-size:.95rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#t_paylasmodal .share-hint{ margin:.9rem .2rem 0; opacity:.8; font-size:.9rem}
.media (max-width: 520px){ .share-panel{ width:96vw; height:92vh; max-height:92vh; border-radius:.9rem}
#t_paylasmodal .share-list{ grid-template-columns:repeat(2, 1fr)}