/* Teddy's Future Lab — every public information page (about, privacy, pricing, safety, school pages …) 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))}
/* ---- information pages: their chip rows and header bars float as separate glowing chips ---- */
.v114-nav,.dev105-nav,.dev106-nav,body>nav{position:relative;z-index:21;display:flex!important;flex-wrap:wrap;gap:8px;margin:0!important;padding:max(10px,env(safe-area-inset-top)) clamp(12px,3vw,32px) 0!important;background:none!important;border:0!important;box-shadow:none!important}
.v114-nav a,.dev105-nav a,.dev106-nav a,body>nav a{display:inline-flex!important;align-items:center;min-height:44px;padding:8px 16px!important;border-radius:999px!important;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}
header.nav,header.topbar,body>header{background:none!important}
header.nav .wrap{background:none!important;border:0!important;box-shadow:none!important}
header.nav .links a,header.topbar nav a{border-radius:999px!important}
body>main,body>article,.wrap,main.shell{position:relative;z-index:1}
article,section.card,.card,.box,.v114-card,.tile{background:linear-gradient(180deg,rgba(12,44,104,.7),rgba(4,16,46,.84))!important;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:0!important;border-radius:22px!important;box-shadow:0 0 0 1px rgba(168,236,255,.55),0 0 24px rgba(76,201,255,.28),inset 0 1px 0 rgba(255,231,161,.3)!important}
h1,h2{color:#fff;text-shadow:0 0 16px rgba(76,201,255,.45)}
h1{background:linear-gradient(180deg,#fff,#bfeeff 60%,#6fd2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
a.btn,.btn,button:not(.hs-close){border-radius:999px}
/* floating Home orb (added by teddy-visual-v2.js) */
.hp-home{position:fixed;z-index:60;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:grid;justify-items:center;gap:3px;text-decoration:none;color:#fff;font:800 12px "Lab Sans",system-ui,sans-serif}
.hp-home span:first-child{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;font-size:26px;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.7),rgba(255,255,255,0) 44%),linear-gradient(160deg,#ffe58a,#ffc23d 55%,#d98a00);box-shadow:inset 0 3px 0 rgba(255,255,255,.7),0 0 0 2px rgba(168,236,255,.8),0 10px 24px rgba(0,0,0,.5),0 0 30px rgba(255,194,61,.5)}
.hp-home span:last-child{padding:2px 10px;border-radius:999px;background:rgba(6,24,64,.8);box-shadow:0 0 0 1px rgba(168,236,255,.6)}
/* R47: the floating Home button never hides the last buttons of a page: room to scroll them clear, and focus/scroll targets stop above it */
body:has(> .hp-home){padding-bottom:calc(100px + env(safe-area-inset-bottom))}
html:has(body > .hp-home){scroll-padding-bottom:110px}
body{padding-bottom:96px}