.cpst{--cpst-bg:#020d18;--cpst-surface:#071522;--cpst-surface-strong:#0b1b2a;--cpst-text:#f7fbff;--cpst-muted:#9babbc;--cpst-border:#294052;--cpst-lime:#c8ff22;--cpst-cyan:#24c7f4;--cpst-purple:#b566ff;--cpst-yellow:#f8dc35;--cpst-coral:#ff665a;--cpst-radius-small:4px;--cpst-radius-medium:20px;--cpst-radius-large:24px;background:var(--cpst-bg);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-large);color:var(--cpst-text);container-name:cpst;container-type:inline-size;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;margin:32px
auto;max-width:1180px;overflow:hidden;text-size-adjust:100%}.cpst--light{--cpst-bg:#f4f8fa;--cpst-surface:#fff;--cpst-surface-strong:#eaf1f5;--cpst-text:#06131e;--cpst-muted:#526575;--cpst-border:#bdcbd4}.cpst--font-humanist{font-family:"Trebuchet MS","Segoe UI",sans-serif}.cpst--font-serif{font-family:Georgia,"Times New Roman",serif}.cpst--font-mono{font-family:"Cascadia Mono",Consolas,"Courier New",monospace}.cpst--corners-square{--cpst-radius-small:0;--cpst-radius-medium:0;--cpst-radius-large:0}.cpst--corners-rounded{--cpst-radius-small:10px;--cpst-radius-medium:18px;--cpst-radius-large:28px}.cpst *,
.cpst *::before,
.cpst *::after{box-sizing:border-box}.cpst button,
.cpst input,
.cpst
select{font:inherit}.cpst button:focus-visible,
.cpst a:focus-visible,
.cpst input:focus-visible,
.cpst select:focus-visible,
.cpst summary:focus-visible{outline:3px
solid var(--cpst-cyan);outline-offset:3px}.cpst .screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.cpst button:disabled,
.cpst input:disabled{cursor:not-allowed;opacity:0.6}.cpst__header{align-items:center;border-bottom:1px solid var(--cpst-border);display:flex;justify-content:space-between;min-height:72px;padding:0
32px}.cpst__header>.cpst__theme-toggle:first-child{margin-left:auto}.cpst__brand{align-items:center;display:flex;font-size:18px;font-weight:700;gap:10px}.cpst__brand
span{color:var(--cpst-lime);font-size:32px}.cpst__theme-toggle{background:transparent;border:1px
solid var(--cpst-border);border-radius:50%;color:var(--cpst-text);cursor:pointer;height:42px;width:42px}.cpst__hero{align-items:center;display:grid;gap:64px;grid-template-columns:0.9fr 1.1fr;min-height:570px;padding:60px}.cpst__intro
h2{color:var(--cpst-text);font-size:60px;font-size:clamp(45px, 7cqw, 78px);letter-spacing:-0.055em;line-height:0.98;margin:0
0 24px}.cpst__lede{color:var(--cpst-muted);font-size:19px;margin:0
0 36px;max-width:500px}.cpst__modes{border:0;display:grid;gap:8px;grid-template-columns:repeat(3, minmax(0, 1fr));margin:0
0 20px;padding:0;width:min(100%, 500px)}.cpst__modes
legend{color:var(--cpst-muted);font-size:13px;margin-bottom:8px;padding:0}.cpst__modes
label{cursor:pointer;min-width:0;position:relative}.cpst__modes
input{height:1px;opacity:0;position:absolute;width:1px}.cpst__modes label>span{background:var(--cpst-surface);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);display:block;min-height:62px;padding:9px
10px}.cpst__modes label > span strong,
.cpst__modes label > span
small{display:block}.cpst__modes label > span
small{color:var(--cpst-muted);font-size:12px;line-height:1.25;margin-top:3px}.cpst__modes label > span
em{color:var(--cpst-cyan);display:block;font-size:10px;font-style:normal;line-height:1.3;margin-top:6px}.cpst__modes input:checked+span{border-color:var(--cpst-lime);box-shadow:inset 0 0 0 1px var(--cpst-lime)}.cpst__modes input:focus-visible+span{outline:3px
solid var(--cpst-cyan);outline-offset:3px}.cpst__route>span{color:var(--cpst-muted);display:block;font-size:13px;margin-bottom:8px}.cpst__route-value{background:var(--cpst-surface);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);color:var(--cpst-text);display:block;font-size:14px;min-height:44px;padding:10px
14px;width:min(100%, 340px)}.cpst__status{align-items:flex-start;display:flex;gap:12px;margin-top:22px}.cpst__status-dot{background:var(--cpst-lime);border-radius:50%;box-shadow:0 0 0 5px rgb(200 255 34 / 12%);height:9px;margin-top:7px;width:9px}.cpst__status strong,
.cpst__status span:last-child{display:block}.cpst__status span:last-child,.cpst__privacy{color:var(--cpst-muted);font-size:13px}.cpst__status--error .cpst__status-dot{background:var(--cpst-coral);box-shadow:none}.cpst__context{border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);display:grid;gap:9px 16px;grid-template-columns:repeat(2, minmax(0, 1fr));margin:20px
0 0;max-width:520px;padding:14px;text-align:left}.cpst__context
legend{color:var(--cpst-muted);font-size:13px;padding:0
6px}.cpst__context
label{align-items:center;color:var(--cpst-text);display:flex;font-size:12px;gap:7px}.cpst__context-select{grid-column:1 / -1}.cpst__context-select>span{min-width:82px}.cpst__context
select{background:var(--cpst-surface);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);color:var(--cpst-text);min-height:38px;padding:4px
28px 4px 10px;width:100%}.cpst__context>small{color:var(--cpst-muted);font-size:11px;grid-column:1 / -1;line-height:1.4}.cpst__privacy{margin-top:30px}.cpst__gauge-wrap{display:grid;overflow:hidden;place-items:center;position:relative;width:100%}.cpst__gauge-wrap::before{border-top:1px solid rgb(36 199 244 / 35%);border-radius:50%;content:"";height:100px;position:absolute;width:150%}.cpst__gauge{aspect-ratio:1;background:radial-gradient(circle at center, var(--cpst-bg) 0 58%, var(--cpst-surface-strong) 59% 67%, var(--cpst-border) 68% 69%, transparent 70%);border:1px
solid var(--cpst-border);border-radius:50%;display:grid;place-items:center;position:relative;width:min(420px, 90%)}.cpst__progress{accent-color:var(--cpst-lime);height:10px;margin-top:14px;width:min(300px, 72%)}.cpst__progress::-webkit-progress-bar,
.cpst__plan-results progress::-webkit-progress-bar{background:var(--cpst-border)}.cpst__progress::-webkit-progress-value{background:var(--cpst-lime)}.cpst__progress::-moz-progress-bar{background:var(--cpst-lime)}.cpst__cancel{background:transparent;border:1px
solid var(--cpst-coral);border-radius:var(--cpst-radius-small);color:var(--cpst-coral);cursor:pointer;margin-top:12px;min-height:40px;padding:0
18px}.cpst__gauge::after{border:1px
dashed rgb(36 199 244 / 50%);border-radius:50%;content:"";inset:28px;position:absolute}.cpst__start{aspect-ratio:1;background:var(--cpst-lime);border:0;border-radius:50%;color:#07110a;cursor:pointer;display:grid;gap:3px;place-content:center;padding:18px;position:relative;text-align:center;width:47%;z-index:2}.cpst__start
strong{font-size:22px;font-size:clamp(19px, 3cqw, 28px);line-height:1.05}.cpst__start-label,.cpst__start-details{display:block;line-height:1.25}.cpst__start-label{font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;white-space:normal}.cpst__start-unit{font-size:16px;font-weight:700}.cpst__start-details{font-size:10px;margin:2px
auto 0;max-width:150px;white-space:normal}.cpst__units{border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-large);display:flex;margin-top:22px;overflow:hidden}.cpst__units
button{background:transparent;border:0;color:var(--cpst-muted);cursor:pointer;min-height:38px;min-width:74px}.cpst__units button[aria-pressed="true"]{border-radius:var(--cpst-radius-large);box-shadow:inset 0 0 0 1px var(--cpst-lime);color:var(--cpst-text)}.cpst__results,.cpst__diagnostics,.cpst__advanced-diagnostics,.cpst__quality,.cpst__evidence,.cpst__score-explanation,.cpst__guidance,.cpst__baseline-wrap,.cpst__plan,.cpst__community,.cpst__history,.cpst__learn{background:var(--cpst-surface);border-top:1px solid var(--cpst-border);padding:28px
34px}.cpst__diagnostics{display:grid;gap:1px;grid-template-columns:0.9fr 1.1fr;padding:0}.cpst__advanced-diagnostics{display:grid;gap:1px;grid-template-columns:0.85fr 1.15fr;padding:0}.cpst__health,.cpst__bufferbloat,.cpst__stability,.cpst__network-diagnostics{background:var(--cpst-surface);padding:32px}.cpst__health,.cpst__stability{align-items:center;display:grid;gap:24px;grid-template-columns:140px minmax(0, 1fr)}.cpst__health>div:last-child,.cpst__stability>div:last-child{min-width:0}.cpst__score-ring{aspect-ratio:1;background:var(--cpst-surface-strong);border:8px
solid var(--cpst-border);border-radius:50%;display:grid;place-content:center;position:relative;text-align:center}.cpst__score-meter,.cpst__stability-meter{accent-color:var(--cpst-lime);bottom:-12px;height:8px;left:5%;position:absolute;width:90%}.cpst__score-ring
strong{font-size:40px;letter-spacing:-0.04em;line-height:1}.cpst__score-ring
span{color:var(--cpst-muted);font-size:12px}.cpst__health h3,
.cpst__bufferbloat h3,
.cpst__stability h3,
.cpst__network-diagnostics h3,
.cpst__plan
h3{margin-bottom:8px}.cpst__health-grade,.cpst__stability-grade{color:var(--cpst-lime)}.cpst__health-summary,
.cpst__stability-summary,
.cpst__diagnostic-heading p,
.cpst__bufferbloat-summary,
.cpst__protocol-summary,
.cpst__plan > div:first-child p,.cpst__plan-summary{color:var(--cpst-muted);font-size:14px;margin:8px
0 0}.cpst__network-grid{display:grid;grid-template-columns:repeat(4, 1fr);margin-top:24px}.cpst__network-grid>div{border-left:1px solid var(--cpst-border);padding:0
12px;text-align:center}.cpst__network-grid>div:first-child{border-left:0}.cpst__network-grid span,
.cpst__network-grid
strong{display:block}.cpst__network-grid
span{color:var(--cpst-muted);font-size:13px}.cpst__network-grid
strong{color:var(--cpst-yellow);font-size:15px;margin-top:8px}.cpst__network-grid [data-state="positive"] strong{color:var(--cpst-lime)}.cpst__network-grid [data-state="negative"] strong{color:var(--cpst-coral)}.cpst__diagnostic-heading{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.cpst__bufferbloat-grade{border:1px
solid var(--cpst-lime);border-radius:50%;color:var(--cpst-lime);display:grid;font-size:24px;height:58px;place-items:center;flex:0 0 58px}.cpst__latency-grid{display:grid;grid-template-columns:repeat(4, 1fr);margin-top:24px}.cpst__latency-grid>div{border-left:1px solid var(--cpst-border);padding:0
12px;text-align:center}.cpst__latency-grid>div:first-child{border-left:0}.cpst__latency-grid span,
.cpst__latency-grid
small{color:var(--cpst-muted);display:block;font-size:12px}.cpst__latency-grid
strong{color:var(--cpst-cyan);display:block;font-size:24px;margin-top:7px}.cpst__result-heading,.cpst__section-heading{align-items:center;display:flex;justify-content:space-between}.cpst__result-heading>div{align-items:center;display:flex;gap:10px}.cpst__result-heading > div
span{border:1px
solid var(--cpst-lime);border-radius:50%;color:var(--cpst-lime);display:grid;height:24px;place-items:center;width:24px}.cpst__result-heading
strong{color:var(--cpst-lime)}.cpst__result-heading
small{color:var(--cpst-muted)}.cpst__result-meta{justify-content:flex-end}.cpst__result-meta .cpst__result-mode{background:var(--cpst-surface-strong);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-medium);color:var(--cpst-text);font-size:12px;padding:3px
10px}.cpst__metrics{display:grid;grid-template-columns:repeat(5, 1fr);margin-top:30px}.cpst__metrics>div{border-left:1px solid var(--cpst-border);padding:0
12px;text-align:center}.cpst__metrics>div:first-child{border-left:0}.cpst__metrics span,
.cpst__metrics
small{color:var(--cpst-muted);display:block;font-size:13px}.cpst__metrics
strong{display:block;font-size:28px;font-size:clamp(24px, 4cqw, 32px);letter-spacing:-0.04em;margin-top:8px}.cpst__metrics [data-metric="download"] strong,
.cpst__metrics [data-metric="jitter"] strong{color:var(--cpst-cyan)}.cpst__metrics [data-metric="upload"] strong{color:var(--cpst-purple)}.cpst__metrics [data-metric="ping"] strong{color:var(--cpst-yellow)}.cpst__metrics [data-metric="loss"] strong{color:var(--cpst-coral)}.cpst__trace{background:repeating-linear-gradient(90deg, transparent 0 19.8%, rgb(41 64 82 / 45%) 20%);border-block:1px solid var(--cpst-border);height:80px;margin-top:32px;overflow:hidden;position:relative}.cpst__trace
span{background:var(--cpst-cyan);height:2px;left:-2%;position:absolute;top:34%;transform:skewY(-2deg);width:104%}.cpst__trace span:last-child{background:var(--cpst-purple);top:72%}.cpst__actions{display:flex;gap:12px;margin-top:22px}.cpst__actions button,.cpst__clear{background:transparent;border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);color:var(--cpst-text);cursor:pointer;min-height:44px;padding:0
20px}.cpst__retest{border-color:var(--cpst-lime) !important;color:var(--cpst-lime) !important}.cpst__evidence .cpst__section-heading p,
.cpst__guidance .cpst__section-heading
p{color:var(--cpst-muted);margin:5px
0 0}.cpst__evidence-summary{display:grid;gap:12px;grid-template-columns:1.5fr repeat(4, minmax(0, 1fr));margin-top:20px}.cpst__evidence-summary>*{background:var(--cpst-surface-strong);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);min-width:0;padding:14px}.cpst__evidence-summary span,
.cpst__evidence-summary
strong{display:block}.cpst__evidence-summary
span{color:var(--cpst-muted);font-size:11px}.cpst__evidence-summary
strong{font-size:14px;margin-top:5px;overflow-wrap:anywhere}.cpst__confidence[data-confidence="high"]{border-color:var(--cpst-lime)}.cpst__confidence[data-confidence="medium"]{border-color:var(--cpst-yellow)}.cpst__confidence[data-confidence="low"]{border-color:var(--cpst-coral)}.cpst__confidence-reasons{color:var(--cpst-muted);font-size:10px;line-height:1.35;margin:7px
0 0;padding-left:16px}.cpst__statistics{border-top:1px solid var(--cpst-border);margin-top:20px;padding-top:16px}.cpst__statistics summary,
.cpst__score-explanation
summary{color:var(--cpst-text);cursor:pointer;font-weight:700}.cpst__statistics
table{margin-top:14px;min-width:760px;width:100%}.cpst__statistics>p,.cpst__score-explanation>p,.cpst__score-loss-note{color:var(--cpst-muted);font-size:12px}.cpst__score-components{display:grid;gap:10px;grid-template-columns:repeat(2, minmax(0, 1fr));margin-top:18px}.cpst__score-components>div{align-items:center;background:var(--cpst-surface-strong);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);display:grid;gap:6px 12px;grid-template-columns:minmax(0, 1fr) auto;padding:12px
14px}.cpst__score-components
span{font-weight:700}.cpst__score-components
small{color:var(--cpst-muted)}.cpst__score-components
progress{accent-color:var(--cpst-cyan);grid-column:1 / -1;width:100%}.cpst__quality-score{color:var(--cpst-muted) !important;display:block;font-size:11px !important;margin-top:4px}.cpst__guided-retest{background:transparent;border:1px
solid var(--cpst-lime);border-radius:var(--cpst-radius-small);color:var(--cpst-lime);cursor:pointer;min-height:42px;padding:0
16px}.cpst__recommendation-list{display:grid;gap:10px;grid-template-columns:repeat(2, minmax(0, 1fr));list-style:none;margin:20px
0 0;padding:0}.cpst__recommendation-list
li{background:var(--cpst-surface-strong);border-left:3px solid var(--cpst-cyan);border-radius:var(--cpst-radius-small);padding:14px
16px}.cpst__recommendation-list strong,
.cpst__recommendation-list
span{display:block}.cpst__recommendation-list
span{color:var(--cpst-muted);font-size:12px;line-height:1.45;margin-top:5px}.cpst__baseline-pending,.cpst__baseline>p{color:var(--cpst-muted)}.cpst__baseline[data-anomaly="true"]{border-left:3px solid var(--cpst-coral);padding-left:16px}.cpst__baseline-grid{display:grid;gap:12px;grid-template-columns:repeat(3, minmax(0, 1fr));margin:18px
0}.cpst__baseline-grid>div{background:var(--cpst-surface-strong);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);padding:14px}.cpst__baseline-grid span,
.cpst__baseline-grid strong,
.cpst__baseline-grid
small{display:block}.cpst__baseline-grid span,
.cpst__baseline-grid
small{color:var(--cpst-muted);font-size:11px}.cpst__baseline-grid
strong{font-size:20px;margin:5px
0}.cpst
h3{color:var(--cpst-text);font-size:24px;margin:0
0 24px}.cpst__quality>h3{text-align:center}.cpst__quality>div,.cpst__learn>div{display:grid;grid-template-columns:repeat(4, 1fr)}.cpst__quality
article{border-left:1px solid var(--cpst-border);padding:6px
22px;text-align:center}.cpst__quality article:first-child{border-left:0}.cpst__quality article>span{color:var(--cpst-cyan);font-size:27px}.cpst__quality
h4{color:var(--cpst-text);font-size:16px;margin:6px
0}.cpst__quality
strong{color:var(--cpst-lime);display:block}.cpst__quality
small{color:var(--cpst-muted)}.cpst__plan{align-items:start;display:grid;gap:28px;grid-template-columns:1fr 1.2fr}.cpst__plan-form{display:grid;gap:12px;grid-template-columns:1fr 1fr auto}.cpst__plan-form
label{position:relative}.cpst__plan-form label>span{color:var(--cpst-muted);display:block;font-size:12px;margin-bottom:6px}.cpst__plan-form
input{background:var(--cpst-bg);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);color:var(--cpst-text);min-height:44px;padding:0
52px 0 12px;width:100%}.cpst__plan-form label
small{bottom:12px;color:var(--cpst-muted);position:absolute;right:10px}.cpst__compare{align-self:end;background:var(--cpst-lime);border:0;border-radius:var(--cpst-radius-small);color:#07110a;cursor:pointer;font-weight:700;min-height:44px;padding:0
18px}.cpst__plan-results{display:grid;gap:20px;grid-column:1 / -1;grid-template-columns:1fr 1fr}.cpst__plan-results>div>label{color:var(--cpst-muted);font-size:13px}.cpst__plan-results>div>strong{float:right}.cpst__plan-results
progress{accent-color:var(--cpst-cyan);clear:both;height:7px;margin-top:10px;display:block;width:100%}.cpst__plan-results > div:nth-child(2) progress{accent-color:var(--cpst-purple)}.cpst__plan-results progress::-webkit-progress-value{background:var(--cpst-cyan)}.cpst__plan-results > div:nth-child(2) progress::-webkit-progress-value{background:var(--cpst-purple)}.cpst__plan-results progress::-moz-progress-bar{background:var(--cpst-cyan)}.cpst__plan-results > div:nth-child(2) progress::-moz-progress-bar{background:var(--cpst-purple)}.cpst__plan-summary{grid-column:1 / -1}.cpst__community .cpst__section-heading{align-items:flex-start;gap:24px}.cpst__community .cpst__section-heading p,.cpst__community-status,.cpst__community-privacy{color:var(--cpst-muted)}.cpst__community .cpst__section-heading
p{margin:7px
0 0}.cpst__community-count{background:var(--cpst-bg);background:color-mix(in srgb, var(--cpst-cyan) 12%, transparent);border:1px
solid var(--cpst-border);border:1px
solid color-mix(in srgb, var(--cpst-cyan) 45%, var(--cpst-border));border-radius:var(--cpst-radius-small);color:var(--cpst-cyan);font-size:13px;padding:8px
12px;white-space:nowrap}.cpst__community-metrics{display:grid;gap:1px;grid-template-columns:repeat(6, minmax(0, 1fr));margin-top:22px}.cpst__community-metrics>div{background:var(--cpst-bg);background:color-mix(in srgb, var(--cpst-bg) 70%, transparent);min-width:0;padding:18px
14px;text-align:center}.cpst__community-metrics>div:first-child{border-radius:var(--cpst-radius-small) 0 0 var(--cpst-radius-small)}.cpst__community-metrics>div:last-child{border-radius:0 var(--cpst-radius-small) var(--cpst-radius-small) 0}.cpst__community-metrics span,
.cpst__community-metrics small,
.cpst__community-metrics strong,
.cpst__community-metrics
em{display:block}.cpst__community-metrics
span{color:var(--cpst-cyan);font-size:20px}.cpst__community-metrics small,
.cpst__community-metrics
em{color:var(--cpst-muted);font-size:11px;font-style:normal}.cpst__community-metrics
strong{color:var(--cpst-text);font-size:24px;margin-top:8px}.cpst__community-tables{display:grid;gap:22px;grid-template-columns:1fr 1fr}.cpst__community table
caption{color:var(--cpst-text);font-weight:700;padding:10px
0;text-align:left}.cpst__community-privacy{border-top:1px solid var(--cpst-border);font-size:12px;margin:24px
0 0;padding-top:16px}.cpst__section-heading
h3{margin:0}.cpst__history-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cpst__history-tabs{border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);display:flex;overflow:hidden}.cpst__history-tabs
button{border:0;border-radius:0}.cpst__history-tabs button[aria-selected="true"]{background:var(--cpst-lime);color:#07110a}.cpst [hidden]{display:none !important}.cpst__history-actions select,
.cpst__history-actions
button{background:transparent;border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);color:var(--cpst-text);cursor:pointer;min-height:40px;padding:0
12px}.cpst__chart-wrap{border-block:1px solid var(--cpst-border);margin-top:24px;padding:24px
0 14px;position:relative}.cpst__history-chart{display:block;height:auto;max-height:320px;width:100%}.cpst__chart-legend{display:flex;gap:24px;justify-content:center;margin-top:8px}.cpst__chart-legend
span{color:var(--cpst-muted);font-size:12px}.cpst__chart-legend span::before{background:var(--cpst-cyan);content:"";display:inline-block;height:3px;margin-right:7px;vertical-align:middle;width:20px}.cpst__chart-legend span:last-child::before{background:var(--cpst-purple)}.cpst__chart-empty{color:var(--cpst-muted);margin:20px
0;text-align:center}.cpst__table-scroll{margin-top:20px;overflow-x:auto}.cpst
table{border-collapse:collapse;color:var(--cpst-text);font-size:14px;width:100%}.cpst
th{color:var(--cpst-muted);font-size:12px;letter-spacing:0.06em;text-align:left;text-transform:uppercase}.cpst td,
.cpst
th{border-top:1px solid var(--cpst-border);padding:13px
12px;white-space:nowrap}.cpst__learn>div{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr))}.cpst__learn>summary,.cpst__faq>summary{color:var(--cpst-text);cursor:pointer;font-size:18px;font-weight:700;list-style-position:inside;padding:16px
0}.cpst__learn
article{border-left:1px solid var(--cpst-border);padding:0
18px}.cpst__learn article:first-child{border-left:0;padding-left:0}.cpst__learn
strong{color:var(--cpst-text)}.cpst__learn
p{color:var(--cpst-muted);font-size:13px}.cpst__faq{padding:0
34px 24px}.cpst__faq>div{padding-top:4px}.cpst__faq
details{background:var(--cpst-surface);border:1px
solid var(--cpst-border);margin-top:-1px}.cpst__faq
summary{cursor:pointer;padding:16px
18px}.cpst__faq details
p{color:var(--cpst-muted);margin:0;max-width:760px;padding:0
42px 18px}.cpst__footer{align-items:center;border-top:1px solid var(--cpst-border);display:flex;justify-content:space-between;padding:30px
34px}.cpst__footer
span{font-weight:700}.cpst__footer
small{color:var(--cpst-muted);text-align:right}.cpst--compact
.cpst__header{min-height:54px;padding-inline:24px}.cpst--compact{margin-block:8px}.cpst--compact .cpst__theme-toggle{height:34px;width:34px}.cpst--compact
.cpst__hero{gap:40px;grid-template-columns:0.85fr 1.15fr;min-height:320px;padding:26px
36px}.cpst--compact .cpst__intro
h2{font-size:48px;font-size:clamp(40px, 6cqw, 59px);margin-bottom:14px}.cpst--compact
.cpst__lede{font-size:16px;margin-bottom:20px}.cpst--compact
.cpst__modes{margin-bottom:14px}.cpst--compact .cpst__modes label>span{min-height:54px;padding:7px
8px}.cpst--compact .cpst__route-value{min-height:40px}.cpst--compact
.cpst__status{margin-top:12px}.cpst--compact
.cpst__privacy{margin:14px
0 0}.cpst--compact
.cpst__gauge{width:min(280px, 90%)}.cpst--compact .cpst__gauge::after{inset:18px}.cpst--compact
.cpst__units{margin-top:10px}.cpst--compact .cpst__units
button{min-height:32px;min-width:64px}.cpst--compact
.cpst__start{width:52%}.cpst--compact .cpst__start
strong{font-size:18px;white-space:nowrap}.cpst--compact .cpst__start-label{font-size:9px}.cpst--compact .cpst__start-details{font-size:9px;max-width:120px}.cpst--compact
.cpst__results{display:grid;gap:12px 24px;grid-template-columns:minmax(0, 1fr);padding:16px
24px}.cpst--compact .cpst__result-heading{grid-column:1 / -1}.cpst--compact
.cpst__metrics{grid-column:1;margin-top:0}.cpst--compact .cpst__packet-loss-notice{grid-column:1;margin-top:0}.cpst--compact .cpst__metrics
strong{font-size:24px;font-size:clamp(21px, 3cqw, 27px)}.cpst--compact
.cpst__trace{display:none}.cpst--compact
.cpst__actions{align-items:center;grid-column:1;justify-content:flex-end;margin-top:0}.cpst--compact .cpst__actions
button{min-height:40px;white-space:nowrap}.cpst--compact
.cpst__diagnostics{grid-template-columns:0.85fr 1.15fr}.cpst--compact .cpst__advanced-diagnostics{grid-template-columns:0.85fr 1.15fr}.cpst--compact .cpst__health,
.cpst--compact .cpst__bufferbloat,
.cpst--compact .cpst__stability,
.cpst--compact .cpst__network-diagnostics{padding:18px
24px}.cpst--compact .cpst__health,
.cpst--compact
.cpst__stability{grid-template-columns:92px minmax(0, 1fr)}.cpst--compact .cpst__score-ring
strong{font-size:32px}.cpst--compact .cpst__health h3,
.cpst--compact .cpst__bufferbloat h3,
.cpst--compact .cpst__stability h3,
.cpst--compact .cpst__network-diagnostics
h3{font-size:18px}.cpst--compact .cpst__latency-grid{margin-top:12px}.cpst--compact .cpst__bufferbloat-summary{margin-top:10px}.cpst--compact .cpst__quality,
.cpst--compact .cpst__plan,
.cpst--compact .cpst__community,
.cpst--compact
.cpst__history{padding:20px
24px}.cpst--compact .cpst__quality
h3{font-size:18px;margin-bottom:14px}.cpst--compact .cpst__quality
article{padding-block:2px}.cpst--compact .cpst__quality article>span{font-size:20px}.cpst--compact
.cpst__learn{padding:0
24px}.cpst--compact
.cpst__footer{padding:18px
24px}.cpst--density-comfortable
.cpst__hero{gap:50px;min-height:440px;padding:42px
46px}.cpst--density-comfortable .cpst__intro
h2{font-size:54px;font-size:clamp(42px, 6.5cqw, 66px)}.cpst--density-comfortable .cpst__results,
.cpst--density-comfortable .cpst__quality,
.cpst--density-comfortable .cpst__evidence,
.cpst--density-comfortable .cpst__score-explanation,
.cpst--density-comfortable .cpst__guidance,
.cpst--density-comfortable .cpst__baseline-wrap,
.cpst--density-comfortable .cpst__plan,
.cpst--density-comfortable .cpst__community,
.cpst--density-comfortable
.cpst__history{padding:26px
30px}.cpst--density-comfortable .cpst__health,
.cpst--density-comfortable .cpst__bufferbloat,
.cpst--density-comfortable .cpst__stability,
.cpst--density-comfortable .cpst__network-diagnostics{padding:26px
30px}.cpst--density-comfortable
.cpst__learn{padding-inline:30px}.cpst--density-comfortable
.cpst__footer{padding:24px
30px}@container cpst (max-width: 900px){.cpst__hero{grid-template-columns:1fr;text-align:center}.cpst__intro{display:grid;justify-items:center}.cpst__route{width:min(100%, 340px)}.cpst__status{text-align:left}.cpst__gauge{width:min(440px, 78%)}.cpst__quality>div,.cpst__learn>div{grid-template-columns:repeat(2, 1fr);row-gap:28px}.cpst__evidence-summary{grid-template-columns:repeat(2, minmax(0, 1fr))}.cpst__confidence{grid-column:1 / -1}.cpst__diagnostics,
.cpst__advanced-diagnostics,
.cpst__plan,
.cpst--compact .cpst__hero,
.cpst--compact .cpst__diagnostics,
.cpst--compact .cpst__advanced-diagnostics{grid-template-columns:1fr}.cpst--compact
.cpst__results{display:block}.cpst--compact
.cpst__actions{margin-top:20px}.cpst__plan-results{grid-column:auto}.cpst__quality article:nth-child(3),
.cpst__learn article:nth-child(odd){border-left:0}}@container cpst (max-width: 620px){.cpst__header{padding:0
16px}.cpst__hero{gap:42px;padding:48px
16px}.cpst--compact
.cpst__hero{gap:30px;min-height:auto;padding:36px
16px}.cpst--compact
.cpst__gauge{width:min(320px, 76%)}.cpst__intro
h2{font-size:45px}.cpst__gauge{width:min(360px, 88%)}.cpst__modes{grid-template-columns:1fr}.cpst__results,.cpst__quality,.cpst__evidence,.cpst__score-explanation,.cpst__guidance,.cpst__baseline-wrap,.cpst__plan,.cpst__community,.cpst__history,.cpst__learn,.cpst__faq{padding:24px
16px}.cpst__diagnostics,.cpst__advanced-diagnostics{padding:0}.cpst__health,.cpst__stability{grid-template-columns:110px minmax(0, 1fr);padding:24px
16px}.cpst__bufferbloat,.cpst__network-diagnostics{padding:24px
16px}.cpst__network-grid{grid-template-columns:repeat(2, 1fr);row-gap:22px}.cpst__network-grid>div:nth-child(odd){border-left:0}.cpst__latency-grid{grid-template-columns:repeat(2, 1fr);row-gap:22px}.cpst__latency-grid>div:nth-child(odd){border-left:0}.cpst__plan-form,.cpst__plan-results{grid-template-columns:1fr}.cpst__community-metrics{grid-template-columns:repeat(2, 1fr)}.cpst__community-metrics>div:first-child,.cpst__community-metrics>div:last-child{border-radius:0}.cpst__community-tables{grid-template-columns:1fr}.cpst__plan-summary{grid-column:auto}.cpst__history-actions{justify-content:stretch;width:100%}.cpst__history-actions>*{flex:1 1 140px}.cpst__metrics{grid-template-columns:repeat(2, 1fr);row-gap:24px}.cpst__metrics>div:nth-child(odd){border-left:0}.cpst__metrics>div:last-child{grid-column:1 / -1}.cpst__actions{flex-direction:column}.cpst__evidence-summary,.cpst__score-components,.cpst__recommendation-list,.cpst__baseline-grid{grid-template-columns:1fr}.cpst__confidence{grid-column:auto}.cpst__quality>div,.cpst__learn>div{grid-template-columns:1fr}.cpst__quality article,
.cpst__learn article,
.cpst__learn article:first-child{border-left:0;border-top:1px solid var(--cpst-border);padding:18px
0}.cpst__result-heading,.cpst__section-heading{align-items:flex-start;flex-direction:column;gap:14px}.cpst__footer{align-items:flex-start;flex-direction:column;gap:8px}.cpst__footer
small{text-align:left}.cpst
table{min-width:680px}}@media (max-width: 900px){.cpst__hero{grid-template-columns:1fr;text-align:center}.cpst__intro{display:grid;justify-items:center}.cpst__route{width:min(100%, 340px)}.cpst__status{text-align:left}.cpst__gauge{width:min(440px, 78%)}.cpst__quality>div,.cpst__learn>div{grid-template-columns:repeat(2, 1fr);row-gap:28px}.cpst__evidence-summary{grid-template-columns:repeat(2, minmax(0, 1fr))}.cpst__confidence{grid-column:1 / -1}.cpst__diagnostics,.cpst__advanced-diagnostics,.cpst__plan{grid-template-columns:1fr}.cpst--compact .cpst__hero,
.cpst--compact .cpst__diagnostics,
.cpst--compact .cpst__advanced-diagnostics{grid-template-columns:1fr}.cpst--compact
.cpst__results{display:block}.cpst--compact
.cpst__actions{margin-top:20px}.cpst__plan-results{grid-column:auto}.cpst__quality article:nth-child(3),
.cpst__learn article:nth-child(odd){border-left:0}}@media (max-width: 620px){.cpst{margin-inline:0}.cpst__header{padding:0
16px}.cpst__hero{gap:42px;padding:48px
16px}.cpst--compact
.cpst__hero{gap:30px;min-height:auto;padding:36px
16px}.cpst--compact
.cpst__gauge{width:min(76%, 320px)}.cpst__intro
h2{font-size:45px}.cpst__gauge{width:min(88%, 360px)}.cpst__start,
.cpst--compact
.cpst__start{padding:10px;width:55%}.cpst__modes{grid-template-columns:1fr}.cpst__results,.cpst__diagnostics,.cpst__advanced-diagnostics,.cpst__quality,.cpst__evidence,.cpst__score-explanation,.cpst__guidance,.cpst__baseline-wrap,.cpst__plan,.cpst__community,.cpst__history,.cpst__learn,.cpst__faq{padding:24px
16px}.cpst__diagnostics,.cpst__advanced-diagnostics{padding:0}.cpst__health,.cpst__stability{grid-template-columns:110px minmax(0, 1fr);padding:24px
16px}.cpst__bufferbloat,.cpst__network-diagnostics{padding:24px
16px}.cpst__network-grid{grid-template-columns:repeat(2, 1fr);row-gap:22px}.cpst__network-grid>div:nth-child(odd){border-left:0}.cpst__latency-grid{grid-template-columns:repeat(2, 1fr);row-gap:22px}.cpst__latency-grid>div:nth-child(odd){border-left:0}.cpst__plan-form,.cpst__plan-results{grid-template-columns:1fr}.cpst__plan-summary{grid-column:auto}.cpst__community-metrics{grid-template-columns:repeat(2, 1fr)}.cpst__community-metrics>div:first-child,.cpst__community-metrics>div:last-child{border-radius:0}.cpst__community-tables{grid-template-columns:1fr}.cpst__history-actions{justify-content:stretch;width:100%}.cpst__history-actions>*{flex:1 1 140px}.cpst__metrics{grid-template-columns:repeat(2, 1fr);row-gap:24px}.cpst__metrics>div:nth-child(odd){border-left:0}.cpst__metrics>div:last-child{grid-column:auto}.cpst__actions{flex-direction:column}.cpst__evidence-summary,.cpst__score-components,.cpst__recommendation-list,.cpst__baseline-grid{grid-template-columns:1fr}.cpst__confidence{grid-column:auto}.cpst__quality>div,.cpst__learn>div{grid-template-columns:1fr}.cpst__quality article,
.cpst__learn article,
.cpst__learn article:first-child{border-left:0;border-top:1px solid var(--cpst-border);padding:18px
0}.cpst__result-heading,.cpst__section-heading{align-items:flex-start;flex-direction:column;gap:14px}.cpst__footer{align-items:flex-start;flex-direction:column;gap:8px}.cpst__footer
small{text-align:left}.cpst
table{min-width:680px}}.cpst__dns-grid{display:grid;grid-template-columns:repeat(3, 1fr);margin-top:24px}.cpst__dns-grid>div{border-left:1px solid var(--cpst-border);padding:0
12px;text-align:center}.cpst__dns-grid>div:first-child{border-left:0}.cpst__dns-grid span,
.cpst__dns-grid
small{color:var(--cpst-muted);display:block;font-size:12px}.cpst__dns-grid
strong{color:var(--cpst-lime);display:block;font-size:24px;margin-top:7px}.cpst__hop-grid{display:grid;grid-template-columns:repeat(5, 1fr);margin-top:24px}.cpst__hop-grid>div{border-left:1px solid var(--cpst-border);padding:0
12px;text-align:center}.cpst__hop-grid>div:first-child{border-left:0}.cpst__hop-grid span,
.cpst__hop-grid
small{color:var(--cpst-muted);display:block;font-size:12px}.cpst__hop-grid
strong{color:var(--cpst-cyan);display:block;font-size:22px;margin-top:7px}.cpst__sqm-calculator{background:var(--cpst-surface);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-medium);margin:0
34px 24px;padding:24px}.cpst__sqm-calculator
summary{color:var(--cpst-text);cursor:pointer;font-size:18px;font-weight:700}.cpst__sqm-calculator>p{color:var(--cpst-muted);margin-top:10px}.cpst__sqm-grid{display:grid;gap:16px;grid-template-columns:repeat(3, 1fr);margin:20px
0}.cpst__sqm-metric{background:var(--cpst-surface-strong);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);padding:16px;text-align:center}.cpst__sqm-metric
span{color:var(--cpst-muted);display:block;font-size:13px}.cpst__sqm-metric
strong{color:var(--cpst-lime);display:block;font-size:22px;margin:8px
0 4px}.cpst__sqm-metric
small{color:var(--cpst-muted);font-size:12px}.cpst__sqm-presets{border-top:1px solid var(--cpst-border);margin-top:20px;padding-top:20px}.cpst__sqm-presets
h4{font-size:15px;margin:0
0 12px}.cpst__sqm-preset-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.cpst__sqm-preset-list>div{background:var(--cpst-surface-strong);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);padding:12px}.cpst__sqm-preset-list
strong{color:var(--cpst-cyan);display:block;font-size:13px;margin-bottom:4px}.cpst__sqm-preset-list
p{color:var(--cpst-muted);font-size:12px;margin:0}.cpst__kiosk-interval{background:var(--cpst-surface-strong);border:1px
solid var(--cpst-border);border-radius:var(--cpst-radius-small);color:var(--cpst-text);font-size:12px;margin-left:8px;padding:3px
8px}.cpst__print-report-container{display:none !important}@media (prefers-reduced-motion: reduce){.cpst *,
.cpst *::before,
.cpst *::after{scroll-behavior:auto !important;transition-duration:0.01ms !important}}@media (forced-colors: active){.cpst,
.cpst button,
.cpst select,
.cpst
details{border-color:CanvasText}}@media
print{body
*{visibility:hidden !important}.cpst__print-report-container,
.cpst__print-report-container
*{visibility:visible !important}.cpst__print-report-container{background:#fff !important;box-sizing:border-box;color:#111 !important;display:block !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;left:0;margin:0;padding:24px;position:absolute;top:0;width:100%}.cpst__print-header
h2{color:#0b1b2a !important;font-size:20pt;margin:0
0 6px}.cpst__print-header
p{color:#555 !important;font-size:11pt;margin:0
0 18px}.cpst__print-grid{border-bottom:2px solid #ccc;border-top:2px solid #ccc;display:grid;gap:12px;grid-template-columns:repeat(2, 1fr);margin:16px
0;padding:12px
0}.cpst__print-grid
span{color:#666;font-size:10pt}.cpst__print-grid
strong{color:#111;display:block;font-size:12pt}.cpst__print-results
table{border-collapse:collapse;margin-top:16px;width:100%}.cpst__print-results th,
.cpst__print-results
td{border:1px
solid #ddd;color:#111 !important;font-size:11pt;padding:10px
14px;text-align:left}.cpst__print-results
th{background:#f4f6f8 !important;font-weight:700}.cpst__print-footer{border-top:1px solid #eee;margin-top:28px;padding-top:14px}.cpst__print-footer
p{color:#666 !important;font-size:9pt;line-height:1.5;margin:0}}.cpst{--cpst-bg:#020d18;--cpst-surface:#071522;--cpst-surface-strong:#071522;--cpst-text:#f7fbff;--cpst-muted:#9babbc;--cpst-border:#294052;--cpst-lime:#91d5f3;--cpst-cyan:#2559f4;--cpst-purple:#b566ff;--cpst-yellow:#84741a;--cpst-coral:#ff665a;max-width:1200px}.cpst--light{--cpst-bg:#f4f8fa;--cpst-surface:#fff;--cpst-surface-strong:#fff;--cpst-text:#06131e;--cpst-muted:#526575;--cpst-border:#4d5356}#cps-overlay,.cps-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(255, 255, 255, 0.85);opacity:1;pointer-events:all;transition:opacity 400ms ease, backdrop-filter 400ms ease, background-color 400ms ease}#cps-overlay.cps-hidden,.cps-overlay.cps-hidden{display:none}#cps-overlay.cps-hiding,.cps-overlay.cps-hiding{opacity:0;pointer-events:none}#cps-overlay.cps-visible,.cps-overlay.cps-visible{opacity:1}#cps-overlay.cps-opacity-20,.cps-overlay.cps-opacity-20{background:rgba(255, 255, 255, 0.2)}#cps-overlay.cps-opacity-40,.cps-overlay.cps-opacity-40{background:rgba(255, 255, 255, 0.4)}#cps-overlay.cps-opacity-60,.cps-overlay.cps-opacity-60{background:rgba(255, 255, 255, 0.6)}#cps-overlay.cps-opacity-80,.cps-overlay.cps-opacity-80{background:rgba(255, 255, 255, 0.8)}#cps-overlay.cps-opacity-100,.cps-overlay.cps-opacity-100{background:rgba(255, 255, 255, 1)}#cps-overlay.cps-blur-0,.cps-overlay.cps-blur-0{backdrop-filter:none;-webkit-backdrop-filter:none}#cps-overlay.cps-blur-sm,.cps-overlay.cps-blur-sm{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#cps-overlay.cps-blur-md,.cps-overlay.cps-blur-md{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#cps-overlay.cps-blur-lg,.cps-overlay.cps-blur-lg{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#cps-overlay.cps-fade-fast,.cps-overlay.cps-fade-fast{transition-duration:150ms}#cps-overlay.cps-fade-normal,.cps-overlay.cps-fade-normal{transition-duration:400ms}#cps-overlay.cps-fade-slow,.cps-overlay.cps-fade-slow{transition-duration:900ms}#cps-overlay.cps-z-normal,.cps-overlay.cps-z-normal{z-index:99999}#cps-overlay.cps-z-high,.cps-overlay.cps-z-high{z-index:999999}#cps-overlay.cps-z-max,.cps-overlay.cps-z-max{z-index:2147483647}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){#cps-overlay.cps-blur-sm,#cps-overlay.cps-blur-md,#cps-overlay.cps-blur-lg,.cps-overlay.cps-blur-sm,.cps-overlay.cps-blur-md,.cps-overlay.cps-blur-lg{background:rgba(255, 255, 255, 0.92)}}.cps-spinner-wrap{--cps-color:#4f46e5;--cps-secondary:#e0e7ff;--cps-size:60px;--cps-shadow:rgba(0, 0, 0, 0.18);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:90vh;filter:drop-shadow(0 8px 12px var(--cps-shadow))}.cps-spinner-wrap,
.cps-spinner-wrap *,
.cps-spinner-wrap *::before,
.cps-spinner-wrap *::after{box-sizing:border-box}.cps-size-xs{--cps-size:28px}.cps-size-sm{--cps-size:44px}.cps-size-md{--cps-size:60px}.cps-size-lg{--cps-size:88px}.cps-size-xl{--cps-size:120px}.cps-primary-default,.cps-primary-indigo{--cps-color:#4f46e5}.cps-primary-soft-indigo{--cps-color:#e0e7ff}.cps-primary-white{--cps-color:#fff}.cps-primary-black{--cps-color:#000}.cps-secondary-default,.cps-secondary-soft-indigo{--cps-secondary:#e0e7ff}.cps-secondary-indigo{--cps-secondary:#4f46e5}.cps-secondary-white{--cps-secondary:#fff}.cps-secondary-black{--cps-secondary:#000}.cps-spinner{display:inline-block}.cps-ring{position:relative;width:var(--cps-size);height:var(--cps-size)}.cps-ring
div{position:absolute;display:block;width:80%;height:80%;margin:10%;border:calc(var(--cps-size) * 0.1) solid transparent;border-top-color:var(--cps-color);border-radius:50%;animation:cps-ring-spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite}.cps-ring div:nth-child(1){animation-delay:-0.45s}.cps-ring div:nth-child(2){animation-delay:-0.3s}.cps-ring div:nth-child(3){animation-delay:-0.15s}@keyframes cps-ring-spin{0%{transform:rotate(0deg) translateZ(0)}100%{transform:rotate(360deg) translateZ(0)}}.cps-dual-ring{width:var(--cps-size);height:var(--cps-size);border:calc(var(--cps-size) * 0.1) solid var(--cps-secondary);border-top-color:var(--cps-color);border-bottom-color:var(--cps-color);border-radius:50%;animation:cps-dual-ring-spin 0.9s linear infinite}@keyframes cps-dual-ring-spin{to{transform:rotate(360deg) translateZ(0)}}.cps-circle{position:relative;width:var(--cps-size);height:var(--cps-size)}.cps-circle .cps-c{position:absolute;top:0;left:0;width:100%;height:100%}.cps-circle .cps-c::before{content:"";display:block;width:15%;height:15%;margin:0
auto;background:var(--cps-color);border-radius:50%;animation:cps-circle-fade 1.2s ease-in-out infinite both}.cps-circle .cps-circle2{transform:rotate(30deg)}.cps-circle .cps-circle3{transform:rotate(60deg)}.cps-circle .cps-circle4{transform:rotate(90deg)}.cps-circle .cps-circle5{transform:rotate(120deg)}.cps-circle .cps-circle6{transform:rotate(150deg)}.cps-circle .cps-circle7{transform:rotate(180deg)}.cps-circle .cps-circle8{transform:rotate(210deg)}.cps-circle .cps-circle9{transform:rotate(240deg)}.cps-circle .cps-circle10{transform:rotate(270deg)}.cps-circle .cps-circle11{transform:rotate(300deg)}.cps-circle .cps-circle12{transform:rotate(330deg)}.cps-circle .cps-circle2::before{animation-delay:-1.1s}.cps-circle .cps-circle3::before{animation-delay:-1s}.cps-circle .cps-circle4::before{animation-delay:-0.9s}.cps-circle .cps-circle5::before{animation-delay:-0.8s}.cps-circle .cps-circle6::before{animation-delay:-0.7s}.cps-circle .cps-circle7::before{animation-delay:-0.6s}.cps-circle .cps-circle8::before{animation-delay:-0.5s}.cps-circle .cps-circle9::before{animation-delay:-0.4s}.cps-circle .cps-circle10::before{animation-delay:-0.3s}.cps-circle .cps-circle11::before{animation-delay:-0.2s}.cps-circle .cps-circle12::before{animation-delay:-0.1s}@keyframes cps-circle-fade{0%,39%,100%{opacity:0.18;transform:scale(0.55)}40%{opacity:1;transform:scale(1)}}.cps-dots,.cps-pulse-dots,.cps-wave-dots,.cps-rainbow-dots{display:flex;align-items:center;justify-content:center;height:var(--cps-size)}.cps-dots{gap:calc(var(--cps-size) * 0.15)}.cps-dots
div{width:calc(var(--cps-size) * 0.25);height:calc(var(--cps-size) * 0.25);background:radial-gradient(circle at 30% 30%, #fff 0%, var(--cps-color) 38%, var(--cps-color) 100%);border-radius:50%;animation:cps-dots-bounce 1.4s ease-in-out infinite both}.cps-dots div:nth-child(1){animation-delay:-0.32s}.cps-dots div:nth-child(2){animation-delay:-0.16s}@keyframes cps-dots-bounce{0%,80%,100%{transform:scale(0) translateY(0)}40%{transform:scale(1) translateY(-10px)}}.cps-pulse-dots{gap:calc(var(--cps-size) * 0.12)}.cps-pulse-dots
span{display:block;width:calc(var(--cps-size) * 0.22);height:calc(var(--cps-size) * 0.22);background:var(--cps-color);border-radius:50%;animation:cps-pulse 1.4s ease-in-out infinite}.cps-pulse-dots span:nth-child(2){animation-delay:0.2s}.cps-pulse-dots span:nth-child(3){animation-delay:0.4s}@keyframes cps-pulse{0%,100%{opacity:0.4;transform:scale(0.6)}50%{opacity:1;transform:scale(1)}}.cps-wave-dots{gap:calc(var(--cps-size) * 0.1)}.cps-wave-dots
div{width:calc(var(--cps-size) * 0.18);height:calc(var(--cps-size) * 0.18);background:radial-gradient(circle at 30% 30%, #fff 0%, var(--cps-color) 42%, var(--cps-color) 100%);border-radius:50%;animation:cps-wave 1.4s ease-in-out infinite}.cps-wave-dots div:nth-child(1){animation-delay:0s}.cps-wave-dots div:nth-child(2){animation-delay:0.14s}.cps-wave-dots div:nth-child(3){animation-delay:0.28s}.cps-wave-dots div:nth-child(4){animation-delay:0.42s}.cps-wave-dots div:nth-child(5){animation-delay:0.56s}@keyframes cps-wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(calc(var(--cps-size) * -0.4))}}.cps-dot-spin{position:relative;width:var(--cps-size);height:var(--cps-size)}.cps-dot-spin .cps-ds-circle{position:absolute;top:0;left:0;width:100%;height:100%}.cps-dot-spin .cps-ds-circle::before{content:"";display:block;width:15%;height:15%;margin:0
auto;background:var(--cps-color);border-radius:50%;animation:cps-ds-fade 1.2s ease-in-out infinite both}.cps-dot-spin .cps-ds-circle2{transform:rotate(45deg)}.cps-dot-spin .cps-ds-circle3{transform:rotate(90deg)}.cps-dot-spin .cps-ds-circle4{transform:rotate(135deg)}.cps-dot-spin .cps-ds-circle5{transform:rotate(180deg)}.cps-dot-spin .cps-ds-circle6{transform:rotate(225deg)}.cps-dot-spin .cps-ds-circle7{transform:rotate(270deg)}.cps-dot-spin .cps-ds-circle8{transform:rotate(315deg)}.cps-dot-spin .cps-ds-circle2::before{animation-delay:-1.1s}.cps-dot-spin .cps-ds-circle3::before{animation-delay:-1s}.cps-dot-spin .cps-ds-circle4::before{animation-delay:-0.9s}.cps-dot-spin .cps-ds-circle5::before{animation-delay:-0.8s}.cps-dot-spin .cps-ds-circle6::before{animation-delay:-0.7s}.cps-dot-spin .cps-ds-circle7::before{animation-delay:-0.6s}.cps-dot-spin .cps-ds-circle8::before{animation-delay:-0.5s}@keyframes cps-ds-fade{0%,39%,100%{opacity:0.15;transform:scale(0.8)}40%{opacity:1;transform:scale(1.1)}}.cps-bars,.cps-equalizer,.cps-music-bars{display:flex;align-items:flex-end;justify-content:center;height:var(--cps-size)}.cps-bars,.cps-equalizer{gap:calc(var(--cps-size) * 0.07)}.cps-bars
div{width:calc(var(--cps-size) * 0.12);background:linear-gradient(to top, var(--cps-color), #ffffff);border-radius:4px;animation:cps-bars-wave 1.2s ease-in-out infinite;transform-origin:bottom center}.cps-bars div:nth-child(1){height:40%;animation-delay:0s}.cps-bars div:nth-child(2){height:60%;animation-delay:0.1s}.cps-bars div:nth-child(3){height:100%;animation-delay:0.2s}.cps-bars div:nth-child(4){height:60%;animation-delay:0.3s}.cps-bars div:nth-child(5){height:40%;animation-delay:0.4s}@keyframes cps-bars-wave{0%,100%{opacity:0.5;transform:scaleY(0.5)}50%{opacity:1;transform:scaleY(1)}}.cps-equalizer
span{display:block;width:calc(var(--cps-size) * 0.12);background:var(--cps-color);border-radius:4px 4px 0 0;animation:cps-eq 1s ease-in-out infinite alternate;transform-origin:bottom center}.cps-equalizer span:nth-child(1){height:50%;animation-delay:0s}.cps-equalizer span:nth-child(2){height:80%;animation-delay:0.15s}.cps-equalizer span:nth-child(3){height:100%;animation-delay:0.3s}.cps-equalizer span:nth-child(4){height:70%;animation-delay:0.45s}.cps-equalizer span:nth-child(5){height:40%;animation-delay:0.6s}@keyframes cps-eq{from{transform:scaleY(0.3)}to{transform:scaleY(1)}}.cps-ripple,.cps-roller{position:relative;display:inline-block;width:var(--cps-size);height:var(--cps-size)}.cps-ripple
div{position:absolute;border:calc(var(--cps-size) * 0.067) solid var(--cps-color);border-radius:50%;animation:cps-ripple-anim 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite}.cps-ripple div:nth-child(2){animation-delay:-0.5s}@keyframes cps-ripple-anim{0%{top:50%;left:50%;width:0;height:0;opacity:1}100%{top:0;left:0;width:100%;height:100%;opacity:0}}.cps-roller
div{animation:cps-roller-spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin:calc(var(--cps-size) * 0.5) calc(var(--cps-size) * 0.5)}.cps-roller div::after{content:"";position:absolute;display:block;width:9%;height:9%;margin:-4.5% 0 0 -4.5%;background:var(--cps-color);border-radius:50%}.cps-roller div:nth-child(1){animation-delay:-0.036s}.cps-roller div:nth-child(1)::after{top:79%;left:79%}.cps-roller div:nth-child(2){animation-delay:-0.072s}.cps-roller div:nth-child(2)::after{top:85%;left:68%}.cps-roller div:nth-child(3){animation-delay:-0.108s}.cps-roller div:nth-child(3)::after{top:88%;left:55%}.cps-roller div:nth-child(4){animation-delay:-0.144s}.cps-roller div:nth-child(4)::after{top:85%;left:43%}.cps-roller div:nth-child(5){animation-delay:-0.18s}.cps-roller div:nth-child(5)::after{top:79%;left:31%}.cps-roller div:nth-child(6){animation-delay:-0.216s}.cps-roller div:nth-child(6)::after{top:68%;left:21%}.cps-roller div:nth-child(7){animation-delay:-0.252s}.cps-roller div:nth-child(7)::after{top:55%;left:17%}.cps-roller div:nth-child(8){animation-delay:-0.288s}.cps-roller div:nth-child(8)::after{top:43%;left:21%}@keyframes cps-roller-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cps-hourglass,.cps-flip,.cps-gradient-ring,.cps-color-wheel,.cps-hourglass-color,.cps-gear{display:inline-block;width:var(--cps-size);height:var(--cps-size)}.cps-hourglass{border:calc(var(--cps-size) * 0.1) solid transparent;border-top-color:var(--cps-color);border-bottom-color:var(--cps-color);border-radius:50%;animation:cps-hourglass-spin 1.4s linear infinite}@keyframes cps-hourglass-spin{0%{border-top-color:var(--cps-color);transform:rotate(0deg)}50%{border-top-color:var(--cps-secondary);transform:rotate(180deg)}100%{border-top-color:var(--cps-color);transform:rotate(360deg)}}.cps-heart{position:relative;display:inline-block;width:var(--cps-size);height:var(--cps-size);transform:rotate(-45deg);animation:cps-heart-pulse 1.2s ease-in-out infinite}.cps-heart
div{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cps-color)}.cps-heart::before,.cps-heart::after{content:"";position:absolute;width:100%;height:100%;background:var(--cps-color);border-radius:50%}.cps-heart::before{top:-50%;left:0}.cps-heart::after{top:0;left:50%}@keyframes cps-heart-pulse{0%,100%{transform:rotate(-45deg) scale(0.85)}50%{transform:rotate(-45deg) scale(1.05)}}.cps-square-spin{width:var(--cps-size);height:var(--cps-size);perspective:300px}.cps-square-spin
div{width:80%;height:80%;margin:10%;background:linear-gradient(135deg, var(--cps-color), var(--cps-secondary));border-radius:8px;animation:cps-sq-flip 2s ease-in-out infinite;transform-style:preserve-3d}@keyframes cps-sq-flip{0%{transform:rotateX(0) rotateY(0)}50%{transform:rotateX(-180deg) rotateY(0)}100%{transform:rotateX(-180deg) rotateY(-180deg)}}.cps-fold{position:relative;width:var(--cps-size);height:var(--cps-size);transform:rotateZ(45deg)}.cps-fold .cps-f{position:relative;float:left;width:50%;height:50%;transform:scale(1.1)}.cps-fold .cps-f::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cps-color);animation:cps-fold-anim 2.4s infinite linear both;transform-origin:100% 100%}.cps-fold .cps-fold2{transform:scale(1.1) rotateZ(90deg)}.cps-fold .cps-fold3{transform:scale(1.1) rotateZ(180deg)}.cps-fold .cps-fold4{transform:scale(1.1) rotateZ(270deg)}.cps-fold .cps-fold2::before{animation-delay:0.3s}.cps-fold .cps-fold3::before{animation-delay:0.6s}.cps-fold .cps-fold4::before{animation-delay:0.9s}@keyframes cps-fold-anim{0%,10%{opacity:0;transform:perspective(140px) rotateX(-180deg)}25%,75%{opacity:1;transform:perspective(140px) rotateX(0deg)}90%,100%{opacity:0;transform:perspective(140px) rotateY(180deg)}}.cps-orbit{position:relative;width:var(--cps-size);height:var(--cps-size);border:calc(var(--cps-size) * 0.05) solid var(--cps-secondary);border-radius:50%;animation:cps-orbit-spin 1.5s linear infinite}.cps-orbit-inner{position:absolute;top:calc(50% - calc(var(--cps-size) * 0.1));left:calc(var(--cps-size) * -0.12);width:calc(var(--cps-size) * 0.2);height:calc(var(--cps-size) * 0.2);background:var(--cps-color);border-radius:50%}@keyframes cps-orbit-spin{to{transform:rotate(360deg)}}.cps-flip{width:calc(var(--cps-size) * 0.7);height:calc(var(--cps-size) * 0.7);background:linear-gradient(135deg, var(--cps-color), var(--cps-secondary));border-radius:8px;animation:cps-flip-anim 1.2s ease-in-out infinite}@keyframes cps-flip-anim{0%{transform:perspective(250px) rotateX(0) rotateY(0)}33%{transform:perspective(250px) rotateX(-180deg) rotateY(0)}66%{transform:perspective(250px) rotateX(-180deg) rotateY(-180deg)}100%{transform:perspective(250px) rotateX(-360deg) rotateY(-180deg)}}.cps-bounce{position:relative;width:var(--cps-size);height:var(--cps-size)}.cps-bounce
div{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cps-color);border-radius:50%;opacity:0.6;animation:cps-bounce-anim 2s ease-in-out infinite}.cps-bounce div:nth-child(2){animation-delay:-1s}@keyframes cps-bounce-anim{0%,100%{opacity:0;transform:scale(0)}50%{opacity:0.8;transform:scale(1)}}.cps-gradient-ring{border-radius:50%;background:conic-gradient(var(--cps-color) 0deg, var(--cps-secondary) 360deg);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - calc(var(--cps-size) * 0.12)), #000 0);mask:radial-gradient(farthest-side, transparent calc(100% - calc(var(--cps-size) * 0.12)), #000 0);animation:cps-gradient-ring-spin 0.9s linear infinite}@supports not ((mask: radial-gradient(#000, transparent)) or (-webkit-mask: radial-gradient(#000,transparent))){.cps-gradient-ring,.cps-color-wheel{border:calc(var(--cps-size) * 0.1) solid var(--cps-secondary);border-top-color:var(--cps-color);background:transparent}}@keyframes cps-gradient-ring-spin{to{transform:rotate(360deg)}}.cps-chase{position:relative;width:var(--cps-size);height:var(--cps-size);animation:cps-chase-rotate 2.5s infinite linear both}.cps-chase-dot{position:absolute;top:0;left:0;width:100%;height:100%;animation:cps-chase-follow 2.5s infinite ease-in-out both}.cps-chase-dot::before{content:"";display:block;width:25%;height:25%;background:radial-gradient(circle at 30% 30%, #fff 0%, var(--cps-color) 42%, var(--cps-color) 100%);border-radius:50%;animation:cps-chase-dot-size 2.5s infinite ease-in-out both}.cps-chase-dot:nth-child(1),.cps-chase-dot:nth-child(1)::before{animation-delay:-1.1s}.cps-chase-dot:nth-child(2),.cps-chase-dot:nth-child(2)::before{animation-delay:-1s}.cps-chase-dot:nth-child(3),.cps-chase-dot:nth-child(3)::before{animation-delay:-0.9s}.cps-chase-dot:nth-child(4),.cps-chase-dot:nth-child(4)::before{animation-delay:-0.8s}.cps-chase-dot:nth-child(5),.cps-chase-dot:nth-child(5)::before{animation-delay:-0.7s}.cps-chase-dot:nth-child(6),.cps-chase-dot:nth-child(6)::before{animation-delay:-0.6s}@keyframes cps-chase-rotate{100%{transform:rotate(360deg)}}@keyframes cps-chase-follow{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes cps-chase-dot-size{80%,100%{transform:scale(0)}}.cps-cube-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:5%;width:var(--cps-size);height:var(--cps-size)}.cps-cube-grid
div{background:linear-gradient(135deg, var(--cps-secondary), var(--cps-color));border-radius:4px;animation:cps-cube-grid-anim 1.5s infinite ease-in-out}.cps-cube-grid div:nth-child(1){animation-delay:0.2s}.cps-cube-grid div:nth-child(2),
.cps-cube-grid div:nth-child(4){animation-delay:0.3s}.cps-cube-grid div:nth-child(3),
.cps-cube-grid div:nth-child(5),
.cps-cube-grid div:nth-child(7){animation-delay:0.4s}.cps-cube-grid div:nth-child(6),
.cps-cube-grid div:nth-child(8){animation-delay:0.5s}.cps-cube-grid div:nth-child(9){animation-delay:0.6s}@keyframes cps-cube-grid-anim{0%,70%,100%{opacity:1;transform:scale3d(1, 1, 1)}35%{opacity:0;transform:scale3d(0, 0, 1)}}.cps-diamond-fold{position:relative;width:var(--cps-size);height:var(--cps-size);transform:rotate(45deg)}.cps-diamond-fold
div{position:absolute;width:50%;height:50%;background:var(--cps-color);animation:cps-diamond-fold-anim 1.5s infinite linear;transform-origin:100% 100%}.cps-diamond-fold div:nth-child(1){top:0;left:0}.cps-diamond-fold div:nth-child(2){top:0;right:0;animation-delay:0.3s;transform-origin:0 100%}.cps-diamond-fold div:nth-child(3){right:0;bottom:0;animation-delay:0.6s;transform-origin:0 0}.cps-diamond-fold div:nth-child(4){bottom:0;left:0;animation-delay:0.9s;transform-origin:100% 0}@keyframes cps-diamond-fold-anim{0%,10%{opacity:0;transform:perspective(140px) rotateX(-180deg)}25%,75%{opacity:1;transform:perspective(140px) rotateX(0deg)}90%,100%{opacity:0;transform:perspective(140px) rotateY(180deg)}}.cps-gear{position:relative;background:var(--cps-color);border-radius:50%;animation:cps-gear-spin 4s linear infinite;-webkit-mask:radial-gradient(circle, transparent 30%, #000 32%), repeating-conic-gradient(#000 0deg, #000 15deg, transparent 15deg, transparent 30deg);mask:radial-gradient(circle, transparent 30%, #000 32%), repeating-conic-gradient(#000 0deg, #000 15deg, transparent 15deg, transparent 30deg);-webkit-mask-composite:source-in;mask-composite:intersect}@supports not ((mask: radial-gradient(#000, transparent)) or (-webkit-mask: radial-gradient(#000,transparent))){.cps-gear{border:calc(var(--cps-size) * 0.12) dashed var(--cps-color);background:transparent}}@keyframes cps-gear-spin{to{transform:rotate(360deg)}}.cps-sun{position:relative;width:var(--cps-size);height:var(--cps-size);animation:cps-gear-spin 10s linear infinite}.cps-sun
div{position:absolute;inset:0;width:100%;height:10%;margin:auto;background:var(--cps-color);border-radius:4px}.cps-sun div:nth-child(2){transform:rotate(45deg)}.cps-sun div:nth-child(3){transform:rotate(90deg)}.cps-sun div:nth-child(4){transform:rotate(135deg)}.cps-sun::after{content:"";position:absolute;inset:0;width:60%;height:60%;margin:auto;background:var(--cps-secondary);border-radius:50%}.cps-clock{position:relative;width:var(--cps-size);height:var(--cps-size);background:radial-gradient(circle, #ffffff, #f9fafb);border:calc(var(--cps-size) * 0.08) solid var(--cps-color);border-radius:50%}.cps-clock::before,.cps-clock::after{content:"";position:absolute;bottom:50%;left:50%;background:var(--cps-color);border-radius:4px;transform:translateX(-50%);transform-origin:bottom center}.cps-clock::before{width:4px;height:35%;animation:cps-clock-spin 6s linear infinite}.cps-clock::after{width:3px;height:45%;animation:cps-clock-spin 0.5s linear infinite}@keyframes cps-clock-spin{to{transform:translateX(-50%) rotate(360deg)}}.cps-target{position:relative;width:var(--cps-size);height:var(--cps-size)}.cps-target
div{position:absolute;top:50%;left:50%;border:calc(var(--cps-size) * 0.05) solid var(--cps-color);border-radius:50%;animation:cps-target-anim 2s infinite ease-in-out alternate;transform:translate(-50%, -50%)}.cps-target div:nth-child(1){width:100%;height:100%;animation-delay:0s}.cps-target div:nth-child(2){width:66%;height:66%;animation-delay:0.2s}.cps-target div:nth-child(3){width:33%;height:33%;background:var(--cps-color);animation-delay:0.4s}@keyframes cps-target-anim{0%{opacity:0.5;transform:translate(-50%, -50%) scale(0.8)}100%{opacity:1;transform:translate(-50%, -50%) scale(1)}}.cps-radar{position:relative;width:var(--cps-size);height:var(--cps-size);overflow:hidden;border:2px
solid var(--cps-secondary);border-radius:50%}.cps-radar
div{position:absolute;top:0;right:0;width:50%;height:50%;background:conic-gradient(transparent 0deg, var(--cps-color) 90deg);animation:cps-radar-sweep 2s linear infinite;transform-origin:bottom left}@keyframes cps-radar-sweep{to{transform:rotate(360deg)}}.cps-wifi{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:var(--cps-size);height:var(--cps-size);overflow:hidden}.cps-wifi
div{border:calc(var(--cps-size) * 0.08) solid transparent;border-top-color:var(--cps-color);border-radius:50%;animation:cps-wifi-anim 1.5s infinite}.cps-wifi div:nth-child(1){width:100%;height:50%;animation-delay:0.4s}.cps-wifi div:nth-child(2){width:60%;height:30%;margin-top:-30%;animation-delay:0.2s}.cps-wifi div:nth-child(3){width:20%;height:10%;margin-top:-15%;background:var(--cps-color);animation-delay:0s}@keyframes cps-wifi-anim{0%,100%{opacity:0.2}50%{opacity:1}}.cps-heartbeat{width:calc(var(--cps-size) * 1.5);height:var(--cps-size);background:linear-gradient(
to right,
transparent 20%,
var(--cps-color) 20%,
var(--cps-color) 25%,
transparent 25%,
transparent 40%,
var(--cps-color) 40%,
var(--cps-color) 45%,
transparent 45%,
transparent 60%,
var(--cps-color) 60%,
var(--cps-color) 65%,
transparent 65%,
transparent 80%,
var(--cps-color) 80%,
var(--cps-color) 85%,
transparent 85%
);clip-path:polygon(0 50%, 15% 50%, 20% 20%, 25% 80%, 30% 50%, 100% 50%, 100% 52%, 30% 52%, 25% 82%, 20% 22%, 15% 52%, 0 52%);animation:cps-heartbeat-anim 2s linear infinite}@keyframes cps-heartbeat-anim{0%{clip-path:polygon(0 50%, 0 50%, 0 20%, 0 80%, 0 50%, 0 50%, 0 52%, 0 52%, 0 82%, 0 22%, 0 52%, 0 52%)}100%{clip-path:polygon(0 50%, 15% 50%, 20% 20%, 25% 80%, 30% 50%, 100% 50%, 100% 52%, 30% 52%, 25% 82%, 20% 22%, 15% 52%, 0 52%)}}.cps-battery{position:relative;width:calc(var(--cps-size) * 1.2);height:calc(var(--cps-size) * 0.6);padding:2px;background:#fff;border:calc(var(--cps-size) * 0.05) solid var(--cps-color);border-radius:6px}.cps-battery::after{content:"";position:absolute;top:50%;right:calc(var(--cps-size) * -0.1);width:calc(var(--cps-size) * 0.08);height:calc(var(--cps-size) * 0.2);background:var(--cps-color);border-radius:0 2px 2px 0;transform:translateY(-50%)}.cps-battery
div{height:100%;background:linear-gradient(to bottom, var(--cps-secondary), var(--cps-color));border-radius:2px;animation:cps-battery-anim 2s steps(4, end) infinite}@keyframes cps-battery-anim{0%{width:0%}100%{width:100%}}.cps-music-bars{gap:5px}.cps-music-bars
span{width:calc(var(--cps-size) * 0.15);height:100%;border-radius:4px 4px 0 0;animation:cps-music-anim 1s ease-in-out infinite alternate;transform-origin:bottom center}.cps-music-bars span:nth-child(1){background:#ff3b30;animation-delay:0.1s}.cps-music-bars span:nth-child(2){background:#fc0;animation-delay:0.4s}.cps-music-bars span:nth-child(3){background:#34c759;animation-delay:0.2s}.cps-music-bars span:nth-child(4){background:#007aff;animation-delay:0.5s}@keyframes cps-music-anim{0%{transform:scaleY(0.1)}100%{transform:scaleY(1)}}.cps-hourglass-color{position:relative;background:var(--cps-secondary);clip-path:polygon(0% 0%, 100% 0%, 50% 50%, 100% 100%, 0% 100%, 50% 50%);animation:cps-hourglass-color-spin 2s ease-in-out infinite}.cps-hourglass-color::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, var(--cps-color), var(--cps-secondary));animation:cps-hourglass-fill 2s ease-in-out infinite}@keyframes cps-hourglass-color-spin{0%,40%{transform:rotate(0deg)}50%,90%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes cps-hourglass-fill{0%{transform:translateY(-100%)}40%,50%{transform:translateY(0%)}90%,100%{transform:translateY(100%)}}.cps-text-blink,.cps-text-wave,.cps-text-glow{display:flex;align-items:center;justify-content:center;color:var(--cps-color);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:calc(var(--cps-size) * 0.4);font-weight:800;line-height:1}.cps-text-blink{align-items:flex-end}.cps-text-blink
span{animation:cps-text-blink-anim 1.4s infinite both}.cps-text-blink span:nth-child(1){animation-delay:0s}.cps-text-blink span:nth-child(2){animation-delay:0.2s}.cps-text-blink span:nth-child(3){animation-delay:0.4s}@keyframes cps-text-blink-anim{0%,80%,100%{opacity:0;transform:translateY(5px)}40%{opacity:1;transform:translateY(0)}}.cps-text-wave
span{display:inline-block;animation:cps-text-wave-anim 1.5s ease-in-out infinite}.cps-text-wave span:nth-child(1){animation-delay:0s}.cps-text-wave span:nth-child(2){animation-delay:0.1s}.cps-text-wave span:nth-child(3){animation-delay:0.2s}.cps-text-wave span:nth-child(4){animation-delay:0.3s}.cps-text-wave span:nth-child(5){animation-delay:0.4s}.cps-text-wave span:nth-child(6){animation-delay:0.5s}.cps-text-wave span:nth-child(7){animation-delay:0.6s}@keyframes cps-text-wave-anim{0%,40%,100%{transform:translateY(0)}20%{transform:translateY(-30%)}}.cps-text-glow{letter-spacing:0.08em;text-shadow:0 0 8px var(--cps-color), 0 0 18px var(--cps-color);animation:cps-text-glow-anim 1.6s ease-in-out infinite alternate}@keyframes cps-text-glow-anim{0%{opacity:0.55;text-shadow:0 0 4px var(--cps-color)}100%{opacity:1;text-shadow:0 0 10px var(--cps-color), 0 0 24px var(--cps-color)}}.cps-rainbow-circle{width:var(--cps-size);height:var(--cps-size);border:calc(var(--cps-size) * 0.1) solid transparent;border-top-color:#f00;border-radius:50%;animation:cps-rainbow-circle-spin 1.5s linear infinite, cps-rainbow-color 4s linear infinite}@keyframes cps-rainbow-circle-spin{to{transform:rotate(360deg)}}@keyframes cps-rainbow-color{0%{border-top-color:hsl(0, 100%, 50%)}25%{border-top-color:hsl(90, 100%, 50%)}50%{border-top-color:hsl(180, 100%, 50%)}75%{border-top-color:hsl(270, 100%, 50%)}100%{border-top-color:hsl(360, 100%, 50%)}}.cps-rainbow-dots{gap:calc(var(--cps-size) * 0.1)}.cps-rainbow-dots
div{width:calc(var(--cps-size) * 0.2);height:calc(var(--cps-size) * 0.2);border-radius:50%;animation:cps-rainbow-dots-anim 1s ease-in-out infinite alternate}.cps-rainbow-dots div:nth-child(1){background:#ff3b30;animation-delay:0s}.cps-rainbow-dots div:nth-child(2){background:#fc0;animation-delay:0.2s}.cps-rainbow-dots div:nth-child(3){background:#34c759;animation-delay:0.4s}.cps-rainbow-dots div:nth-child(4){background:#007aff;animation-delay:0.6s}@keyframes cps-rainbow-dots-anim{0%{transform:translateY(0) scale(1)}100%{transform:translateY(calc(var(--cps-size) * -0.3)) scale(1.2)}}.cps-rainbow-bar{width:calc(var(--cps-size) * 1.5);height:calc(var(--cps-size) * 0.15);background:linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);background-size:200% 100%;border-radius:999px;animation:cps-rainbow-bar-anim 2s linear infinite}@keyframes cps-rainbow-bar-anim{0%{background-position:100% 0}100%{background-position:-100% 0}}.cps-color-pulse{width:var(--cps-size);height:var(--cps-size);background:hsl(0, 100%, 50%);border-radius:50%;animation:cps-color-pulse-anim 2s infinite cubic-bezier(0.4, 0, 0.2, 1)}@keyframes cps-color-pulse-anim{0%{opacity:1;background:hsl(0, 100%, 50%);transform:scale(0.5)}50%{background:hsl(120, 100%, 50%)}100%{opacity:0;background:hsl(240, 100%, 50%);transform:scale(1.5)}}.cps-color-wheel{border-radius:50%;background:conic-gradient(red, yellow, lime, aqua, blue, magenta, red);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - calc(var(--cps-size) * 0.15)), #000 0);mask:radial-gradient(farthest-side, transparent calc(100% - calc(var(--cps-size) * 0.15)), #000 0);animation:cps-rainbow-circle-spin 2s linear infinite}@media (prefers-reduced-motion: reduce){#cps-overlay,
.cps-overlay,
.cps-spinner-wrap,
.cps-spinner-wrap *,
.cps-spinner-wrap *::before,
.cps-spinner-wrap *::after{animation-duration:0.001ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:0.001ms}}#cps-overlay.cps-reduced-motion,
#cps-overlay.cps-reduced-motion *,
#cps-overlay.cps-reduced-motion *::before,
#cps-overlay.cps-reduced-motion *::after,
.cps-overlay.cps-reduced-motion,
.cps-overlay.cps-reduced-motion *,
.cps-overlay.cps-reduced-motion *::before,
.cps-overlay.cps-reduced-motion *::after{animation-duration:0.001ms;animation-iteration-count:1;transition-duration:0.001ms}@media
print{#cps-overlay,.cps-overlay{display:none}}#cppb-bar-wrapper,#cppb-bar-fill{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}#cppb-bar-wrapper{border:none;outline:none}#cppb-bar-fill{will-change:width;-webkit-transform:translateZ(0);transform:translateZ(0)}@media (forced-colors: active){#cppb-bar-wrapper{border-bottom:1px solid CanvasText}#cppb-bar-fill{background-color:Highlight !important;forced-color-adjust:none}#cppb-percentage{color:CanvasText !important;background:Canvas !important;border:1px
solid CanvasText !important}}