.contact-favorite-tabs{display:flex;gap:7px;margin:10px 0}.contact-favorite-tabs button{border:1px solid #344158;border-radius:10px;background:#131a25;color:#b9c5d7;padding:8px 11px;font-weight:850}.contact-favorite-tabs button.on{background:#eef3ff;color:#10131a}.contact-favorite-summary{color:#92a0b5;font-size:10px;margin:0 0 9px}.river-contact-picker{position:fixed;inset:0;z-index:9700;background:rgba(2,5,11,.82);display:grid;place-items:center;padding:14px}.river-contact-card{width:min(500px,100%);max-height:88vh;overflow:auto;border:1px solid #42619a;border-radius:20px;background:#0e1624;color:#fff;padding:16px;box-shadow:0 28px 90px rgba(0,0,0,.78)}.river-contact-head{display:flex;align-items:flex-start;gap:10px}.river-contact-head h2{margin:3px 0}.river-contact-head button{margin-left:auto;border:1px solid #3b4960;border-radius:10px;background:#171f2d;color:#fff;width:36px;height:36px}.river-contact-list{display:grid;gap:7px;margin-top:12px}.river-contact-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #2e3c52;border-radius:13px;background:#121b2a;padding:10px}.river-contact-option:first-child{border-color:#668ee2;background:#172540}.river-contact-option b,.river-contact-option small{display:block}.river-contact-option small{color:#91a1b9;margin-top:3px}.river-contact-option button{border:1px solid #49669c;border-radius:10px;background:#234d9c;color:#fff;padding:8px 10px;font-weight:850}.river-contact-rank{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-right:7px;border-radius:999px;background:#273957;color:#cbdcff;font-size:9px}.contact-row.favorite-hidden{display:none!important}@media(max-width:650px){.river-contact-card{padding:13px;border-radius:17px}.river-contact-option{grid-template-columns:1fr}.river-contact-option button{width:100%}}
.river-contact-search{position:sticky;top:0;z-index:2;width:100%;margin:12px 0 2px;padding:12px 13px;border:1px solid #5479bd;border-radius:12px;background:#0a111d;color:#fff;font-size:16px}.river-contact-search::placeholder{color:#8290a5}.river-contact-empty{display:none;padding:18px;text-align:center;color:#9eabc0}.river-contact-empty.on{display:block}