:root{--font-portal-display:"Gabarito Variable", system-ui, sans-serif;--font-portal-data:"IBM Plex Mono", ui-monospace, monospace;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--text-xs:.6875rem;--text-sm:.8125rem;--text-body:1rem;--text-lead:clamp(1.05rem, 1.5vw, 1.35rem);--text-title:clamp(2.8rem, 7vw, 6.6rem);--radius-control:.375rem;--radius-panel:.75rem;--radius-round:999px;--rule-thin:1px;--dur-fast:.1s;--dur-state:.16s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--state-live:oklch(72% .16 151);--state-wait:oklch(80% .13 87);--state-off:oklch(58% .025 258);--state-error:oklch(66% .19 28)}.orbit-home,.orbit-login,.orbit-vixa,.orbit-emotes,.design-lab.direction-orbitarium{--color-paper:oklch(17% .035 267);--color-paper-deep:oklch(12.5% .03 267);--color-surface:oklch(22% .04 263);--color-surface-raised:oklch(26.5% .045 260);--color-line:oklch(39% .05 258);--color-ink:oklch(94% .018 91);--color-muted:oklch(72% .035 250);--color-faint:oklch(57% .035 254);--color-accent:oklch(81% .145 85);--color-accent-ink:oklch(18% .04 267);--color-butterfly:oklch(74% .13 235);--butterfly-rgb:86 180 255;--color-focus:oklch(88% .14 88);--lab-paper:var(--color-paper);--lab-ink:var(--color-ink);--lab-muted:var(--color-muted);--lab-line:var(--color-line);--lab-accent:var(--color-accent);--lab-display:var(--font-portal-display);--lab-mono:var(--font-portal-data)}.design-lab.direction-stage-deck{--color-paper:oklch(16% .018 249);--color-paper-deep:oklch(12% .015 249);--color-surface:oklch(21.5% .02 247);--color-surface-raised:oklch(25.5% .023 246);--color-line:oklch(39% .025 246);--color-ink:oklch(95% .012 82);--color-muted:oklch(71% .025 245);--color-faint:oklch(55% .025 245);--color-accent:oklch(68% .19 26);--color-accent-ink:oklch(97% .012 82);--color-focus:oklch(80% .14 33);--lab-paper:var(--color-paper);--lab-ink:var(--color-ink);--lab-muted:var(--color-muted);--lab-line:var(--color-line);--lab-accent:var(--color-accent);--lab-display:var(--font-portal-display);--lab-mono:var(--font-portal-data)}.design-lab.direction-oshi-index{--color-paper:oklch(18% .025 328);--color-paper-deep:oklch(13.5% .022 326);--color-surface:oklch(23.5% .03 326);--color-surface-raised:oklch(28.5% .035 324);--color-line:oklch(42% .045 325);--color-ink:oklch(95% .018 25);--color-muted:oklch(73% .035 320);--color-faint:oklch(57% .035 319);--color-accent:oklch(73% .165 19);--color-accent-ink:oklch(17% .025 328);--color-focus:oklch(84% .13 20);--lab-paper:var(--color-paper);--lab-ink:var(--color-ink);--lab-muted:var(--color-muted);--lab-line:var(--color-line);--lab-accent:var(--color-accent);--lab-display:var(--font-portal-display);--lab-mono:var(--font-portal-data)}html{background:var(--color-paper-deep);min-width:20rem;overflow-x:clip}.orbit-login{background:radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--color-butterfly) 7%, transparent), transparent 28rem), linear-gradient(var(--color-paper), var(--color-paper-deep));min-width:20rem;min-height:100dvh;color:var(--color-ink);font-family:var(--font-portal-display);margin:0;overflow-x:clip}.orbit-login *,.orbit-login :before,.orbit-login :after{box-sizing:border-box}.orbit-login :focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.login-shell{grid-template-rows:4.5rem 1fr auto;width:min(100% - 2rem,72rem);min-height:100dvh;margin:0 auto;display:grid}.login-topbar,.login-shell>footer{justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:var(--rule-thin) solid var(--color-line);font-family:var(--font-portal-data);font-size:var(--text-xs);letter-spacing:.08em;display:flex}.login-topbar a,.login-shell>footer a{color:var(--color-ink);text-decoration-color:var(--color-line);text-underline-offset:.3em}.login-topbar span,.login-shell>footer span{color:var(--color-muted)}.login-shell>main{align-content:center;gap:var(--space-2xl);width:min(100%,48rem);padding:var(--space-2xl) 0;margin:0 auto;display:grid}.login-hero h1{letter-spacing:-.04em;overflow-wrap:anywhere;max-width:13ch;margin:0;font-size:3.5rem;font-weight:600;line-height:.95}.login-hero p{max-width:48ch;margin:var(--space-md) 0 0;color:var(--color-muted);font-size:1rem;line-height:1.5}.login-providers{border-top:var(--rule-thin) solid var(--color-line);display:grid}.login-provider{--provider-accent:var(--color-accent);align-items:center;gap:var(--space-xl);border-bottom:var(--rule-thin) solid var(--color-line);min-width:0;min-height:6.25rem;padding:var(--space-lg) var(--space-md);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.login-provider:before{width:var(--rule-thin);background:var(--provider-accent);content:"";height:48%;position:absolute;left:0}.login-provider--discord{--provider-accent:oklch(67% .17 277)}.login-provider--twitch{--provider-accent:oklch(68% .2 303)}.login-provider__identity,.login-provider__session{align-items:center;gap:var(--space-md);min-width:0;display:flex}.login-provider__identity>span:last-child{gap:.2rem;min-width:0;display:grid}.login-provider__mark{border:var(--rule-thin) solid color-mix(in srgb, var(--provider-accent) 55%, var(--color-line));width:2.5rem;height:2.5rem;color:var(--provider-accent);font-family:var(--font-portal-data);font-size:var(--text-sm);flex:none;place-items:center;display:grid}.login-provider small,.login-provider__status,.login-provider__session,.login-provider button,.login-provider>a{font-family:var(--font-portal-data);font-size:var(--text-xs)}.login-provider small,.login-provider__status,.login-provider__session{color:var(--color-muted)}.login-provider strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.login-provider>a,.login-provider button{justify-content:center;align-items:center;gap:var(--space-sm);border:var(--rule-thin) solid color-mix(in srgb, var(--provider-accent) 55%, var(--color-line));min-height:2.5rem;color:var(--color-ink);cursor:pointer;white-space:nowrap;background:0 0;padding:.65rem .85rem;text-decoration:none;display:inline-flex}.login-provider>a:hover,.login-provider>a:focus-visible,.login-provider button:hover:not(:disabled),.login-provider button:focus-visible{border-color:var(--provider-accent);background:color-mix(in srgb, var(--provider-accent) 8%, transparent);color:var(--provider-accent)}.login-provider button:disabled{cursor:wait;opacity:.55}.login-provider__session img{border:var(--rule-thin) solid var(--color-line);object-fit:cover;border-radius:50%;width:2rem;height:2rem}.login-provider__error{max-width:28ch;color:var(--state-error);line-height:1.35}.login-shell>footer{border-top:var(--rule-thin) solid var(--color-line);border-bottom:0;min-height:4rem}@media (width<=40rem){.login-shell{grid-template-rows:3.75rem 1fr auto;width:min(100% - 1.25rem,72rem)}.login-shell>main{gap:var(--space-xl);padding:var(--space-xl) 0}.login-hero h1{font-size:2.5rem}.login-provider{align-items:stretch;gap:var(--space-md);grid-template-columns:minmax(0,1fr);padding-inline:.2rem}.login-provider__session{justify-content:space-between}.login-provider>a{justify-self:start}}@media (prefers-reduced-motion:reduce){.orbit-login *,.orbit-login :before,.orbit-login :after{transition-duration:.01ms!important}}