.shc-anchor:focus-visible{outline:2px solid var(--accent-primary,#2563EB);outline-offset:3px;border-radius:8px}.shc-panel{position:fixed;z-index:1070;max-width:calc(100vw - 24px);display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-surface,#FFFFFF);border:1px solid rgba(15,23,42,.12);border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 12px 32px -8px rgba(15,23,42,.18);color:var(--text-primary,#0F172A);overflow:hidden;animation:shc-in .18s cubic-bezier(.16,1,.3,1) both}:root[data-theme=dark] .shc-panel{background:var(--bg-elevated,#232C3F);border-color:rgba(244,246,250,.14);box-shadow:0 12px 32px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04)}.shc-panel>*{position:relative;z-index:1}.shc-reco{position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none;background-image:repeating-radial-gradient(circle at 18% -18%,transparent 0 4px,rgba(37,99,235,.1) 4px 4.7px),repeating-radial-gradient(circle at 30% -2%,transparent 0 4px,rgba(37,99,235,.08) 4px 4.7px);-webkit-mask:linear-gradient(178deg,#000,rgba(0,0,0,.4) 34%,transparent 58%);mask:linear-gradient(178deg,#000,rgba(0,0,0,.4) 34%,transparent 58%)}:root[data-theme=dark] .shc-reco{background-image:repeating-radial-gradient(circle at 18% -18%,transparent 0 4px,rgba(96,165,250,.14) 4px 4.7px),repeating-radial-gradient(circle at 30% -2%,transparent 0 4px,rgba(96,165,250,.11) 4px 4.7px)}@keyframes shc-in{0%{opacity:0}to{opacity:1}}.shc-panel--below{animation-name:shc-in-below}.shc-panel--above{animation-name:shc-in-above}@keyframes shc-in-below{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes shc-in-above{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.shc-head{display:flex;align-items:center;gap:.7rem}.shc-names{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.shc-name{font-size:1rem;font-weight:800;line-height:1.2;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shc-rank{font-size:.75rem;font-weight:700;color:var(--accent-primary,#2563EB);line-height:1.3}:root[data-theme=dark] .shc-rank{color:var(--text-accent,#60A5FA)}.shc-rank--none{color:var(--text-muted,#64748B);font-weight:600}.shc-points{align-self:flex-start;flex:none;font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--text-secondary,#475569)}.shc-points b{font-size:1.05rem;font-weight:800;color:var(--text-primary,#0F172A)}.shc-score-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(15,23,42,.08)}:root[data-theme=dark] .shc-score-row{border-top-color:rgba(244,246,250,.1)}.shc-verdict{display:flex;flex-direction:column;gap:.22rem;align-items:flex-end}.shc-verdict-cells{gap:.5rem;font-size:.8rem;font-variant-numeric:tabular-nums}.shc-verdict-cell,.shc-verdict-cells{display:inline-flex;align-items:center}.shc-verdict-cell{gap:.22rem;color:var(--text-secondary,#475569)}.shc-verdict-cell b{font-weight:800;color:var(--text-primary,#0F172A)}.shc-verdict-cell--up .anticon{color:var(--color-success,#16A34A)}.shc-verdict-cell--down .anticon{color:var(--color-error,#DC2626)}.shc-verdict-rail{display:block;width:4.5rem;height:4px;border-radius:999px;background:var(--color-error,#DC2626);overflow:hidden}.shc-verdict-rail i{display:block;height:100%;background:var(--color-success,#16A34A)}.shc-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(15,23,42,.08)}:root[data-theme=dark] .shc-actions{border-top-color:rgba(244,246,250,.1)}.shc-cta{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .7rem;border:none;border-radius:9px;background:var(--accent-primary,#2563EB);color:#FFFFFF;font-family:inherit;font-size:.8rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s cubic-bezier(.25,1,.5,1),transform .15s cubic-bezier(.25,1,.5,1)}.shc-cta:hover{background:var(--accent-primary-hover,#1D4ED8);color:#FFFFFF;transform:scale(1.02)}.shc-cta:active{transform:scale(.97)}.shc-cta:focus-visible{outline:2px solid var(--accent-primary,#2563EB);outline-offset:2px}:root[data-theme=dark] .shc-cta{background:var(--accent-primary,#3B82F6)}:root[data-theme=dark] .shc-cta:hover{background:var(--accent-primary-active,#2563EB);box-shadow:0 0 18px rgba(59,130,246,.35)}.shc-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .7rem;border:1px solid rgba(15,23,42,.16);border-radius:9px;background:transparent;color:var(--text-secondary,#475569);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.shc-ghost:hover{border-color:rgba(15,23,42,.32);color:var(--text-primary,#0F172A);background:rgba(15,23,42,.03)}.shc-ghost:focus-visible{outline:2px solid var(--accent-primary,#2563EB);outline-offset:2px}:root[data-theme=dark] .shc-ghost{border-color:rgba(244,246,250,.18);color:var(--text-secondary,#94A3B8)}:root[data-theme=dark] .shc-ghost:hover{border-color:rgba(244,246,250,.36);color:var(--text-primary,#F4F6FA);background:rgba(255,255,255,.04)}.shc-ghost--disabled{opacity:.45;cursor:not-allowed}.shc-ghost--disabled:hover{border-color:rgba(15,23,42,.16);color:var(--text-secondary,#475569);background:transparent}:root[data-theme=dark] .shc-ghost--disabled:hover{border-color:rgba(244,246,250,.18);color:var(--text-secondary,#94A3B8);background:transparent}.shc-loading{display:flex;align-items:center;gap:.7rem;min-height:3.4rem}.shc-skel-lines{display:flex;flex-direction:column;gap:.4rem;flex:1}.shc-skel{display:block;border-radius:6px;background:linear-gradient(90deg,var(--border-subtle,rgba(15,23,42,.06)) 0,var(--border-default,rgba(15,23,42,.12)) 50%,var(--border-subtle,rgba(15,23,42,.06)) 100%);background-size:200% 100%;animation:shc-shimmer 1.2s ease-in-out infinite}.shc-skel--medal{width:2.8rem;height:2.8rem;border-radius:50%;flex:none}.shc-skel--line{height:.75rem}.shc-skel--short{width:55%}@keyframes shc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.shc-panel{animation:shc-in 1ms linear both}.shc-skel{animation:none}.shc-cta:active,.shc-cta:hover{transform:none}}