.hbn9-center{--hbn9-red:#ee334e;--hbn9-ink:#101426;--hbn9-muted:#667085;--hbn9-line:#e7eaf0;--hbn9-card:#fff;max-width:1180px;margin:0 auto;padding:0 0 32px;color:var(--hbn9-ink)}
.hbn9-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px;border:1px solid var(--hbn9-line);border-radius:20px;background:linear-gradient(135deg,#fff 0%,#fff7f8 100%);box-shadow:0 18px 50px rgba(16,20,38,.06)}
.hbn9-intro>div>span{display:inline-flex;color:var(--hbn9-red);font-size:12px;font-weight:900;letter-spacing:.1em}.hbn9-intro h2{margin:8px 0;font-size:clamp(27px,4vw,44px);line-height:1.04}.hbn9-intro p{max-width:760px;margin:0;color:var(--hbn9-muted);font-size:16px;line-height:1.65}.hbn9-intro>strong{min-width:126px;text-align:center;font-size:36px;color:var(--hbn9-red)}.hbn9-intro>strong small{display:block;color:var(--hbn9-muted);font-size:12px;font-weight:800}
.hbn9-days{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:16px 0}.hbn9-days a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid var(--hbn9-line);border-radius:12px;background:var(--hbn9-card);color:var(--hbn9-ink);font-weight:800;text-decoration:none}.hbn9-days a:last-child{justify-self:end}.hbn9-days a:first-child{justify-self:start}
.hbn9-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.hbn9-metrics span{display:flex;flex-direction:column;padding:16px;border:1px solid var(--hbn9-line);border-radius:14px;background:var(--hbn9-card);color:var(--hbn9-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.hbn9-metrics b{margin-bottom:3px;color:var(--hbn9-ink);font-size:25px;line-height:1}
.hbn9-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:end;padding:14px;border:1px solid var(--hbn9-line);border-radius:15px;background:var(--hbn9-card);position:sticky;top:40px;z-index:20;box-shadow:0 10px 30px rgba(16,20,38,.05)}.hbn9-tools label{display:grid;gap:5px;color:var(--hbn9-muted);font-size:11px;font-weight:900;text-transform:uppercase}.hbn9-tools input{width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--hbn9-line);border-radius:10px;background:#f8f9fb;color:var(--hbn9-ink);font-size:15px}.hbn9-tools>div{display:flex;gap:6px;flex-wrap:wrap}.hbn9-tools button{min-height:40px;padding:8px 12px;border:1px solid var(--hbn9-line);border-radius:10px;background:#fff;color:var(--hbn9-ink);font-weight:800;cursor:pointer}.hbn9-tools button.is-active{border-color:var(--hbn9-red);background:var(--hbn9-red);color:#fff}.hbn9-tools>strong{padding:0 4px 12px;white-space:nowrap;font-size:13px}
.hbn9-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.hbn9-card{overflow:hidden;border:1px solid var(--hbn9-line);border-radius:16px;background:var(--hbn9-card);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hbn9-card:hover{transform:translateY(-2px);border-color:#f5a8b2;box-shadow:0 16px 40px rgba(16,20,38,.08)}.hbn9-card[hidden]{display:none}.hbn9-card>a{display:block;padding:16px;color:inherit;text-decoration:none}.hbn9-card header,.hbn9-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.hbn9-card header span{overflow:hidden;color:var(--hbn9-muted);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.hbn9-card header b{padding:4px 8px;border-radius:999px;background:#eef1f6;color:#475467;font-size:10px;letter-spacing:.06em}.hbn9-card.is-live{border-color:#ffabb6}.hbn9-card.is-live header b{background:var(--hbn9-red);color:#fff}.hbn9-score{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:17px 0 12px}.hbn9-score strong{font-size:15px;line-height:1.3}.hbn9-score strong:last-child{text-align:right}.hbn9-score em{min-width:68px;padding:8px 10px;border-radius:11px;background:var(--hbn9-ink);color:#fff;text-align:center;font-size:21px;font-style:normal;font-weight:900}.hbn9-card p{min-height:42px;margin:0 0 14px;color:var(--hbn9-muted);font-size:13px;line-height:1.55}.hbn9-card footer span{display:flex;align-items:center;gap:7px;color:var(--hbn9-muted);font-size:11px;font-weight:800}.hbn9-card footer i{display:block;width:70px;height:6px;overflow:hidden;border-radius:9px;background:#edf0f4}.hbn9-card footer i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7c8f,var(--hbn9-red))}.hbn9-card footer>b{color:var(--hbn9-red);font-size:12px}
.hbn9-empty{grid-column:1/-1;padding:44px;border:1px dashed var(--hbn9-line);border-radius:16px;text-align:center}.hbn9-empty b{font-size:18px}.hbn9-empty p{color:var(--hbn9-muted)}.hbn9-method{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:18px;padding:16px;border:1px solid var(--hbn9-line);border-radius:14px;background:#f8f9fb}.hbn9-method p{margin:0;color:var(--hbn9-muted);font-size:13px}.hbn9-method a{color:var(--hbn9-red);font-size:12px;font-weight:900;text-decoration:none}
.hbn9-match-panel{margin:0 0 18px;padding:17px;border:1px solid #f3bdc4;border-radius:15px;background:linear-gradient(135deg,#fff,#fff6f7)}.hbn9-match-panel header,.hbn9-match-panel footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.hbn9-match-panel header span{color:var(--hbn9-red);font-size:11px;font-weight:900;letter-spacing:.08em}.hbn9-match-panel header strong{font-size:24px}.hbn9-match-panel p{margin:9px 0 12px;color:var(--hbn9-muted)}.hbn9-match-panel>div{display:flex;gap:6px;flex-wrap:wrap}.hbn9-match-panel>div span{padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.hbn9-match-panel .is-ready{background:#e8f7ef;color:#087443}.hbn9-match-panel .is-missing{background:#eef1f5;color:#667085}.hbn9-match-panel footer{margin-top:12px;padding-top:12px;border-top:1px solid #f1d6da}.hbn9-match-panel footer small{color:var(--hbn9-muted)}
body.dark-mode .hbn9-center,body.hbn-dark .hbn9-center{--hbn9-ink:#f4f6fb;--hbn9-muted:#a9b2c3;--hbn9-line:#2b3242;--hbn9-card:#171c28}.dark-mode .hbn9-intro,.hbn-dark .hbn9-intro{background:linear-gradient(135deg,#171c28,#241920)}.dark-mode .hbn9-tools input,.hbn-dark .hbn9-tools input,.dark-mode .hbn9-method,.hbn-dark .hbn9-method{background:#111620}.dark-mode .hbn9-tools button,.hbn-dark .hbn9-tools button{background:#171c28;color:#f4f6fb}.dark-mode .hbn9-score em,.hbn-dark .hbn9-score em{background:#f4f6fb;color:#101426}
@media(max-width:900px){.hbn9-metrics{grid-template-columns:repeat(2,1fr)}.hbn9-tools{grid-template-columns:1fr;position:static}.hbn9-tools>strong{padding:0}.hbn9-grid{grid-template-columns:1fr}.hbn9-method{grid-template-columns:1fr}.hbn9-intro{align-items:flex-start}.hbn9-intro>strong{min-width:auto}}
@media(max-width:560px){.hbn9-intro{display:block;padding:19px;border-radius:15px}.hbn9-intro>strong{display:block;margin-top:16px;text-align:left}.hbn9-days{grid-template-columns:1fr 1fr}.hbn9-days a:nth-child(2){grid-column:1/-1;grid-row:1}.hbn9-days a:first-child,.hbn9-days a:last-child{justify-self:stretch}.hbn9-metrics{gap:8px}.hbn9-metrics span{padding:13px}.hbn9-tools>div{display:grid;grid-template-columns:repeat(3,1fr)}.hbn9-tools button{padding:7px}.hbn9-card>a{padding:14px}.hbn9-score{grid-template-columns:1fr 62px 1fr;gap:7px}.hbn9-score strong{font-size:13px}.hbn9-score em{min-width:0;font-size:18px}.hbn9-card footer{align-items:flex-end}.hbn9-card footer span{display:grid;grid-template-columns:auto 1fr}.hbn9-card footer i{width:56px}.hbn9-match-panel footer{display:grid}}