.acct{--acct-brand-ink: var(--color-brand-ink, hsl(217 85% 72%));--acct-lobe-bright: var(--color-brand);--acct-lobe-deep: var(--color-brand-companion, hsl(220 55% 38%));--acct-lobe-warm: var(--color-brand-warm, var(--acct-lobe-deep));--acct-row-hover: rgb(255 255 255 / .05);--acct-sheen: rgb(255 255 255 / .05);--acct-card-top: rgb(255 255 255 / .04);--acct-card-bottom: rgb(255 255 255 / .015)}[data-theme=client] .acct{--acct-brand-ink: var(--color-brand);--acct-row-hover: rgb(15 23 42 / .05);--acct-sheen: rgb(255 255 255 / .55);--acct-card-top: rgb(255 255 255 / .6);--acct-card-bottom: rgb(255 255 255 / .25)}.acct{min-height:100vh;position:relative;isolation:isolate;background-color:var(--color-bg)}.acct:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse 60% 90% at 0% 30%,color-mix(in srgb,var(--acct-lobe-bright) 20%,transparent),transparent 70%),radial-gradient(ellipse 60% 90% at 100% 70%,color-mix(in srgb,var(--acct-lobe-warm) 18%,transparent),transparent 70%)}[data-theme=client] .acct:before{background-image:radial-gradient(ellipse 60% 90% at 0% 30%,color-mix(in srgb,var(--acct-lobe-bright) 9%,transparent),transparent 70%),radial-gradient(ellipse 60% 90% at 100% 70%,color-mix(in srgb,var(--acct-lobe-warm) 7%,transparent),transparent 70%)}.acct-card{position:relative;border-radius:1rem;border:1px solid var(--color-line);background-color:color-mix(in srgb,var(--color-panel) 92%,transparent);background-image:linear-gradient(180deg,var(--acct-card-top),var(--acct-card-bottom));box-shadow:inset 0 1px 0 var(--acct-sheen),0 1px 2px #00000080,0 0 0 1px color-mix(in srgb,var(--acct-lobe-bright) 7%,transparent),0 24px 48px -28px #000000b3}[data-theme=client] .acct-card{box-shadow:inset 0 1px 0 var(--acct-sheen),0 1px 2px #0f172a0f,0 0 0 1px color-mix(in srgb,var(--acct-lobe-deep) 8%,transparent),0 16px 36px -24px color-mix(in srgb,var(--acct-lobe-deep) 14%,transparent)}@media(prefers-reduced-motion:no-preference){.acct-lift{transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.acct-lift:hover{transform:translateY(-2px)}}.acct-card.acct-lift:hover{border-color:color-mix(in srgb,var(--color-brand) 28%,var(--color-line));box-shadow:inset 0 1px 0 var(--acct-sheen),0 1px 2px #00000080,0 0 0 1px color-mix(in srgb,var(--acct-lobe-bright) 12%,transparent),0 0 48px -6px color-mix(in srgb,var(--acct-lobe-bright) 28%,transparent),0 24px 48px -28px #000000b3}[data-theme=client] .acct-card.acct-lift:hover{box-shadow:inset 0 1px 0 var(--acct-sheen),0 1px 2px #0f172a0f,0 0 0 1px color-mix(in srgb,var(--acct-lobe-deep) 14%,transparent),0 0 40px -8px color-mix(in srgb,var(--acct-lobe-deep) 18%,transparent),0 16px 36px -24px color-mix(in srgb,var(--acct-lobe-deep) 18%,transparent)}.acct-rail{background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-panel) 88%,transparent),color-mix(in srgb,var(--color-bg) 92%,transparent));border-right:1px solid var(--color-line);box-shadow:inset -1px 0 #ffffff08,1px 0 40px -20px color-mix(in srgb,var(--acct-lobe-bright) 25%,transparent)}[data-theme=client] .acct-rail{background-image:linear-gradient(180deg,#ffffffe6,#f6f8fad9);box-shadow:1px 0 32px -20px color-mix(in srgb,var(--acct-lobe-deep) 20%,transparent)}.acct-nav-item{display:flex;align-items:center;gap:.625rem;min-height:2.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--color-body)}.acct-nav-item:hover{background-color:var(--acct-row-hover);color:var(--color-ink)}.acct-nav-item[aria-current=page]{background-image:linear-gradient(90deg,color-mix(in srgb,var(--acct-lobe-bright) 18%,transparent),transparent);color:var(--acct-brand-ink);font-weight:600;box-shadow:inset 3px 0 0 var(--color-brand),inset 0 1px #ffffff0d,0 0 24px -8px color-mix(in srgb,var(--acct-lobe-bright) 40%,transparent)}[data-theme=client] .acct-nav-item[aria-current=page]{background-image:linear-gradient(90deg,color-mix(in srgb,var(--acct-lobe-deep) 12%,transparent),transparent);box-shadow:inset 3px 0 0 var(--color-brand),0 0 24px -10px color-mix(in srgb,var(--acct-lobe-deep) 30%,transparent)}@media(prefers-reduced-motion:no-preference){.acct-nav-item{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}}.acct-divider{height:1px;background-color:var(--color-line-soft);margin:.625rem .75rem}.acct-label{font-family:var(--font-display);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--acct-brand-ink)}.acct-label-muted{font-family:var(--font-display);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--color-mute)}.acct-pill{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:9999px;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;border:1px solid transparent;cursor:pointer}.acct-pill-primary{background-image:linear-gradient(135deg,var(--color-brand),var(--color-brand-strong));color:var(--color-bg);box-shadow:0 0 24px -8px color-mix(in srgb,var(--acct-lobe-bright) 45%,transparent)}[data-theme=client] .acct-pill-primary{color:var(--color-on-brand)}.acct-pill-primary:hover{box-shadow:0 0 32px -6px color-mix(in srgb,var(--acct-lobe-bright) 60%,transparent)}.acct-pill-secondary{background:linear-gradient(var(--color-panel-2),var(--color-panel-2)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--acct-lobe-bright) 55%,transparent),color-mix(in srgb,var(--acct-lobe-deep) 25%,transparent)) border-box;color:var(--color-ink)}.acct-pill-secondary:hover{background:linear-gradient(var(--color-panel),var(--color-panel)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--acct-lobe-bright) 80%,transparent),color-mix(in srgb,var(--acct-lobe-deep) 45%,transparent)) border-box}.acct-pill-ghost{border-color:var(--color-line);background-color:color-mix(in srgb,var(--color-panel-2) 70%,transparent);color:var(--color-body)}.acct-pill-ghost:hover{border-color:color-mix(in srgb,var(--color-silver) 25%,transparent);color:var(--color-ink)}.acct-pill:disabled{cursor:not-allowed;opacity:.5}@media(prefers-reduced-motion:no-preference){.acct-pill{transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.acct-pill:hover:not(:disabled){transform:translateY(-2px)}.acct-pill:active:not(:disabled){transform:translateY(0) scale(.96)}.acct-card.acct-lift:hover:has(.acct-pill:hover,.acct-lift:hover){transform:none}}.acct-new-pill{display:inline-flex;align-items:center;border-radius:9999px;padding:.0625rem .4375rem;background-color:color-mix(in srgb,var(--acct-lobe-deep) 47%,black);color:var(--acct-brand-ink);font-family:var(--font-display);font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}[data-theme=client] .acct-new-pill{background-color:var(--color-brand-deep);color:var(--color-brand-strong)}.acct-gradient-border{border:1px solid transparent;border-radius:.75rem;background:linear-gradient(color-mix(in srgb,var(--color-panel) 96%,transparent),color-mix(in srgb,var(--color-panel) 96%,transparent)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--acct-lobe-bright) 70%,transparent),color-mix(in srgb,var(--acct-lobe-deep) 20%,transparent) 45%,color-mix(in srgb,var(--acct-lobe-bright) 45%,transparent)) border-box;box-shadow:0 0 32px -10px color-mix(in srgb,var(--acct-lobe-bright) 30%,transparent)}[data-theme=client] .acct-gradient-border{background:linear-gradient(var(--color-panel),var(--color-panel)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--acct-lobe-deep) 55%,transparent),color-mix(in srgb,var(--acct-lobe-deep) 15%,transparent) 45%,color-mix(in srgb,var(--acct-lobe-deep) 40%,transparent)) border-box;box-shadow:0 0 28px -12px color-mix(in srgb,var(--acct-lobe-deep) 30%,transparent)}.acct-locked-chip{display:inline-flex;align-items:center;gap:.3125rem;border-radius:9999px;border:1px dashed color-mix(in srgb,var(--color-mute) 45%,transparent);background-color:color-mix(in srgb,var(--color-panel-2) 55%,transparent);color:var(--color-mute);font-size:.6875rem;font-weight:600;padding:.3125rem .75rem;cursor:default}.acct-medallion{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:9999px;border:1px solid color-mix(in srgb,var(--acct-lobe-bright) 30%,transparent);background:radial-gradient(closest-side,color-mix(in srgb,var(--acct-lobe-bright) 16%,transparent),transparent 85%),color-mix(in srgb,var(--color-panel-2) 80%,transparent);color:var(--acct-brand-ink);box-shadow:0 0 48px -6px color-mix(in srgb,var(--acct-lobe-bright) 45%,transparent)}.acct-icon-chip{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--acct-lobe-bright) 30%,transparent);background-image:linear-gradient(135deg,color-mix(in srgb,var(--acct-lobe-bright) 22%,transparent),color-mix(in srgb,var(--acct-lobe-deep) 20%,transparent));color:var(--acct-brand-ink)}.acct-switch{position:relative;width:2.5rem;height:1.375rem;border-radius:9999px;border:1px solid var(--color-line);background-color:var(--color-panel-2);cursor:pointer;flex-shrink:0}.acct-switch:after{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:9999px;background-color:var(--color-mute)}.acct-switch[aria-checked=true]{border-color:color-mix(in srgb,var(--acct-lobe-bright) 50%,transparent);background-image:linear-gradient(135deg,color-mix(in srgb,var(--acct-lobe-bright) 35%,transparent),color-mix(in srgb,var(--acct-lobe-deep) 30%,transparent));box-shadow:0 0 20px -6px color-mix(in srgb,var(--acct-lobe-bright) 50%,transparent)}.acct-switch[aria-checked=true]:after{left:calc(100% - 1rem - 2px);background-color:var(--color-brand)}[data-theme=client] .acct-switch[aria-checked=true]:after{background-color:var(--color-brand-strong)}@media(prefers-reduced-motion:no-preference){.acct-switch{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.acct-switch:after{transition:left .18s cubic-bezier(.22,1,.36,1),background-color .18s ease}}.acct-meter{display:block;width:100%;height:.3125rem;border-radius:9999px;background-color:color-mix(in srgb,var(--color-line) 70%,transparent);overflow:hidden}.acct-meter-fill{display:block;height:100%;border-radius:9999px;background-image:linear-gradient(90deg,color-mix(in srgb,var(--acct-lobe-deep) 80%,transparent),var(--acct-lobe-bright))}.acct-meter-fill-met{background-image:linear-gradient(90deg,var(--acct-lobe-bright),var(--color-brand-strong, var(--acct-lobe-bright)));box-shadow:0 0 12px color-mix(in srgb,var(--acct-lobe-bright) 55%,transparent)}@media(prefers-reduced-motion:no-preference){.acct-meter-fill{transition:width .42s cubic-bezier(.22,1,.36,1)}}.acct-alert-met{border-color:color-mix(in srgb,var(--acct-lobe-bright) 55%,var(--color-line));--acct-met-shadow-base: 0 1px 2px rgb(0 0 0 / .5)}[data-theme=client] .acct-alert-met{--acct-met-shadow-base: 0 1px 2px rgb(15 23 42 / .06)}@media(prefers-reduced-motion:no-preference){.acct-alert-met{animation:acct-met-pulse 2.4s ease-in-out infinite}}@keyframes acct-met-pulse{0%,to{box-shadow:inset 0 1px 0 var(--acct-sheen),var(--acct-met-shadow-base),0 0 0 1px color-mix(in srgb,var(--acct-lobe-bright) 20%,transparent),0 0 24px -8px color-mix(in srgb,var(--acct-lobe-bright) 35%,transparent)}50%{box-shadow:inset 0 1px 0 var(--acct-sheen),var(--acct-met-shadow-base),0 0 0 1px color-mix(in srgb,var(--acct-lobe-bright) 40%,transparent),0 0 48px -4px color-mix(in srgb,var(--acct-lobe-bright) 60%,transparent)}}.acct-check-row{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;padding:.375rem .5rem;border-radius:.625rem;color:var(--color-body)}a.acct-check-row:hover{background-color:var(--acct-row-hover);color:var(--color-ink)}@media(prefers-reduced-motion:no-preference){.acct-check-row{transition:background-color .18s ease,color .18s ease}}.acct-check-dot{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;flex-shrink:0;border-radius:9999px;border:1.5px dashed color-mix(in srgb,var(--color-mute) 55%,transparent);color:transparent}.acct-check-dot-done{border:1px solid color-mix(in srgb,var(--acct-lobe-bright) 55%,transparent);background-image:linear-gradient(135deg,color-mix(in srgb,var(--acct-lobe-bright) 45%,transparent),color-mix(in srgb,var(--acct-lobe-deep) 40%,transparent));color:var(--acct-brand-ink);box-shadow:0 0 16px -4px color-mix(in srgb,var(--acct-lobe-bright) 50%,transparent)}[data-theme=client] .acct-check-dot-done{color:var(--color-brand-strong)}@media(prefers-reduced-motion:no-preference){.acct-check-dot{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}}.acct-feed-row{position:relative;display:flex;align-items:flex-start;gap:.75rem;min-height:2.5rem;padding:.4375rem .25rem .4375rem 0}.acct-feed-rail{position:relative;display:flex;flex-direction:column;align-items:center;align-self:stretch;flex-shrink:0;width:1rem;padding-top:.4375rem}.acct-feed-dot{width:.5rem;height:.5rem;border-radius:9999px;flex-shrink:0;background-color:var(--color-mute);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-mute) 15%,transparent)}.acct-feed-dot-brand{background-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--acct-lobe-bright) 25%,transparent)}.acct-feed-dot-silver{background-color:var(--color-silver);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-silver) 18%,transparent)}.acct-feed-line{flex:1;width:1px;margin-top:.375rem;background-color:var(--color-line-soft)}@media(prefers-reduced-motion:no-preference){.acct-sparkle{animation:acct-twinkle 2.6s ease-in-out infinite}}@keyframes acct-twinkle{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@media(prefers-reduced-motion:no-preference){.acct-enter{animation:acct-rise .52s cubic-bezier(.2,.7,.2,1) both}}@keyframes acct-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.acct-lift,.acct-pill,.acct-nav-item,.acct-switch,.acct-switch:after,.acct-sparkle,.acct-enter,.acct-meter-fill,.acct-alert-met,.acct-check-row,.acct-check-dot{animation:none;transition:none}}
