.pp-nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 28px}.pp-nav button,.pp-controls select{border:1px solid #343441;background:#191c25;color:#ddd8eb;border-radius:12px;padding:12px 14px;font:inherit}.pp-nav button.active{background:#bca5ff;color:#12131b}.pp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.pp-cards>div{padding:20px;background:#191c25;border:1px solid #ffffff10;border-radius:18px;min-width:0}.pp-cards small{display:block;color:#a7a8b6;font-size:12px;margin-bottom:12px}.pp-cards b{font-size:clamp(18px,4vw,30px);overflow-wrap:anywhere}.pp-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.pp-controls label{display:grid;gap:8px;color:#a7a8b6;flex:1;min-width:180px}.pp-controls select{width:100%;min-width:0}.pp-confidence{padding:20px;border:1px solid #bca5ff50;border-radius:18px;margin:24px 0}.pp-confidence b,.pp-confidence span{display:block;margin-bottom:8px}.pp-confidence span,.pp-confidence p{color:#a7a8b6;font-size:13px;line-height:1.65}.pp-confidence.high{border-color:#d5f1a380}.pp-confidence.low,.pp-confidence.stale{border-color:#ffb89d80}.pp-chart{width:100%;background:#191c25;border-radius:18px;margin:12px 0 26px;padding:15px 0}.pp-list>div,.pp-list>button{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border:0;border-bottom:1px solid #ffffff15;background:transparent;color:inherit;text-align:left;width:100%;font:inherit}.pp-list span{min-width:0;overflow-wrap:anywhere}.pp-list small{display:block;margin-top:7px;color:#a7a8b6;font-size:12px}.pp-list strong{white-space:nowrap}.pp-scatter{background:#191c25;padding:12px;border-radius:20px}.pp-scatter svg{width:100%;overflow:visible}.pp-scatter circle{cursor:pointer}.pp-scatter circle:focus{stroke:#fff;stroke-width:3;outline:none}.pp-point{margin:20px 0;color:#a7a8b6}.pp-stacked{display:flex;height:14px;border-radius:9px;overflow:hidden;margin:30px 0}.pp-stacked i{display:block}.pp-nav button:focus-visible,.pp-list button:focus-visible{outline:2px solid #d5f1a3;outline-offset:3px}@media(min-width:800px){.pp-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:390px){.pp-nav button{font-size:11px;padding:10px}.pp-list>div,.pp-list>button{font-size:12px}.pp-cards>div{padding:14px}}
.pp-controls .pl-segment{display:flex;gap:4px;background:#191c25;padding:5px;border:1px solid #343441;border-radius:12px}.pp-controls .pl-segment button{border:0;background:transparent;color:#a7a8b6;padding:10px;border-radius:8px;font:inherit;font-size:12px}.pp-controls .pl-segment button.active{background:#bca5ff;color:#12131b}
