/* Bunny uniform layout: no overlay navigation and no fixed user chip */
:root{--bunny-hot:#ff7ccd;--bunny-soft:#ffd3ee;--bunny-violet:#9d59d4}
html,body{max-width:100%;overflow-x:clip}
.bunny-premium-header{position:relative;z-index:200!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:68px;padding-block:7px!important;background:linear-gradient(110deg,rgba(15,9,24,.97),rgba(45,18,56,.96),rgba(21,8,33,.97))!important;border-bottom:1px solid rgba(255,142,215,.3)!important;box-shadow:0 12px 32px rgba(8,3,17,.35)!important}
nav.bunny-premium-header{position:sticky!important;top:0!important;left:auto!important;right:auto!important;backdrop-filter:blur(14px)}
.bunny-premium-header>.nav-in,.bunny-premium-header>.nav-container,.bunny-premium-header>.container{width:min(100%,1320px)!important;max-width:1320px!important;margin-inline:auto!important;padding-inline:clamp(14px,2.5vw,28px)!important;display:flex!important;align-items:center!important;gap:clamp(8px,1.2vw,18px)!important;box-sizing:border-box!important}
.bunny-premium-header:has(> .nav-brand){padding-inline:max(18px,calc((100vw - 1320px)/2))!important;gap:clamp(12px,2vw,26px)!important}
.bunny-premium-header .nav-links{min-width:0!important;max-width:100%;gap:clamp(2px,.45vw,9px)!important}
.bunny-premium-header .nav-links a{white-space:nowrap!important}
.bunny-premium-header .brand,.bunny-premium-header .nav-brand{flex-shrink:0!important}
.bunny-premium-header::after{content:"";position:absolute;bottom:0;left:2%;right:2%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ff91d4aa,#b875f5aa,transparent);background-size:180% 100%;animation:bunnyHeaderShimmer 7s linear infinite}
@keyframes bunnyHeaderShimmer{from{background-position:100% 0}to{background-position:-100% 0}}
.bunny-premium-header a{transition:color .2s,background-color .2s,box-shadow .2s,transform .2s}
.bunny-premium-header a[aria-current="page"]:not(:has(img)){color:#ffd0eb!important;background:rgba(255,121,201,.1);border-radius:10px}
/* place account inside header instead of covering navigation */
#bunny-user-bar{position:static!important;inset:auto!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;flex:0 0 auto!important;max-width:180px!important;min-width:0!important;margin-left:auto!important;z-index:1!important}
#bunny-user-bar .bunny-user-chip,#bunny-user-bar .bunny-auth-loading{max-width:180px!important;min-width:0!important;height:40px!important;padding:5px 10px 5px 5px!important}
#bunny-user-bar img{width:30px!important;height:30px!important;min-width:30px!important}
#bunny-user-bar span{max-width:118px!important}
.bunny-premium-header img[src*="bunny-logo"]{object-fit:contain!important}
/* inner containers of content must remain centered, never inherit header width */
body :is(main,.wrap,.container){min-width:0}
@media(max-width:1100px){.bunny-premium-header>.nav-in,.bunny-premium-header>.nav-container{flex-wrap:wrap!important;height:auto!important;min-height:62px!important;justify-content:space-between!important}.bunny-premium-header .nav-links{order:3!important;flex:1 0 100%!important;overflow-x:auto!important;scrollbar-width:thin;justify-content:flex-start!important;padding-block:3px!important}.bunny-premium-header:has(> .nav-brand){flex-wrap:wrap!important}.bunny-premium-header:has(> .nav-brand) .nav-links{order:3!important;flex:1 0 100%!important;overflow-x:auto!important}#bunny-user-bar{margin-left:auto!important}}
@media(max-width:640px){.bunny-premium-header{height:auto!important;min-height:60px!important;padding:8px 12px!important}.bunny-premium-header>.nav-in,.bunny-premium-header>.nav-container{padding:0!important;gap:8px!important}.bunny-premium-header .nav-links{width:100%!important;max-width:100%!important;white-space:nowrap!important}#bunny-user-bar{max-width:145px!important}#bunny-user-bar .bunny-user-chip,#bunny-user-bar .bunny-auth-loading{height:36px!important;max-width:145px!important;font-size:11px!important}#bunny-user-bar img{width:26px!important;height:26px!important;min-width:26px!important}#bunny-user-bar span{max-width:86px!important}.bunny-premium-header .brand .logo-img{max-height:36px!important}.bunny-premium-header:has(> .nav-brand){padding-inline:12px!important}}
@media(prefers-reduced-motion:reduce){.bunny-premium-header::after{animation:none}}

/* BUNNY continuous ambient motion: never hide original content */
.bunny-premium-header{isolation:isolate;overflow:visible}
.bunny-premium-header .nav-links > a,.bunny-premium-header .nav-links > .nav-drop > button,.bunny-premium-header .nav-links > button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;position:relative;transition:color .22s,background .22s,box-shadow .22s,transform .22s!important}
.bunny-nav-icon{width:16px;height:16px;min-width:16px;display:inline-block;color:#ff9dd6;filter:drop-shadow(0 0 3px rgba(255,132,204,.38));animation:bunnyIconBreathe 3.1s ease-in-out infinite;pointer-events:none}
.bunny-premium-header .nav-links > :nth-child(2n) .bunny-nav-icon{animation-delay:-1.2s}
.bunny-premium-header .nav-links > :nth-child(3n) .bunny-nav-icon{animation-delay:-2s}
.bunny-premium-header .nav-links a:hover,.bunny-premium-header .nav-links button:hover{transform:translateY(-2px)!important;box-shadow:0 5px 22px rgba(255,112,197,.14)!important}
.bunny-premium-header .logo-sm,.bunny-premium-header .logo-img,.bunny-premium-header .nav-brand img{animation:bunnyLogoFloat 5.2s ease-in-out infinite;transform-origin:center center;filter:drop-shadow(0 0 8px rgba(254,106,195,.23))}
.bunny-premium-header::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 50%,rgba(255,111,197,.10),transparent 45%),radial-gradient(ellipse at 80% 50%,rgba(176,91,225,.10),transparent 48%);background-size:125% 100%;animation:bunnyAmbientGlow 8s ease-in-out infinite alternate}
.bunny-premium-header::after{animation:bunnyHeaderShimmer 3.5s linear infinite!important}
#bunny-user-bar .bunny-user-chip{animation:bunnyAccountGlow 3.3s ease-in-out infinite!important}
@keyframes bunnyIconBreathe{0%,100%{opacity:.66;filter:drop-shadow(0 0 2px rgba(255,132,204,.25))}50%{opacity:1;filter:drop-shadow(0 0 6px rgba(255,132,204,.85))}}
@keyframes bunnyLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes bunnyAmbientGlow{0%{background-position:0 0;opacity:.55}100%{background-position:100% 0;opacity:1}}
@keyframes bunnyAccountGlow{0%,100%{box-shadow:0 4px 16px rgba(255,96,183,.11)!important}50%{box-shadow:0 4px 22px rgba(255,96,183,.36)!important}}
@media(max-width:640px){.bunny-premium-header .nav-links > a,.bunny-premium-header .nav-links > .nav-drop > button{gap:6px}.bunny-nav-icon{width:15px;height:15px;min-width:15px}}
@media(prefers-reduced-motion:reduce){.bunny-premium-header .bunny-nav-icon,.bunny-premium-header .logo-sm,.bunny-premium-header .logo-img,.bunny-premium-header::before,#bunny-user-bar .bunny-user-chip{animation:none!important}}
/* Small, continuous ambient card lighting — no layout shift */
body :is(.gate,.card,.feature-card,.rules-card,.info-card,.result-card){transition:border-color .3s,box-shadow .3s;animation:bunnyCardAmbient 7s ease-in-out infinite}
body :is(.gate,.card,.feature-card,.rules-card,.info-card,.result-card):nth-of-type(even){animation-delay:-3.4s}
@keyframes bunnyCardAmbient{0%,100%{filter:drop-shadow(0 0 0 rgba(237,99,188,0))}50%{filter:drop-shadow(0 0 5px rgba(237,99,188,.12))}}
@media(prefers-reduced-motion:reduce){body :is(.gate,.card,.feature-card,.rules-card,.info-card,.result-card){animation:none!important}}

/* BUNNY continuous ambient motion: never hide original content */
.bunny-premium-header{isolation:isolate;overflow:visible}
.bunny-premium-header .nav-links > a,.bunny-premium-header .nav-links > .nav-drop > button,.bunny-premium-header .nav-links > button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;position:relative;transition:color .22s,background .22s,box-shadow .22s,transform .22s!important}
.bunny-nav-icon{width:16px;height:16px;min-width:16px;display:inline-block;color:#ff9dd6;filter:drop-shadow(0 0 3px rgba(255,132,204,.38));animation:bunnyIconBreathe 3.1s ease-in-out infinite;pointer-events:none}
.bunny-premium-header .nav-links > :nth-child(2n) .bunny-nav-icon{animation-delay:-1.2s}
.bunny-premium-header .nav-links > :nth-child(3n) .bunny-nav-icon{animation-delay:-2s}
.bunny-premium-header .nav-links a:hover,.bunny-premium-header .nav-links button:hover{transform:translateY(-2px)!important;box-shadow:0 5px 22px rgba(255,112,197,.14)!important}
.bunny-premium-header .logo-sm,.bunny-premium-header .logo-img,.bunny-premium-header .nav-brand img{animation:bunnyLogoFloat 5.2s ease-in-out infinite;transform-origin:center center;filter:drop-shadow(0 0 8px rgba(254,106,195,.23))}
.bunny-premium-header::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 50%,rgba(255,111,197,.10),transparent 45%),radial-gradient(ellipse at 80% 50%,rgba(176,91,225,.10),transparent 48%);background-size:125% 100%;animation:bunnyAmbientGlow 8s ease-in-out infinite alternate}
.bunny-premium-header::after{animation:bunnyHeaderShimmer 3.5s linear infinite!important}
#bunny-user-bar .bunny-user-chip{animation:bunnyAccountGlow 3.3s ease-in-out infinite!important}
@keyframes bunnyIconBreathe{0%,100%{opacity:.66;filter:drop-shadow(0 0 2px rgba(255,132,204,.25))}50%{opacity:1;filter:drop-shadow(0 0 6px rgba(255,132,204,.85))}}
@keyframes bunnyLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes bunnyAmbientGlow{0%{background-position:0 0;opacity:.55}100%{background-position:100% 0;opacity:1}}
@keyframes bunnyAccountGlow{0%,100%{box-shadow:0 4px 16px rgba(255,96,183,.11)!important}50%{box-shadow:0 4px 22px rgba(255,96,183,.36)!important}}
@media(max-width:640px){.bunny-premium-header .nav-links > a,.bunny-premium-header .nav-links > .nav-drop > button{gap:6px}.bunny-nav-icon{width:15px;height:15px;min-width:15px}}
@media(prefers-reduced-motion:reduce){.bunny-premium-header .bunny-nav-icon,.bunny-premium-header .logo-sm,.bunny-premium-header .logo-img,.bunny-premium-header::before,#bunny-user-bar .bunny-user-chip{animation:none!important}}


/* Consistent always-on ambient glow across all page types; never hide content */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 14% 20%,rgba(249,113,199,.045),transparent 45%),radial-gradient(ellipse at 90% 85%,rgba(174,96,222,.045),transparent 47%);animation:bunnyGlobalLight 9s ease-in-out infinite alternate}
@keyframes bunnyGlobalLight{from{opacity:.3}to{opacity:1}}
.bunny-premium-header::after{animation:bunnyHeaderShimmer 4s linear infinite!important}
body :is(.card,.gate,.info-card,.step,.ov,.qa,.rules-card,.feature-card,.result-card,.exam-card,.tier,.stat-card){transition:border-color .25s,box-shadow .25s;}
body :is(.card,.gate,.info-card,.step,.ov,.qa,.rules-card,.feature-card,.result-card,.exam-card,.tier,.stat-card):hover{box-shadow:0 0 18px rgba(255,127,207,.18)}
@media(prefers-reduced-motion:reduce){body::after{animation:none}}