.r10,.r10s{--r10-lo:#ef4444;--r10-mid:#9ca3af;--r10-hi:#22c55e;--r10-ac:#6366f1;--r10-mu:color-mix(in srgb,currentColor 55%,transparent);--r10-tr:color-mix(in srgb,currentColor 12%,transparent);--r10-bg:color-mix(in srgb,currentColor 6%,transparent);--r10-l1:#f44336;--r10-l2:#fea569;--r10-l3:#ffda75;--r10-l4:#a7e453;--r10-l5:#42d697}
.dark .r10,.dark .r10s,[data-theme=dark] .r10,[data-theme=dark] .r10s{--r10-mid:#6b7280;--r10-ac:#818cf8}
.r10 .r10-lo,.r10s .r10-lo{--c:var(--r10-lo)}
.r10 .r10-mid,.r10s .r10-mid{--c:var(--r10-mid)}
.r10 .r10-hi,.r10s .r10-hi{--c:var(--r10-hi)}
.r10{display:flex;flex-direction:column;gap:8px;max-width:100%}
.r10-head{display:flex;align-items:baseline;gap:6px;font-size:13px;color:var(--r10-mu)}
.r10-avg{font-size:20px;font-weight:700;color:var(--c)}
.r10-lbl{margin-left:auto;font-weight:600;color:var(--r10-tx,inherit)}
.r10-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.r10-ctl button{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;font:inherit;cursor:pointer;transition:.15s}
.r10-v1 button{width:34px;height:34px;border-radius:50%;background:var(--r10-bg);color:var(--c);font-weight:700}
.r10-v1 button:hover,.r10-v1 .r10-on{background:var(--c);color:#fff}
.r10-v2 .r10-ctl{gap:3px;flex-wrap:nowrap}
.r10-v2 button{flex:1;height:12px;min-width:12px;border-radius:4px;background:var(--r10-tr)}
.r10-v2 .r10-f,.r10-v2 .r10-on{background:var(--c)}
.r10-v3 .r10-ctl{gap:2px}
.r10-v3 button{width:28px;height:28px;background:none;color:var(--r10-tr);font-size:24px}
.r10-v3 button[data-v="0"]{width:auto;padding:0 8px;margin-right:4px;border-radius:14px;background:var(--r10-bg);color:var(--r10-mu);font-size:13px;font-weight:700}
.r10-v3 .r10-f{color:#f5b301}
.r10-v3 button[data-v="0"].r10-on{background:var(--r10-lo);color:#fff}
.r10-v4 .r10-ctl{flex-wrap:nowrap;gap:10px}
.r10-v4 input{flex:1;min-width:0;accent-color:var(--r10-ac)}
.r10-v4 output{min-width:22px;text-align:center;font-weight:700}
.r10-v4 .r10-go{height:32px;padding:0 14px;border-radius:16px;background:var(--r10-ac);color:#fff;font-size:13px;font-weight:600}
.r10-v5 .r10-ctl{gap:4px}
.r10-v5 button{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--c) 18%,transparent);font-size:18px;filter:grayscale(.6)}
.r10-v5 button:hover,.r10-v5 .r10-on{background:var(--c);filter:none;transform:translateY(-2px)}
.r10-ctl button:focus-visible{outline:2px solid var(--r10-ac);outline-offset:2px}
.r10s{max-width:100%;font-size:13px}
.r10s-cap{margin-top:6px;color:var(--r10-mu)}
.r10s-cap b{color:var(--r10-ac)}
.r10s-cols{display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-start;gap:6px;max-width:100%;width:max-content}
.r10s-col{display:flex;flex-direction:column;align-items:center;gap:6px;width:28px;flex:0 0 28px;--c:var(--r10-ac)}
.r10s-col i{position:relative;display:block;width:22px;height:80px;border-radius:8px;background:var(--r10-bg);overflow:hidden}
.r10s-col b{position:absolute;inset:auto 0 0;border-radius:6px;background:var(--c)}
.r10s-col span{color:var(--r10-mu)}
.r10s-hist{position:relative;max-width:600px}
.r10s-hist em{position:absolute;top:0;bottom:20px;left:var(--p);width:2px;background:var(--r10-ac);border-radius:2px}
.r10s-row{display:grid;grid-template-columns:42px minmax(80px,240px) auto 1fr;align-items:center;gap:14px;margin:8px 0}
.r10s-row i{height:8px;border-radius:8px;background:var(--r10-tr);overflow:hidden}
.r10s-row span{display:block;height:100%;border-radius:8px;background:var(--c)}
.r10s-row small{color:var(--r10-mu)}
.r10s-row em{justify-self:start;padding:2px 8px;border-radius:10px;background:var(--r10-ac);color:#fff;font-size:10px;font-style:normal}
.r10-l1{--c:var(--r10-l1)}.r10-l2{--c:var(--r10-l2)}.r10-l3{--c:var(--r10-l3)}.r10-l4{--c:var(--r10-l4)}.r10-l5{--c:var(--r10-l5)}
.r10s-ring{position:relative;display:grid;place-content:center;justify-items:center;width:120px;height:120px}
.r10s-ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--c) var(--p),var(--r10-tr) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 11px),#000 calc(100% - 10px));mask:radial-gradient(farthest-side,transparent calc(100% - 11px),#000 calc(100% - 10px))}
.r10s-ring b,.r10s-gauge b{font-size:28px;line-height:1;color:var(--c)}
.r10s-ring small{color:var(--r10-mu)}
.r10s-gauge{position:relative;width:180px;text-align:center}
.r10s-gauge svg{display:block;width:100%;fill:none;stroke-width:12;stroke-linecap:round}
.r10s-gauge path{stroke:var(--r10-tr)}
.r10s-gauge path+path{stroke:var(--c)}
.r10s-gauge b{position:absolute;left:0;right:0;bottom:4px}
.r10s-gauge span{position:absolute;bottom:-18px;left:4px;color:var(--r10-mu)}
.r10s-gauge span+span{left:auto;right:4px}
.r10s-v4 .r10s-cap{margin-top:22px;text-align:center;width:180px}
.r10s-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,transparent)}
.r10s-pill b{font-size:16px;color:var(--c)}
.r10s-pill span{color:var(--r10-mu)}
.r10s-spark{display:inline-flex;align-items:flex-end;gap:2px;height:18px;margin:0 4px}
.r10s-spark i{width:4px;border-radius:2px;background:var(--c)}
.r10s-pill small{color:var(--r10-mu)}
@media (max-width:860px){.r10-v1 button,.r10-v5 button{width:28px;height:28px}.r10-v3 button{width:22px;font-size:20px}.r10s-cols{gap:4px}.r10s-row{grid-template-columns:36px 1fr auto;gap:10px}.r10s-row em{grid-column:2}}

.r10s-bar{position:relative;height:8px;border-radius:999px;background:var(--r10-tr);overflow:hidden;max-width:420px}
.r10s-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 70%,#fff))}
.r10s-bar-sm{height:6px;min-width:80px;flex:1;max-width:160px}
.r10s-barcard{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;background:var(--r10-bg);max-width:420px}
.r10s-barcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.r10s-barcard-title{font-size:13px;color:var(--r10-mu)}
.r10s-badge{padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);font-size:12px;font-weight:600}
.r10s-barcard-score{display:flex;align-items:baseline;gap:4px}
.r10s-barcard-score b{font-size:28px;line-height:1;color:var(--c)}
.r10s-barcard-score span{color:var(--r10-mu);font-size:14px}
.r10s-stars{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px}
.r10s-stars-row{display:flex;gap:2px;font-size:22px;line-height:1}
.r10s-star{color:var(--r10-tr);font-style:normal}
.r10s-star-on{color:#f5b301}
.r10s-star-half{color:#f5b301;opacity:.55}
.r10s-stars-label{font-size:14px;font-weight:600;color:var(--r10-mu)}
.r10s-inline{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:14px;background:var(--r10-bg)}
.r10s-inline b{font-size:20px;color:var(--c)}
.r10s-inline span{color:var(--r10-mu);font-size:13px}
.r10s-inline em{font-style:normal;font-size:12px;font-weight:600;color:var(--r10-mu);white-space:nowrap}
.r10s-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,transparent)}
.r10s-chip b{font-size:16px;color:var(--c)}
.r10s-chip span{color:var(--r10-mu);font-size:12px}
.r10s-chip em{font-style:normal;margin-left:4px;padding:2px 8px;border-radius:999px;background:var(--c);color:#fff;font-size:11px;font-weight:600}
.r10-v3 button{color:#e5e7eb}
.r10-v3 .r10-f,.r10-v3 .r10-on{color:#f5b301}

.r10s-cols-color .r10s-col i{background:color-mix(in srgb,var(--c) 12%,transparent)}
.r10s-cols-color .r10s-col b{background:var(--c)}
.r10s-seo{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:220px}
.r10s-seo-gauge{position:relative;width:180px;text-align:center;color:inherit}
.r10s-seo-gauge svg{display:block;width:100%}
.r10s-seo-gauge b{position:absolute;left:0;right:0;bottom:8px;font-size:28px;line-height:1;color:var(--c)}
.r10s-seo-gauge small{position:absolute;left:0;right:0;bottom:-4px;font-size:12px;color:var(--r10-mu)}
.r10s-seo-label{font-weight:600;font-size:13px;color:var(--c)}
.r10s-signal{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px}
.r10s-signal-bars{display:inline-flex;align-items:flex-end;gap:3px;height:28px}
.r10s-sig{display:block;width:6px;border-radius:3px;background:var(--r10-tr)}
.r10s-sig-on{background:var(--c)}
.r10s-signal-label{font-size:13px;font-weight:600;color:var(--r10-mu)}
.r10s-dist{padding:12px 14px;border-radius:14px;background:#1a1d27;color:#e5e7eb;max-width:420px}
.r10s-dist-title{font-size:12px;color:#9ca3af;margin-bottom:10px}
.r10s-dist-cols{display:flex;align-items:flex-end;gap:4px;height:90px}
.r10s-dist-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:0;height:100%}
.r10s-dist-col i{display:block;width:100%;max-width:18px;border-radius:4px 4px 0 0;background:#818cf8}
.r10s-dist-col span{font-size:10px;color:#6b7280}
.r10s-dist-cap{margin-top:8px;font-size:12px;color:#9ca3af}
.r10s-dist-cap b{color:#a5b4fc}
@media (max-width:860px){.r10s-col{width:22px;flex-basis:22px}.r10s-col i{width:16px;height:64px}.r10s-cols{gap:4px}}
.r10r{--r10-ac:#6366f1;--r10-bg:color-mix(in srgb,currentColor 7%,transparent);--r10-card:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px}
.dark .r10r,[data-theme=dark] .r10r{--r10-ac:#818cf8;--r10-card:#1f2430}
@media (prefers-color-scheme:dark){.r10r{--r10-card:Canvas}}
.r10r button{display:inline-flex;align-items:center;gap:5px;margin:0;border:0;font:inherit;color:inherit;cursor:pointer;transition:.15s}
.r10r-i,.r10r-btn{height:30px;padding:0 10px;border-radius:15px;background:var(--r10-bg)}
.r10r-i b{font-weight:600;font-size:13px}
.r10r-i:hover,.r10r-btn:hover{background:color-mix(in srgb,var(--r10-ac) 15%,transparent)}
.r10r .r10r-on{background:var(--r10-ac);color:#fff}
.r10r-add{position:relative}
.r10r-btn{width:30px;padding:0;justify-content:center}
.r10r-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;opacity:.7}
.r10r-pop{position:absolute;bottom:calc(100% + 8px);left:0;z-index:5;display:flex;gap:2px;padding:6px;border-radius:14px;background:var(--r10-card);box-shadow:0 8px 30px rgb(0 0 0/.18);visibility:hidden;opacity:0;transform:translateY(6px);transition:.2s}
.r10r-add.r10r-open .r10r-pop{visibility:visible;opacity:1;transform:none}
.r10r-pop button{width:36px;height:36px;justify-content:center;border-radius:10px;background:none;font-size:20px}
.r10r-pop button:hover{background:var(--r10-bg);transform:scale(1.15)}
@media (max-width:860px){.r10r-pop{left:auto;right:0;flex-wrap:wrap;width:168px}}