.science-header-glass{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,hsl(var(--card) / .8),hsl(var(--secondary) / .5));border:1px solid hsl(var(--card) / .9);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);box-shadow:0 14px 34px -16px hsl(var(--foreground) / .25),inset 0 1px hsl(var(--card) / .95);transition:box-shadow .35s ease,transform .35s ease}.science-header-glass:after{content:"";position:absolute;z-index:2;pointer-events:none;top:-50%;left:-65%;width:38%;height:200%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,hsl(var(--card) / .32),transparent);opacity:0}.science-header-glass:hover{transform:translateY(-3px);box-shadow:0 25px 50px -18px hsl(var(--foreground) / .38),inset 0 1px hsl(var(--card) / .95)}.science-header-glass:hover:after{animation:scienceHeaderGlint 1s ease-out both}.science-header-flashbar{position:relative;overflow:hidden;background:linear-gradient(90deg,transparent,hsl(var(--quiz-cyan) / .85) 28%,hsl(var(--quiz-ink) / .95) 50%,hsl(var(--quiz-gold) / .85) 72%,transparent);box-shadow:0 0 12px hsl(var(--quiz-cyan) / .4)}.science-header-flashbar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,hsl(var(--quiz-ink) / .95),transparent);transform:translate(-110%);animation:scienceHeaderFlash 5s ease-in-out infinite}@keyframes scienceHeaderFlash{0%,55%{transform:translate(-110%)}85%,to{transform:translate(110%)}}@keyframes scienceHeaderGlint{0%{left:-65%;opacity:0}15%{opacity:1}to{left:150%;opacity:0}}@media(prefers-reduced-motion:reduce){.science-header-flashbar:after,.science-header-glass:hover:after{animation:none}.science-header-glass{transition:none}}.science-header-note{position:relative;isolation:isolate;overflow:hidden;border:1px solid hsl(var(--card) / .95);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 12px 25px -14px hsl(var(--foreground) / .25),inset 0 1px hsl(var(--card) / .95),inset 0 -8px 20px hsl(var(--primary) / .04);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.science-header-note--teal{background:linear-gradient(115deg,hsl(var(--primary) / .3),hsl(var(--card) / .86) 75%);border-color:hsl(var(--primary) / .25)}.science-header-note--amber{background:linear-gradient(115deg,hsl(var(--accent) / .32),hsl(var(--card) / .85) 75%);border-color:hsl(var(--accent) / .3)}.science-header-note:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 20%,hsl(var(--card) / .55) 48%,transparent 72%);transform:translate(-130%)}.science-header-note:hover{transform:translateY(-3px);border-color:hsl(var(--primary) / .25);box-shadow:0 20px 30px -14px hsl(var(--foreground) / .3),inset 0 1px hsl(var(--card)),inset 0 -8px 20px hsl(var(--primary) / .07)}.science-header-note:hover:before{animation:scienceNoteGlint .9s ease-out both}@keyframes scienceNoteGlint{to{transform:translate(130%)}}@media(prefers-reduced-motion:reduce){.science-header-note,.science-header-note:hover:before{transition:none;animation:none}}
