.wwm-ping-root{--accent:#a78bfa;--accent-strong:#8b5cf6;font-family:var(--font-inter),Inter,system-ui,sans-serif;--bg:#0a0a0a;--surface:#141414;--surface-2:#1a1a1a;--surface-3:#111;--border:#1e1e1e;--border-light:#262626;--text:#e8e8e8;--text-muted:#666;--text-dim:#444;--gold:#d4af37;--gold-light:#e8c547;color:var(--text);position:relative}.wwm-ping-root.serene-active{animation:wwmPingSereneFlash .15s ease-out}.wwm-ping-root.serene-active .reaction-arena.ready{box-shadow:inset 0 0 120px 40px rgba(255,30,30,.25)}@keyframes wwmPingSereneFlash{0%{filter:brightness(1)}50%{filter:brightness(1.15) saturate(1.3)}to{filter:brightness(1)}}.wwm-ping-root .page-wrap{max-width:1440px;margin:0 auto;padding:16px 24px 40px;position:relative;z-index:1}.wwm-ping-root .page-header{text-align:center;margin-bottom:12px}.wwm-ping-root .page-header h1{font-size:28px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#e8c547,#d4af37,#b8860b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wwm-ping-root .page-header p{font-size:13px;color:var(--text-muted);margin-top:6px}.wwm-ping-root .info-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.wwm-ping-root .info-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:2px;font-size:11px;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--border)}.wwm-ping-root .info-badge code{color:var(--gold-light);font-family:Inter,monospace;font-weight:700}.wwm-ping-root .content-grid{display:grid;grid-template-columns:auto 1fr 340px;gap:20px;align-items:start}.wwm-ping-root .content-grid.has-detail{grid-template-columns:auto 280px 1fr 340px}.wwm-ping-root .explain-bar{margin-top:20px;border-radius:2px;border:1px solid var(--border);background:var(--surface);padding:16px 20px}.wwm-ping-root .explain-bar h3{font-size:10px;font-weight:800;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.wwm-ping-root .explain-bar .explain-items{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wwm-ping-root .explain-bar .grade-scale{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px;justify-content:center}.wwm-ping-root .detail-panel{display:none;position:sticky;top:40px;overflow-y:auto;max-height:calc(100vh - 80px)}.wwm-ping-root .detail-panel.visible{display:block}.wwm-ping-root .detail-inner{border-radius:2px;border:1px solid var(--border);background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:12px}.wwm-ping-root .detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.wwm-ping-root .detail-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.wwm-ping-root .detail-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:2px;line-height:1}.wwm-ping-root .detail-close:hover{background:var(--surface-3);color:var(--text-muted)}.wwm-ping-root .detail-panel .hop-breakdown{display:block;margin-bottom:0}.wwm-ping-root .detail-panel .sample-log{margin-bottom:0;max-height:280px}.wwm-ping-root .detail-panel .vpn-card.visible{display:block}.wwm-ping-root .btn-detail-toggle{display:none;align-items:center;gap:6px;justify-content:center;padding:8px 16px;border-radius:2px;cursor:pointer;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(212,175,55,.05);border:1px solid rgba(212,175,55,.12);color:var(--gold-light);transition:all .15s ease;margin-bottom:12px;width:100%}.wwm-ping-root .btn-detail-toggle.visible{display:flex}.wwm-ping-root .btn-detail-toggle:hover{background:rgba(212,175,55,.1);border-color:rgba(212,175,55,.25)}.wwm-ping-root .btn-detail-toggle svg{flex-shrink:0}.wwm-ping-root .server-selector{position:sticky;top:40px}.wwm-ping-root .server-selector label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:8px}.wwm-ping-root .server-tabs{display:flex;flex-direction:column;gap:6px}.wwm-ping-root .server-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border-radius:2px;cursor:pointer;background:var(--surface);border:1px solid var(--border);transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;min-width:120px}.wwm-ping-root .server-tab:hover{background:var(--surface-2);border-color:var(--border-light)}.wwm-ping-root .server-tab.active{background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.35)}.wwm-ping-root .server-tab .srv-flag{width:28px;height:28px;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.wwm-ping-root .server-tab .srv-text{display:flex;flex-direction:column;min-width:0}.wwm-ping-root .server-tab .srv-name{font-size:11px;font-weight:700;color:var(--text-muted);white-space:nowrap}.wwm-ping-root .server-tab .srv-region{font-size:9px;font-weight:600;color:var(--text-dim)}.wwm-ping-root .server-tab.active .srv-name{color:var(--gold-light)}.wwm-ping-root .ping-card{border-radius:2px;border:1px solid var(--border);background:var(--surface);padding:28px}.wwm-ping-root .gauge-area{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.wwm-ping-root .gauge-ring{position:relative;width:170px;height:170px}.wwm-ping-root .gauge-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.wwm-ping-root .gauge-track{fill:none;stroke:var(--border);stroke-width:8}.wwm-ping-root .gauge-fill{fill:none;stroke:var(--gold);stroke-width:8;stroke-linecap:round;stroke-dasharray:502;stroke-dashoffset:502;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1),stroke .3s ease}.wwm-ping-root .gauge-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.wwm-ping-root .gauge-value{font-size:46px;font-weight:900;letter-spacing:-2px;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.wwm-ping-root .gauge-unit{font-size:12px;font-weight:600;color:var(--text-dim);margin-top:2px}.wwm-ping-root .gauge-label{font-size:10px;font-weight:700;color:var(--gold);margin-top:4px;text-transform:uppercase;letter-spacing:1px}.wwm-ping-root .grade-badge{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:2px;font-size:24px;font-weight:900;margin-top:14px;border:2px solid transparent;transition:all .4s ease;opacity:0}.wwm-ping-root .grade-badge.visible{opacity:1}.wwm-ping-root .grade-S\+\+{background:rgba(199,125,255,.16);border-color:rgba(199,125,255,.45);color:#c77dff;text-shadow:0 0 10px rgba(199,125,255,.5);font-size:19px}.wwm-ping-root .grade-S{background:rgba(0,229,255,.15);border-color:rgba(0,229,255,.4);color:#00e5ff;text-shadow:0 0 8px rgba(0,229,255,.4)}.wwm-ping-root .grade-A{background:rgba(0,230,118,.12);border-color:rgba(0,230,118,.3);color:#00e676}.wwm-ping-root .grade-B{background:rgba(102,187,106,.12);border-color:rgba(102,187,106,.3);color:#66bb6a}.wwm-ping-root .grade-C{background:rgba(255,171,0,.12);border-color:rgba(255,171,0,.3);color:#ffab00}.wwm-ping-root .grade-D{background:rgba(255,145,0,.12);border-color:rgba(255,145,0,.3);color:#ff9100}.wwm-ping-root .grade-F{background:rgba(255,23,68,.12);border-color:rgba(255,23,68,.3);color:#ff1744}.wwm-ping-root .stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px}.wwm-ping-root .stat-box{background:var(--surface-3);border:1px solid var(--border);border-radius:2px;padding:14px 10px;text-align:center;transition:border-color .2s ease}.wwm-ping-root .stat-box.highlight{border-color:rgba(212,175,55,.25)}.wwm-ping-root .stat-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:5px}.wwm-ping-root .stat-value{font-size:22px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.1}.wwm-ping-root .stat-unit{font-size:11px;font-weight:600;color:var(--text-dim)}.wwm-ping-root .stat-note{font-size:8px;font-weight:600;color:var(--text-dim);margin-top:3px}.wwm-ping-root .hop-breakdown{margin-bottom:16px;padding:14px 16px;border-radius:2px;background:rgba(212,175,55,.03);border:1px solid rgba(212,175,55,.1)}.wwm-ping-root .hop-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:10px;text-align:center}.wwm-ping-root .hop-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.wwm-ping-root .hop-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:2px;background:var(--surface-3);border:1px solid var(--border);min-width:80px}.wwm-ping-root .hop-box--result{border-color:rgba(212,175,55,.25);background:rgba(212,175,55,.06)}.wwm-ping-root .hop-icon{font-size:14px}.wwm-ping-root .hop-name{font-size:8px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.wwm-ping-root .hop-value{font-size:16px;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums}.wwm-ping-root .hop-value--gold{color:var(--gold-light)}.wwm-ping-root .hop-eq,.wwm-ping-root .hop-plus{font-size:14px;font-weight:800;color:var(--text-dim)}.wwm-ping-root .hop-note{font-size:9px;color:var(--text-dim);text-align:center;margin-top:8px}.wwm-ping-root .vpn-card{display:none;margin-bottom:16px;padding:14px 16px;border-radius:2px;background:rgba(255,171,0,.04);border:1px solid rgba(255,171,0,.12);text-align:center}.wwm-ping-root .vpn-card.visible{display:block}.wwm-ping-root .vpn-card .vpn-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,171,0,.5);margin-bottom:6px}.wwm-ping-root .vpn-card .vpn-estimate{font-size:28px;font-weight:900;color:#ffab00;line-height:1;font-variant-numeric:tabular-nums}.wwm-ping-root .vpn-card .vpn-estimate .vpn-unit{font-size:13px;font-weight:600;color:rgba(255,171,0,.4)}.wwm-ping-root .vpn-card .vpn-savings{font-size:11px;font-weight:600;color:#66bb6a;margin-top:5px}.wwm-ping-root .vpn-card .vpn-note{font-size:9px;color:var(--text-dim);margin-top:6px;line-height:1.4}.wwm-ping-root .sample-log{background:var(--surface-3);border:1px solid var(--border);border-radius:2px;padding:10px 14px;margin-bottom:20px;max-height:110px;overflow-y:auto;font-family:Inter,monospace}.wwm-ping-root .sample-log::-webkit-scrollbar{width:3px}.wwm-ping-root .sample-log::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.wwm-ping-root .sample-line{font-size:10px;color:var(--text-dim);line-height:1.7;display:flex;justify-content:space-between}.wwm-ping-root .sample-line .ms{color:var(--gold-light);font-weight:700}.wwm-ping-root .sample-line .idx{color:#333;min-width:28px}.wwm-ping-root .btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.wwm-ping-root .btn-share{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:2px;font-size:13px;font-weight:800;letter-spacing:.02em;color:#fff;border:1px solid var(--border);cursor:pointer;background:var(--surface-2);transition:transform .2s ease,border-color .2s ease,background .2s ease;opacity:0;pointer-events:none}.wwm-ping-root .btn-share.visible{opacity:1;pointer-events:auto}.wwm-ping-root .btn-share:hover{background:var(--surface);border-color:rgba(212,175,55,.3);transform:translateY(-1px)}.wwm-ping-root .btn-share svg{flex-shrink:0}.wwm-ping-root .share-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);padding:10px 20px;border-radius:2px;font-size:12px;font-weight:700;background:var(--surface);border:1px solid rgba(212,175,55,.3);color:var(--gold-light);box-shadow:0 4px 20px rgba(0,0,0,.4);opacity:0;pointer-events:none;z-index:100;transition:opacity .25s ease,transform .25s ease}.wwm-ping-root .share-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.wwm-ping-root .btn-start{display:inline-flex;align-items:center;gap:10px;padding:12px 32px;border-radius:2px;font-size:14px;font-weight:800;letter-spacing:.02em;text-decoration:none;color:#000;border:none;cursor:pointer;background:linear-gradient(135deg,#e8c547,#d4af37);box-shadow:0 2px 12px rgba(212,175,55,.2);transition:transform .2s ease,box-shadow .2s ease}.wwm-ping-root .btn-start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px rgba(212,175,55,.35)}.wwm-ping-root .btn-start:disabled{opacity:.4;cursor:not-allowed;transform:none}.wwm-ping-root .btn-start.running{background:var(--surface-2);color:var(--text-muted);box-shadow:none;border:1px solid var(--border)}.wwm-ping-root .vpn-inline{display:none;margin-bottom:16px;padding:12px 16px;border-radius:2px;background:rgba(255,171,0,.04);border:1px solid rgba(255,171,0,.12);text-align:center;animation:wwmPingFadeUp .4s ease forwards}.wwm-ping-root .vpn-inline.visible{display:block}.wwm-ping-root .vpn-inline .vpn-inline-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,171,0,.5);margin-bottom:4px}.wwm-ping-root .vpn-inline .vpn-inline-value{font-size:22px;font-weight:900;color:#ffab00;line-height:1;font-variant-numeric:tabular-nums}.wwm-ping-root .vpn-inline .vpn-inline-unit{font-size:11px;font-weight:600;color:rgba(255,171,0,.4)}.wwm-ping-root .vpn-inline .vpn-inline-savings{font-size:10px;font-weight:600;color:#66bb6a;margin-top:3px}.wwm-ping-root .progress-wrap{height:3px;border-radius:2px;background:var(--border);margin-bottom:20px;overflow:hidden;opacity:0;transition:opacity .3s}.wwm-ping-root .progress-wrap.active{opacity:1}.wwm-ping-root .progress-bar{height:100%;border-radius:2px;background:var(--gold);width:0;transition:width .15s ease}.wwm-ping-root .explain-panel{border-radius:2px;border:1px solid var(--border);background:var(--surface);padding:20px}.wwm-ping-root .explain-panel h3{font-size:12px;font-weight:800;color:var(--text-muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.wwm-ping-root .explain-items{display:flex;flex-direction:column;gap:12px}.wwm-ping-root .explain-item{padding:10px 12px;border-radius:2px;background:var(--surface-3);border:1px solid var(--border)}.wwm-ping-root .explain-item strong{display:block;font-size:11px;font-weight:700;color:hsla(0,0%,100%,.55);margin-bottom:3px}.wwm-ping-root .explain-item span{font-size:10px;color:var(--text-dim);line-height:1.5}.wwm-ping-root .grade-scale{display:flex;flex-wrap:wrap;gap:4px;margin-top:14px}.wwm-ping-root .grade-chip{padding:3px 8px;border-radius:2px;font-size:9px;font-weight:800;border:1px solid transparent}.wwm-ping-root .grade-chip.Splusplus{background:rgba(199,125,255,.08);border-color:rgba(199,125,255,.18);color:#c77dff}.wwm-ping-root .grade-chip.S{background:rgba(0,229,255,.08);border-color:rgba(0,229,255,.15);color:#00e5ff}.wwm-ping-root .grade-chip.A{background:rgba(0,230,118,.08);border-color:rgba(0,230,118,.15);color:#00e676}.wwm-ping-root .grade-chip.B{background:rgba(102,187,106,.08);border-color:rgba(102,187,106,.15);color:#66bb6a}.wwm-ping-root .grade-chip.C{background:rgba(255,171,0,.08);border-color:rgba(255,171,0,.15);color:#ffab00}.wwm-ping-root .grade-chip.D{background:rgba(255,145,0,.08);border-color:rgba(255,145,0,.15);color:#ff9100}.wwm-ping-root .grade-chip.F{background:rgba(255,23,68,.08);border-color:rgba(255,23,68,.15);color:#ff1744}@keyframes wwmPingFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.wwm-ping-root .fade-in{opacity:0;animation:wwmPingFadeUp .4s ease .05s forwards}@media (max-width:1200px){.wwm-ping-root .content-grid,.wwm-ping-root .content-grid.has-detail{grid-template-columns:auto 1fr}.wwm-ping-root .reaction-stats{grid-template-columns:1fr 1fr}.wwm-ping-root .detail-panel{position:static;max-height:none}.wwm-ping-root .reaction-col{grid-column:1/-1}}@media (max-width:960px){.wwm-ping-root .content-grid,.wwm-ping-root .content-grid.has-detail{grid-template-columns:1fr}.wwm-ping-root .server-selector{position:static}.wwm-ping-root .server-tabs{flex-direction:row;flex-wrap:wrap}.wwm-ping-root .server-tab{min-width:0;flex:1 1 calc(33% - 4px)}.wwm-ping-root .reaction-col{grid-column:auto}.wwm-ping-root .explain-bar .explain-items{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.wwm-ping-root .page-wrap{padding:12px 14px 30px}.wwm-ping-root .stats-grid{grid-template-columns:1fr}.wwm-ping-root .server-tab{flex:1 1 calc(50% - 4px)}.wwm-ping-root .gauge-ring{width:140px;height:140px}.wwm-ping-root .gauge-value{font-size:38px}.wwm-ping-root .explain-bar .explain-items{grid-template-columns:1fr}}.wwm-ping-root .reaction-col{position:sticky;top:40px}.wwm-ping-root .reaction-card{border-radius:2px;border:1px solid var(--border);background:var(--surface);padding:0;overflow:hidden}.wwm-ping-root .reaction-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease}.wwm-ping-root .reaction-header:hover{background:var(--surface-3)}.wwm-ping-root .reaction-header-left{display:flex;align-items:center;gap:10px}.wwm-ping-root .reaction-header-icon{width:28px;height:28px;border-radius:2px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 6px rgba(212,175,55,.3))}.wwm-ping-root .reaction-header-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--text)}.wwm-ping-root .reaction-header-sub{font-size:10px;color:var(--text-dim);font-weight:500}.wwm-ping-root .reaction-chevron{color:var(--text-dim);transition:transform .25s ease;font-size:14px}.wwm-ping-root .reaction-card.open .reaction-chevron{transform:rotate(180deg)}.wwm-ping-root .reaction-body{display:none;padding:20px}.wwm-ping-root .reaction-card.open .reaction-body{display:block}.wwm-ping-root .reaction-arena{position:relative;width:100%;height:180px;border-radius:2px;border:1px solid var(--border);background:var(--surface-3);display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .3s ease,background .3s ease}.wwm-ping-root .reaction-arena.waiting{border-color:rgba(212,175,55,.15)}.wwm-ping-root .reaction-arena.ready{border-color:rgba(255,23,68,.4);background:rgba(255,23,68,.04)}.wwm-ping-root .reaction-arena.hit-good{border-color:rgba(0,230,118,.4);background:rgba(0,230,118,.04)}.wwm-ping-root .reaction-arena.hit-bad{border-color:rgba(255,145,0,.4);background:rgba(255,145,0,.04)}.wwm-ping-root .reaction-arena.too-early{border-color:rgba(255,23,68,.5);background:rgba(255,23,68,.06)}.wwm-ping-root .reaction-prompt{font-size:13px;color:var(--text-dim);text-align:center;line-height:1.6}.wwm-ping-root .reaction-prompt .key-hint{display:inline-block;padding:3px 10px;border-radius:2px;margin-top:6px;background:var(--surface-2);border:1px solid var(--border-light);font-size:11px;font-weight:800;color:var(--text-muted);letter-spacing:.05em}.wwm-ping-root .reaction-skill-icon{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,23,68,.5));animation:wwmPingReactionPop .15s cubic-bezier(.22,1,.36,1) forwards;display:none}.wwm-ping-root .reaction-skill-icon.visible{display:block}@keyframes wwmPingReactionPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.wwm-ping-root .reaction-result-text{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.wwm-ping-root .reaction-result-text.dodged{color:#00e676}.wwm-ping-root .reaction-result-text.slow-dodge{color:#ffeb3b}.wwm-ping-root .reaction-result-text.staggered{color:#ff9100}.wwm-ping-root .reaction-result-text.early{color:#ff1744}.wwm-ping-root .taunt-bubble{margin-top:8px;padding:8px 14px;border-radius:2px;background:rgba(255,235,59,.06);border:1px solid rgba(255,235,59,.15);font-size:11px;font-weight:600;color:rgba(255,235,59,.85);text-align:center;line-height:1.5;animation:wwmPingTauntFadeIn .3s ease forwards;min-height:0;overflow:hidden}.wwm-ping-root .taunt-bubble:empty{display:none}@keyframes wwmPingTauntFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wwm-ping-root .reaction-time-display{font-size:32px;font-weight:900;font-variant-numeric:tabular-nums;margin-top:2px}.wwm-ping-root .reaction-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.wwm-ping-root .reaction-stat{text-align:center;padding:6px 10px;border-radius:2px;background:var(--surface-3);border:1px solid var(--border)}.wwm-ping-root .reaction-stat-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:3px}.wwm-ping-root .reaction-stat-value{font-size:16px;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums}.wwm-ping-root .reaction-stat-unit{font-size:10px;font-weight:600;color:var(--text-dim)}.wwm-ping-root .reaction-avg{border-color:rgba(212,175,55,.2);background:rgba(212,175,55,.04)}.wwm-ping-root .reaction-avg .reaction-stat-value{color:var(--gold-light)}.wwm-ping-root .reaction-round-dots{display:flex;gap:6px;justify-content:center;margin-top:12px}.wwm-ping-root .reaction-dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--border);background:var(--surface-3);transition:all .2s ease}.wwm-ping-root .reaction-dot.done{background:#00e676;border-color:rgba(0,230,118,.4)}.wwm-ping-root .reaction-dot.fail{background:#ff9100;border-color:rgba(255,145,0,.4)}.wwm-ping-root .reaction-dot.active{border-color:var(--gold);box-shadow:0 0 6px rgba(212,175,55,.3)}.wwm-ping-root .btn-reaction{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:10px 24px;border-radius:2px;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#000;border:none;cursor:pointer;background:linear-gradient(135deg,#e8c547,#d4af37);box-shadow:0 2px 12px rgba(212,175,55,.2);transition:transform .2s ease,box-shadow .2s ease;width:100%}.wwm-ping-root .btn-reaction:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px rgba(212,175,55,.35)}.wwm-ping-root .btn-reaction:disabled{opacity:.4;cursor:not-allowed}.wwm-ping-root .reaction-volume{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:2px;background:var(--surface-3);border:1px solid var(--border)}.wwm-ping-root .reaction-volume-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);white-space:nowrap}.wwm-ping-root .reaction-volume input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-light);border-radius:2px;outline:none;cursor:pointer}.wwm-ping-root .reaction-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gold);border:none;cursor:pointer}.wwm-ping-root .reaction-volume input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold);border:none;cursor:pointer}.wwm-ping-root .reaction-volume-pct{font-size:11px;font-weight:700;color:var(--text-muted);min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.wwm-ping-root .btn-volume-preview{padding:4px 10px;border-radius:2px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:10px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.wwm-ping-root .btn-volume-preview:hover{background:var(--surface);border-color:var(--gold);color:var(--gold-light)}.wwm-ping-root .reaction-btn-row{display:flex;gap:8px;margin-top:10px}.wwm-ping-root .reaction-btn-row .btn-reaction{flex:1}.wwm-ping-root .btn-reaction-secondary{display:inline-flex;align-items:center;gap:6px;justify-content:center;padding:10px 16px;border-radius:2px;flex:1;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--border);cursor:pointer;background:var(--surface-2);color:var(--text-muted);transition:transform .2s ease,border-color .2s ease,background .2s ease}.wwm-ping-root .btn-reaction-secondary:hover:not(:disabled){background:var(--surface);border-color:rgba(212,175,55,.3);transform:translateY(-1px)}.wwm-ping-root .btn-reaction-secondary:disabled{opacity:.3;cursor:not-allowed}