.share-control{display:flex;align-items:center;min-width:0}.share-like{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--theme-surface);color:var(--muted);font:700 .75rem/1 system-ui;box-shadow:none}.share-like:hover,.share-like:focus-visible{border-color:var(--gold);color:var(--theme-heading);background:var(--theme-accent-wash)}.share-like:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.share-heart{width:17px;height:17px;fill:transparent;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:fill .18s,color .18s,transform .18s}.share-like[aria-pressed="true"]{color:var(--theme-heading);border-color:color-mix(in srgb,var(--gold) 60%,transparent)}.share-like[aria-pressed="true"] .share-heart{fill:currentColor;transform:scale(1.04)}
.share-placement-category-card,.share-placement-lesson-card{padding:8px 20px 0;justify-content:flex-end}.share-placement-category-card .share-like,.share-placement-lesson-card .share-like{min-height:30px;padding:4px 8px}.module-heading .share-control{margin-top:10px}.share-placement-site,.share-placement-category-heading{margin-left:auto}.category-progress+.course-module{margin-top:24px}.share-placement-start{margin:4px 0 20px}.share-placement-mid{justify-content:center;padding:6px 0 18px}.share-placement-end{justify-content:flex-end;margin:20px 0 4px}.lesson-video-entry{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lesson-video-entry .share-control{margin:0}.video-dialog-actions{display:flex;align-items:center;gap:8px}.video-dialog-actions .share-like{border-color:#ffffff42;background:#ffffff0b;color:#e8f1fb}.video-dialog-actions .share-like:hover,.video-dialog-actions .share-like:focus-visible{border-color:#f9d77c;color:#f9d77c;background:#ffffff12}
.share-modal-open{overflow:hidden}.share-dialog{width:min(600px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 24px));padding:0;border:1px solid var(--line);border-radius:20px;background:var(--theme-panel-background);color:var(--ink);box-shadow:0 24px 80px #0009}.share-dialog::backdrop{background:#020812c7;backdrop-filter:blur(4px)}.share-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 12px;border-bottom:1px solid var(--line)}.share-dialog-head h2{margin:3px 0 0;font-size:clamp(1.35rem,4vw,1.85rem)}.share-close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--theme-surface);color:var(--ink);font:400 1.8rem/1 system-ui}.share-close:hover,.share-close:focus-visible{border-color:var(--gold);color:var(--theme-heading)}.share-subject{margin:16px 22px 4px;color:var(--theme-copy);font-weight:650}.share-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 22px}.share-network{display:flex;min-width:0;min-height:72px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 5px;border:1px solid var(--line);border-radius:13px;background:var(--theme-surface-soft);color:var(--ink);text-align:center;text-decoration:none;box-shadow:none}.share-network:hover,.share-network:focus-visible{border-color:var(--gold);background:var(--theme-accent-wash);color:var(--theme-heading)}.share-network>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--theme-icon-background);color:var(--theme-icon-ink);font:800 .75rem/1 system-ui}.share-network>b{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:.75rem}.share-status{min-height:1.5em;margin:0;padding:0 22px 22px;color:var(--muted);font-size:.8125rem}
@media(max-width:600px){.share-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.share-like{width:36px;height:36px;min-height:36px;padding:0}.share-placement-category-card,.share-placement-lesson-card{padding:8px 14px 0}.share-options{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:14px}.share-dialog-head{padding-inline:14px}.share-subject,.share-status{margin-inline:14px;padding-inline:0}.share-placement-start{justify-content:flex-start}.share-placement-mid{justify-content:center}.share-placement-end{justify-content:flex-end}.video-dialog-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){.share-heart{transition:none}}