/* Teddy's Future Lab — entrance pages (sign in, create account, recovery, reset) in the Design 007 world look.
   No header/footer bars: the brand, the way home and the legal links float as holographic chips; the brown Teddy's
   observatory world is the whole background. Form logic and markup are unchanged. */
html{background:#030c24}
body{background:#030c24 url("/assets/holo/obs-hero-1920.webp") 74% 50%/cover fixed no-repeat!important;color:#f3f9ff}
@media (min-width:1600px){body{background-image:url("/assets/holo/obs-hero-3840.webp")!important}}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,12,36,.86) 0%,rgba(3,12,36,.62) 38%,rgba(3,12,36,.2) 62%,rgba(3,12,36,.05) 100%),radial-gradient(70% 40% at 70% 104%,rgba(255,194,61,.28),transparent 70%)}
body>*{position:relative;z-index:1}
/* old scene art (blue Teddy) is retired in the Design 007 look */
.signin-mascot,.c1-scene-art,.c1-side-art,.login-scene::before,.login-scene::after,.c1-hero-art{display:none!important}
main,.login-scene,.c1-stage,.c1-main{background:none!important}
/* header → floating chips */
body>header,header.c1-top{position:sticky!important;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:max(10px,env(safe-area-inset-top)) clamp(12px,3vw,32px) 0!important;background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:none}
body>header>*,header.c1-top>*{pointer-events:auto}
body>header .brand,header.c1-top .brand{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:linear-gradient(180deg,rgba(14,48,110,.66),rgba(4,16,46,.78));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(168,236,255,.6),0 0 18px rgba(76,201,255,.3);text-decoration:none;color:#fff;font-weight:800}
body>header nav,header.c1-top nav{display:flex;gap:8px;flex-wrap:wrap;background:none!important;border:0!important;box-shadow:none!important}
body>header nav a,header.c1-top nav a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:999px;color:#fff!important;text-decoration:none;font-weight:700;background:rgba(6,24,64,.66)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(168,236,255,.6),0 0 14px rgba(76,201,255,.3)!important;border:0!important}
body>header nav a:hover,header.c1-top nav a:hover{box-shadow:0 0 0 1px #fff,0 0 20px rgba(76,201,255,.6)!important}
.c1-tagline{display:none!important}
/* forms → holographic glass */
.login-card,.c1-card,.signin-card,.login-intro,.join-card,form.card,.panel,.c1-panel,.account-card{background:linear-gradient(180deg,rgba(12,44,104,.72),rgba(4,16,46,.86))!important;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:0!important;border-radius:26px!important;box-shadow:0 0 0 1px rgba(168,236,255,.65),0 0 30px rgba(76,201,255,.35),inset 0 1px 0 rgba(255,231,161,.35),0 24px 60px rgba(0,0,0,.45)!important;color:#f3f9ff}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:rgba(2,12,34,.75)!important;color:#fff!important;border:1px solid rgba(168,236,255,.65)!important;border-radius:14px!important}
/* footer → floating legal links, no bar */
body>footer,footer.c1-foot{background:none!important;border:0!important;box-shadow:none!important;text-shadow:0 1px 4px #000}
body>footer a,footer.c1-foot a{color:#bfe3ff!important}
/* the Design 007 gold-ring planet beside the brand */
body>header .brand::before,header.c1-top .brand::before{content:"";width:26px;height:26px;flex:none;border-radius:50%;background:radial-gradient(circle at 38% 32%,#c9f2ff,#3aa8ff 45%,#0b3a9e);box-shadow:0 0 0 3px rgba(255,194,61,.75),0 0 12px rgba(76,201,255,.7)}
.c1-brand-mark{display:none!important}
@media (max-width:700px){body{background-position:62% 50%!important}body::before{background:linear-gradient(180deg,rgba(3,12,36,.55) 0%,rgba(3,12,36,.75) 40%,rgba(3,12,36,.9) 100%)}}
@media (prefers-reduced-motion:reduce){body{background-attachment:scroll!important}}
.c1-field input{background:transparent!important;border:0!important;box-shadow:none!important}
.c1-field{background:rgba(2,12,34,.75)!important;border:1px solid rgba(168,236,255,.65)!important;border-radius:14px!important}
.join-mascot{filter:drop-shadow(0 0 24px rgba(76,201,255,.45))}

/* Claude 2026-10-17: live layer behind the sign-in/join content (teddy-live-entrance.js) */
.teddy-live-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
html:has(body>.teddy-live-bg){background:#030c24 url("/assets/holo/obs-hero-1920.webp") 74% 50%/cover fixed no-repeat!important}
@media (min-width:1600px){html:has(body>.teddy-live-bg){background-image:url("/assets/holo/obs-hero-3840.webp")!important}}
html:has(body>.teddy-live-bg) body{background:transparent!important}
.teddy-live-bg>canvas{position:absolute;inset:0;width:100%;height:100%}
.teddy-live-bg>canvas.teddy-live{mix-blend-mode:screen}