.hookup-seasonal,.hookup-ambassador{display:grid;gap:16px;padding:20px;color:var(--hookup-text,#10272c);background:var(--hookup-surface,#fff);border:1px solid var(--hookup-border,#cad7da);border-radius:20px}
.hookup-account>.hookup-seasonal,.hookup-account>.hookup-ambassador{width:min(1180px,calc(100% - 32px));margin:0 auto 24px}
.hookup-seasonal header>span,.hookup-ambassador>div>span{color:var(--hookup-accent,#477f95);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hookup-seasonal h2,.hookup-seasonal h3,.hookup-ambassador h2{margin:.2rem 0}
.hookup-seasonal__season{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);gap:20px;padding:18px;background:color-mix(in srgb,var(--hookup-accent,#477f95) 6%,var(--hookup-surface,#fff));border-radius:16px}
.hookup-seasonal__goals{display:grid;gap:14px}
.hookup-seasonal__goal{display:grid;gap:7px}
.hookup-seasonal__goal>div:first-child{display:flex;justify-content:space-between;gap:12px}
.hookup-seasonal__bar{height:9px;overflow:hidden;background:color-mix(in srgb,var(--hookup-accent,#477f95) 16%,transparent);border-radius:99px}
.hookup-seasonal__bar span{display:block;height:100%;background:var(--hookup-accent,#477f95);border-radius:inherit}
.hookup-seasonal--spark{box-shadow:inset 0 0 0 2px color-mix(in srgb,#d6a846 28%,transparent)}
.hookup-seasonal__history{display:grid;gap:8px;padding-top:4px}
.hookup-seasonal__history>p{margin:0;color:var(--hookup-muted,#587075)}
.hookup-seasonal__history ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:4px 0 0;padding:0;list-style:none}
.hookup-seasonal__history li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:color-mix(in srgb,var(--hookup-accent,#477f95) 8%,var(--hookup-surface,#fff));border:1px solid color-mix(in srgb,var(--hookup-accent,#477f95) 18%,var(--hookup-border,#cad7da));border-radius:13px}
.hookup-seasonal__history li>span{display:grid;gap:2px}
.hookup-seasonal__history li>b{white-space:nowrap;color:var(--hookup-accent,#477f95)}
.hookup-ambassador{grid-template-columns:auto 1fr;background:linear-gradient(135deg,color-mix(in srgb,#d6a846 16%,var(--hookup-surface,#fff)),var(--hookup-surface,#fff));border-color:color-mix(in srgb,#d6a846 55%,transparent)}
.hookup-ambassador__mark{display:grid;place-items:center;width:58px;height:58px;color:#342400;background:#e6bd5e;border-radius:50%;font-size:1.5rem}
.hookup-ambassador ul{display:grid;gap:10px;padding:0;list-style:none}
.hookup-ambassador li{display:flex;gap:10px;align-items:flex-start}
.hookup-ambassador li span{display:grid}
.hookup-ambassador small,.hookup-seasonal small{color:var(--hookup-muted,#587075)}
html[data-theme=dark] .hookup-seasonal,html[data-theme=dark] .hookup-ambassador{--hookup-text:#f5f8f9;--hookup-muted:#b8c8cc;--hookup-surface:#14292e;--hookup-border:#365057;--hookup-accent:#8bc0d3;color:var(--hookup-text);background:var(--hookup-surface)}
html[data-theme=dark] .hookup-seasonal__season{color:var(--hookup-text);background:#102328;border:1px solid var(--hookup-border)}
html[data-theme=dark] .hookup-seasonal__season p,html[data-theme=dark] .hookup-seasonal__season small,html[data-theme=dark] .hookup-seasonal__goal span{color:var(--hookup-muted)}
@media(max-width:640px){.hookup-seasonal,.hookup-ambassador{padding:15px}.hookup-seasonal__season{grid-template-columns:1fr;padding:14px}.hookup-ambassador{grid-template-columns:1fr}.hookup-seasonal__goal>div:first-child{align-items:flex-start;flex-direction:column;gap:2px}}