: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: rgba(247,255,253,.6);}@property --edge{syntax: "<color>"; inherits: true; initial-value: rgba(142,234,221,.32);}@property --card{syntax: "<color>"; inherits: true; initial-value: rgba(247,255,253,.075);}:root,html[data-theme=dark]{color-scheme:dark;--bg-a: #092025;--bg-b: #184c52;--bg-c: #071619;--fg: #f3fffb;--halo: #8eeadd;--halo-2: #397f84;--frost: rgba(247, 255, 253, .6);--edge: rgba(142, 234, 221, .32);--card: rgba(247, 255, 253, .075);--danger: #ef4444;--logo-filter: drop-shadow(0 0 1.5px rgba(243, 255, 251, .7)) drop-shadow(0 16px 44px rgba(0, 0, 0, .38))}html[data-theme=light]{color-scheme:light;--bg-a: #fbfdff;--bg-b: #d8ecef;--bg-c: #eaf6f8;--fg: #0b2429;--halo: #6fb4c2;--halo-2: #c7ecef;--frost: rgba(11, 36, 41, .55);--edge: rgba(111, 180, 194, .45);--card: rgba(255, 255, 255, .6);--danger: #ef4444;--logo-filter: drop-shadow(0 20px 60px rgba(11, 36, 41, .18))}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{position:relative;width:100%;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,5vw,4rem);isolation:isolate;overflow:hidden}.sky{position:absolute;inset:0;z-index:0;pointer-events:none}.celestial-slot{position:absolute;top:8%;right:10%;width:clamp(3.5rem,6vw,5.5rem);aspect-ratio:1;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:transform 1.6s cubic-bezier(.4,0,.2,1),opacity 1.6s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 20px color-mix(in oklab,var(--halo) 55%,transparent));will-change:transform,opacity}.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%;display:block;transition:scale .22s cubic-bezier(.2,.8,.2,1)}.celestial--sun{animation:sun-spin 40s linear infinite}.celestial--moon{animation:moon-bob 9s ease-in-out infinite}html[data-theme=light] .celestial-slot--sun{opacity:1;transform:none}html[data-theme=light] .celestial-slot--moon{opacity:0;transform:translate(-140px,420px) rotate(-55deg) scale(.7);pointer-events:none}html[data-theme=dark] .celestial-slot--sun{opacity:0;transform:translate(140px,420px) rotate(55deg) scale(.7);pointer-events:none}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{position:absolute;left:var(--x);top:var(--y);width:var(--s, 2px);height:var(--s, 2px);border-radius:50%;background:#f7fffd;box-shadow:0 0 6px #f7fffdcc;opacity:0;transform:scale(.4);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}html[data-theme=dark] .stars span{opacity:.9;transform:scale(1)}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.snow span{position:absolute;left:var(--x);top:var(--y);color:#a5ccd2;font-size:clamp(1rem,1.6vw,1.5rem);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 rgba(0,0,0,.08);user-select:none}html[data-theme=light] .snow span{opacity:.75;transform:rotate(var(--r, 0deg)) scale(1)}@keyframes drift{0%,to{transform:translate(0) rotate(var(--r, 0deg))}50%{transform:translate(-6px,8px) rotate(calc(var(--r, 0deg) + 20deg))}}.brand-stage{position:relative;z-index:2;width:100%;max-width:35rem;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.9rem,2.3vw,1.4rem);margin-inline:auto;text-align:center;isolation:isolate;animation:slide-up .36s cubic-bezier(.16,1,.3,1) both}.logo-link{display:block;width:clamp(9.5rem,30vw,15.5rem);margin-inline:auto;color:inherit;outline:none;-webkit-tap-highlight-color:transparent}.logo-link:focus-visible{border-radius:8px;outline:2px solid color-mix(in oklab,var(--halo) 70%,transparent);outline-offset:6px}.logo{width:100%;height:auto;display:block;filter:var(--logo-filter);transition:scale .5s cubic-bezier(.2,.8,.2,1)}.logo-link:hover .logo{scale:1.03}.logo-link:active .logo{scale:.97}.auth-panel{width:min(100%,30rem);min-width:0;display:grid;justify-items:center;gap:1rem;margin-inline:auto;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.auth-panel--wide{width:min(100%,34rem)}.auth-header{width:100%;min-width:0;display:grid;justify-items:center;gap:.45rem;text-align:center}h2{color:var(--fg);font-family:var(--font-display);font-size:clamp(1.3rem,4vw,1.72rem);font-weight:600;line-height:1.06;letter-spacing:0}.lede{width:100%;max-width:31rem;color:color-mix(in oklab,var(--fg) 68%,transparent);font-size:.88rem;line-height:1.42;text-align:center}.stack{width:100%;min-width:0;display:grid;justify-items:center;gap:.95rem}.detail-list{width:100%;min-width:0;display:grid;gap:0;overflow:hidden;border:1px solid var(--edge);border-radius:8px}.detail-row{display:grid;grid-template-columns:minmax(5.5rem,.46fr) minmax(0,1fr);gap:1rem;padding:.82rem .9rem;background:color-mix(in oklab,var(--card) 78%,var(--bg-c));border-top:1px solid var(--edge);font-size:.88rem;text-align:left}.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{min-width:0;margin:0;overflow-wrap:anywhere;font-weight:600}.session-id,.client-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;letter-spacing:0}.scope-list{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:0;margin:0;list-style:none}.scope-list li{max-width:100%;padding:.42rem .6rem;border:1px solid color-mix(in oklab,var(--halo) 32%,var(--edge));border-radius:999px;background:color-mix(in oklab,var(--halo) 8%,var(--card));color:color-mix(in oklab,var(--fg) 88%,var(--halo));font-size:.78rem;font-weight:700;overflow-wrap:anywhere}.button-row{width:100%;display:grid;gap:.65rem}.button-row--split{grid-template-columns:1fr 1fr}.button{min-width:0;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;border:1px solid transparent;border-radius:8px;font-size:.86rem;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:transform .16s cubic-bezier(.16,1,.3,1),border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.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(max-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{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}