.hub-auth-column{margin-block:1.25rem auto}.hub-auth-hero{flex-direction:column;align-items:center;gap:.6rem;display:flex}@media (width>=40rem){.hub-auth-column{margin-block:auto}}.hub-password{position:relative}.hub-password>input{padding-right:4.5rem}.hub-password>button{position:absolute;top:50%;right:.3rem;translate:0 -50%}@property --hub-edge-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --hub-edge-reveal{syntax:"<angle>";inherits:false;initial-value:360deg}.hub-pixel-auth{--hub-auth-cyan:var(--hub-glow-a);--hub-auth-violet:var(--hub-glow-b);--hub-auth-pink:color-mix(in oklab, var(--hub-glow-b) 70%, var(--hub-accent));--hub-edge-speed:1.6s;background:var(--hub-bg)}.hub-pixel-auth:has(.hub-auth-card[data-state=success]):after{content:"";z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--hub-accent) 30%, transparent), transparent 55%);opacity:0;animation:.8s steps(8,end) forwards hub-signin-flash;position:fixed;inset:0}@keyframes hub-signin-flash{35%{opacity:.8}to{opacity:0}}.hub-world-map-layer,.hub-stage,.hub-floaters{z-index:-1;pointer-events:none;position:fixed}.hub-world-map-layer{inset:0}.hub-world-map-layer:after{content:"";background:radial-gradient(ellipse 34rem 30rem at 50% 56%, color-mix(in oklab, var(--hub-bg) 88%, transparent), transparent 70%);position:absolute;inset:0}.hub-world-map,.hub-stage>canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.hub-stage{height:38vh;inset:auto 0 0}.hub-floaters{inset:0}.hub-floaters>i{background:var(--hub-accent);box-shadow:0 0 .6rem color-mix(in oklab, var(--hub-accent) 45%, transparent);opacity:.5;animation:9s steps(6,end) infinite alternate hub-float;position:absolute}.hub-floaters>i[data-hue=violet]{--hub-accent:var(--hub-auth-violet)}.hub-floaters>i[data-hue=pink]{--hub-accent:var(--hub-auth-pink)}@keyframes hub-float{to{opacity:.35;translate:0 -24px}}.hub-auth-hero .hub-mark{filter:drop-shadow(0 0 .8rem color-mix(in oklab, var(--hub-auth-violet) 32%, transparent))}.hub-auth-hero .hub-wordmark-en .tabular{background:linear-gradient(90deg, var(--hub-accent), var(--hub-auth-violet));color:#0000;-webkit-background-clip:text;background-clip:text}.hub-auth-tagline{color:var(--hub-muted);font:clamp(.62rem, 2.6vw, .8rem) var(--font-mono);letter-spacing:.12em;text-align:center;text-wrap:balance}@media (width>=30rem){.hub-auth-tagline{white-space:nowrap}}.hub-pixel-auth .hub-beam.hub-auth-card{background:0 0;border-radius:1rem;padding:1px;animation:none;box-shadow:0 1.5rem 3rem -1.5rem oklab(0% none none/.55)}.hub-pixel-auth .hub-auth-card:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--hub-edge-angle) at 50% 50%, color-mix(in oklab, var(--hub-auth-cyan) 50%, var(--hub-border)), var(--hub-border), color-mix(in oklab, var(--hub-auth-violet) 50%, var(--hub-border)), var(--hub-border), color-mix(in oklab, var(--hub-auth-cyan) 50%, var(--hub-border)));-webkit-mask:conic-gradient(from -90deg, #000 var(--hub-edge-reveal), transparent 0), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask:conic-gradient(from -90deg, #000 var(--hub-edge-reveal), transparent 0), linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);padding:1px;position:absolute;inset:0;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.hub-pixel-auth .hub-auth-card:focus-within:before{--hub-edge-angle:90deg}.hub-pixel-auth .hub-auth-card[data-state=busy]:before{animation:hub-edge-spin var(--hub-edge-speed) steps(48, end) infinite}.hub-pixel-auth .hub-auth-card[data-state=error]:before{background:var(--hub-danger);animation:.45s steps(2,jump-none) 2 hub-edge-alarm}.hub-pixel-auth .hub-auth-card[data-state=error]>*{animation:.32s steps(4,end) hub-card-glitch}.hub-pixel-auth .hub-auth-card[data-state=success]:before{background:var(--hub-success)}@keyframes hub-edge-spin{to{--hub-edge-angle:360deg}}@keyframes hub-edge-alarm{50%{opacity:.35}}@keyframes hub-card-glitch{25%{translate:-3px 1px}50%{translate:3px -1px}75%{translate:-1px}}.hub-pixel-auth .hub-auth-card>.hub-pixel-component{background:color-mix(in oklab, color-mix(in oklab, var(--hub-surface) 94%, var(--hub-accent)) 90%, transparent);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:0;border-radius:calc(1rem - 1px)}.hub-pixel-auth .hub-auth-card :is(h1,.hub-auth-subtitle){text-align:center}.hub-pixel-auth .hub-auth-card h1{font-size:1.6rem}.hub-pixel-auth .hub-auth-card .hub-typeline{display:none}.hub-pixel-auth .hub-auth-card input{border-width:1px;border-color:color-mix(in oklab, var(--hub-border) 80%, var(--hub-accent));background:color-mix(in oklab, var(--hub-bg) 72%, transparent);height:3rem;box-shadow:none;border-radius:.7rem}.hub-pixel-auth .hub-auth-card input:focus-visible{border-color:var(--hub-accent);box-shadow:0 0 0 1px var(--hub-accent), 0 0 0 4px color-mix(in oklab, var(--hub-accent) 18%, transparent);outline:none}.hub-pixel-auth :is(.hub-auth-submit,.hub-auth-passkey){border-radius:.7rem}.hub-pixel-auth .hub-auth-submit{min-height:3rem;color:var(--hub-accent-fg);background:linear-gradient(90deg, var(--hub-accent), color-mix(in oklab, var(--hub-accent) 80%, var(--hub-auth-violet)));box-shadow:0 .5rem 1.25rem -.75rem color-mix(in oklab, var(--hub-accent) 60%, transparent);border:0;font-size:1rem;font-weight:600;position:relative;overflow:hidden}.hub-auth-submit[aria-busy=true]:after{content:"";background:repeating-linear-gradient(90deg, color-mix(in oklab, var(--hub-accent-fg) 70%, transparent) 0 8px, transparent 8px 12px);height:4px;animation:1.2s steps(12,end) infinite hub-progress-cells;position:absolute;inset:auto 0 0}@keyframes hub-progress-cells{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.hub-pixel-auth .hub-auth-passkey{border:1px solid color-mix(in oklab, var(--hub-border) 70%, var(--hub-fg));min-height:2.75rem;color:var(--hub-fg);box-shadow:none;background:0 0;font-size:.95rem;font-weight:500}.hub-auth-passkey[data-waiting] svg{animation:.7s steps(2,jump-none) infinite hub-key-turn}@keyframes hub-key-turn{50%{translate:2px -1px}}.hub-auth-or{color:var(--hub-muted);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.hub-auth-or:before,.hub-auth-or:after{content:"";flex:1;height:1px}.hub-auth-or:before{background:linear-gradient(90deg, transparent, var(--hub-border))}.hub-auth-or:after{background:linear-gradient(90deg, var(--hub-border), transparent)}.hub-input-icon{position:relative}.hub-input-icon>svg{width:1.1rem;height:1.1rem;color:var(--hub-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;translate:0 -50%}.hub-input-icon>input{padding-left:2.6rem}.hub-pixel-auth .hub-beam.hub-auth-card[data-state=success]{animation:.7s steps(7,end) .15s forwards hub-card-dissolve}@keyframes hub-card-dissolve{to{clip-path:inset(50% round 1rem);opacity:0}}.hub-auth-utility{opacity:.85;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;display:flex}.hub-pixel-auth .hub-password>button{min-width:2.75rem;min-height:2.75rem;right:2px}.hub-auth-utility button{min-width:2.75rem;min-height:2.75rem}html[data-mode=light] .hub-floaters{opacity:.7}html:is([data-motion=reduce],[data-simple=true]) .hub-pixel-auth:after{display:none}html:is([data-motion=reduce],[data-simple=true]) .hub-pixel-auth :is(.hub-floaters>i,.hub-auth-card,.hub-auth-card>*,.hub-auth-stagger>*,.hub-wordmark,.hub-auth-tagline,.hub-auth-passkey svg){animation:none}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .hub-pixel-auth:after{display:none}html:not([data-motion=full]) .hub-pixel-auth :is(.hub-floaters>i,.hub-auth-card,.hub-auth-card>*,.hub-auth-stagger>*,.hub-wordmark,.hub-auth-tagline,.hub-auth-passkey svg){animation:none}}.hub-motion-toggle[data-on=true]{color:var(--hub-accent)}.hub-motion-toggle[data-on=true]>svg{animation:hub-twinkle 2.4s var(--hub-ease-out) infinite}.hub-motion-toggle[data-on=false]{color:var(--hub-muted)}@keyframes hub-twinkle{0%,to{opacity:.75;transform:rotate(0)scale(1)}50%{opacity:1;transform:rotate(12deg)scale(1.12)}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .hub-motion-toggle>svg{animation:none}}html[data-motion=reduce] .hub-motion-toggle>svg{animation:none}.hub-auth-status{font-family:var(--font-mono);color:var(--hub-fg);justify-content:center;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.hub-auth-status-glyph{width:.8rem;height:.8rem;color:var(--hub-accent);animation:1.2s steps(4,end) infinite hub-pixel-pulse}.hub-auth-status[data-mood=thinking] .hub-auth-status-glyph{animation:.7s steps(6,end) infinite hub-pixel-loading}.hub-auth-status[data-mood=success] .hub-auth-status-glyph{color:var(--hub-success)}.hub-auth-status[data-mood=error] .hub-auth-status-glyph{color:var(--hub-danger)}.hub-auth-status[data-mood=offline] .hub-auth-status-glyph{color:var(--hub-muted);animation:none}.hub-auth-status-text{animation:hub-fade-in var(--hub-duration-base) var(--hub-ease-out) both}html[data-mood=typing] .hub-auth-card{--hub-beam-speed:3.5s}html[data-mood=thinking] .hub-auth-card{--hub-beam-speed:1.1s}.hub-beam{isolation:isolate;border-radius:calc(var(--hub-radius-lg) + 2px);--hub-beam-a:var(--hub-accent);--hub-beam-b:var(--hub-success);--hub-beam-c:color-mix(in oklab, var(--hub-beam-a) 68%, var(--hub-beam-b));--hub-beam-d:color-mix(in oklab, var(--hub-beam-b) 62%, var(--hub-beam-a));--hub-beam-speed:7s;background:linear-gradient(90deg, var(--hub-beam-a) 0 7px, var(--hub-beam-c) 7px 19px, var(--hub-beam-b) 19px 25px, var(--hub-beam-d) 25px 43px, var(--hub-beam-a) 43px 48px, var(--hub-beam-b) 48px 67px, var(--hub-beam-c) 67px 79px, var(--hub-beam-d) 79px 97px) 0 0 / 97px 2px repeat-x, linear-gradient(90deg, var(--hub-beam-d) 0 13px, var(--hub-beam-a) 13px 18px, var(--hub-beam-b) 18px 37px, var(--hub-beam-c) 37px 45px, var(--hub-beam-a) 45px 61px, var(--hub-beam-d) 61px 71px, var(--hub-beam-b) 71px 89px) 0 100% / 89px 2px repeat-x, linear-gradient(var(--hub-beam-b) 0 11px, var(--hub-beam-c) 11px 27px, var(--hub-beam-a) 27px 34px, var(--hub-beam-d) 34px 53px, var(--hub-beam-b) 53px 58px, var(--hub-beam-a) 58px 83px) 0 0 / 2px 83px repeat-y, linear-gradient(var(--hub-beam-c) 0 17px, var(--hub-beam-a) 17px 24px, var(--hub-beam-d) 24px 39px, var(--hub-beam-b) 39px 51px, var(--hub-beam-c) 51px 56px, var(--hub-beam-a) 56px 79px) 100% 0 / 2px 79px repeat-y;animation:hub-pixel-frame var(--hub-beam-speed) steps(16, end) infinite;padding:2px;position:relative}.hub-beam>*{border-color:#0000}.hub-beam:focus-within{--hub-beam-speed:3.5s}.hub-beam[data-state=busy]{--hub-beam-speed:1.1s}.hub-beam[data-state=error]{--hub-beam-a:var(--hub-danger);--hub-beam-b:var(--hub-warning);animation:.36s linear hub-shake}.hub-beam[data-state=success]{--hub-beam-a:var(--hub-success);--hub-beam-b:var(--hub-success)}html[data-style=sharp] .hub-beam{border-radius:0}.hub-tiles{z-index:-1;pointer-events:none;grid-template:"a.c"1.2fr"b.d"1fr/1fr 1fr 1fr;gap:.75rem;padding:1.25rem;display:none;position:fixed;inset:0}@media (width>=64rem){.hub-tiles{display:grid}}.hub-tile{border:1px solid color-mix(in oklab, var(--hub-border) 70%, transparent);border-radius:var(--hub-radius-lg);background:color-mix(in oklab, var(--hub-surface) 38%, transparent);opacity:.55;animation:hub-pop-in var(--hub-duration-enter) var(--hub-ease-out) calc(.12s + var(--hub-tile-i) * .11s) both, hub-tile-focus 12s linear calc(1.2s + var(--hub-tile-i) * 3s) infinite;flex-direction:column;gap:.65rem;padding:0 1rem 1rem;display:flex;overflow:hidden}.hub-tile:first-child{grid-area:a}.hub-tile:nth-child(2){grid-area:b}.hub-tile:nth-child(3){grid-area:c}.hub-tile:nth-child(4){grid-area:d}.hub-tile-bar{border-bottom:1px solid color-mix(in oklab, var(--hub-border) 60%, transparent);font-family:var(--font-mono);color:var(--hub-muted);align-items:center;gap:.35rem;margin:0 -1rem;padding:.5rem 1rem;font-size:.7rem;display:flex}.hub-tile-dot{background:color-mix(in oklab, var(--hub-muted) 45%, transparent);border-radius:50%;width:.45rem;height:.45rem}.hub-tile-title{margin-left:.4rem}.hub-tile>b{background:color-mix(in oklab, var(--hub-muted) 18%, transparent);border-radius:999px;height:.5rem}.hub-tile>b:first-of-type{background:color-mix(in oklab, var(--hub-accent) 26%, transparent)}.hub-typeline{font-family:var(--font-mono);color:var(--hub-accent);white-space:nowrap;font-size:.8rem}.hub-typeline>span[aria-hidden]{vertical-align:bottom;max-width:calc(var(--hub-chars) * 1ch);animation:hub-type calc(var(--hub-chars) * 45ms) steps(var(--hub-chars), end) .45s both;display:inline-block;overflow:hidden}.hub-typeline:after{content:"";vertical-align:text-bottom;background:var(--hub-accent);width:.55em;height:1.05em;margin-left:2px;animation:1.05s step-end infinite hub-caret;display:inline-block}.hub-auth-stagger>*{animation:.24s steps(3,end) backwards hub-auth-field-in}@keyframes hub-auth-field-in{0%{opacity:0;translate:0 4px}}.hub-auth-stagger>:nth-child(2){animation-delay:40ms}.hub-auth-stagger>:nth-child(3){animation-delay:80ms}.hub-auth-stagger>:nth-child(n+4){animation-delay:.12s}.hub-pixel-auth :is(input,select,textarea,button,[role=alert],.hub-auth-card>*){border-radius:0}.hub-pixel-auth :is(input,select,textarea){font-family:var(--hub-font-mono);border-width:2px}.hub-pixel-auth :is(input,select,textarea):focus-visible{box-shadow:inset 4px 0 0 var(--hub-accent)}.hub-pixel-auth label,.hub-pixel-auth button{font-family:var(--hub-font-mono)}.hub-meter{color:var(--hub-muted);flex-direction:column;gap:.3rem;display:flex}.hub-meter-track{background:color-mix(in oklab, var(--hub-muted) 20%, transparent);background-image:repeating-linear-gradient(90deg, transparent 0 22%, var(--hub-bg) 22% 25%);border-radius:0;height:6px;overflow:hidden}.hub-meter-fill{transform-origin:0;background:var(--hub-danger);height:100%;transition:scale var(--hub-duration-base) var(--hub-ease-out), background-color var(--hub-duration-base) linear;display:block;scale:.08 1}.hub-meter[data-level="1"] .hub-meter-fill{background:var(--hub-warning);scale:.34 1}.hub-meter[data-level="2"] .hub-meter-fill{background:var(--hub-accent);scale:.67 1}.hub-meter[data-level="3"] .hub-meter-fill{background:var(--hub-success);scale:1}.hub-meter[data-level="0"]>small{color:var(--hub-danger)}html:is([data-motion=reduce],[data-simple=true]) .hub-auth-mark path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .hub-auth-mark path{stroke-dashoffset:0}}html[data-ambience=off] .hub-tile{animation-iteration-count:1,0}@keyframes hub-pixel-frame{to{background-position:97px 0,-89px 100%,0 -83px,100% 79px}}@keyframes hub-tile-focus{0%,25%{border-color:color-mix(in oklab, var(--hub-accent) 70%, transparent);opacity:.85}27%,to{border-color:color-mix(in oklab, var(--hub-border) 70%, transparent);opacity:.55}}@keyframes hub-type{0%{max-width:0}}@keyframes hub-caret{50%{opacity:0}}.hub-auth-env{border:1px solid color-mix(in oklab, var(--hub-warning) 55%, transparent);background:color-mix(in oklab, var(--hub-surface) 88%, var(--hub-warning));max-width:100%;color:var(--hub-fg);text-align:center;border-radius:999px;align-self:center;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500;line-height:1.25rem;display:inline-flex}@media (height<=32rem) and (orientation:landscape){.hub-auth-column{gap:.75rem;margin-block:.75rem}.hub-auth-hero{flex-direction:row;justify-content:center;gap:.75rem}.hub-auth-hero .hub-mark{zoom:.5}.hub-auth-hero .hub-wordmark{font-size:1.5rem}.hub-auth-tagline{display:none}}