:root{--font-body:var(--font-inter), "Outfit Variable", ui-sans-serif, system-ui, sans-serif;--font-display:var(--font-fredoka), "Syne Variable", ui-rounded, ui-sans-serif, system-ui, sans-serif}@property --bg-a{syntax:"<color>";inherits:true;initial-value:#092025}@property --bg-b{syntax:"<color>";inherits:true;initial-value:#184c52}@property --bg-c{syntax:"<color>";inherits:true;initial-value:#071619}@property --fg{syntax:"<color>";inherits:true;initial-value:#f3fffb}@property --halo{syntax:"<color>";inherits:true;initial-value:#8eeadd}@property --halo-2{syntax:"<color>";inherits:true;initial-value:#397f84}@property --frost{syntax:"<color>";inherits:true;initial-value:#f7fffd99}@property --edge{syntax:"<color>";inherits:true;initial-value:#8eeadd52}@property --card{syntax:"<color>";inherits:true;initial-value:#f7fffd13}:root,html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-a:#092025;--bg-b:#184c52;--bg-c:#071619;--fg:#f3fffb;--halo:#8eeadd;--halo-2:#397f84;--frost:#f7fffd99;--edge:#8eeadd52;--card:#f7fffd13;--danger:#ef4444;--logo-filter:drop-shadow(0 0 1.5px #f3fffbb3) drop-shadow(0 16px 44px #00000061)}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-a:#fbfdff;--bg-b:#d8ecef;--bg-c:#eaf6f8;--fg:#0b2429;--halo:#6fb4c2;--halo-2:#c7ecef;--frost:#0b24298c;--edge:#6fb4c273;--card:#fff9;--danger:#ef4444;--logo-filter:drop-shadow(0 20px 60px #0b24292e)}html.theme-ready{transition:--bg-a var(--fade) var(--ease), --bg-b var(--fade) var(--ease), --bg-c var(--fade) var(--ease), --fg var(--fade) var(--ease), --halo var(--fade) var(--ease), --halo-2 var(--fade) var(--ease), --frost var(--fade) var(--ease), --edge var(--fade) var(--ease), --card var(--fade) var(--ease);--fade:1.6s;--ease:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{min-height:100vh;color:var(--fg);background:radial-gradient(ellipse 70% 60% at 50% 40%, var(--bg-b) 0%, var(--bg-a) 60%, var(--bg-c) 100%);font-family:var(--font-body);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p{margin:0}button{font:inherit}.auth-shell{isolation:isolate;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:clamp(1.5rem,5vw,4rem);display:flex;position:relative;overflow:hidden}.sky{z-index:0;pointer-events:none;position:absolute;inset:0}.celestial-slot{aspect-ratio:1;width:clamp(3.5rem,6vw,5.5rem);color:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 0 20px color-mix(in oklab, var(--halo) 55%, transparent));will-change:transform, opacity;background:0 0;border:0;padding:0;transition:transform 1.6s cubic-bezier(.4,0,.2,1),opacity 1.6s cubic-bezier(.4,0,.2,1);position:absolute;top:8%;right:10%}.celestial-slot:focus-visible{outline:3px solid color-mix(in oklab, var(--halo) 60%, transparent);outline-offset:6px;border-radius:50%}.celestial-slot:hover .celestial{scale:1.08}.celestial-slot:active .celestial{scale:.94}.celestial{width:max-content;max-width:100%;height:100%;transition:scale .22s cubic-bezier(.2,.8,.2,1);display:block}.celestial--sun{animation:40s linear infinite sun-spin}.celestial--moon{animation:9s ease-in-out infinite moon-bob}html[data-theme=light] .celestial-slot--sun{opacity:1;transform:none}html[data-theme=light] .celestial-slot--moon{opacity:0;pointer-events:none;transform:translate(-140px,420px)rotate(-55deg)scale(.7)}html[data-theme=dark] .celestial-slot--sun{opacity:0;pointer-events:none;transform:translate(140px,420px)rotate(55deg)scale(.7)}html[data-theme=dark] .celestial-slot--moon{opacity:1;transform:none}@keyframes sun-spin{to{transform:rotate(360deg)}}@keyframes moon-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stars span{left:var(--x);top:var(--y);width:var(--s,2px);height:var(--s,2px);opacity:0;transition:opacity 1.2s cubic-bezier(.4, 0, .2, 1) calc(var(--d,0s) * .15 + .5s), transform 1.2s cubic-bezier(.2, .8, .2, 1) calc(var(--d,0s) * .15 + .5s);animation:twinkle 3.5s ease-in-out var(--d,0s) infinite;background:#f7fffd;border-radius:50%;position:absolute;transform:scale(.4);box-shadow:0 0 6px #f7fffdcc}html[data-theme=dark] .stars span{opacity:.9;transform:scale(1)}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.snow span{left:var(--x);top:var(--y);color:#a5ccd2;transform:rotate(var(--r,0deg)) scale(.5);opacity:0;transition:opacity 1.2s cubic-bezier(.4, 0, .2, 1) calc(var(--d,0s) * .12 + .5s), transform 1.2s cubic-bezier(.2, .8, .2, 1) calc(var(--d,0s) * .12 + .5s);animation:drift 9s ease-in-out var(--d,0s) infinite;text-shadow:0 1px 2px #00000014;-webkit-user-select:none;user-select:none;font-size:clamp(1rem,1.6vw,1.5rem);position:absolute}html[data-theme=light] .snow span{opacity:.75;transform:rotate(var(--r,0deg)) scale(1)}@keyframes drift{0%,to{transform:translate(0, 0) rotate(var(--r,0deg))}50%{transform:translate(-6px, 8px) rotate(calc(var(--r,0deg) + 20deg))}}.brand-stage{z-index:2;text-align:center;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.9rem,2.3vw,1.4rem);width:100%;min-width:0;max-width:35rem;margin-inline:auto;animation:.36s cubic-bezier(.16,1,.3,1) both slide-up;display:flex;position:relative}.logo-link{width:clamp(9.5rem,30vw,15.5rem);color:inherit;-webkit-tap-highlight-color:transparent;outline:none;margin-inline:auto;display:block}.logo-link:focus-visible{outline:2px solid color-mix(in oklab, var(--halo) 70%, transparent);outline-offset:6px;border-radius:8px}.logo{width:100%;height:auto;filter:var(--logo-filter);transition:scale .5s cubic-bezier(.2,.8,.2,1);display:block}.logo-link:hover .logo{scale:1.03}.logo-link:active .logo{scale:.97}.auth-panel{-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-items:center;gap:1rem;width:min(100%,30rem);min-width:0;margin-inline:auto;padding:0;display:grid}.auth-panel--wide{width:min(100%,34rem)}.auth-header{text-align:center;justify-items:center;gap:.45rem;width:100%;min-width:0;display:grid}h2{color:var(--fg);font-family:var(--font-display);letter-spacing:0;font-size:clamp(1.3rem,4vw,1.72rem);font-weight:600;line-height:1.06}.lede{width:100%;max-width:31rem;color:color-mix(in oklab, var(--fg) 68%, transparent);text-align:center;font-size:.88rem;line-height:1.42}.stack{justify-items:center;gap:.95rem;width:100%;min-width:0;display:grid}.detail-list{border:1px solid var(--edge);border-radius:8px;gap:0;width:100%;min-width:0;display:grid;overflow:hidden}.detail-row{background:color-mix(in oklab, var(--card) 78%, var(--bg-c));border-top:1px solid var(--edge);text-align:left;grid-template-columns:minmax(5.5rem,.46fr) minmax(0,1fr);gap:1rem;padding:.82rem .9rem;font-size:.88rem;display:grid}.detail-row:first-child{border-top:0}.detail-row dt{color:color-mix(in oklab, var(--fg) 56%, transparent);font-weight:600}.detail-row dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600}.session-id,.client-id{letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.scope-list{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.scope-list li{border:1px solid color-mix(in oklab, var(--halo) 32%, var(--edge));background:color-mix(in oklab, var(--halo) 8%, var(--card));max-width:100%;color:color-mix(in oklab, var(--fg) 88%, var(--halo));overflow-wrap:anywhere;border-radius:999px;padding:.42rem .6rem;font-size:.78rem;font-weight:700}.button-row{gap:.65rem;width:100%;display:grid}.button-row--split{grid-template-columns:1fr 1fr}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:0;min-height:2.75rem;padding:.72rem 1rem;font-size:.86rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .16s cubic-bezier(.16,1,.3,1),border-color .16s,background .16s,box-shadow .16s,color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:focus-visible{outline:2px solid color-mix(in oklab, var(--halo) 70%, transparent);outline-offset:3px}.button--primary{background:var(--halo);color:var(--bg-c);box-shadow:0 16px 48px color-mix(in oklab, var(--bg-c) 48%, transparent), 0 0 24px color-mix(in oklab, var(--halo) 22%, transparent)}.button--primary:hover{box-shadow:0 18px 52px color-mix(in oklab, var(--bg-c) 52%, transparent), 0 0 30px color-mix(in oklab, var(--halo) 34%, transparent)}.button--secondary{border-color:var(--edge);background:color-mix(in oklab, var(--card) 80%, transparent);color:var(--fg)}.button--secondary:hover{border-color:color-mix(in oklab, var(--danger) 36%, var(--edge));color:var(--danger)}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=34rem){.auth-shell{padding:1.2rem}.button-row--split{grid-template-columns:1fr}.detail-row{grid-template-columns:1fr;gap:.32rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}
