.matches-page{height:100%;padding-bottom:var(--nav-height);background:var(--bg-primary);flex-direction:column;display:flex}.page-header{flex-shrink:0;align-items:baseline;gap:10px;padding:20px 20px 12px;display:flex}.page-title{letter-spacing:-.03em;font-size:28px;font-weight:800}.page-count{color:var(--text-muted);font-size:13px}.matches-content{flex:1;min-height:0}.sec-label{color:var(--text-muted);letter-spacing:.5px;margin-bottom:12px;padding:0 4px;font-size:12px;font-weight:600}.bubbles-row{scrollbar-width:none;touch-action:pan-x;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.bubbles-row::-webkit-scrollbar{display:none}.bubble-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.bubble-wrap{width:68px;height:68px;position:relative}.bubble-img{object-fit:cover;border-radius:50%;width:68px;height:68px}.bubble-ring{background:var(--brand-gradient);z-index:-1;border-radius:50%;position:absolute;inset:-3px}.bubble-dot{border:2px solid var(--bg-primary);z-index:1;background:#4ade80;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.bubble-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:12px;font-weight:600;overflow:hidden}.match-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px 4px;transition:background .15s;display:flex}.match-item:active{background:var(--bg-glass)}.match-item-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:54px;height:54px}.match-item-info{flex:1;min-width:0}.match-item-name{color:var(--text-primary);font-size:15px;font-weight:600}.match-item-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.match-item-sub.wf{color:var(--accent-match)}.match-item-action{background:var(--bg-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.matches-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:60px 24px;display:flex}.matches-empty h3{font-size:20px}.matches-empty p{color:var(--text-secondary);font-size:14px}
/*# sourceMappingURL=frontend.4beda7bf.css.map */