/* /account/: dark theme for Factory's site-kit v2 (oa-acc*). Loaded after the kit's own <style>. Storefronts, 1 Nov 2026. */
.acct-shell{max-width:780px;margin:0 auto;padding:40px 0 64px}
.acct-card{position:relative;overflow:hidden;padding:clamp(20px,4vw,36px);background:linear-gradient(180deg,rgba(19,27,52,.82),rgba(8,13,28,.78));border:1px solid var(--line2,rgba(128,150,214,.28));border-radius:22px;box-shadow:0 30px 80px -40px rgba(46,242,196,.35)}
.acct-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(46,242,196,.7),rgba(106,168,255,.7),transparent)}
.acct-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#c9fff1;margin:0 0 10px}
.acct-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#2ef2c4}
.acct-help{margin:22px 0 0}.acct-help a{color:#2ef2c4}
.oa-acc{--oa-accent:#2ef2c4;--oa-accent-text:#03110d;--oa-bg:transparent;--oa-fg:#eef1ff;--oa-muted:#a6afd3;--oa-border:rgba(128,150,214,.28);--oa-error:#ffd1d8;--oa-radius:0;
  border:0;padding:0;margin:0;max-width:none;background:transparent;color:var(--oa-fg)}
.oa-acc h1{font-size:clamp(30px,5vw,44px);line-height:1.08;letter-spacing:-.03em;margin:0 0 12px}
.oa-acc h2{font-size:20px;margin:28px 0 10px}
.oa-acc__muted{font-size:16px;line-height:1.6}
.oa-acc__input,.oa-acc__select{max-width:none;min-height:48px;padding:10px 14px;border-radius:12px;background:rgba(3,6,13,.7);color:var(--oa-fg);border:1px solid var(--oa-border)}
.oa-acc__label{font-size:15px;font-weight:600;margin:14px 0 10px}
.oa-acc__btn{min-height:48px;border-radius:12px;font-weight:650;border:0;background:linear-gradient(135deg,#5cf7d6 0%,#2ef2c4 45%,#4fd1ff 100%);color:#03110d;box-shadow:0 10px 30px -10px rgba(46,242,196,.55)}
.oa-acc__btn--secondary{background:rgba(19,27,52,.7);color:var(--oa-fg);border:1px solid var(--oa-border);box-shadow:none}
.oa-acc__btn--secondary:hover{border-color:rgba(46,242,196,.6)}
.oa-acc__btn--danger{background:transparent;color:#ffb4c0;border:1px solid rgba(251,113,133,.6);box-shadow:none}
.oa-acc__btn--small{min-height:44px}
.oa-acc__btn:focus-visible,.oa-acc__input:focus-visible,.oa-acc__select:focus-visible,.oa-acc a:focus-visible,.oa-acc summary:focus-visible{outline:2px solid #2ef2c4;outline-offset:3px}
.oa-acc a{color:#2ef2c4;text-underline-offset:3px}
.oa-acc__error{color:#ffd1d8;background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.45);border-radius:12px;padding:12px 14px}
.oa-acc__ok{color:#d6fff4;background:rgba(46,242,196,.1);border:1px solid rgba(46,242,196,.4);border-radius:12px;padding:12px 14px}
.oa-acc__list{display:grid;gap:12px}
.oa-acc__item{background:rgba(6,11,24,.6);border:1px solid rgba(128,150,214,.16);border-radius:16px;padding:16px}
.oa-acc__name{font-size:17px}
.oa-acc__key{background:rgba(46,242,196,.08);border-color:rgba(46,242,196,.3);color:#c9fff1;border-radius:6px}
.oa-acc__download{border-radius:12px;border-color:rgba(46,242,196,.5);color:#2ef2c4}
.oa-acc__table th,.oa-acc__table td{border-color:rgba(128,150,214,.16)}
.oa-acc summary{color:#2ef2c4}
.oa-acc__skel-line{height:16px;border-radius:8px;background:linear-gradient(90deg,rgba(128,150,214,.10) 25%,rgba(128,150,214,.24) 37%,rgba(128,150,214,.10) 63%);background-size:400% 100%;margin:14px 0}
.oa-acc__spinner{border-color:rgba(128,150,214,.28);border-top-color:#2ef2c4}
@media (prefers-reduced-motion:no-preference){.oa-acc>*{animation:acct-in .4s cubic-bezier(.2,.7,.2,1) both}}
@keyframes acct-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:560px){.acct-shell{padding:20px 0 40px}.oa-acc{margin:0;padding:0;border:0}.oa-acc__actions .oa-acc__btn{width:100%}}
/* "Make your copy" (Google Sheets products) */
.oa-acc__copy{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;margin:4px 6px 0 0;border:1px solid rgba(46,242,196,.5);border-radius:12px;color:#2ef2c4;text-decoration:none;font-size:.95em;overflow-wrap:anywhere}
.oa-acc__copy::after{content:"\2197";margin-left:6px}
.oa-acc__copy:hover{background:rgba(46,242,196,.1)}
.oa-acc__copy:focus-visible{outline:2px solid #2ef2c4;outline-offset:3px}
@media (max-width:560px){.oa-acc__copy{display:flex;justify-content:center;width:100%;box-sizing:border-box}.oa-acc__item>div{width:100%}}