.ref-card{border:1px solid var(--color-border);border-radius:var(--radius-box);background:var(--color-surface);gap:14px;margin-bottom:24px;padding:16px 44px 16px 18px;display:flex;position:relative}.ref-card-body{flex:1;min-width:0}.ref-card-body>span{color:var(--color-primary);text-transform:uppercase;font-size:10px;font-weight:700;display:block}.ref-card-body strong{color:var(--color-text-heading);font-size:14px;display:block}.ref-card-body p{color:var(--color-text-muted);margin:2px 0 10px;font-size:12px}.ref-card-close{border-radius:var(--radius-box);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:10px;right:10px}.ref-card-close:hover{background:var(--color-surface-muted)}.ref-link{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ref-link-input{border:1px solid var(--color-border);border-radius:var(--radius-box);background:var(--color-surface-muted);min-width:0;height:36px;color:var(--color-text);flex:240px;padding:0 10px;font-size:13px}.ref-link .btn{align-items:center;gap:6px;display:inline-flex}.wl-card{border:1px solid var(--color-border);border-radius:var(--radius-box);background:var(--color-surface);text-align:left;gap:14px;margin-top:16px;padding:18px 20px;display:grid}.wl-head{align-items:center;gap:16px;display:flex}.wl-head>div:not(.wl-place){flex:1;min-width:0}.wl-head strong{color:var(--color-text-heading);font-size:15px;display:block}.wl-head p{color:var(--color-text-muted);margin:2px 0 0;font-size:13px}.wl-icon{border-radius:var(--radius-box);background:var(--color-primary-bg);width:38px;height:38px;color:var(--color-primary);flex:0 0 38px;place-items:center;display:grid}.wl-place{border-radius:var(--radius-box);background:var(--color-primary-bg);text-align:center;flex:none;min-width:96px;padding:8px 12px;display:grid}.wl-place span,.wl-place small{color:var(--color-text-muted);font-size:11px}.wl-place strong{color:var(--color-primary);font-size:26px;line-height:1.1}.wl-leave{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12px;text-decoration:underline}.wl-error{color:var(--color-error);margin:0;font-size:13px}@media (width<=600px){.wl-head{flex-wrap:wrap}.wl-head .btn{width:100%}}.invite-dialog{max-width:520px}.invite-shares{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.invite-shares .btn{text-decoration:none}.invite-joined{color:var(--color-text-muted);margin:14px 0 0;font-size:12px}.dash-nav-pair{grid-template-columns:1fr 1fr;gap:2px;display:grid}.dash-nav-pair .dash-nav-item{min-width:0}@media (width>=769px){.dash-layout:not(.sidebar-collapsed) .dash-nav-pair .dash-nav-item{gap:8px;padding-inline:8px}.sidebar-collapsed .dash-nav-pair{grid-template-columns:1fr}}.invite-nav-icon{color:var(--color-primary);transform-origin:50% 80%;flex-shrink:0;display:inline-flex}.invite-playing{animation:2s ease-out invite-glow}.invite-playing .invite-nav-icon{animation:.9s ease-in-out 2 invite-wiggle}@keyframes invite-wiggle{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-14deg)scale(1.15)}40%{transform:rotate(12deg)scale(1.15)}60%{transform:rotate(-8deg)scale(1.08)}80%{transform:rotate(4deg)scale(1.03)}}@keyframes invite-glow{0%,to{background:0 0}15%,75%{background:var(--color-primary-bg)}}@media (prefers-reduced-motion:reduce){.invite-playing,.invite-playing .invite-nav-icon{animation:none}}.dash-mobile-icon-btn{border-radius:var(--radius-box);width:40px;height:40px;color:var(--color-primary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.dash-mobile-icon-btn:hover{background:var(--color-primary-bg)}.dash-mobile-logo+.dash-mobile-icon-btn{margin-left:auto}