[hidden]{display:none!important}.ref-rules{border-color:#355b50;background:linear-gradient(140deg,#173a3299,#101c2c)}.ref-rules>p:first-child{font-size:14px;line-height:1.9;margin:0 0 12px;color:#d3f6e7}.ref-rules p:last-child{margin-bottom:0}.ref-personal{margin-top:18px}.ref-personal label,#ref-join-form label{font-size:11px;color:var(--muted);display:block;margin-bottom:10px}#ref-link,#ref-enter-code{width:100%;padding:14px;border:1px solid #395a66;border-radius:12px;background:#091522;color:var(--mint);font:11px ui-monospace,monospace}#ref-link{cursor:text}.ref-code{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;color:var(--muted);font-size:10px;line-height:1.8;margin:12px 0 20px}.ref-code code{color:#cee9e2}.ref-actions{display:flex;gap:12px;margin:15px 0}.ref-actions button{flex:1}.ref-personal>.micro{margin-top:20px}.ref-friends-panel,.ref-joined{margin:18px 0}.ref-joined h2{font-size:14px;line-height:1.7}.ref-friend{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:18px 0}.ref-friend strong{font-size:12px;font-weight:550}.ref-friend small{display:block;font-size:10px;color:var(--muted);margin-top:6px;line-height:1.8}.ref-badge{padding:6px 9px;border:1px solid #3f5065;border-radius:8px;color:var(--muted);font-size:9px;white-space:nowrap}.ref-badge.active{color:var(--mint);border-color:#467967;background:#143229}.ref-pagination{display:flex;justify-content:space-between;padding-top:10px}.ref-lab-card{display:flex;align-items:center;gap:17px;margin-top:20px}.ref-lab-card .upgrade-icon{margin:0;flex-shrink:0}.ref-lab-card h2{font-size:14px;margin:0 0 6px}.ref-lab-card p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.ref-lab-card button{width:auto;flex-shrink:0;font-size:11px}#ref-join-form{display:grid;gap:12px;margin:20px 0 0}#ref-join-form label{margin:0}
@media(max-width:760px){.bottomnav{grid-template-columns:repeat(6,1fr)}.bottomnav button{font-size:8px}.ref-actions{flex-direction:column}.ref-lab-card{flex-wrap:wrap}.ref-lab-card>div:nth-child(2){flex:1}.ref-lab-card button{width:100%}.ref-friend{gap:10px}.ref-badge{max-width:110px;white-space:normal;text-align:center}.ref-stats .stat{padding:16px 10px}.ref-stats strong{font-size:19px}.ref-stats .label{font-size:9px}}