.sp-card,.sp-stats{--like-fg: oklch(.52 .17 15)}[data-theme=dark] :is(.sp-card,.sp-stats){--like-fg: oklch(.76 .13 15)}@media(prefers-color-scheme:dark){[data-theme=system] :is(.sp-card,.sp-stats){--like-fg: oklch(.76 .13 15)}}.sp-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-family:var(--font-body);font-size:12px;font-weight:700;line-height:1.2;padding:4px 10px;border-radius:var(--shape-chip);border:var(--rule-width) solid var(--rule);color:var(--fg-secondary);overflow-wrap:anywhere}.sp-chip>i{flex:none;width:6px;height:6px;border-radius:1px;background:var(--subject-accent)}.sp-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding-top:16px;border-top:var(--card-rule-width) solid var(--accent);color:var(--fg-primary)}.sp-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sp-card-tags{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.sp-card-flags{display:flex;align-items:center;gap:8px;flex:none}.sp-card-title{font-family:var(--font-display);font-size:1.1875rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0;text-wrap:pretty}.sp-card-title.is-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sp-card-link{color:inherit;text-decoration:none;transition:color .2s}.sp-card-link:after{content:"";position:absolute;inset:0}.sp-card-link:hover{color:var(--accent)}.sp-card-link:focus-visible{outline:none}.sp-card-link:focus-visible:after{outline:2px solid var(--action-focus);outline-offset:4px}.sp-card-body{font-size:1rem;line-height:1.6;color:var(--fg-secondary);text-wrap:pretty}.sp-card-meta{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;font-size:var(--type-small-size);color:var(--fg-muted)}.sp-card-stats{display:flex;align-items:center;gap:14px}.sp-card-video,.sp-card-heart{position:relative;z-index:1}.sp-card-stat{display:inline-flex;align-items:center;gap:5px;font-weight:600}.sp-card-heart{display:inline-flex;align-items:center;gap:5px;margin:-4px -6px;padding:4px 6px;border:0;border-radius:var(--shape-chip);background:none;color:inherit;font:inherit;font-weight:600;cursor:pointer;transition:color .2s,background-color .2s}.sp-card-heart:hover{color:var(--like-fg)}.sp-card-heart:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.sp-card-heart[aria-pressed=true]{color:var(--like-fg)}.sp-card-heart[aria-pressed=true] svg{fill:currentColor}.sp-card-video{flex:none;line-height:0;opacity:.9;transition:opacity .15s ease}.sp-card-video:hover{opacity:1}.sp-card-video:focus-visible{outline:2px solid var(--action-focus);outline-offset:3px}.sp-card.is-placeholder{border-top-style:dashed}.sp-card.is-placeholder .sp-card-title{color:var(--fg-secondary)}.sp-stats{display:flex;align-items:center;gap:16px;font-size:var(--type-small-size);color:var(--fg-muted)}.sp-stats[hidden]{display:none}.sp-stats-views{display:inline-flex;align-items:center;gap:6px;font-weight:600}.sp-like{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:0;border-radius:var(--shape-control);background:transparent;box-shadow:inset 0 0 0 1.5px var(--rule);color:var(--fg-secondary);font:inherit;font-weight:700;cursor:pointer;transition:box-shadow .2s,color .2s}.sp-like:hover{color:var(--fg-primary);box-shadow:inset 0 0 0 1.5px var(--fg-muted)}.sp-like:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.sp-like[aria-pressed=true]{color:var(--like-fg);box-shadow:inset 0 0 0 1.5px currentColor}.sp-like[aria-pressed=true] svg{fill:currentColor}.sp-like:disabled{cursor:wait;opacity:.7}.sp-share{margin-top:40px;padding-top:24px;border-top:var(--rule-width) solid var(--rule)}.sp-share-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;line-height:1.25;color:var(--fg-primary);margin:0}.sp-share-prompt{font-size:var(--type-small-size);color:var(--fg-secondary);margin-top:4px}.sp-share-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.sp-share-btn{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--shape-control);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--rule);color:var(--brand, var(--fg-secondary));cursor:pointer;transition:box-shadow .15s ease}.sp-share-btn:hover{box-shadow:inset 0 0 0 1.5px var(--brand, var(--fg-secondary))}.sp-share-btn:focus-visible{outline:2px solid var(--action-focus);outline-offset:2px}.sp-share-btn.is-done{color:var(--status-success);box-shadow:inset 0 0 0 1.5px var(--status-success)}.sp-share-toast{min-height:1.2em;margin-top:10px;font-size:.8125rem;font-weight:700;color:var(--status-success)}