.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:.15s ease-out wwmPingSereneFlash}.wwm-ping-root.serene-active .reaction-arena.ready{box-shadow:inset 0 0 120px 40px #ff1e1e40}@keyframes wwmPingSereneFlash{0%{filter:brightness()}50%{filter:brightness(1.15)saturate(1.3)}to{filter:brightness()}}.wwm-ping-root .page-wrap{z-index:1;max-width:1440px;margin:0 auto;padding:16px 24px 40px;position:relative}.wwm-ping-root .page-header{text-align:center;margin-bottom:12px}.wwm-ping-root .page-header h1{letter-spacing:-.02em;background:linear-gradient(135deg,#e8c547,#d4af37,#b8860b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900}.wwm-ping-root .page-header p{color:var(--text-muted);margin-top:6px;font-size:13px}.wwm-ping-root .info-badges{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.wwm-ping-root .info-badge{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:2px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.wwm-ping-root .info-badge code{color:var(--gold-light);font-family:Inter,monospace;font-weight:700}.wwm-ping-root .content-grid{grid-template-columns:auto 1fr 340px;align-items:start;gap:20px;display:grid}.wwm-ping-root .content-grid.has-detail{grid-template-columns:auto 280px 1fr 340px}.wwm-ping-root .explain-bar{border:1px solid var(--border);background:var(--surface);border-radius:2px;margin-top:20px;padding:16px 20px}.wwm-ping-root .explain-bar h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:10px;font-weight:800}.wwm-ping-root .explain-bar .explain-items{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.wwm-ping-root .explain-bar .grade-scale{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:12px;display:flex}.wwm-ping-root .detail-panel{max-height:calc(100vh - 80px);display:none;position:sticky;top:40px;overflow-y:auto}.wwm-ping-root .detail-panel.visible{display:block}.wwm-ping-root .detail-inner{border:1px solid var(--border);background:var(--surface);border-radius:2px;flex-direction:column;gap:12px;padding:16px;display:flex}.wwm-ping-root .detail-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.wwm-ping-root .detail-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:10px;font-weight:800}.wwm-ping-root .detail-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:2px 6px;font-size:16px;line-height:1}.wwm-ping-root .detail-close:hover{background:var(--surface-3);color:var(--text-muted)}.wwm-ping-root .detail-panel .hop-breakdown{margin-bottom:0;display:block}.wwm-ping-root .detail-panel .sample-log{max-height:280px;margin-bottom:0}.wwm-ping-root .detail-panel .vpn-card.visible{display:block}.wwm-ping-root .btn-detail-toggle{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;color:var(--gold-light);background:#d4af370d;border:1px solid #d4af371f;border-radius:2px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:12px;padding:8px 16px;font-size:10px;font-weight:700;transition:all .15s;display:none}.wwm-ping-root .btn-detail-toggle.visible{display:flex}.wwm-ping-root .btn-detail-toggle:hover{background:#d4af371a;border-color:#d4af3740}.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{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.wwm-ping-root .server-tabs{flex-direction:column;gap:6px;display:flex}.wwm-ping-root .server-tab{cursor:pointer;background:var(--surface);border:1px solid var(--border);-webkit-user-select:none;user-select:none;text-align:center;border-radius:2px;flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:10px 12px;transition:all .15s;display:flex}.wwm-ping-root .server-tab:hover{background:var(--surface-2);border-color:var(--border-light)}.wwm-ping-root .server-tab.active{background:#d4af3714;border-color:#d4af3759}.wwm-ping-root .server-tab .srv-flag{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:28px;height:28px}.wwm-ping-root .server-tab .srv-text{flex-direction:column;min-width:0;display:flex}.wwm-ping-root .server-tab .srv-name{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:700}.wwm-ping-root .server-tab .srv-region{color:var(--text-dim);font-size:9px;font-weight:600}.wwm-ping-root .server-tab.active .srv-name{color:var(--gold-light)}.wwm-ping-root .ping-card{border:1px solid var(--border);background:var(--surface);border-radius:2px;padding:28px}.wwm-ping-root .gauge-area{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.wwm-ping-root .gauge-ring{width:170px;height:170px;position:relative}.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:8px}.wwm-ping-root .gauge-fill{fill:none;stroke:var(--gold);stroke-width:8px;stroke-linecap:round;stroke-dasharray:502;stroke-dashoffset:502px;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1),stroke .3s}.wwm-ping-root .gauge-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wwm-ping-root .gauge-value{letter-spacing:-2px;color:var(--text);font-variant-numeric:tabular-nums;font-size:46px;font-weight:900;line-height:1}.wwm-ping-root .gauge-unit{color:var(--text-dim);margin-top:2px;font-size:12px;font-weight:600}.wwm-ping-root .gauge-label{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:10px;font-weight:700}.wwm-ping-root .grade-badge{opacity:0;border:2px solid #0000;border-radius:2px;justify-content:center;align-items:center;width:50px;height:50px;margin-top:14px;font-size:24px;font-weight:900;transition:all .4s;display:inline-flex}.wwm-ping-root .grade-badge.visible{opacity:1}.wwm-ping-root .grade-S\+\+{color:#c77dff;text-shadow:0 0 10px #c77dff80;background:#c77dff29;border-color:#c77dff73;font-size:19px}.wwm-ping-root .grade-S{color:#00e5ff;text-shadow:0 0 8px #00e5ff66;background:#00e5ff26;border-color:#00e5ff66}.wwm-ping-root .grade-A{color:#00e676;background:#00e6761f;border-color:#00e6764d}.wwm-ping-root .grade-B{color:#66bb6a;background:#66bb6a1f;border-color:#66bb6a4d}.wwm-ping-root .grade-C{color:#ffab00;background:#ffab001f;border-color:#ffab004d}.wwm-ping-root .grade-D{color:#ff9100;background:#ff91001f;border-color:#ff91004d}.wwm-ping-root .grade-F{color:#ff1744;background:#ff17441f;border-color:#ff17444d}.wwm-ping-root .stats-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.wwm-ping-root .stat-box{background:var(--surface-3);border:1px solid var(--border);text-align:center;border-radius:2px;padding:14px 10px;transition:border-color .2s}.wwm-ping-root .stat-box.highlight{border-color:#d4af3740}.wwm-ping-root .stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:5px;font-size:9px;font-weight:700}.wwm-ping-root .stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.1}.wwm-ping-root .stat-unit{color:var(--text-dim);font-size:11px;font-weight:600}.wwm-ping-root .stat-note{color:var(--text-dim);margin-top:3px;font-size:8px;font-weight:600}.wwm-ping-root .hop-breakdown{background:#d4af3708;border:1px solid #d4af371a;border-radius:2px;margin-bottom:16px;padding:14px 16px}.wwm-ping-root .hop-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);text-align:center;margin-bottom:10px;font-size:9px;font-weight:700}.wwm-ping-root .hop-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.wwm-ping-root .hop-box{background:var(--surface-3);border:1px solid var(--border);border-radius:2px;flex-direction:column;align-items:center;gap:2px;min-width:80px;padding:8px 14px;display:flex}.wwm-ping-root .hop-box--result{background:#d4af370f;border-color:#d4af3740}.wwm-ping-root .hop-icon{font-size:14px}.wwm-ping-root .hop-name{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:700}.wwm-ping-root .hop-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}.wwm-ping-root .hop-value--gold{color:var(--gold-light)}.wwm-ping-root .hop-plus,.wwm-ping-root .hop-eq{color:var(--text-dim);font-size:14px;font-weight:800}.wwm-ping-root .hop-note{color:var(--text-dim);text-align:center;margin-top:8px;font-size:9px}.wwm-ping-root .vpn-card{text-align:center;background:#ffab000a;border:1px solid #ffab001f;border-radius:2px;margin-bottom:16px;padding:14px 16px;display:none}.wwm-ping-root .vpn-card.visible{display:block}.wwm-ping-root .vpn-card .vpn-title{text-transform:uppercase;letter-spacing:1px;color:#ffab0080;margin-bottom:6px;font-size:10px;font-weight:700}.wwm-ping-root .vpn-card .vpn-estimate{color:#ffab00;font-variant-numeric:tabular-nums;font-size:28px;font-weight:900;line-height:1}.wwm-ping-root .vpn-card .vpn-estimate .vpn-unit{color:#ffab0066;font-size:13px;font-weight:600}.wwm-ping-root .vpn-card .vpn-savings{color:#66bb6a;margin-top:5px;font-size:11px;font-weight:600}.wwm-ping-root .vpn-card .vpn-note{color:var(--text-dim);margin-top:6px;font-size:9px;line-height:1.4}.wwm-ping-root .sample-log{background:var(--surface-3);border:1px solid var(--border);border-radius:2px;max-height:110px;margin-bottom:20px;padding:10px 14px;font-family:Inter,monospace;overflow-y:auto}.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{color:var(--text-dim);justify-content:space-between;font-size:10px;line-height:1.7;display:flex}.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{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.wwm-ping-root .btn-share{letter-spacing:.02em;color:#fff;border:1px solid var(--border);cursor:pointer;background:var(--surface-2);opacity:0;pointer-events:none;border-radius:2px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:800;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.wwm-ping-root .btn-share.visible{opacity:1;pointer-events:auto}.wwm-ping-root .btn-share:hover{background:var(--surface);border-color:#d4af374d;transform:translateY(-1px)}.wwm-ping-root .btn-share svg{flex-shrink:0}.wwm-ping-root .share-toast{background:var(--surface);color:var(--gold-light);opacity:0;pointer-events:none;z-index:100;border:1px solid #d4af374d;border-radius:2px;padding:10px 20px;font-size:12px;font-weight:700;transition:opacity .25s,transform .25s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 20px #0006}.wwm-ping-root .share-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.wwm-ping-root .btn-start{letter-spacing:.02em;color:#000;cursor:pointer;background:linear-gradient(135deg,#e8c547,#d4af37);border:none;border-radius:2px;align-items:center;gap:10px;padding:12px 32px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 12px #d4af3733}.wwm-ping-root .btn-start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #d4af3759}.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{text-align:center;background:#ffab000a;border:1px solid #ffab001f;border-radius:2px;margin-bottom:16px;padding:12px 16px;animation:.4s forwards wwmPingFadeUp;display:none}.wwm-ping-root .vpn-inline.visible{display:block}.wwm-ping-root .vpn-inline .vpn-inline-title{text-transform:uppercase;letter-spacing:1px;color:#ffab0080;margin-bottom:4px;font-size:9px;font-weight:700}.wwm-ping-root .vpn-inline .vpn-inline-value{color:#ffab00;font-variant-numeric:tabular-nums;font-size:22px;font-weight:900;line-height:1}.wwm-ping-root .vpn-inline .vpn-inline-unit{color:#ffab0066;font-size:11px;font-weight:600}.wwm-ping-root .vpn-inline .vpn-inline-savings{color:#66bb6a;margin-top:3px;font-size:10px;font-weight:600}.wwm-ping-root .progress-wrap{background:var(--border);opacity:0;border-radius:2px;height:3px;margin-bottom:20px;transition:opacity .3s;overflow:hidden}.wwm-ping-root .progress-wrap.active{opacity:1}.wwm-ping-root .progress-bar{background:var(--gold);border-radius:2px;width:0%;height:100%;transition:width .15s}.wwm-ping-root .explain-panel{border:1px solid var(--border);background:var(--surface);border-radius:2px;padding:20px}.wwm-ping-root .explain-panel h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:12px;font-weight:800}.wwm-ping-root .explain-items{flex-direction:column;gap:12px;display:flex}.wwm-ping-root .explain-item{background:var(--surface-3);border:1px solid var(--border);border-radius:2px;padding:10px 12px}.wwm-ping-root .explain-item strong{color:#ffffff8c;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.wwm-ping-root .explain-item span{color:var(--text-dim);font-size:10px;line-height:1.5}.wwm-ping-root .grade-scale{flex-wrap:wrap;gap:4px;margin-top:14px;display:flex}.wwm-ping-root .grade-chip{border:1px solid #0000;border-radius:2px;padding:3px 8px;font-size:9px;font-weight:800}.wwm-ping-root .grade-chip.Splusplus{color:#c77dff;background:#c77dff14;border-color:#c77dff2e}.wwm-ping-root .grade-chip.S{color:#00e5ff;background:#00e5ff14;border-color:#00e5ff26}.wwm-ping-root .grade-chip.A{color:#00e676;background:#00e67614;border-color:#00e67626}.wwm-ping-root .grade-chip.B{color:#66bb6a;background:#66bb6a14;border-color:#66bb6a26}.wwm-ping-root .grade-chip.C{color:#ffab00;background:#ffab0014;border-color:#ffab0026}.wwm-ping-root .grade-chip.D{color:#ff9100;background:#ff910014;border-color:#ff910026}.wwm-ping-root .grade-chip.F{color:#ff1744;background:#ff174414;border-color:#ff174426}@keyframes wwmPingFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.wwm-ping-root .fade-in{opacity:0;animation:.4s 50ms forwards wwmPingFadeUp}@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{max-height:none;position:static}.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-flow:wrap}.wwm-ping-root .server-tab{flex:calc(33% - 4px);min-width:0}.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: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:1px solid var(--border);background:var(--surface);border-radius:2px;padding:0;overflow:hidden}.wwm-ping-root .reaction-header{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .15s;display:flex}.wwm-ping-root .reaction-header:hover{background:var(--surface-3)}.wwm-ping-root .reaction-header-left{align-items:center;gap:10px;display:flex}.wwm-ping-root .reaction-header-icon{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 6px #d4af374d);border-radius:2px;width:28px;height:28px}.wwm-ping-root .reaction-header-title{text-transform:uppercase;letter-spacing:.03em;color:var(--text);font-size:13px;font-weight:800}.wwm-ping-root .reaction-header-sub{color:var(--text-dim);font-size:10px;font-weight:500}.wwm-ping-root .reaction-chevron{color:var(--text-dim);font-size:14px;transition:transform .25s}.wwm-ping-root .reaction-card.open .reaction-chevron{transform:rotate(180deg)}.wwm-ping-root .reaction-body{padding:20px;display:none}.wwm-ping-root .reaction-card.open .reaction-body{display:block}.wwm-ping-root .reaction-arena{border:1px solid var(--border);background:var(--surface-3);-webkit-user-select:none;user-select:none;border-radius:2px;justify-content:center;align-items:center;width:100%;height:180px;transition:border-color .3s,background .3s;display:flex;position:relative;overflow:hidden}.wwm-ping-root .reaction-arena.waiting{border-color:#d4af3726}.wwm-ping-root .reaction-arena.ready{background:#ff17440a;border-color:#ff174466}.wwm-ping-root .reaction-arena.hit-good{background:#00e6760a;border-color:#00e67666}.wwm-ping-root .reaction-arena.hit-bad{background:#ff91000a;border-color:#ff910066}.wwm-ping-root .reaction-arena.too-early{background:#ff17440f;border-color:#ff174480}.wwm-ping-root .reaction-prompt{color:var(--text-dim);text-align:center;font-size:13px;line-height:1.6}.wwm-ping-root .reaction-prompt .key-hint{background:var(--surface-2);border:1px solid var(--border-light);color:var(--text-muted);letter-spacing:.05em;border-radius:2px;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.wwm-ping-root .reaction-skill-icon{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 20px #ff174480);width:80px;height:80px;animation:.15s cubic-bezier(.22,1,.36,1) forwards wwmPingReactionPop;display:none}.wwm-ping-root .reaction-skill-icon.visible{display:block}@keyframes wwmPingReactionPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.wwm-ping-root .reaction-result-text{text-align:center;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:800;position:absolute;bottom:12px;left:0;right:0}.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{color:#ffeb3bd9;text-align:center;background:#ffeb3b0f;border:1px solid #ffeb3b26;border-radius:2px;min-height:0;margin-top:8px;padding:8px 14px;font-size:11px;font-weight:600;line-height:1.5;animation:.3s forwards wwmPingTauntFadeIn;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-variant-numeric:tabular-nums;margin-top:2px;font-size:32px;font-weight:900}.wwm-ping-root .reaction-stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.wwm-ping-root .reaction-stat{text-align:center;background:var(--surface-3);border:1px solid var(--border);border-radius:2px;padding:6px 10px}.wwm-ping-root .reaction-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:3px;font-size:8px;font-weight:700}.wwm-ping-root .reaction-stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:16px;font-weight:900}.wwm-ping-root .reaction-stat-unit{color:var(--text-dim);font-size:10px;font-weight:600}.wwm-ping-root .reaction-avg{background:#d4af370a;border-color:#d4af3733}.wwm-ping-root .reaction-avg .reaction-stat-value{color:var(--gold-light)}.wwm-ping-root .reaction-round-dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.wwm-ping-root .reaction-dot{border:1px solid var(--border);background:var(--surface-3);border-radius:50%;width:10px;height:10px;transition:all .2s}.wwm-ping-root .reaction-dot.done{background:#00e676;border-color:#00e67666}.wwm-ping-root .reaction-dot.fail{background:#ff9100;border-color:#ff910066}.wwm-ping-root .reaction-dot.active{border-color:var(--gold);box-shadow:0 0 6px #d4af374d}.wwm-ping-root .btn-reaction{letter-spacing:.02em;text-transform:uppercase;color:#000;cursor:pointer;background:linear-gradient(135deg,#e8c547,#d4af37);border:none;border-radius:2px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 24px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 12px #d4af3733}.wwm-ping-root .btn-reaction:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #d4af3759}.wwm-ping-root .btn-reaction:disabled{opacity:.4;cursor:not-allowed}.wwm-ping-root .reaction-volume{background:var(--surface-3);border:1px solid var(--border);border-radius:2px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;display:flex}.wwm-ping-root .reaction-volume-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);white-space:nowrap;font-size:10px;font-weight:700}.wwm-ping-root .reaction-volume input[type=range]{appearance:none;background:var(--border-light);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.wwm-ping-root .reaction-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.wwm-ping-root .reaction-volume input[type=range]::-moz-range-thumb{background:var(--gold);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.wwm-ping-root .reaction-volume-pct{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:11px;font-weight:700}.wwm-ping-root .btn-volume-preview{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:2px;padding:4px 10px;font-size:10px;font-weight:700;transition:all .15s}.wwm-ping-root .btn-volume-preview:hover{background:var(--surface);border-color:var(--gold);color:var(--gold-light)}.wwm-ping-root .reaction-btn-row{gap:8px;margin-top:10px;display:flex}.wwm-ping-root .reaction-btn-row .btn-reaction{flex:1}.wwm-ping-root .btn-reaction-secondary{letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--border);cursor:pointer;background:var(--surface-2);color:var(--text-muted);border-radius:2px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:11px;font-weight:800;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.wwm-ping-root .btn-reaction-secondary:hover:not(:disabled){background:var(--surface);border-color:#d4af374d;transform:translateY(-1px)}.wwm-ping-root .btn-reaction-secondary:disabled{opacity:.3;cursor:not-allowed}