.shh{--shh-accent:#ff7379;--shh-surface:#101923e6;--shh-title:#fff;--shh-text:#d8dde2;--shh-border:#ffffff33;font-family:Manrope,Arial,sans-serif;width:100%}
.shh *{box-sizing:border-box}.shh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.shh-card{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-start;gap:16px;padding:22px;border:1px solid var(--shh-border);border-radius:14px;background:var(--shh-surface);transition:border-color .35s,box-shadow .35s;min-width:0}
.shh-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(110deg,transparent 10%,var(--shh-accent) 50%,transparent 90%);transform:translateX(-120%);pointer-events:none}
.shh-card.is-active{border-color:var(--shh-accent);box-shadow:inset 0 0 22px -12px var(--shh-accent),0 0 18px -10px var(--shh-accent)}
.shh.is-running .shh-card.is-active:before{animation:shh-sweep var(--shh-time,2.4s) ease-in-out both}
.shh.is-paused .shh-card:before{animation-play-state:paused}
.shh-icon{color:var(--shh-accent);font-size:24px;line-height:1.25;flex:0 0 26px}.shh-icon svg{fill:currentColor;width:24px;height:24px}
.shh h3{color:var(--shh-title);font-size:18px;line-height:1.25;font-weight:700;margin:0 0 8px;overflow-wrap:anywhere}
.shh p{color:var(--shh-text);font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.shh-toggle{display:block;margin:8px 0 0 auto;min-height:44px;padding:10px 14px;border:1px solid var(--shh-border);border-radius:999px;background:var(--shh-surface);color:var(--shh-text);font:inherit;font-size:12px;cursor:pointer}
.shh-toggle[hidden]{display:none}.shh-toggle:focus-visible{outline:2px solid var(--shh-accent);outline-offset:3px}
@keyframes shh-sweep{0%{transform:translateX(-120%);opacity:0}25%,65%{opacity:.18}100%{transform:translateX(120%);opacity:0}}
@media(max-width:1024px){.shh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.shh-grid{grid-template-columns:minmax(0,1fr)}.shh p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.shh-card{transition:none}.shh-card:before{animation:none!important}.shh-toggle{display:none}}