.hv-community-shell{width:100%;max-width:1320px;margin:auto;padding:24px clamp(16px,3vw,40px) 60px;color:var(--hv-home-text);min-width:0;}
.hv-community-shell h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.045em;margin:8px 0 24px;}.hv-community-shell h2{font-size:22px;line-height:1.25;margin:0 0 16px;}.hv-community-shell h3{font-size:16px;margin:0 0 10px;}.hv-community-shell p{line-height:1.65;}.hv-community-shell a:not(.hv-community-button){color:var(--hv-home-text);}.hv-community-heading{padding:24px 0 8px;}.hv-community-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--hv-accent);margin:0;}
.hv-community-panel{padding:clamp(18px,2.2vw,30px);border:1px solid var(--hv-home-border);background:var(--hv-home-surface);border-radius:18px;margin-bottom:24px;min-width:0;}.hv-community-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;}.hv-community-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--hv-home-border);border-radius:999px;text-decoration:none;font-size:14px;}.hv-community-tabs a[aria-current=page]{background:var(--hv-accent);color:#000!important;font-weight:800;border-color:transparent;}
.hv-community-shell .hv-community-button,.hv-community-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:12px 22px;background:var(--hv-accent);color:#000!important;-webkit-text-fill-color:#000!important;border:0;border-radius:10px;text-decoration:none;font-weight:800;cursor:pointer;line-height:1.3;}.hv-community-shell :is(input,textarea,select,button,a):focus-visible{outline:2px solid var(--hv-accent);outline-offset:4px;}.hv-community-shell progress{display:block;width:100%;height:10px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--hv-accent);margin:12px 0;}.hv-community-shell progress::-webkit-progress-bar{background:var(--hv-home-border);}.hv-community-shell progress::-webkit-progress-value{background:var(--hv-accent);border-radius:10px;}
.hv-profile-summary{display:grid;grid-template-columns:88px minmax(0,1fr);gap:22px;align-items:center;}.hv-profile-summary img,.hv-member-card img{border-radius:50%;object-fit:cover;}.hv-profile-summary h2{margin-bottom:8px;overflow-wrap:anywhere;}.hv-profile-summary p{margin:6px 0;}.hv-community-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}.hv-community-stat-grid .hv-community-panel{display:flex;flex-direction:column;gap:8px;margin:0;}.hv-community-stat-grid strong{font-size:30px;}.hv-community-stat-grid span,.hv-community-note,.hv-community-shell small{font-size:13px;color:var(--hv-home-muted);line-height:1.5;}.hv-community-note{margin:14px 0 26px;}
.hv-profile-form{display:grid;gap:20px;max-width:720px;}.hv-profile-form label{display:grid;gap:8px;font-weight:600;}.hv-profile-form :is(input:not([type=checkbox]),textarea,select){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;padding:12px;border:1px solid var(--hv-home-border);border-radius:10px;background:var(--hv-home-surface);color:var(--hv-home-text);font:inherit;}.hv-profile-form select option{background:var(--hv-home-panel-solid,#171717);color:var(--hv-home-text);}.hv-profile-form .hv-profile-checkbox{display:flex;align-items:center;font-size:14px;}.hv-profile-checkbox input{width:22px;height:22px;accent-color:var(--hv-accent);flex:none;}.hv-avatar-preview{width:96px;height:96px;object-fit:cover;border-radius:50%;}.hv-profile-form small{font-weight:400;}.hv-logout{justify-self:start;min-height:44px;display:flex;align-items:center;}
.hv-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}.hv-badge-card{border:1px solid var(--hv-home-border);border-radius:12px;padding:20px;min-width:0;}.hv-badge-card>span{font-size:28px;display:block;margin-bottom:12px;color:var(--hv-accent);}.hv-badge-card.is-earned{border-color:color-mix(in srgb,var(--hv-accent) 48%,transparent);}.hv-badge-card.is-locked>span{color:var(--hv-home-muted);}.hv-badge-card p{font-size:14px;color:var(--hv-home-muted);}.hv-badge-asset{display:block;width:128px;height:128px;max-width:100%;object-fit:contain;margin:0 auto 12px;}.hv-connected-accounts{display:flex;flex-wrap:wrap;gap:8px;}.hv-connected-accounts .is-connected{border-color:var(--hv-accent);}.hv-member-card{display:flex;gap:14px;align-items:center;min-width:0;padding:16px 0;border-bottom:1px solid var(--hv-home-border);}.hv-member-card__name{min-width:0;flex:1;overflow-wrap:anywhere;}.hv-member-card__name small{display:block;margin-top:5px;}.hv-member-position{width:32px;text-align:center;color:var(--hv-accent);font-weight:800;font-size:20px;flex:none;}.hv-member-card.hv-podium{background:color-mix(in srgb,var(--hv-accent) 7%,transparent);padding:18px 12px;border-radius:12px;margin-bottom:8px;}.hv-member-score{font-size:20px;font-variant-numeric:tabular-nums;}.hv-own-rank{padding:16px;border:1px solid var(--hv-accent);border-radius:10px;}.hv-member-label{display:inline-flex;padding:3px 8px;border:1px solid var(--hv-home-border);border-radius:999px;font-size:11px;color:var(--hv-home-text);white-space:normal;}
.hv-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}.hv-event-cover{width:100%;height:auto;max-height:360px;object-fit:cover;border-radius:12px;margin-bottom:18px;}.hv-event-card h2{margin-top:12px;}.hv-event-card h2 a{text-decoration:none;}.hv-goal-progress{display:block;margin:18px 0;font-size:14px;}.hv-community-content{overflow-wrap:anywhere;}.hv-community-content img{max-width:100%;height:auto;}.hv-community-content iframe{max-width:100%;}.hv-community-toasts{position:fixed;right:20px;bottom:24px;z-index:99999;display:grid;gap:10px;width:min(360px,calc(100vw - 32px));}.hv-community-toast{display:flex;gap:12px;align-items:center;border:1px solid var(--hv-accent);border-radius:14px;padding:12px 12px 12px 18px;background:var(--hv-home-panel-solid,#181818);color:var(--hv-home-text);box-shadow:0 8px 40px #0004;}.hv-community-toast button{margin-left:auto;min-width:44px;min-height:44px;border:0;border-radius:8px;background:var(--hv-accent);color:#000;font-size:22px;cursor:pointer;}
html[data-hv-theme=light] .hv-community-shell,html[data-hv-theme=light] .hv-community-toasts{--hv-home-panel-solid:#fff4fa;}html[data-hv-theme=light] .hv-community-shell :is(h1,h2,h3,strong){color:#151016;-webkit-text-fill-color:#151016;}
@media(max-width:900px){.hv-community-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hv-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.hv-community-shell{padding:16px 14px 40px;}.hv-community-tabs{gap:6px;}.hv-community-tabs a{padding:10px 13px;}.hv-profile-summary{grid-template-columns:72px minmax(0,1fr);gap:12px;}.hv-profile-summary>img,.hv-profile-summary>.hv-framed-avatar{width:70px!important;height:70px!important;transform:translateX(-4px);}.hv-badge-grid,.hv-event-grid{grid-template-columns:1fr;}.hv-community-panel{padding:18px;}.hv-community-stat-grid{gap:10px;}.hv-community-stat-grid .hv-community-panel{padding:16px;}.hv-member-card{gap:10px;}.hv-member-card img{width:40px;height:40px;}.hv-member-score{font-size:16px;}.hv-community-toasts{right:16px;bottom:16px;}}
@media(prefers-reduced-motion:reduce){.hv-community-toast{animation:none!important;}.hv-community-toast.is-leaving{transition:none!important;}}
.hv-community-toast{animation:hv-toast-in .22s ease-out;}.hv-community-toast--unlock{box-shadow:0 8px 40px color-mix(in srgb,var(--hv-accent) 35%,transparent);}.hv-community-toast__content{display:grid;gap:3px;min-width:0;}.hv-community-toast__content strong,.hv-community-toast__content span{overflow-wrap:anywhere;}.hv-community-toast__eyebrow{margin:0;color:var(--hv-accent);font-size:11px;font-weight:800;letter-spacing:.08em;}.hv-community-toast__content small{color:var(--hv-home-muted);font-weight:700;}.hv-community-toast.is-leaving{opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s;}@keyframes hv-toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Service state is server-rendered; cards never infer a connection from a click. */
.hv-connected-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hv-connection{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border:1px solid var(--hv-home-border);border-radius:12px;background:var(--hv-home-surface-strong)}
.hv-connection h3,.hv-connection p{margin:0}
.hv-connection-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--hv-accent);color:#000;font-weight:800}
.hv-connection small{grid-column:2/-1;color:var(--hv-home-muted)}
.hv-connection button:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:760px){.hv-connected-accounts{grid-template-columns:1fr}.hv-connection{grid-template-columns:32px minmax(0,1fr);padding:12px}.hv-connection form{grid-column:2}.hv-connection-icon{width:32px;height:32px}}