.sh-ddos{--ddos-bg:var(--sng-card,#082a45);--ddos-well:var(--sng-surface,#061f35);--ddos-line:var(--sng-border,rgba(141,196,235,.16));--ddos-muted:var(--sng-text-3,#8fadc4);--ddos-text:var(--sng-text,#f2f8fd);--ddos-accent:var(--sng-mint,#5aeacf);display:grid;gap:20px;min-width:0;color:var(--ddos-text);font:13px/1.65 var(--sh-font-ui,Tahoma,Arial,sans-serif)}
.sh-ddos *{box-sizing:border-box}.sh-ddos [hidden]{display:none!important}.sh-ddos h2,.sh-ddos h3,.sh-ddos p{margin:0}.sh-ddos button,.sh-ddos a{touch-action:manipulation}.sh-ddos button:focus-visible,.sh-ddos a:focus-visible{outline:2px solid var(--ddos-accent);outline-offset:4px}.sh-ddos button:disabled{opacity:.45;cursor:default}
.sh-ddos-card{overflow:hidden;border:1px solid var(--ddos-line);border-radius:16px;background:var(--ddos-bg);box-shadow:0 12px 30px -24px #0009;animation:ddos-enter .42s ease-out both}.sh-ddos-history{animation-delay:65ms}
.sh-ddos-status{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 28px 22px}.sh-ddos-status-main{display:flex;align-items:center;gap:17px;min-width:0}.sh-ddos-shield{position:relative;display:grid;place-items:center;flex:none;width:58px;height:64px;color:var(--ddos-muted);background:rgba(141,196,235,.07);border:1px solid var(--ddos-line);border-radius:18px}.sh-ddos-shield i{font-size:27px}.sh-ddos-shield:after{content:'';position:absolute;inset:0;border:1px solid currentColor;border-radius:inherit;opacity:0;pointer-events:none}.sh-ddos[data-state=protected] .sh-ddos-shield{color:var(--ddos-accent);background:rgba(90,234,207,.075);border-color:rgba(90,234,207,.22)}.sh-ddos[data-state=protected] .sh-ddos-shield:after{animation:ddos-pulse 3.6s ease-out infinite}.sh-ddos[data-state=attack] .sh-ddos-shield,.sh-ddos[data-state=stale] .sh-ddos-shield{color:#efbd69;background:#efbd690c;border-color:#efbd6933}
.sh-ddos h2{font-size:23px;font-weight:700;line-height:1.5;color:var(--ddos-text)}.sh-ddos-status-copy p{margin-top:5px;color:var(--sng-text-2,#c6d9e7);font-size:13px;line-height:1.85}.sh-ddos-brand{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-decoration:none;padding-inline-start:28px;border-inline-start:1px solid var(--ddos-line)}.sh-ddos-brand small{color:var(--ddos-muted);font-size:11px}.sh-ddos-brand img{display:block;object-fit:contain;width:122px;height:38px}
.sh-ddos-reading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:0 28px 22px;color:var(--ddos-muted)}.sh-ddos-address,.sh-ddos-updated{display:flex;align-items:center;gap:9px}.sh-ddos-address{padding:6px 11px;border:1px solid var(--ddos-line);border-radius:7px;background:var(--ddos-well)}.sh-ddos-address bdi{font-family:var(--f-mono,Consolas,monospace);font-size:12px;color:var(--sng-text-2,#c6d9e7);letter-spacing:.2px}.sh-ddos-address button,.sh-ddos-updated button{display:grid;place-items:center;min-height:28px!important;min-width:28px;padding:3px;border:0;background:transparent;color:var(--ddos-muted);cursor:pointer;border-radius:5px;transition:color .18s,background .18s}.sh-ddos-updated button:hover,.sh-ddos-address button:hover{color:var(--ddos-accent);background:#5aeacf0d}.sh-ddos-updated span{font-size:11px!important}.sh-ddos [data-ddos-refresh][disabled] i{animation:ddos-spin .8s linear infinite}
.sh-ddos-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--ddos-line)}.sh-ddos-stats>div{position:relative;min-width:0;padding:23px 28px 25px}.sh-ddos-stats>div+div:before{content:'';position:absolute;inset-inline-start:0;top:25px;bottom:25px;width:1px;background:var(--ddos-line)}.sh-ddos-stats dt{font-size:12px;color:var(--ddos-muted)}.sh-ddos .sh-ddos-stats dd{font-size:30px!important;line-height:1.5;font-weight:700;color:var(--ddos-text);margin:6px 0 2px;min-height:45px}.sh-ddos .sh-ddos-stats [data-ddos-total]{font-size:34px!important;color:var(--ddos-accent)}.sh-ddos-stats dd[dir=ltr]{unicode-bidi:plaintext;text-align:start;direction:inherit}.sh-ddos-stats small{display:block;color:var(--ddos-muted);font-size:11px;line-height:1.8}
.sh-ddos-notify{display:flex;align-items:center;gap:13px;padding:17px 28px;border-top:1px solid var(--ddos-line);background:rgba(6,31,53,.36)}.sh-ddos-discord-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#7b83ff14;color:#a9afff}.sh-ddos-discord-icon i{font-size:22px}.sh-ddos-notify-copy{flex:1;min-width:0}.sh-ddos-notify-copy strong{display:block;font-size:13px;font-weight:600;color:var(--ddos-text)}.sh-ddos-notify-copy small{display:block;margin-top:3px;font-size:11px;color:var(--ddos-muted);line-height:1.7}.sh-ddos .sh-ddos-switch{position:relative;flex:none;width:44px;height:26px;min-height:26px!important;border:1px solid #567187;border-radius:999px;background:#102f46;cursor:pointer;padding:3px;direction:ltr;transition:background .2s,border-color .2s}.sh-ddos-switch span{display:block;width:18px;height:18px;border-radius:50%;background:#9eb3c3;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s}.sh-ddos-switch[aria-checked=true]{background:var(--ddos-accent);border-color:var(--ddos-accent)}.sh-ddos-switch[aria-checked=true] span{transform:translateX(18px);background:#043249}.sh-ddos-link{display:inline-flex;gap:8px;align-items:center;color:#b7bcff;text-decoration:none;white-space:nowrap;font-size:12px!important}.sh-ddos-link i{font-size:10px!important}.sh-ddos-owner-note{color:var(--ddos-muted);font-size:11px}.sh-ddos-message{padding:10px 28px!important;color:var(--ddos-accent);border-top:1px solid var(--ddos-line);background:var(--ddos-well);font-size:12px;line-height:1.8}.sh-ddos-message[data-error=true]{color:#efbd69}
.sh-ddos-history-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 28px 18px;flex-wrap:wrap}.sh-ddos-history-head h3{font-size:17px;line-height:1.7;font-weight:700;display:flex;gap:12px;align-items:center;color:var(--ddos-text)}.sh-ddos-history-head h3 small{font-size:12px!important;font-weight:400;color:var(--ddos-muted)}.sh-ddos-filters{display:flex;gap:2px;padding:4px;border:1px solid var(--ddos-line);border-radius:9px;background:var(--ddos-well)}.sh-ddos-filters button{border:0;border-radius:6px;padding:6px 11px;min-height:32px!important;font:inherit;font-size:11px!important;color:var(--ddos-muted);background:transparent;cursor:pointer;white-space:nowrap;transition:color .18s,background .18s,box-shadow .18s}.sh-ddos-filters button[aria-pressed=true]{background:var(--ddos-accent);color:#053750;box-shadow:0 2px 8px #0002;font-weight:700}.sh-ddos-filters button:hover:not([aria-pressed=true]){background:#8dc4eb0c;color:var(--ddos-text)}
.sh-ddos-timeline{padding:7px 28px 19px}.sh-ddos-bins{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));align-items:end;gap:5px;direction:ltr;height:58px}.sh-ddos-bin{position:relative;align-self:stretch;min-width:0;min-height:0!important;height:58px;border:0;border-radius:5px;background:transparent;cursor:pointer;padding:0;animation:ddos-bar .42s ease-out both}.sh-ddos-bin:after{content:'';position:absolute;inset-inline:0;bottom:0;height:var(--bar-height,7px);border-radius:4px;background:#8dc4eb14;transition:background .18s,box-shadow .18s}.sh-ddos-bin[data-level='1']:after{background:#9e6578}.sh-ddos-bin[data-level='2']:after{background:#d88398}.sh-ddos-bin[data-level='3']:after{background:#f4a0b6}.sh-ddos-bin[data-level='4']:after{background:#ffc5d4}.sh-ddos-bin:hover:after{box-shadow:0 0 0 2px #8dc4eb29}.sh-ddos-bin[aria-pressed=true]:after{box-shadow:0 0 0 2px var(--ddos-accent)}.sh-ddos-legend{display:flex;justify-content:space-between;direction:ltr;gap:10px;margin-top:11px;color:var(--ddos-muted);font-size:10px}.sh-ddos-legend span{font-size:10px!important}.sh-ddos-bin-detail{margin-top:12px!important;color:var(--sng-text-2,#c6d9e7);font-size:12px;line-height:1.8;animation:ddos-enter .2s ease-out}
.sh-ddos-row{display:grid;grid-template-columns:1.25fr 1.3fr .65fr .6fr;gap:18px;padding:19px 28px;align-items:start;font-size:12px;border-top:1px solid var(--ddos-line);animation:ddos-enter .25s ease-out both}.sh-ddos-row>div{min-width:0;overflow-wrap:anywhere}.sh-ddos-row-head{padding-block:11px;background:var(--ddos-well);color:var(--ddos-muted);animation:none}.sh-ddos-row-head>span{font-size:11px!important}.sh-ddos-row strong{display:block;color:var(--ddos-text);font-size:12px;font-weight:600;line-height:1.8}.sh-ddos-row>div:last-child,.sh-ddos-row-head>span:last-child{text-align:end;white-space:nowrap}.sh-ddos-types{color:var(--sng-text-2,#c6d9e7)}.sh-ddos-types small{display:block;font:10px/1.7 var(--f-mono,Consolas,monospace);font-size:10px!important;direction:ltr;unicode-bidi:plaintext;text-align:start;margin-top:5px;color:var(--ddos-muted)}.sh-ddos-event-state{display:inline-flex;align-items:center;gap:5px;font-size:10px!important;margin-top:5px;color:var(--ddos-muted)}.sh-ddos-event-state:before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:var(--ddos-accent)}.sh-ddos-event-state.is-open{color:#efbd69}.sh-ddos-event-state.is-open:before{background:#efbd69}.sh-ddos-mobile-label{display:none}.sh-ddos-empty{padding:34px 20px!important;text-align:center;color:var(--ddos-muted);font-size:13px;border-top:1px solid var(--ddos-line)}.sh-ddos-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 28px;border-top:1px solid var(--ddos-line);color:var(--ddos-muted)}.sh-ddos-foot span{font-size:10px!important}.sh-ddos-foot>span:last-child{display:flex;align-items:center;gap:6px}.sh-ddos-live-dot{width:5px;height:5px;border-radius:50%;background:var(--ddos-accent)}.sh-ddos[data-state=unavailable] .sh-ddos-live-dot,.sh-ddos[data-state=stale] .sh-ddos-live-dot{background:var(--ddos-muted)}.sh-ddos-demo{font-size:11px!important;line-height:1.7;color:#d9bb83;padding-inline:4px!important}
@keyframes ddos-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ddos-bar{from{opacity:0;transform:scaleY(.25)}to{opacity:1;transform:scaleY(1)}}@keyframes ddos-pulse{0%,70%,100%{opacity:0;transform:scale(1)}20%{opacity:.2}55%{opacity:0;transform:scale(1.12)}}@keyframes ddos-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.sh-ddos-status{padding:22px 20px 18px;gap:15px}.sh-ddos-status-main{gap:12px}.sh-ddos-shield{width:48px;height:54px;border-radius:14px}.sh-ddos-shield i{font-size:23px}.sh-ddos h2{font-size:21px}.sh-ddos-brand{padding-inline-start:18px}.sh-ddos-brand img{width:108px;height:34px}.sh-ddos-reading{padding:0 20px 18px}.sh-ddos-stats>div{padding:20px}.sh-ddos .sh-ddos-stats dd{font-size:26px!important}.sh-ddos .sh-ddos-stats [data-ddos-total]{font-size:30px!important}.sh-ddos-notify,.sh-ddos-history-head,.sh-ddos-row,.sh-ddos-foot{padding-inline:20px}.sh-ddos-timeline{padding-inline:20px}}
@media(max-width:540px){.sh-ddos{gap:16px}.sh-ddos-card{border-radius:14px}.sh-ddos-status{padding:20px 16px 17px;gap:12px;align-items:flex-start}.sh-ddos-status-main{align-items:flex-start;gap:10px}.sh-ddos-shield{width:36px;height:42px;border-radius:11px;margin-top:2px}.sh-ddos-shield i{font-size:18px}.sh-ddos h2{font-size:19px;line-height:1.55}.sh-ddos-status-copy p{font-size:12px;line-height:1.8}.sh-ddos-brand{padding-inline-start:0;border-inline-start:0;gap:5px;align-items:center}.sh-ddos-brand small{font-size:9px!important}.sh-ddos-brand img{width:79px;height:25px}.sh-ddos-reading{padding:0 16px 17px;gap:7px}.sh-ddos-address{padding:4px 7px;gap:4px}.sh-ddos-address bdi{font-size:11px!important}.sh-ddos-address button{min-width:24px;min-height:24px!important}.sh-ddos-updated{gap:3px}.sh-ddos-updated span{font-size:10px!important}.sh-ddos-stats{grid-template-columns:1fr 1fr}.sh-ddos-stats>div{padding:16px;min-width:0}.sh-ddos-stats>div:nth-child(2){order:3;grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:0 14px;padding-block:13px;border-top:1px solid var(--ddos-line)}.sh-ddos-stats>div:nth-child(2):before{display:none}.sh-ddos-stats>div:nth-child(3){order:2}.sh-ddos-stats>div:nth-child(2) dt{grid-row:1;align-self:center}.sh-ddos-stats>div:nth-child(2) dd{grid-column:2;grid-row:1/3;align-self:center;margin:0;min-height:0;white-space:nowrap;font-size:22px!important}.sh-ddos-stats>div:nth-child(2) small{grid-column:1;grid-row:2;font-size:10px!important}.sh-ddos-stats>div+div:before{top:18px;bottom:18px}.sh-ddos-stats dt{font-size:11px!important}.sh-ddos .sh-ddos-stats dd{font-size:24px!important;min-height:36px}.sh-ddos .sh-ddos-stats [data-ddos-total]{font-size:28px!important}.sh-ddos-stats small{font-size:10px!important}.sh-ddos-notify{gap:10px;padding:15px 16px}.sh-ddos-discord-icon{width:34px;height:34px;border-radius:10px}.sh-ddos-discord-icon i{font-size:19px}.sh-ddos-notify-copy strong{font-size:12px!important}.sh-ddos-notify-copy small{font-size:10px!important}.sh-ddos-switch{width:44px}.sh-ddos-link{font-size:11px!important;gap:5px}.sh-ddos-owner-note{font-size:10px!important;max-width:70px}.sh-ddos-message{padding:10px 16px!important;font-size:11px!important}.sh-ddos-history-head{padding:18px 16px 12px;gap:12px}.sh-ddos-history-head h3{font-size:16px}.sh-ddos-filters{width:100%}.sh-ddos-filters button{flex:1;font-size:11px!important;padding-inline:5px}.sh-ddos-timeline{padding:3px 16px 16px}.sh-ddos-bins{gap:3px;height:49px}.sh-ddos-bin{height:49px}.sh-ddos-bin:after{border-radius:3px}.sh-ddos-bin-detail{font-size:11px!important}.sh-ddos-row-head{display:none}.sh-ddos-row{grid-template-columns:1fr auto;gap:9px 12px;padding:16px}.sh-ddos-row>div:nth-child(2){grid-column:1;grid-row:2}.sh-ddos-row>div:nth-child(3){grid-column:2;grid-row:2;font-size:11px;align-self:center;text-align:end;white-space:nowrap}.sh-ddos-row>div:last-child{grid-column:2;grid-row:1}.sh-ddos-row strong{font-size:11px!important}.sh-ddos-types>span{font-size:11px!important}.sh-ddos-types small{font-size:9px!important;word-break:break-word}.sh-ddos-foot{padding:12px 16px}.sh-ddos-foot span{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.sh-ddos-card,.sh-ddos-row,.sh-ddos-bin,.sh-ddos-bin-detail,.sh-ddos-shield:after,.sh-ddos [data-ddos-refresh] i{animation:none!important}.sh-ddos *,.sh-ddos *:after{transition:none!important}}.sh-ddos-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;border-top:1px solid var(--ddos-line)}.sh-ddos-pagination>span{font-size:11px;color:var(--ddos-muted)}.sh-ddos-pagination>div{display:flex;gap:6px}.sh-ddos-pagination button{border:1px solid var(--ddos-line);border-radius:7px;background:var(--ddos-well);color:var(--ddos-text);padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}.sh-ddos-pagination button:hover:enabled{border-color:var(--ddos-accent);color:var(--ddos-accent)}@media(max-width:540px){.sh-ddos-pagination{padding:14px 16px;flex-direction:column;align-items:stretch}.sh-ddos-pagination>span{text-align:center}.sh-ddos-pagination>div{justify-content:center}.sh-ddos-pagination button{flex:1;padding-inline:5px}}

/* Protection data presentation: isolated from service controls and ownership. */
.sh-ddos{gap:24px;container-type:inline-size}
.sh-ddos-overview .sh-ddos-status{padding-bottom:18px}
.sh-ddos .sh-ddos-stats{margin:0 24px 24px;border:0;gap:12px}
.sh-ddos .sh-ddos-stats>div{padding:20px;border:1px solid var(--ddos-line);border-radius:13px;background:var(--ddos-well)}
.sh-ddos .sh-ddos-stats>div:before{display:none}
.sh-ddos .sh-ddos-stats dd{font-size:26px!important;line-height:1.5;font-variant-numeric:tabular-nums}
.sh-ddos .sh-ddos-stats dd[dir=ltr]{direction:ltr;unicode-bidi:isolate;text-align:start}
.sh-ddos:dir(rtl) .sh-ddos-stats dd[dir=ltr]{text-align:right}
.sh-ddos .sh-ddos-history-head{padding:24px;gap:16px}
.sh-ddos .sh-ddos-history-head h3{font-size:19px;gap:10px}
.sh-ddos-history-head [data-ddos-count]{padding:3px 9px;border:1px solid var(--ddos-line);border-radius:999px;color:var(--ddos-accent);background:var(--ddos-well)}
.sh-ddos [data-ddos-history-start]{background:none;border:0;color:var(--ddos-muted);padding:0 24px 16px!important;font-size:12px!important}
.sh-ddos .sh-ddos-timeline{margin:0 24px 24px;padding:18px;border:1px solid var(--ddos-line);border-radius:13px;background:var(--ddos-well)}
.sh-ddos-timeline-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.sh-ddos-timeline-title>span{font-size:13px;font-weight:600}
.sh-ddos-timeline-title>small{font-size:11px;color:var(--ddos-muted)}
.sh-ddos .sh-ddos-bins{height:68px;gap:5px;border-bottom:1px solid var(--ddos-line);padding-bottom:4px}
.sh-ddos .sh-ddos-bin{height:63px;animation:none}
.sh-ddos .sh-ddos-bin[data-level='1']:after,.sh-ddos .sh-ddos-bin[data-level='2']:after{background:#5caec4}
.sh-ddos .sh-ddos-bin[data-level='3']:after,.sh-ddos .sh-ddos-bin[data-level='4']:after{background:#e79ab1}
.sh-ddos .sh-ddos-legend span{font-size:11px!important}
.sh-ddos .sh-ddos-bin-detail{padding-top:18px;margin-top:18px!important;border-top:1px solid var(--ddos-line);animation:none}
.sh-ddos-period-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.sh-ddos-period-head>strong{font-size:13px;font-weight:600;color:var(--ddos-text)}
.sh-ddos-period-count{font-size:12px;color:var(--ddos-accent)}
.sh-ddos-period-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
.sh-ddos .sh-ddos-field{min-width:0}
.sh-ddos .sh-ddos-field dt{color:var(--ddos-muted);font-size:11px!important;font-weight:400;line-height:1.6;margin-bottom:7px}
.sh-ddos .sh-ddos-field dd{margin:0;min-width:0;color:var(--ddos-text);font-size:14px!important;font-weight:600;line-height:1.7;font-variant-numeric:tabular-nums}
.sh-ddos .sh-ddos-field dd>bdi{display:block;overflow-wrap:anywhere}
.sh-ddos:dir(rtl) .sh-ddos-field dd>bdi{text-align:right}
.sh-ddos:dir(ltr) .sh-ddos-field dd>bdi{text-align:left}
.sh-ddos .sh-ddos-field small{display:block;margin-top:3px;color:var(--ddos-muted);font-size:11px!important;font-weight:400;line-height:1.7}
.sh-ddos-incidents{display:grid;gap:14px;padding:0 24px 24px}
.sh-ddos-incident{min-width:0;border:1px solid var(--ddos-line);border-radius:14px;background:var(--ddos-well);overflow:hidden}
.sh-ddos-incident-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px}
.sh-ddos-incident-title{display:flex;align-items:center;gap:12px;min-width:0}
.sh-ddos-incident-icon{width:40px;height:44px;flex:none;display:grid;place-items:center;border:1px solid var(--ddos-line);border-radius:12px;background:var(--ddos-bg);color:var(--ddos-accent)}
.sh-ddos .sh-ddos-incident h4{margin:0;color:var(--ddos-text);font-size:16px!important;font-weight:700;line-height:1.6}
.sh-ddos-incident-date{display:block;color:var(--ddos-muted);font-size:11px!important;margin-top:2px}
.sh-ddos-incident .sh-ddos-event-state{flex:none;margin:0;padding:5px 10px;border-radius:999px;border:1px solid rgba(90,234,207,.2);background:rgba(90,234,207,.06);color:var(--ddos-accent);font-size:11px!important;line-height:1.7}
.sh-ddos-incident .sh-ddos-event-state.is-open{color:#efbd69;background:#efbd690c;border-color:#efbd6933}
.sh-ddos-incident-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0 20px 20px}
.sh-ddos-incident .sh-ddos-field{padding:13px 0 0;border-top:1px solid var(--ddos-line)}
.sh-ddos .sh-ddos-field-peak dd{font-size:19px!important;color:var(--ddos-accent);font-weight:700}
.sh-ddos-incident-types{padding:16px 20px;display:flex;align-items:flex-start;gap:14px;border-top:1px solid var(--ddos-line)}
.sh-ddos-detail-label{flex:none;color:var(--ddos-muted);font-size:11px;line-height:28px}
.sh-ddos-type-chips{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.sh-ddos-type-chip{max-width:100%;padding:4px 9px;border-radius:6px;background:var(--ddos-bg);border:1px solid var(--ddos-line);color:var(--sng-text-2,#c6d9e7);font:11px/1.7 var(--f-mono,Consolas,monospace);overflow-wrap:anywhere}
.sh-ddos-type-chip bdi{font:inherit;font-size:11px!important}
.sh-ddos-muted{color:var(--ddos-muted);font-size:12px}
.sh-ddos-incident-foot{padding:9px 20px;display:flex;align-items:center;gap:8px;color:var(--ddos-muted);background:var(--ddos-bg);border-top:1px solid var(--ddos-line);font-size:10px;overflow-wrap:anywhere}
.sh-ddos-incident-foot bdi{font:11px/1.7 var(--f-mono,Consolas,monospace);min-width:0}
.sh-ddos .sh-ddos-incidents .sh-ddos-empty{border:1px dashed var(--ddos-line);border-radius:12px;background:var(--ddos-well);padding:28px 18px!important}
html[data-theme=light] .sh-ddos{--ddos-bg:#fff;--ddos-well:#f5f8fc;--ddos-line:#dce6ee;--ddos-muted:#536a7b;--ddos-text:#153347;--ddos-accent:#087d71;--sng-text-2:#385469}
html[data-theme=light] .sh-ddos .sh-ddos-notify{background:var(--ddos-well)}
html[data-theme=light] .sh-ddos .sh-ddos-brand{background:#06243a;padding:10px 14px;border:0;border-radius:10px}
html[data-theme=light] .sh-ddos .sh-ddos-brand small{color:#b7cedf}
html[data-theme=light] .sh-ddos .sh-ddos-bin[data-level='0']:after{background:#d5e2ec}
html[data-theme=light] .sh-ddos .sh-ddos-filters button[aria-pressed=true]{background:#087d71;color:white}
@container(max-width:760px){
  .sh-ddos .sh-ddos-stats{margin-inline:18px;gap:8px}
  .sh-ddos .sh-ddos-stats>div{padding:14px}
  .sh-ddos .sh-ddos-stats dd{font-size:22px!important}
  .sh-ddos-incident-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
  .sh-ddos .sh-ddos-timeline{margin-inline:18px}
  .sh-ddos-incidents{padding-inline:18px}
}
@container(max-width:480px){
  .sh-ddos .sh-ddos-stats{margin:0 14px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .sh-ddos .sh-ddos-stats>div{padding:12px}
  .sh-ddos .sh-ddos-stats>div:nth-child(2){order:3;grid-column:1/-1;display:block}
  .sh-ddos .sh-ddos-stats>div:nth-child(3){order:2}
  .sh-ddos .sh-ddos-stats>div:nth-child(2) dd{font-size:21px!important;white-space:normal}
  .sh-ddos .sh-ddos-history-head{padding:18px 14px 14px}
  .sh-ddos .sh-ddos-history-head h3{font-size:17px}
  .sh-ddos [data-ddos-history-start]{padding:0 14px 14px!important}
  .sh-ddos .sh-ddos-timeline{margin:0 14px 18px;padding:14px}
  .sh-ddos .sh-ddos-bins{gap:3px}
  .sh-ddos-period-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .sh-ddos-period-facts>.sh-ddos-field:last-child{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--ddos-line)}
  .sh-ddos .sh-ddos-period-facts dd{font-size:13px!important}
  .sh-ddos-incidents{padding:0 14px 18px}
  .sh-ddos-incident-head{padding:16px 14px;align-items:flex-start;flex-wrap:wrap;gap:10px}
  .sh-ddos-incident-title{gap:9px}
  .sh-ddos-incident-icon{width:34px;height:38px}
  .sh-ddos-incident-facts{padding:0 14px 16px;gap:14px}
  .sh-ddos .sh-ddos-field dd{font-size:13px!important}
  .sh-ddos .sh-ddos-field-peak dd{font-size:18px!important}
  .sh-ddos-incident-types{padding:14px;display:block}
  .sh-ddos-detail-label{display:block;margin-bottom:5px}
  .sh-ddos-incident-foot{padding-inline:14px}
}

/* Individual attack navigation complements the aggregated time chart. */
.sh-ddos-attack-index{margin:0 24px 24px;padding:18px;border:1px solid var(--ddos-line);border-radius:13px;background:var(--ddos-well)}
.sh-ddos-attack-index[hidden]{display:none}
.sh-ddos-index-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sh-ddos-index-head strong{font-size:13px;color:var(--ddos-text)}
.sh-ddos-index-head span{font-size:12px;color:var(--ddos-accent);font-variant-numeric:tabular-nums}
.sh-ddos-attack-index>p{margin:7px 0 14px;color:var(--ddos-muted);font-size:11px;line-height:1.7}
.sh-ddos-index-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}
.sh-ddos .sh-ddos-attack-link{display:flex;align-items:center;gap:11px;min-width:0;width:100%;text-align:start;padding:12px;border:1px solid var(--ddos-line);border-radius:10px;background:var(--ddos-bg);color:var(--ddos-text);font:inherit;cursor:pointer}
.sh-ddos .sh-ddos-attack-link:hover,.sh-ddos .sh-ddos-attack-link:focus-visible{border-color:var(--ddos-accent);outline:2px solid var(--ddos-accent);outline-offset:2px}
.sh-ddos-attack-number{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--ddos-line);border-radius:8px;color:var(--ddos-accent);font-size:12px;font-weight:700}
.sh-ddos-attack-link-copy{flex:1;min-width:0}
.sh-ddos-attack-link-copy strong{display:block;font-size:12px;font-weight:600;line-height:1.7}
.sh-ddos-attack-link-copy time{display:block;color:var(--ddos-muted);font-size:11px;line-height:1.7}
.sh-ddos .sh-ddos-attack-link-rate{font-size:13px!important;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.sh-ddos .sh-ddos-bin:before{display:none;content:attr(data-count);position:absolute;z-index:1;bottom:calc(var(--bar-height) + 4px);left:50%;transform:translateX(-50%);padding:1px 4px;min-width:18px;border-radius:5px;background:var(--ddos-bg);color:var(--ddos-accent);font-size:10px;line-height:15px;text-align:center;font-weight:700;box-sizing:border-box;border:1px solid var(--ddos-line)}
.sh-ddos .sh-ddos-bin:not([data-count='0']):is([aria-pressed=true],:hover,:focus-visible):before{display:block}
.sh-ddos .sh-ddos-bins{height:84px}
.sh-ddos .sh-ddos-bin{height:79px}
.sh-ddos-incident{scroll-margin-block-start:210px}
.sh-ddos-incident:focus{outline:2px solid var(--ddos-accent);outline-offset:3px}
@container(max-width:760px){.sh-ddos-attack-index{margin-inline:18px}}
@container(max-width:480px){.sh-ddos-attack-index{margin:0 14px 18px;padding:14px}.sh-ddos-index-items{grid-template-columns:minmax(0,1fr)}.sh-ddos .sh-ddos-attack-link{padding:11px;gap:9px}.sh-ddos-attack-number{width:24px;height:26px}.sh-ddos .sh-ddos-attack-link-rate{font-size:12px!important}}
