.ob{background:var(--bg);height:100dvh;color:var(--ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.ob-top{padding:var(--s2) var(--s3);padding-top:max(var(--s2), env(safe-area-inset-top));justify-content:flex-end;display:flex}.ob-step{align-items:center;gap:var(--s4);width:min(100%, var(--story));padding:12dvh var(--s6) var(--s6);text-align:center;flex-direction:column;margin:0 auto;display:flex;overflow-y:auto}.ob-step[data-dir]{animation:ob-in var(--dur-enter) var(--ease-out)}.ob-step[data-dir=back]{--from:calc(-1 * var(--s4))}@keyframes ob-in{0%{opacity:0;translate:var(--from,var(--s4)) 0}}.ob-mark{height:56px;margin-bottom:var(--s2);place-items:center;display:grid}.ob-mark>.formation{color:var(--accent-text)}.ob-avatar{background:var(--raise);border:1px solid var(--line);width:56px;height:56px;box-shadow:var(--shadow-panel);color:var(--muted);border-radius:999px;place-items:center;font-size:28px;display:grid}.ob-avatar .icon path{stroke-width:1px}.ob h1{font-size:var(--t-xl);line-height:var(--lh-xl);font-weight:var(--w-bold);letter-spacing:-.018em;text-wrap:balance;margin:0}.ob-body{align-items:center;gap:var(--s4);width:100%;margin-top:var(--s4);flex-direction:column;display:flex}.ob-body>:is(.notice,.term){text-align:start;align-self:stretch}.ob-foot{align-items:center;gap:var(--s4);padding:var(--s4) var(--s6);padding-bottom:max(var(--s4), env(safe-area-inset-bottom));grid-template-columns:1fr auto 1fr;display:grid}.ob-foot>:last-child{justify-self:end}.ob-dots{gap:var(--s2);display:flex}.ob-dots>span{background:var(--line-strong);border-radius:999px;width:6px;height:6px}.ob-dots>[data-at]{background:var(--ink)}.vm-progress{align-items:center;gap:var(--s3);flex-direction:column;width:100%;display:flex}.vm-bar{background:var(--line);border-radius:999px;width:min(100%,20rem);height:4px;overflow:hidden}.vm-bar>span{background:var(--ink);transform-origin:0;height:100%;transition:transform var(--dur-move) var(--ease-out);display:block}[data-stage=failed]>.vm-bar>span{background:var(--bad)}.vm-now{gap:var(--s2);font-size:var(--t-sm);line-height:var(--lh-sm);font-weight:var(--w-med);margin:0;display:flex}.vm-now .mono{font-weight:400}.vm-progress>.notice{text-align:start;width:min(100%,28rem)}.wake{gap:var(--s3);margin-top:var(--s6);flex-direction:column;display:flex}.wake h3{align-items:center;gap:var(--s2);font-size:var(--t-sm);line-height:var(--lh-sm);font-weight:var(--w-med);margin:0;display:flex}.wake .vm-progress{align-items:flex-start}.term.ws-login{border:1px solid var(--line);border-radius:var(--r-lg);flex:none;height:min(26rem,60dvh);overflow:hidden}.ob .term.ws-login{height:min(22rem,50dvh)}.ws-login .term-tabs{padding-inline:var(--s4) var(--s2)}.ws-login-name{font-size:var(--t-sm);line-height:var(--lh-sm);font-weight:var(--w-med)}.ws-login .term-screen{padding-left:var(--s4)}.wl>.ssection{margin:0 0 var(--s6) 36px}@media (max-width:47.99rem){.wl>.ssection{margin-left:0}.ob-step{padding-top:6dvh;padding-inline:var(--s4)}.ob-foot{padding-inline:var(--s4)}}:is(.abody,.wl) .srow:has(>.v>.reveal)>.k{flex-basis:4rem}
