.hp-panel{margin:20px 0 28px;padding:24px;border:1px solid rgba(136,167,182,.18);border-radius:20px;background:linear-gradient(130deg,rgba(29,93,83,.18),rgba(20,29,44,.6));overflow:hidden}.hp-heading,.hp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.hp-eyebrow{font-size:10px;letter-spacing:1.8px;color:#70cbb6;font-weight:700}.hp-heading h2{margin:5px 0 0;font-size:23px;color:#edf6f8}.hp-likes{display:grid;grid-template-columns:auto auto;gap:0 7px;align-items:center;text-align:right}.hp-likes>span:first-child{color:#fb9eb8;font-size:26px}.hp-likes strong{font-size:25px;color:#f6e6ee}.hp-likes>span:last-child{grid-column:1/-1;color:#a8b5c6;font-size:11px}.hp-toolbar{margin:22px 0 16px}.hp-toolbar time{color:#93a4b6;font-size:11px}.hp-tabs{display:flex;gap:4px;background:rgba(0,0,0,.2);padding:4px;border-radius:10px}.hp-tabs button{background:transparent;border:0;border-radius:7px;padding:8px 13px;font:inherit;font-size:12px;color:#a7b8c8;cursor:pointer}.hp-tabs button[aria-selected=true]{background:#285e53;color:#e4fff5}.hp-tabs button:focus-visible{outline:2px solid #7be8c3;outline-offset:2px}.hp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hp-metric{background:rgba(8,17,27,.37);border:1px solid rgba(150,176,194,.11);border-radius:13px;padding:17px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.hp-metric>span{font-size:12px;color:#a3b4c5}.hp-metric>strong{font-size:28px;line-height:1.3;margin:9px 0 7px;letter-spacing:-.6px;color:#eef5ff;overflow-wrap:anywhere}.hp-metric a{color:inherit;text-decoration:none}.hp-metric a:hover{text-decoration:underline}.hp-metric small{font-size:10px;color:#91a4b6}.hp-metric .hp-positive{color:#77e0b4}.hp-metric .hp-negative{color:#ff909b}.hp-track{height:3px;width:100%;background:rgba(135,175,167,.15);border-radius:4px;margin:0 0 8px}.hp-track i{display:block;height:100%;background:#77e0b4;border-radius:4px}.hp-view[hidden]{display:none}@media(max-width:480px){.hp-panel{padding:16px;border-radius:15px}.hp-heading h2{font-size:20px}.hp-metric{padding:13px}.hp-metric>strong{font-size:25px}.hp-metric>span{font-size:11px}.hp-tabs button{padding:8px 11px}.hp-toolbar{gap:8px}.hp-eyebrow{font-size:9px;letter-spacing:1px}}

.hp-metric .hp-errors{display:block;color:#e59ba5;margin-top:4px}.hp-toolbar{flex-wrap:wrap}.hp-tabs{max-width:100%;min-width:0}.hp-tabs button{white-space:nowrap}@media(max-width:480px){.hp-tabs{width:100%}.hp-tabs button{flex:1;padding:8px 6px;font-size:11px}.hp-toolbar time{margin-left:auto}}