.spp{color:#0f172a;background:#fff;border-radius:20px;gap:10px;width:100%;padding:12px;display:grid;box-shadow:0 30px 60px -34px #0f172a80}.spp-head{align-items:center;gap:10px;display:flex}.spp-avatar{width:36px;height:36px;box-shadow:0 0 0 2px #fff, 0 0 0 4px color-mix(in srgb, var(--pc) 60%, #fff);background:conic-gradient(from 200deg,#f472b6,#fb923c,#facc15,#f472b6);border-radius:50%;flex:none}.spp-who{flex:1;min-width:0;display:grid}.spp-who b{font-size:14px}.spp-who small{white-space:nowrap;text-overflow:ellipsis;color:#64748b;font-size:12px;overflow:hidden}.spp-badge{background:color-mix(in srgb, var(--pc) 14%, #fff);width:26px;height:26px;color:var(--pc);border-radius:8px;flex:none;place-items:center;display:grid}.spp-more{color:#94a3b8;flex:none}.spp-media{width:100%;max-width:var(--pp-maxw,100%);aspect-ratio:var(--pp-ratio);background:var(--surface-alt);border-radius:14px;margin-inline:auto;position:relative;overflow:hidden}.spp-avatar[data-initial]{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--on-accent);place-items:center;font-size:clamp(14px,13.562px + .112vw,15px);font-weight:800;display:grid}.spp-media>img,.spp-avatar>img{object-fit:cover}.spp-avatar{position:relative;overflow:hidden}.spp-play{color:#fff;background:#0f172a8c;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.spp-progress{background:#fff6;height:4px;position:absolute;bottom:0;left:0;right:0}.spp-progress:after{content:"";background:red;width:36%;height:100%;animation:6s linear infinite spp-progress;display:block}@keyframes spp-progress{0%{width:0}}.spp-dots{gap:4px;display:flex;position:absolute;bottom:10px;left:50%;translate:-50%}.spp-dots i{background:#fff9;border-radius:50%;width:6px;height:6px}.spp-dots i:first-child{background:#fff}.spp-actions{color:#334155;align-items:center;gap:12px;display:flex}.spp-actions[data-spread]{border-top:1px solid #e2e8f0;justify-content:space-around;padding-top:8px;font-size:13px;font-weight:700}.spp-actions[data-spread] span{align-items:center;gap:5px;display:inline-flex}.spp-end{margin-left:auto}.spp-cta-btn{border-radius:var(--r-pill);color:#fff;background:#1a73e8;padding:6px 14px;font-size:13px;font-weight:700}.spp-save{border-radius:var(--r-pill);color:#fff;background:#e60023;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:800}.spp-caption{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.spp[data-platform=tiktok]{color:#fff;background:#0f172a}.spp[data-platform=tiktok] .spp-who b{color:#fff}.spp[data-platform=tiktok] .spp-who small,.spp[data-platform=tiktok] .spp-actions{color:#cbd5e1}.spp[data-platform=tiktok] .spp-badge{color:#fff;background:#ffffff1f}.spp[data-platform=tiktok] .spp-media,.spp[data-platform=youtube] .spp-media{background:radial-gradient(circle at 70% 30%,#ffffff59 0 12%,#0000 13%),linear-gradient(160deg,#1e1b4b,#db2777 60%,#f97316)}.spp[data-platform=x],.spp[data-platform=threads]{box-shadow:inset 0 0 0 1px #e2e8f0,0 30px 60px -34px #0f172a80}.spp[data-platform=bluesky] .spp-media{background:linear-gradient(160deg,#bae6fd,#3b82f6)}.spp[data-platform=linkedin] .spp-media{background:linear-gradient(150deg,#bfdbfe,#0a66c2);border-radius:6px}.spp[data-platform=google_business] .spp-media{background:linear-gradient(150deg,#bbf7d0,#1a73e8)}@media (prefers-reduced-motion:reduce){.spp-progress:after{animation:none}}