.atm{--atm-brand:var(--brand-primary,var(--vanar-teal,#0e3c35));--atm-accent:color-mix(in srgb, var(--atm-brand) 42%, #5fe9c4);--atm-bg-0:#04130f;--atm-bg-1:#07221b;--atm-ink:#eafff7;--atm-muted:color-mix(in srgb, var(--atm-ink) 58%, transparent);--atm-flight:.72s;--atm-t-headline:calc(var(--t-page) * 1.3);--atm-t-tile-label:calc(var(--t-small) * 1.35);--atm-t-cta:calc(var(--t-small) * 1.25);z-index:100;padding:var(--sp-8) var(--sp-6) var(--sp-7);text-align:center;background:radial-gradient(135% 115% at 50% 46%, transparent 55%, #00000080 100%), radial-gradient(120% 90% at 50% 12%, var(--atm-bg-1), var(--atm-bg-0) 72%);color:var(--atm-ink);flex-direction:column;align-items:center;gap:clamp(16px,3vh,36px);animation:.32s both atm-surface-in;display:flex;position:fixed;inset:0;overflow:hidden}.atm__aura{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--atm-accent) 26%, transparent), transparent 62%);filter:blur(8px);pointer-events:none;border-radius:50%;width:min(620px,80%);animation:4.2s ease-in-out infinite atm-aura;position:absolute;top:50%;left:50%;translate:-50% -50%}.atm__sweep{aspect-ratio:1;background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--atm-accent) 20%, transparent) 38deg, transparent 110deg, transparent 360deg);filter:blur(30px);opacity:.45;pointer-events:none;border-radius:50%;width:min(760px,96%);animation:16s linear infinite atm-sweep-rotate;position:absolute;top:50%;left:50%;translate:-50% -50%}.atm__head{align-items:center;gap:var(--sp-2);flex-direction:column;flex:none;animation:.56s cubic-bezier(.22,.7,.2,1) both atm-head-in;display:flex;position:relative}.atm__eyebrow{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--t-eyebrow);letter-spacing:.28em;text-transform:uppercase;color:var(--atm-accent);margin:0}.atm__headline{font-family:var(--font-display,var(--font-big-shoulders), system-ui);font-size:var(--atm-t-headline);line-height:var(--lh-page);letter-spacing:var(--tr-display);text-transform:uppercase;color:#0000;background:linear-gradient(100deg, var(--atm-ink) 0%, var(--atm-ink) 40%, color-mix(in srgb, var(--card) 80%, var(--atm-accent)) 50%, var(--atm-ink) 60%, var(--atm-ink) 100%);filter:drop-shadow(0 2px 26px color-mix(in srgb, var(--atm-accent) 42%, transparent));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:800;animation:5s ease-in-out infinite atm-headline-shimmer}.atm__dots{text-align:left;width:2ch;display:inline-block}.atm__subline{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--atm-muted);margin:0;font-size:clamp(14px,1.8vw,17px);animation:.42s both atm-explainer-in}.atm__foot{align-items:center;gap:var(--sp-3);flex-direction:column;flex:none;display:flex;position:relative}.atm__progress{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--t-meta);letter-spacing:.16em;text-transform:uppercase;color:var(--atm-muted);margin:0}.atm .atm__cta{box-shadow:0 14px 36px -14px var(--cta-glow), 0 0 28px color-mix(in srgb, var(--atm-bg-0) 60%, transparent)}.atm .atm__cta:not(:disabled){animation:.56s cubic-bezier(.22,.7,.2,1) both atm-cta-in}.atm .atm__cta:disabled{cursor:default;box-shadow:none}@media (max-height:900px){.atm{padding:var(--sp-6) var(--sp-6) var(--sp-5);gap:clamp(12px,2vh,24px)}.atm__headline{font-size:calc(var(--t-page) * 1.05)}}@media (max-height:740px){.atm__aura,.atm__sweep{opacity:.32}}.atm__foh{align-items:center;gap:var(--sp-1);text-align:center;flex-direction:column;max-width:46ch;margin:0;animation:.42s cubic-bezier(.22,.8,.24,1) .12s both atm-explainer-in;display:flex}.atm__foh-eyebrow{color:var(--atm-accent);font:700 var(--t-micro)/1 var(--font-mono,ui-monospace, monospace);letter-spacing:.2em;text-transform:uppercase}.atm__foh-line{color:var(--atm-ink);font-size:var(--t-body);overflow-wrap:anywhere;line-height:1.45}.atm__foh[data-state=pending] .atm__foh-line{color:var(--atm-muted)}
.atm__stage{flex:auto;place-items:center;width:100%;min-height:0;display:grid;position:relative}.atm__grid{padding:var(--sp-2) var(--sp-5);overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;grid-template-rows:1fr;grid-auto-columns:minmax(180px,244px);grid-auto-flow:column;gap:clamp(16px,2.2vw,28px);max-width:100%;margin:0;list-style:none;display:grid;position:relative;overflow-x:auto}.atm__tile{--fly-x:0px;--fly-y:0px;--fly-scale:1.85;opacity:1;will-change:transform, opacity;display:grid;position:relative;transform:none}.atm__tile[data-state=pending]{opacity:0;pointer-events:none}.atm__tile[data-state=flying]{z-index:4;animation:atm-tile-fly var(--atm-flight) cubic-bezier(.42, 0, .16, 1) both}.atm__tile[data-state=landed]{opacity:1;transform:none}.atm__tile-face{align-items:center;gap:var(--sp-3);height:100%;padding:var(--sp-7) var(--sp-5) var(--sp-6);border-radius:var(--r-panel);background:linear-gradient(180deg, color-mix(in srgb, var(--atm-ink) 8%, transparent), color-mix(in srgb, var(--atm-brand) 30%, transparent));border:1px solid color-mix(in srgb, var(--atm-accent) 34%, transparent);box-shadow:0 18px 40px color-mix(in srgb, var(--atm-bg-0) 70%, transparent);flex-direction:column;display:flex}.atm__tile[data-state=landed] .atm__tile-face{animation:3.6s ease-in-out infinite atm-face-breathe}.atm__tile:after{content:"";border-radius:var(--r-panel);pointer-events:none;box-shadow:0 0 0 0 color-mix(in srgb, var(--atm-accent) 60%, transparent);position:absolute;inset:0}.atm__tile[data-state=landed]:after{animation:.62s ease-out both atm-tile-lock}.atm__tile-avatar{filter:drop-shadow(0 4px 14px color-mix(in srgb, var(--atm-bg-0) 60%, transparent))}.atm__tile-label{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--atm-t-tile-label);letter-spacing:.14em;text-transform:uppercase;color:var(--atm-ink)}.atm__tile-explainer{max-width:22ch;font-family:var(--font-body,system-ui);font-size:var(--t-dense);color:var(--atm-muted);opacity:1;line-height:1.4}@media (max-height:900px){.atm__grid{gap:clamp(12px,1.6vw,20px)}.atm__tile-face{gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-3)}}@media (max-height:740px){.atm__tile-explainer{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}
@keyframes atm-surface-in{0%{opacity:0}to{opacity:1}}@keyframes atm-head-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes atm-aura{0%,to{opacity:.8;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes atm-tile-fly{0%{opacity:0;transform:translate3d(var(--fly-x), var(--fly-y), 0) scale(calc(var(--fly-scale) * .82))}18%{opacity:1;transform:translate3d(var(--fly-x), var(--fly-y), 0) scale(var(--fly-scale))}34%{opacity:1;transform:translate3d(var(--fly-x), var(--fly-y), 0) scale(var(--fly-scale))}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes atm-tile-lock{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--atm-accent) 0%, transparent)}35%{box-shadow:0 0 26px 3px color-mix(in srgb, var(--atm-accent) 60%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--atm-accent) 0%, transparent)}}@keyframes atm-sweep-rotate{to{transform:rotate(360deg)}}@keyframes atm-headline-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes atm-explainer-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes atm-cta-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes atm-face-breathe{0%,to{box-shadow:0 18px 40px color-mix(in srgb, var(--atm-bg-0) 70%, transparent);transform:translateY(0)}50%{box-shadow:0 26px 52px color-mix(in srgb, var(--atm-bg-0) 72%, transparent), 0 0 24px 1px color-mix(in srgb, var(--atm-accent) 36%, transparent);transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.atm,.atm__aura,.atm__sweep,.atm__head,.atm__headline,.atm__subline,.atm__tile,.atm__tile-face,.atm__cta,.atm__tile:after{animation:none!important}.atm__tile,.atm__tile[data-state=flying]{opacity:1;transform:none}.atm__headline{color:var(--atm-ink);filter:none;background:0 0}}.atm--reduced.atm,.atm--reduced .atm__aura,.atm--reduced .atm__sweep,.atm--reduced .atm__headline,.atm--reduced .atm__subline,.atm--reduced .atm__head,.atm--reduced .atm__tile-face,.atm--reduced .atm__cta,.atm--reduced .atm__foh,.atm--reduced .atm__tile:after{animation:none}.atm--reduced .atm__tile{opacity:1;animation:.28s both atm-fade-in;transform:none}.atm--reduced .atm__headline{color:var(--atm-ink);filter:none;background:0 0}@keyframes atm-fade-in{0%{opacity:0}to{opacity:1}}
.onb-staged{gap:var(--sp-4);overflow-anchor:none;height:100%;min-height:0;padding-bottom:var(--sp-2);flex-direction:column;display:flex;overflow-y:auto}.create-main .onb-staged{padding-inline:clamp(16px,4vw,72px)}.onb-staged__scanwarn{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-control);color:#5c4410;font-size:var(--t-small);background:#fdf4e2;border:1px solid #b8862880;border-left:3px solid #c8881e;line-height:1.5}.onb-staged__scanwarn strong{color:#8a5410}.onb-staged__competitive{gap:var(--sp-4);flex-direction:column;display:flex}.onb-staged__bar{justify-content:flex-end;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.onb-staged__continue--primary{width:min(560px,100%);margin:var(--sp-3) 0 var(--sp-6);align-self:center}.onb-resume-page{align-items:flex-start;gap:var(--sp-4);padding:var(--sp-10);flex-direction:column;display:flex}.onb-resume-page__status{font-size:var(--t-dense);color:var(--chart-muted);line-height:1.5}
