@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Kalam:wght@300;400;700&family=Patrick+Hand&family=Shadows+Into+Light&display=swap);:root{--primary-peach:#f4a896;--primary-blush:#f8c8c4;--primary-lavender:#c9b8d4;--accent-butter:#fff3cd;--accent-sage:#d4e5d7;--accent-sky:#d6eaf8;--accent-rose:#fce4ec;--accent-cream:#fffaf3;--accent-highlight-yellow:#ffeb7aa6;--accent-highlight-pink:#ffb6c180;--accent-highlight-green:#90ee9066;--sticky-yellow:#fff8b8;--sticky-pink:#ffd6e0;--sticky-blue:#d4f0fc;--sticky-green:#d8f5d8;--sticky-orange:#ffe4cc;--text-handwritten:#4a4a4a;--bg-warm:linear-gradient(180deg,#fffef9,#fff5eb 50%,#fef0e8);--bg-gradient-start:#fffef9;--bg-gradient-end:#fef0e8;--line-color:#c8c8c833;--margin-line:#ff969640;--shadow-paper:0 2px 8px #0000000f,0 8px 24px #0000000a;--shadow-sticky:2px 3px 8px #0000001f;--shadow-lifted:0 12px 32px #00000014;--shadow-pop:3px 3px 0px #3c3c3ccc;--border-pop:2px solid #3d3d3d;--border-sketch:2px solid #4a4a4a;--border-gentle:1px solid #0000000f;--border-dashed:2px dashed #6464644d;--radius-organic-sm:8px 12px 8px 10px;--radius-organic-md:16px 20px 14px 18px;--radius-organic-lg:24px 28px 20px 26px;--radius-soft:20px;--radius-pill:100px;--radius-card:24px;--transition-smooth:cubic-bezier(0.4,0,0.2,1);--transition-bounce:cubic-bezier(0.34,1.56,0.64,1);--transition-wobbly:cubic-bezier(0.68,-0.55,0.265,1.55);--font-main:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-accent:"Caveat","Shadows Into Light",cursive;--font-serif:"Fraunces",Georgia,serif}.quiz-landing-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(180deg,#fffef9,#fff5eb 50%,#fef0e8);background:var(--bg-warm);background-attachment:fixed;box-sizing:border-box;color:#3d3d3d;color:var(--text-primary);display:flex;flex-direction:column;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);min-height:100vh;overflow-x:hidden;position:relative;text-rendering:optimizeLegibility;width:100%}.quiz-landing-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.015}.quiz-landing-page:after,.quiz-landing-page:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.quiz-landing-page:after{background-image:repeating-linear-gradient(#0000,#0000 27px,#c8c8c833 28px);background-image:repeating-linear-gradient(#0000 0,#0000 27px,var(--line-color) 28px);background-size:100% 28px;opacity:.4}.hero-section{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:80px 20px 40px;position:relative;width:100%}.landing-ambient-glow{animation:watercolorFloat 15s ease-in-out infinite;background:radial-gradient(ellipse 70% 50% at 50% 40%,#f8c8c433 0,#fff3cd26 30%,#d4e5d71a 60%,#0000 80%);filter:blur(80px);height:600px;left:50%;pointer-events:none;position:absolute;top:10%;transform:translateX(-50%);width:800px}@keyframes watercolorFloat{0%,to{opacity:.6;transform:translateX(-50%) translateY(0) scale(1) rotate(0deg)}25%{opacity:.7;transform:translateX(-52%) translateY(-15px) scale(1.02) rotate(1deg)}50%{opacity:.8;transform:translateX(-48%) translateY(-25px) scale(1.05) rotate(-1deg)}75%{opacity:.65;transform:translateX(-50%) translateY(-10px) scale(1.01) rotate(.5deg)}}.doodle-elements{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.coffee-ring{animation:coffeeAppear 1s ease-out .5s both;border:3px solid #b48c6414;border-radius:50%;height:80px;position:absolute;right:12%;top:8%;transform:rotate(15deg);width:80px}.coffee-ring:before{border:2px solid #b48c640d;border-radius:50%;content:"";inset:5px;position:absolute}@keyframes coffeeAppear{0%{opacity:0;transform:rotate(15deg) scale(.8)}to{opacity:1;transform:rotate(15deg) scale(1)}}.star-doodle{animation:twinkle 3s ease-in-out infinite;color:#e88d7d;color:var(--primary-coral);font-family:Caveat,Shadows Into Light,cursive;font-family:var(--font-accent);opacity:.4;position:absolute}.star-doodle-1{animation-delay:0s;font-size:24px;left:8%;top:15%}.star-doodle-2{animation-delay:.5s;font-size:18px;right:5%;top:25%}.star-doodle-3{animation-delay:1s;bottom:30%;font-size:20px;left:5%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.6;transform:scale(1.1) rotate(10deg)}}.scribble-underline{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8'%3E%3Cpath d='M0 4q10-3 20 0t20 0 20 0 20 0 20 0' stroke='%23e88d7d' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:contain;height:8px;opacity:.3;position:absolute;width:120px}.sketch-corner{height:60px;opacity:.15;position:absolute;width:60px}.sketch-corner-tl{border-left:2px solid #3d3d3d;border-left:2px solid var(--text-primary);border-radius:4px 0 0 0;border-top:2px solid #3d3d3d;border-top:2px solid var(--text-primary);left:5%;top:5%}.sketch-corner-br{border-bottom:2px solid #3d3d3d;border-bottom:2px solid var(--text-primary);border-radius:0 0 4px 0;border-right:2px solid #3d3d3d;border-right:2px solid var(--text-primary);bottom:5%;right:5%}.landing-nav{align-items:center;animation:noteSlideDown .7s cubic-bezier(.68,-.55,.265,1.55);animation:noteSlideDown .7s var(--transition-wobbly);background:#fffef9f2;border:1px solid #e88d7d26;border-radius:20px 24px 22px 18px;box-shadow:0 4px 20px #e88d7d14,0 1px 3px #0000000a,inset 0 1px 0 #fffc;display:flex;justify-content:space-between;left:50%;max-width:90%;min-width:580px;padding:14px 28px;position:absolute;top:24px;transform:translateX(-50%);width:auto;z-index:100}.landing-nav:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E"),linear-gradient(180deg,#fffcd7d9,#fff8b9e6 50%,#fff4a0d9);border-radius:1px;box-shadow:0 1px 2px #00000014,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #00000008;content:"";height:20px;left:50%;opacity:.92;position:absolute;top:-10px;transform:translateX(-50%) rotate(-1.5deg);width:70px}@keyframes noteSlideDown{0%{opacity:0;transform:translate(-50%,-30px) rotate(-2deg)}60%{transform:translate(-50%,5px) rotate(1deg)}to{opacity:1;transform:translate(-50%) rotate(0deg)}}.landing-brand{align-items:center;display:flex;gap:10px}.brand-logo{flex-shrink:0;height:26px;margin-right:2px;width:26px}.brand-name{color:#e88d7d;color:var(--primary-coral);font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:22px;font-weight:600;letter-spacing:.5px;position:relative}.brand-name:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 4'%3E%3Cpath d='M0 2q20-2 40 0t40 0 20 0' stroke='%23f4a896' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;bottom:-2px;content:"";height:3px;left:0;opacity:.6;position:absolute;right:0}.landing-auth-header{align-items:center;display:flex;gap:12px}.auth-header-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:100px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 22px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--transition-smooth)}.login-btn{background:#0000;color:#6b6b6b;color:var(--text-secondary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);position:relative}.login-btn:hover{background:#e88d7d14;color:#e88d7d;color:var(--primary-coral)}.signup-btn{background:linear-gradient(135deg,#e88d7d,#f4a896);background:linear-gradient(135deg,var(--primary-coral) 0,var(--primary-peach) 100%);border:2px solid #3c3c3cb3;border-radius:14px 18px 16px 14px;box-shadow:3px 3px 0 #3c3c3c99,inset 0 1px 0 #ffffff4d;color:#fff;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-weight:600;overflow:hidden;padding:12px 26px;position:relative;transition:all .25s cubic-bezier(.68,-.55,.265,1.55);transition:all .25s var(--transition-wobbly)}.signup-btn:after{background:#fff6;bottom:8px;content:"";height:2px;left:12px;position:absolute;right:12px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.signup-btn:hover{background:linear-gradient(135deg,#ea9789,#f5b3a5);box-shadow:5px 5px 0 #3c3c3c80,inset 0 1px 0 #fff6;transform:translate(-2px,-2px) rotate(-1deg)}.signup-btn:hover:after{transform:scaleX(1)}.signup-btn:active{box-shadow:1px 1px 0 #3c3c3c80;transform:translate(1px,1px) rotate(0deg)}.logout-btn{background:#0000;border:none;color:#999;color:var(--text-muted);font-size:13px;padding:8px 16px}.logout-btn:hover{color:#6b6b6b;color:var(--text-secondary)}.theme-toggle-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff8b84d;border:1.5px dashed #64646440;border-radius:10px 12px 10px 11px;color:#999;color:var(--text-muted);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-wobbly);width:38px}.theme-toggle-btn:hover{background:#fff8b899;border-color:#e88d7d;border-color:var(--primary-coral);color:#e88d7d;color:var(--primary-coral);transform:rotate(-5deg) scale(1.05)}.theme-toggle-btn:active{transform:rotate(0deg) scale(.95)}.theme-toggle-btn svg{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s var(--transition-wobbly)}.theme-toggle-btn:hover svg{transform:rotate(20deg)}.quiz-landing-wrapper{animation:contentFadeIn .8s cubic-bezier(.4,0,.2,1);animation:contentFadeIn .8s var(--transition-smooth);max-width:1200px;padding:0 24px;position:relative;width:100%;z-index:1}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-landing-content{align-items:center;display:flex;flex-direction:column;gap:12px;padding-top:60px}.landing-mascot{align-items:center;animation:mascotBounceIn 1s cubic-bezier(.68,-.55,.265,1.55) .2s both;animation:mascotBounceIn 1s var(--transition-wobbly) .2s both;display:flex;justify-content:center;margin-bottom:4px;position:relative;transform-origin:center center;transition:opacity .4s ease-out,transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:opacity .4s ease-out,transform .4s var(--transition-wobbly)}.landing-mascot:before{background:radial-gradient(circle,#f8c8c459 0,#0000 70%);border-radius:50%;content:"";filter:blur(12px);height:100px;opacity:.6;position:absolute;width:100px;z-index:-1}.landing-mascot.returning{animation:none;opacity:1;transform:scale(1) translateY(0)}@keyframes mascotBounceIn{0%{opacity:0;transform:scale(.5) translateY(30px)}60%{transform:scale(1.05) translateY(-8px)}80%{transform:scale(.98) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.nurse-quiz-mascot{backface-visibility:hidden;filter:drop-shadow(0 8px 24px rgba(155,111,176,.15));pointer-events:none;transform:translateZ(0);will-change:transform}.nurse-quiz-mascot .mouth-default,.nurse-quiz-mascot .mouth-excited,.nurse-quiz-mascot .mouth-surprised{backface-visibility:hidden;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity .15s var(--transition-smooth)}.brain-mascot{backface-visibility:hidden;filter:drop-shadow(0 8px 24px rgba(155,111,176,.15));pointer-events:none;position:relative;transform:translateZ(0);will-change:transform}.science-brain-mascot{align-items:center;display:flex;justify-content:center;margin:0 auto 48px;position:relative}.science-brain-mascot:before{background:radial-gradient(circle,#fce7f3cc 0,#0000 70%);border-radius:50%;content:"";filter:blur(20px);height:160px;position:absolute;width:160px;z-index:-1}.brain-mascot.exploding .brain-svg-exploding{animation:brainPop .6s cubic-bezier(.34,1.56,.64,1) forwards;animation:brainPop .6s var(--transition-bounce) forwards}@keyframes brainPop{0%{transform:scale(1)}30%{transform:scale(1.2)}50%{transform:scale(.92)}70%{transform:scale(1.08)}to{transform:scale(1)}}.brain-explosion-particles{height:0;left:50%;pointer-events:none;position:absolute;top:50%;width:0;z-index:10}.brain-explosion-particles .particle{animation:particleExplode .8s cubic-bezier(.25,.46,.45,.94) forwards;border-radius:50%;height:10px;position:absolute;width:10px}.particle-0{animation-delay:0s;background:#fce7f3}.particle-1{animation-delay:.02s;background:#c4b5fd}.particle-2{animation-delay:.04s;background:#a5f3fc}.particle-3{animation-delay:.06s;background:#fef3c7}.particle-4{animation-delay:.08s;background:#fbcfe8}.particle-5{animation-delay:.1s;background:#d1fae5}.particle-6{animation-delay:.12s;background:#fce7f3}.particle-7{animation-delay:.14s;background:#c4b5fd}.particle-8{animation-delay:.16s;background:#a5f3fc}.particle-9{animation-delay:.18s;background:#fef3c7}.particle-10{animation-delay:.2s;background:#fbcfe8}.particle-11{animation-delay:.22s;background:#d1fae5}.particle-0{--angle:0deg;--distance:70px}.particle-1{--angle:30deg;--distance:80px}.particle-2{--angle:60deg;--distance:65px}.particle-3{--angle:90deg;--distance:75px}.particle-4{--angle:120deg;--distance:60px}.particle-5{--angle:150deg;--distance:85px}.particle-6{--angle:180deg;--distance:70px}.particle-7{--angle:210deg;--distance:75px}.particle-8{--angle:240deg;--distance:65px}.particle-9{--angle:270deg;--distance:80px}.particle-10{--angle:300deg;--distance:60px}.particle-11{--angle:330deg;--distance:75px}@keyframes particleExplode{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(0)}20%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance)*-.3)) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance)*-1)) scale(0)}}.brain-explosion-particles .star-particle{animation:starExplode .9s cubic-bezier(.25,.46,.45,.94) forwards;font-size:16px;position:absolute}.star-0{--star-angle:15deg;--star-distance:90px;animation-delay:.05s;color:#fbbf24}.star-1{--star-angle:75deg;--star-distance:100px;animation-delay:.1s;color:#f9a8d4}.star-2{--star-angle:135deg;--star-distance:85px;animation-delay:.15s;color:#c4b5fd}.star-3{--star-angle:195deg;--star-distance:95px;animation-delay:.2s;color:#a5f3fc}.star-4{--star-angle:255deg;--star-distance:90px;animation-delay:.08s;color:#d1fae5}.star-5{--star-angle:315deg;--star-distance:100px;animation-delay:.12s;color:#fce7f3}.star-6{--star-angle:45deg;--star-distance:80px;animation-delay:.18s;color:#fef3c7}.star-7{--star-angle:225deg;--star-distance:85px;animation-delay:.22s;color:#c4b5fd}@keyframes starExplode{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--star-angle)) translateY(0) scale(0) rotate(0deg)}30%{opacity:1;transform:translate(-50%,-50%) rotate(var(--star-angle)) translateY(calc(var(--star-distance)*-.4)) scale(1.2) rotate(180deg)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--star-angle)) translateY(calc(var(--star-distance)*-1)) scale(0) rotate(1turn)}}.brain-explosion-particles .spark-particle{animation:sparkExplode .5s cubic-bezier(.25,.46,.45,.94) forwards;border-radius:2px;height:14px;position:absolute;width:3px}.spark-0{--spark-angle:20deg;--spark-distance:50px;background:linear-gradient(180deg,#fff,#fce7f3)}.spark-1{--spark-angle:80deg;--spark-distance:55px;background:linear-gradient(180deg,#fff,#c4b5fd)}.spark-2{--spark-angle:140deg;--spark-distance:45px;background:linear-gradient(180deg,#fff,#a5f3fc)}.spark-3{--spark-angle:200deg;--spark-distance:50px;background:linear-gradient(180deg,#fff,#fef3c7)}.spark-4{--spark-angle:260deg;--spark-distance:55px;background:linear-gradient(180deg,#fff,#fbcfe8)}.spark-5{--spark-angle:320deg;--spark-distance:45px;background:linear-gradient(180deg,#fff,#d1fae5)}@keyframes sparkExplode{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(0) scaleY(0)}30%{opacity:1;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance)*-.5)) scaleY(1.5)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance)*-1)) scaleY(.3)}}.landing-mascot.spinning .nurse-quiz-mascot{animation:mascotFlyAway .5s cubic-bezier(.36,0,.66,-.56) forwards}@keyframes mascotFlyAway{0%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}15%{opacity:1;transform:translateY(15px) scale(1.2,.8) rotate(-5deg)}30%{opacity:1;transform:translateY(5px) scale(.9,1.1) rotate(5deg)}to{opacity:0;transform:translateY(-300px) scale(.3) rotate(-15deg)}}.landing-mascot.floating{animation:mascotFloatIn .6s cubic-bezier(.25,.46,.45,.94) forwards;left:auto;margin-bottom:0;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000}.landing-mascot.floating.exiting-float{animation:mascotFloatOut .35s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes mascotFloatOut{0%{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}to{opacity:0;transform:translateY(-50%) translateX(30px) scale(.85)}}@keyframes mascotFloatIn{0%{opacity:0;transform:translateY(-50%) translateX(40px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.landing-mascot.floating.idle{animation:mascotFloatIn .6s cubic-bezier(.25,.46,.45,.94) forwards,mascotIdleFloat 4s ease-in-out .6s infinite}@keyframes mascotIdleFloat{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}.landing-mascot.floating.flying{animation:none}.landing-mascot.floating.flying.fly-down{transform:translateY(calc(-50% + 3px)) rotate(2deg);transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.landing-mascot.floating.flying.fly-up{transform:translateY(calc(-50% - 3px)) rotate(-2deg);transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.landing-mascot.floating.flying .nurse-quiz-mascot{transform:scale(.98);transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.landing-mascot.floating.idle.fly-none{animation:mascotSettle .5s cubic-bezier(.25,.46,.45,.94) forwards,mascotIdleFloat 4s ease-in-out .5s infinite}@keyframes mascotSettle{0%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 2px))}to{transform:translateY(-50%)}}.mascot-motion-trails{left:50%;opacity:.3;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.mascot-motion-trails .trail{animation:trailFade .35s ease-out forwards;background:radial-gradient(circle,#fce7f380 0,#0000 70%);border-radius:50%;height:30px;position:absolute;width:30px}.mascot-motion-trails .trail:first-child{animation-delay:0s;transform:translate(-8px,8px) scale(.8)}.mascot-motion-trails .trail:nth-child(2){animation-delay:.05s;transform:translate(-16px,16px) scale(.6)}.mascot-motion-trails .trail:nth-child(3){animation-delay:.1s;transform:translate(-24px,24px) scale(.4)}.landing-mascot.fly-up .mascot-motion-trails .trail:first-child{transform:translate(-8px,-8px) scale(.8)}.landing-mascot.fly-up .mascot-motion-trails .trail:nth-child(2){transform:translate(-16px,-16px) scale(.6)}.landing-mascot.fly-up .mascot-motion-trails .trail:nth-child(3){transform:translate(-24px,-24px) scale(.4)}@keyframes trailFade{0%{opacity:.4}to{opacity:0}}.landing-header{animation:headerSlideIn .7s cubic-bezier(.68,-.55,.265,1.55) .3s both;animation:headerSlideIn .7s var(--transition-wobbly) .3s both;margin-bottom:12px;position:relative;text-align:center}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(25px) rotate(-1deg)}60%{transform:translateY(-5px) rotate(.5deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}.landing-slogan{color:#3d3d3d;color:var(--text-primary);font-family:Fraunces,Georgia,serif;font-family:var(--font-serif);font-size:2.8rem;font-weight:400;letter-spacing:-.02em;line-height:1.2;margin:0 0 20px;position:relative}.landing-slogan:after{animation:arrowBounce 2s ease-in-out 1.5s infinite;bottom:-15px;color:#e88d7d;color:var(--primary-coral);content:"↓";font-family:Caveat,Shadows Into Light,cursive;font-family:var(--font-accent);font-size:20px;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}@keyframes arrowBounce{0%,to{opacity:.4;transform:translateX(-50%) translateY(0)}50%{opacity:.7;transform:translateX(-50%) translateY(5px)}}.slogan-highlight,.slogan-highlight-wrapper{color:#3d3d3d;color:var(--text-primary);display:inline;font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:1.8rem;font-style:normal;font-weight:400;line-height:1.5}.slogan-highlight{padding:0 4px;position:relative;z-index:1}.slogan-highlight:before{background:linear-gradient(90deg,#ffeb7a8c,#ffeb7ab3 20%,#ffeb7aa6 80%,#ffeb7a80);border-radius:2px 4px 3px 2px;bottom:2px;content:"";height:40%;left:-2px;position:absolute;right:-2px;transform:rotate(-.5deg) skewX(-2deg);z-index:-1}.landing-subtitle{color:#6b6b6b;color:var(--text-secondary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:17px;font-weight:400;letter-spacing:.2px;margin:8px 0 0;position:relative}.landing-subtitle:before{left:-28px}.landing-subtitle:after,.landing-subtitle:before{content:"✨";font-size:14px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.landing-subtitle:after{right:-28px}.hero-split{align-items:center;display:flex;flex-direction:row;gap:60px;justify-content:center;margin:0 auto;max-width:1100px;padding:20px 40px 40px;width:100%}.hero-split .landing-header{flex:1 1;max-width:480px;text-align:left}.hero-split .landing-slogan{font-size:2.2rem;letter-spacing:-.02em;line-height:1.25;margin-bottom:8px;text-align:left}.hero-split .slogan-highlight,.hero-split .slogan-highlight-wrapper{font-size:1.6rem;line-height:1.4}.hero-split .landing-subtitle{color:#6b6b6b;color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin-top:16px;text-align:left}.hero-transformation{align-items:center;background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"),linear-gradient(175deg,#fffefa,#fff9f2 30%,#fff5eb 70%,#fff2e6);background-blend-mode:overlay,normal;border:none;border-radius:3px 24px 5px 4px;box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #00000005,0 1px 1px #0000000a,0 4px 8px #00000008,3px 3px 0 #faf5ef,4px 4px 0 #0000000a,6px 6px 0 #f8f2ea,7px 7px 0 #00000008,0 12px 40px #b48c6414;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;max-width:480px;min-width:400px;overflow:visible;padding:32px 36px 36px;position:relative;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-wobbly)}.hero-transformation>*{position:relative;z-index:2}.hero-transformation:before{background:linear-gradient(135deg,#0000 48%,#f0e8dc 49%,#f5ede2 52%,#faf4ec);border-radius:0 22px 0 0;box-shadow:-2px 2px 4px #0000000f,inset 1px -1px 0 #ffffff80;content:"";height:32px;position:absolute;right:0;top:0;width:32px;z-index:3}.hero-transformation:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E"),linear-gradient(180deg,#fffcdcd9,#fff8bee6 50%,#fff5aad9);border-radius:1px;box-shadow:0 1px 2px #00000014,inset 0 1px 0 #fff9,inset 0 -1px 0 #0000000d;content:"";height:24px;left:28%;opacity:.95;position:absolute;top:-12px;transform:rotate(-2.5deg);width:90px;z-index:4}.hero-transformation:hover{box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #00000005,0 1px 1px #0000000a,0 6px 12px #0000000a,5px 5px 0 #faf5ef,6px 6px 0 #0000000d,9px 9px 0 #f8f2ea,10px 10px 0 #0000000a,0 16px 48px #b48c641f;transform:translate(-3px,-4px) rotate(-.8deg)}.transform-center{animation:notePopIn .8s cubic-bezier(.68,-.55,.265,1.55) .3s both;animation:notePopIn .8s var(--transition-wobbly) .3s both;position:relative;z-index:2}@keyframes notePopIn{0%{opacity:0;transform:translateY(20px) rotate(-2deg) scale(.95)}60%{transform:translateY(-5px) rotate(1deg) scale(1.02)}to{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}}.transform-doc-btn{align-items:center;background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.02'/%3E%3C/svg%3E"),linear-gradient(175deg,#fff,#fffcf9 40%,#fff8f3);background-blend-mode:overlay,normal;border:2.5px dashed #e88d7d66;border-radius:14px 18px 16px 14px;box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #00000005,0 2px 4px #e88d7d14,0 6px 20px #e88d7d1a;cursor:pointer;display:flex;gap:18px;max-width:380px;padding:20px 24px;position:relative;text-align:left;transition:all .35s cubic-bezier(.68,-.55,.265,1.55);transition:all .35s var(--transition-wobbly);width:100%}.transform-doc-btn:before{animation:arrowWiggle 2.5s ease-in-out infinite;color:#e88d7d;color:var(--primary-coral);content:"→";font-family:Caveat,Shadows Into Light,cursive;font-family:var(--font-accent);font-size:28px;left:-40px;opacity:.55;position:absolute;text-shadow:1px 1px 0 #fffc;top:50%;transform:translateY(-50%) rotate(-12deg)}@keyframes arrowWiggle{0%,to{transform:translateY(-50%) rotate(-12deg) translateX(0)}50%{transform:translateY(-50%) rotate(-6deg) translateX(4px)}}.transform-doc-btn:hover{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.02'/%3E%3C/svg%3E"),linear-gradient(175deg,#fff,#fff5f0 50%,#ffefea);background-blend-mode:overlay,normal;border-color:#e88d7d;border-color:var(--primary-coral);border-style:solid;box-shadow:inset 0 1px 0 #fff,0 4px 8px #e88d7d1f,0 10px 28px #e88d7d26;transform:translateY(-4px) rotate(-.8deg)}.transform-doc-btn.pressed,.transform-doc-btn:active{transform:translateY(-1px) rotate(0deg) scale(.98)}.doc-icon-wrapper{align-items:center;background:linear-gradient(145deg,#fce4ec,#ffd6e0 50%,#ffccd5);border:2px solid #e88d7d40;border-radius:12px 16px 14px 12px;box-shadow:inset 0 2px 4px #fff9,inset 0 -2px 4px #db277714,0 2px 6px #e88d7d26;color:#e05780;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-wobbly);width:56px}.transform-doc-btn:hover .doc-icon-wrapper{box-shadow:inset 0 2px 4px #ffffffb3,inset 0 -2px 4px #db27771a,0 4px 12px #e88d7d33;transform:rotate(-8deg) scale(1.08)}.doc-icon{height:26px;position:relative;width:26px;z-index:1}.doc-pulse{animation:gentlePulse 3s ease-in-out infinite;border:2px solid #e88d7d;border:2px solid var(--primary-coral);border-radius:14px 18px 16px 14px;inset:-4px;opacity:0;position:absolute}@keyframes gentlePulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.08)}}.doc-text{display:flex;flex-direction:column;gap:5px}.doc-title{color:#3d3d3d;color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.doc-subtitle,.doc-title{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main)}.doc-subtitle{align-items:center;color:#999;color:var(--text-muted);display:flex;font-size:12px;gap:6px}.doc-subtitle:before{content:"📄";font-size:11px}.doc-formats{align-items:center;color:#999;color:var(--text-muted);display:flex;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:11px;gap:10px;justify-content:center;margin-top:12px}.format-item{display:inline-flex;gap:2px}.format-item svg{border-radius:3px;height:22px;width:22px}.format-item.images svg{height:20px;width:20px}.format-separator{margin:0 4px;opacity:.5}.format-size{font-size:10px;opacity:.6}.magic-indicator{display:none}.magic-text{font-family:Caveat,Comic Sans MS,cursive;font-size:16px;font-style:italic;white-space:nowrap}.magic-arrow,.magic-text{color:#999;color:var(--text-muted)}.magic-arrow{opacity:.5}.sparkle-particles{display:none}.sparkle{animation:sparkleFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#fce7f3,#c4b5fd);height:6px;opacity:0;width:6px}.sparkle,.sparkle:after{border-radius:50%;position:absolute}.sparkle:after{background:inherit;content:"";filter:blur(3px);inset:-2px;opacity:.6}.sparkle-1{animation-delay:0s;left:5%;top:10%}.sparkle-2{animation-delay:.8s;right:10%;top:20%}.sparkle-3{animation-delay:1.6s;bottom:30%;left:15%}.sparkle-4{animation-delay:2.4s;bottom:20%;right:5%}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.8;transform:translateY(-5px) scale(1)}50%{opacity:1;transform:translateY(-12px) scale(1.2)}80%{opacity:.6;transform:translateY(-18px) scale(.8)}}.transform-lines{display:none}.transform-line{stroke-dasharray:8 4;stroke-dashoffset:0;animation:dashFlow 20s linear infinite}@keyframes dashFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.line-particle{filter:drop-shadow(0 0 4px #c9b8d4);filter:drop-shadow(0 0 4px var(--primary-lavender));opacity:.8}.transform-features{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;margin:4px 0 0!important;max-width:none!important;padding:0!important}.feature-output-card,.transform-features{align-items:center!important;flex-direction:row!important;gap:8px!important;position:static!important;width:auto!important}.feature-output-card{aspect-ratio:unset!important;background:#fff!important;border:1.5px solid #6464641a!important;border-radius:10px 14px 12px 11px!important;box-shadow:inset 0 1px 0 #fffc,2px 2px 0 #3c3c3c0d,3px 3px 0 #3c3c3c08,0 3px 10px #0000000a!important;cursor:default!important;display:inline-flex!important;flex:none!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding:10px 16px 10px 12px!important;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)!important;transition:all .3s var(--transition-wobbly)!important}.feature-output-card:first-child{transform:rotate(-1.2deg)}.feature-output-card:nth-child(2){transform:rotate(.8deg)}.feature-output-card:nth-child(3){transform:rotate(-.6deg)}.feature-output-card:nth-child(4){transform:rotate(1.1deg)}.feature-output-card:after,.feature-output-card:before{display:none!important}.feature-card-inner{align-items:center!important;display:inline-flex!important;flex-direction:row!important;gap:6px!important;height:auto!important;width:auto!important}.feature-icon-circle{align-items:center!important;border-radius:6px 8px 7px 6px!important;display:flex!important;flex-shrink:0!important;height:24px!important;justify-content:center!important;min-height:24px!important;min-width:24px!important;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)!important;transition:all .3s var(--transition-wobbly)!important;width:24px!important}.quiz-card{background:linear-gradient(175deg,#e3f4fc,#ceeaf8 50%,#bfe4f6)!important;border-color:#4169e126!important}.quiz-card .feature-icon-circle{background:linear-gradient(145deg,#6495ed4d,#4169e133)!important;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #4169e126!important;color:#3b5dc9!important}.flashcard-card{background:linear-gradient(175deg,#ffe8ed,#ffd6e0 50%,#ffcbd5)!important;border-color:#db277726!important}.flashcard-card .feature-icon-circle{background:linear-gradient(145deg,#ff69b440,#db277733)!important;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #db277726!important;color:#c9246e!important}.mindmap-card{background:linear-gradient(175deg,#f3e8ff,#e9d5ff 50%,#ddd6fe)!important;border-color:#8b5cf626!important}.mindmap-card .feature-icon-circle{background:linear-gradient(145deg,#a78bfa4d,#8b5cf633)!important;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #8b5cf626!important;color:#7c3aed!important}.audio-card{background:linear-gradient(175deg,#e5f9e5,#d8f5d8 50%,#c8f0c8)!important;border-color:#05966926!important}.audio-card .feature-icon-circle{background:linear-gradient(145deg,#3cb3714d,#05966933)!important;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #05966926!important;color:#048a5e!important}.studysheet-card{background:linear-gradient(175deg,#fffacc,#fff8b8 50%,#fff3a0)!important;border-color:#d9770626!important}.studysheet-card .feature-icon-circle{background:linear-gradient(145deg,#ffc10759,#d9770640)!important;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #d9770626!important;color:#b86e04!important}.feature-icon-circle svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.1));height:14px!important;width:14px!important}.feature-label{color:#3d3d3d!important;color:var(--text-primary)!important;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif!important;font-family:var(--font-main)!important;font-size:13px!important;font-weight:500!important;line-height:1!important;white-space:nowrap!important}.feature-preview{display:none}.quiz-preview{flex-direction:column;gap:6px}.mini-question{background:#9b6fb026;border-radius:3px;height:6px;width:70%}.mini-answers{display:flex;gap:4px;justify-content:center;width:100%}.mini-answer{background:#9b6fb01a;border-radius:4px;height:8px;transition:all .3s ease;width:20%}.mini-answer.active{animation:answerPop 2s ease-in-out infinite;background:#c9b8d4;background:var(--primary-lavender)}@keyframes answerPop{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.flashcard-preview{height:40px;perspective:200px;position:relative;width:60px}.mini-card{align-items:center;backface-visibility:hidden;border-radius:6px;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;position:absolute;transition:transform .6s ease;width:100%}.mini-card.front{animation:cardFlip 3s ease-in-out infinite;background:linear-gradient(135deg,#c9b8d4,#8b5ca0);background:linear-gradient(135deg,var(--primary-lavender) 0,#8b5ca0 100%);color:#fff}.mini-card.back{animation:cardFlipBack 3s ease-in-out infinite;background:#9b6fb01a;color:#c9b8d4;color:var(--primary-lavender);transform:rotateY(180deg)}@keyframes cardFlip{0%,40%{transform:rotateY(0deg)}50%,90%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}@keyframes cardFlipBack{0%,40%{transform:rotateY(180deg)}50%,90%{transform:rotateY(1turn)}to{transform:rotateY(540deg)}}.audio-preview{padding:0 10px}.audio-wave{align-items:center;display:flex;gap:3px;height:30px;justify-content:center}.wave-bar{animation:waveAnim 1s ease-in-out infinite;background:#c9b8d4;background:var(--primary-lavender);border-radius:2px;width:4px}.wave-bar:first-child{animation-delay:0s;height:12px}.wave-bar:nth-child(2){animation-delay:.1s;height:20px}.wave-bar:nth-child(3){animation-delay:.2s;height:28px}.wave-bar:nth-child(4){animation-delay:.3s;height:16px}.wave-bar:nth-child(5){animation-delay:.4s;height:10px}@keyframes waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.studysheet-preview{flex-direction:column;gap:4px;padding:0 20px}.mini-lines{display:flex;flex-direction:column;gap:4px;width:100%}.mini-line{animation:lineSlide 2s ease-in-out infinite;background:#9b6fb01f;border-radius:2px;height:5px}.mini-line.short{width:60%}.mini-line:first-child{animation-delay:0s}.mini-line:nth-child(2){animation-delay:.2s}.mini-line:nth-child(3){animation-delay:.4s}@keyframes lineSlide{0%,to{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(3px)}}.quiz-card .feature-icon-circle{background:#8b5cf61f!important;color:#8b5cf6!important}.flashcard-card .feature-icon-circle{background:#ec48991f!important;color:#ec4899!important}.audio-card .feature-icon-circle{background:#3b82f61f!important;color:#3b82f6!important}.studysheet-card .feature-icon-circle{background:#10b9811f!important;color:#10b981!important}.quiz-card:hover .feature-icon-circle{background:#8b5cf633!important}.flashcard-card:hover .feature-icon-circle{background:#ec489933!important}.mindmap-card:hover .feature-icon-circle{background:#8b5cf640!important}.audio-card:hover .feature-icon-circle{background:#3b82f633!important}.studysheet-card:hover .feature-icon-circle{background:#10b98133!important}@media (max-width:900px){.hero-split{flex-direction:column;gap:30px;padding:20px 20px 30px}.hero-split .landing-header{max-width:100%;text-align:center}.hero-split .landing-slogan{font-size:1.8rem;text-align:center}.hero-split .slogan-highlight,.hero-split .slogan-highlight-wrapper{font-size:1.4rem}.hero-split .landing-subtitle{font-size:1rem;margin-top:12px;text-align:center}.hero-transformation{max-width:100%;min-width:0;min-width:auto;padding:24px 20px;width:100%}.transform-doc-btn{max-width:100%}.doc-subtitle,.doc-title{white-space:normal}}@media (max-width:768px){.hero-transformation{flex-direction:column;gap:18px;padding:24px 20px}.transform-features{gap:8px!important;justify-content:center!important}.feature-output-card{padding:8px 12px 8px 10px!important}.feature-icon-circle{height:22px!important;min-height:22px!important;min-width:22px!important;width:22px!important}.feature-icon-circle svg{height:12px!important;width:12px!important}.feature-label{font-size:12px!important}.transform-doc-btn{gap:14px;padding:18px 24px 18px 18px}.doc-icon-wrapper{border-radius:14px;height:52px;width:52px}.doc-icon{height:26px;width:26px}.doc-title{font-size:16px}.doc-subtitle{font-size:12px}}@media (max-width:480px){.hero-split{gap:32px;padding:20px 16px 30px}.hero-split .landing-slogan{font-size:1.75rem}.hero-split .slogan-highlight,.hero-split .slogan-highlight-wrapper{font-size:1.4rem}.hero-split .landing-subtitle{font-size:1rem}.hero-transformation{padding:20px 16px}.transform-features{gap:6px!important}.feature-output-card{padding:6px 10px 6px 8px!important}.feature-label{font-size:11px!important}.transform-doc-btn{gap:12px;padding:16px 18px 16px 16px}.doc-icon-wrapper{height:48px;width:48px}.doc-title{font-size:15px}}.hero-cta-section{animation:fadeInUp .7s ease-out .4s both;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:440px;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-upload-btn{align-items:center;background:#fff;border:none;border-radius:20px;box-shadow:0 2px 8px #9b6fb00f,0 8px 32px #9b6fb014,inset 0 0 0 1px #9b6fb014;color:#3d3d3d;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:16px;overflow:hidden;padding:20px 28px;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--transition-smooth);width:100%}.hero-upload-btn:before{background:linear-gradient(135deg,#c4b5fd4d,#fce7f34d 50%,#c4b5fd33);border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1.5px;pointer-events:none;position:absolute;transition:opacity .4s ease}.hero-upload-btn:hover:before{opacity:1}.hero-upload-btn:hover{box-shadow:0 4px 12px #9b6fb01a,0 16px 48px #9b6fb01f,inset 0 0 0 1px #9b6fb01f;transform:translateY(-3px)}.hero-upload-btn.pressed,.hero-upload-btn:active{transform:translateY(-1px) scale(.995)}.upload-btn-icon{align-items:center;background:linear-gradient(135deg,#c4b5fd4d,#fce7f366);border-radius:14px;color:#c9b8d4;color:var(--primary-lavender);display:flex;height:48px;justify-content:center;min-width:48px;transition:all .3s ease;width:48px}.hero-upload-btn:hover .upload-btn-icon{background:linear-gradient(135deg,#c4b5fd80,#fce7f380);transform:scale(1.05)}.upload-btn-icon svg{height:22px;width:22px}.accepted-formats{animation:fadeInUp .6s ease-out .5s both;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:4px}.accepted-formats,.format-item{align-items:center;display:flex}.format-item{color:#999;color:var(--text-muted);font-size:13px;font-weight:450;gap:6px;transition:color .2s ease}.format-item svg{height:16px;opacity:.6;width:16px}.format-item:hover{color:#6b6b6b;color:var(--text-secondary)}.hero-features{animation:fadeInUp .6s ease-out .5s both;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.hero-feature-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #9b6fb01a;border-radius:16px;color:#3d3d3d;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--transition-smooth)}.hero-feature-card:hover{background:#fff;border-color:#9b6fb033;box-shadow:0 8px 24px #9b6fb01a;transform:translateY(-2px)}.hero-feature-card.pressed,.hero-feature-card:active{transform:translateY(0) scale(.98)}.hero-feature-card .popular-badge{border-radius:8px;font-size:8px;padding:3px 8px;position:absolute;right:-8px;top:-8px}.hero-feature-icon{align-items:center;background:#9b6fb01a;border-radius:10px;color:#c9b8d4;color:var(--primary-lavender);display:flex;height:36px;justify-content:center;width:36px}.hero-feature-icon svg{height:18px;width:18px}.hero-feature-title{font-size:14px;font-weight:550;white-space:nowrap}.hero-feature-text{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.hero-feature-subtitle{color:#999;color:var(--text-muted);font-size:11px;font-weight:450;white-space:nowrap}.hero-feature-card.nclex-card{border-color:#fbbf2433}.hero-feature-card.nclex-card:hover{border-color:#fbbf2459;box-shadow:0 8px 24px #fbbf2414}.hero-feature-card.nclex-card .hero-feature-icon{background:#fbbf241f;color:#d97706}.hero-feature-card.tutor-card .hero-feature-icon{background:#3b82f61a;color:#3b82f6}.hero-feature-card.challenge-card .hero-feature-icon{background:#9b6fb01a;color:#c9b8d4;color:var(--primary-lavender)}.popular-badge{animation:badgeGentlePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf244d;border-radius:20px;box-shadow:0 2px 8px #fbbf2440;color:#92400e;font-size:9px;font-weight:700;letter-spacing:.6px;padding:4px 10px;position:absolute;right:-10px;text-transform:uppercase;top:-10px;z-index:10}@keyframes badgeGentlePulse{0%,to{box-shadow:0 2px 8px #fbbf2440;transform:scale(1)}50%{box-shadow:0 4px 16px #fbbf2459;transform:scale(1.02)}}.landing-social-proof{align-items:center;animation:badgesFloat .8s cubic-bezier(.68,-.55,.265,1.55) .6s both;animation:badgesFloat .8s var(--transition-wobbly) .6s both;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}@keyframes badgesFloat{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.social-proof-badge{align-items:center;background:linear-gradient(180deg,#fffef9,#fff8f0);border:1.5px solid #6464641a;border-radius:10px 12px 10px 11px;box-shadow:2px 2px 0 #3c3c3c0a,0 2px 8px #00000008;display:flex;gap:8px;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-wobbly)}.social-proof-badge:first-child{transform:rotate(-.5deg)}.social-proof-badge:last-child{transform:rotate(.5deg)}.social-proof-badge:hover{background:#fff;border-color:#e88d7d40;box-shadow:3px 3px 0 #3c3c3c0f,0 6px 16px #0000000d;transform:translateY(-2px) rotate(0deg) scale(1.02)}.badge-icon{align-items:center;color:#e88d7d;color:var(--primary-coral);display:flex;gap:2px}.badge-icon.heart-nurses-icon{gap:3px}.badge-icon.heart-nurses-icon svg:first-child{color:#e88d7d;color:var(--primary-coral)}.flag-strip{align-items:center;display:inline-flex;flex-shrink:0;gap:3px}.flag-strip-item{border-radius:2.5px;box-shadow:0 0 0 .5px #3c3c3c38,0 1px 2px #3c3c3c1f;display:inline-flex;height:12.67px;overflow:hidden;width:19px}.flag-strip-item svg{display:block;height:100%;width:100%}body.dark-mode .flag-strip-item{box-shadow:0 0 0 .5px #ffffff47,0 1px 2px #0006}.badge-text{color:#6b6b6b;color:var(--text-secondary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:12px;font-weight:500;letter-spacing:.1px}.social-proof-divider{background:#6464641f;height:18px;margin:0 4px;width:1px}.landing-footer{animation:fadeInUp .6s ease-out .7s both;margin-top:32px;text-align:center}.footer-text{color:#999;color:var(--text-muted);display:inline-block;font-family:Caveat,Shadows Into Light,cursive;font-family:var(--font-accent);font-size:20px;font-weight:500;letter-spacing:.4px;margin:0;position:relative}.footer-text:after{content:" 💗";font-size:18px;opacity:.8}.quiz-landing-page.exiting{pointer-events:none}.quiz-landing-page.exiting:after,.quiz-landing-page.exiting:before{display:none}.quiz-landing-page.exiting .quiz-landing-wrapper{animation:gentleExit .6s cubic-bezier(.4,0,.2,1) forwards;animation:gentleExit .6s var(--transition-smooth) forwards}@keyframes gentleExit{0%{opacity:1;transform:translateX(0) translateY(0) scale(1)}to{opacity:0;transform:translateX(60px) translateY(-10px) scale(.98)}}.quiz-landing-page.exiting .landing-nav{animation:navFadeUp .4s cubic-bezier(.4,0,.2,1) forwards;animation:navFadeUp .4s var(--transition-smooth) forwards}@keyframes navFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.quiz-landing-page.exiting .landing-ambient-glow{animation:glowFade .5s cubic-bezier(.4,0,.2,1) forwards;animation:glowFade .5s var(--transition-smooth) forwards}@keyframes glowFade{0%{opacity:.7;transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) scale(1.2)}}.page-exit-flash{animation:exitFlash .5s cubic-bezier(.4,0,.2,1) forwards;animation:exitFlash .5s var(--transition-smooth) forwards;background:radial-gradient(circle at center,#c4b5fd4d 0,#0000 60%);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:99}@keyframes exitFlash{0%{opacity:0;transform:scale(.9)}30%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.product-showcase-section{background:linear-gradient(180deg,#0000,#f8c8c41a 30%,#fff3cd14 70%,#0000);display:flex;justify-content:center;padding:80px 24px;position:relative;width:100%}.product-showcase-section:before{content:"📚";font-size:32px;left:8%;opacity:.15;position:absolute;top:15%;transform:rotate(-15deg)}.product-showcase-section:after{bottom:20%;content:"✏️";font-size:28px;opacity:.12;position:absolute;right:10%;transform:rotate(20deg)}.showcase-container{align-items:center;display:flex;flex-direction:column;max-width:780px;width:100%}.showcase-title{color:#3d3d3d;color:var(--text-primary);font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:clamp(26px,5vw,34px);font-weight:600;letter-spacing:.5px;margin:0 0 12px;position:relative;text-align:center}.showcase-title:before{border:2px dashed #e88d7d40;border-radius:50% 45% 50% 45%;content:"";inset:-12px -20px;position:absolute;transform:rotate(-1deg)}.showcase-subtitle{color:#6b6b6b;color:var(--text-secondary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:16px;margin:0 0 40px;text-align:center}.demo-container{max-width:560px;perspective:1000px;width:100%}.demo-card{background:linear-gradient(180deg,#fffef9,#fff8f0);border:2px solid #6464641f;border-radius:8px 24px 8px 8px;box-shadow:4px 4px 0 #e88d7d14,8px 8px 0 #e88d7d0a,0 8px 32px #0000000d;overflow:hidden;position:relative}.demo-card:before{background:#d4e5d7b3;border-radius:2px;box-shadow:0 2px 4px #0000000f;content:"";height:18px;position:absolute;right:20%;top:-8px;transform:rotate(2deg);width:70px;z-index:10}.demo-header{align-items:center;background:#fff8b833;border-bottom:1.5px dashed #6464641a;display:flex;justify-content:space-between;padding:14px 22px}.demo-phase-indicators{display:flex;gap:6px}.demo-phase-dot{background:#6464641f;border-radius:50%;height:10px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-wobbly);width:10px}.demo-phase-dot.phase-1{background:#e88d7d;background:var(--primary-coral)}.demo-phase-dot.phase-2{background:#fbbf24}.demo-phase-dot.phase-3{background:#34d399}.demo-phase-label{background:#e88d7d1a;border-radius:8px 10px 8px 9px;color:#e88d7d;color:var(--primary-coral);font-family:Caveat,Shadows Into Light,cursive;font-family:var(--font-accent);font-size:14px;font-weight:500;letter-spacing:.3px;padding:5px 14px}.demo-content{min-height:320px;overflow:hidden;padding:32px;position:relative}.demo-phase{left:32px;opacity:0;position:absolute;right:32px;top:32px;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1);transition:all .5s var(--transition-smooth)}.demo-upload{animation:demoPhase1 12s ease-in-out infinite}@keyframes demoPhase1{0%,3%{opacity:0;transform:translateY(20px)}22%,8%{opacity:1;transform:translateY(0)}27%,to{opacity:0;transform:translateY(-20px)}}.demo-upload-area{align-items:center;background:#9b6fb008;border:2px dashed #9b6fb040;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:40px}.demo-file-icon{animation:iconBounce 2s ease-in-out infinite;color:#c9b8d4;color:var(--primary-lavender)}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.demo-upload-text{background:#9b6fb00f;border-radius:8px;color:#6b6b6b;color:var(--text-secondary);font-size:15px;font-weight:500;padding:8px 20px}.demo-upload-progress{background:#9b6fb01a;border-radius:2px;height:4px;overflow:hidden;width:200px}.demo-upload-progress-fill{animation:progressFill 3s ease-in-out infinite;background:linear-gradient(90deg,#c9b8d4,#c4b5fd);background:linear-gradient(90deg,var(--primary-lavender) 0,#c4b5fd 100%);border-radius:2px;height:100%}@keyframes progressFill{0%{width:0}50%{width:100%}to{width:100%}}.demo-generate{animation:demoPhase2 12s ease-in-out infinite}@keyframes demoPhase2{0%,27%{opacity:0;transform:translateY(20px)}32%,47%{opacity:1;transform:translateY(0)}52%,to{opacity:0;transform:translateY(-20px)}}.demo-generating{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px}.demo-ai-icon{animation:spin 3s linear infinite;color:#c9b8d4;color:var(--primary-lavender)}.demo-generating-text{color:#3d3d3d;color:var(--text-primary);font-size:16px;font-weight:500}.demo-typing-dots{display:flex;gap:6px}.demo-typing-dots span{animation:typingDot 1.4s ease-in-out infinite;background:#c9b8d4;background:var(--primary-lavender);border-radius:50%;height:8px;width:8px}.demo-typing-dots span:nth-child(2){animation-delay:.2s}.demo-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.demo-quiz{animation:demoPhase3 12s ease-in-out infinite}@keyframes demoPhase3{0%,52%{opacity:0;transform:translateY(20px)}57%,72%{opacity:1;transform:translateY(0)}77%,to{opacity:0;transform:translateY(-20px)}}.demo-question{margin-bottom:20px}.demo-question-number{background:#9b6fb01a;border-radius:6px;color:#c9b8d4;color:var(--primary-lavender);display:inline-block;font-size:12px;font-weight:700;margin-bottom:12px;padding:4px 10px}.demo-question-text{color:#3d3d3d;color:var(--text-primary);font-size:16px;font-weight:500;line-height:1.5}.demo-answers{display:flex;flex-direction:column;gap:10px}.demo-answer{background:#9b6fb008;border:1px solid #9b6fb01a;border-radius:12px;color:#6b6b6b;color:var(--text-secondary);font-size:14px;padding:12px 16px;transition:all .3s ease}.demo-answer.selecting{animation:answerPulse 2s ease-in-out infinite;background:#9b6fb01a;border-color:#c9b8d4;border-color:var(--primary-lavender);color:#c9b8d4;color:var(--primary-lavender)}@keyframes answerPulse{0%,to{box-shadow:0 0 0 0 #9b6fb000}50%{box-shadow:0 0 0 4px #9b6fb01a}}.demo-result{animation:demoPhase4 12s ease-in-out infinite}@keyframes demoPhase4{0%,77%{opacity:0;transform:translateY(20px)}82%,95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.demo-correct{align-items:center;display:flex;flex-direction:column;gap:16px;padding:32px}.demo-check-icon{animation:checkBounce .6s cubic-bezier(.34,1.56,.64,1);animation:checkBounce .6s var(--transition-bounce);color:#10b981}@keyframes checkBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.demo-correct-text{color:#10b981;font-size:24px;font-weight:600}.demo-score{align-items:center;background:#9b6fb00d;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px 32px}.demo-score-label{color:#999;color:var(--text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.demo-score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c9b8d4,#7c3aed);background:linear-gradient(135deg,var(--primary-lavender) 0,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700}.demo-timeline{background:#9b6fb01a;border-radius:2px;height:3px;overflow:hidden}.demo-timeline-fill{animation:timelineFill 12s linear infinite;background:linear-gradient(90deg,#c9b8d4,#c4b5fd);background:linear-gradient(90deg,var(--primary-lavender) 0,#c4b5fd 100%);height:100%}@keyframes timelineFill{0%{width:0}to{width:100%}}.demo-phase-labels{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:24px}.phase-label{background:#fff9;border:1px solid #9b6fb01a;border-radius:100px;color:#999;color:var(--text-muted);font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.section-cta{flex-direction:column;margin-top:40px}.section-cta,.section-cta-btn{align-items:center;display:flex;gap:10px}.section-cta-btn{border:none;border-radius:12px 16px 14px 12px;cursor:pointer;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:15px;font-weight:600;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-wobbly)}.section-cta-btn.primary{background:linear-gradient(135deg,#e88d7d,#f4a896);background:linear-gradient(135deg,var(--primary-coral) 0,var(--primary-peach) 100%);border:2px solid #3c3c3c99;box-shadow:3px 3px 0 #3c3c3c80,0 4px 16px #e88d7d33;color:#fff}.section-cta-btn.primary:hover{box-shadow:5px 5px 0 #3c3c3c66,0 8px 24px #e88d7d40;transform:translate(-2px,-2px) rotate(-1deg)}.section-cta-btn.secondary{background:linear-gradient(180deg,#fffef9,#fff8f0);border:2px solid #e88d7d4d;box-shadow:2px 2px 0 #3c3c3c14,0 2px 12px #0000000a;color:#e88d7d;color:var(--primary-coral)}.section-cta-btn.secondary:hover{background:#fff;border-color:#e88d7d;border-color:var(--primary-coral);box-shadow:4px 4px 0 #3c3c3c1a,0 6px 20px #0000000f;transform:translate(-2px,-2px) rotate(-.5deg)}.section-cta-btn svg{height:18px;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);transition:transform .3s var(--transition-wobbly);width:18px}.section-cta-btn:hover svg{transform:translateX(4px) rotate(-5deg)}.cta-emoji{font-size:17px}.section-cta-subtext{color:#999;color:var(--text-muted);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:13px}.section-spacer{height:60px}.science-section{background:linear-gradient(180deg,#0000,#d4e5d714 50%,#0000);display:flex;justify-content:center;padding:80px 24px;position:relative;width:100%}.science-section:before{content:"🧠";font-size:36px;opacity:.12;position:absolute;right:12%;top:10%;transform:rotate(10deg)}.science-container{align-items:center;display:flex;flex-direction:column;max-width:960px;width:100%}.science-title{color:#3d3d3d;color:var(--text-primary);font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:clamp(26px,5vw,34px);font-weight:600;letter-spacing:.3px;margin:0 0 12px;position:relative;text-align:center}.science-title:after{background:#90ee9066;background:var(--accent-highlight-green);border-radius:2px;bottom:-2px;content:"";height:8px;left:10%;position:absolute;right:10%;transform:rotate(-.5deg);z-index:-1}.science-subtitle{color:#6b6b6b;color:var(--text-secondary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:16px;margin:0 0 40px;max-width:480px;text-align:center}.science-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);width:100%}.science-stat-card{background:linear-gradient(180deg,#fffef9,#fff8f0);border:1.5px solid #6464641a;border-radius:8px 16px 8px 8px;box-shadow:3px 3px 0 #3c3c3c0a,0 4px 16px #00000008;padding:28px 22px;position:relative;text-align:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-wobbly)}.science-stat-card:first-child{transform:rotate(-.5deg)}.science-stat-card:nth-child(2){transform:rotate(.3deg)}.science-stat-card:nth-child(3){transform:rotate(-.3deg)}.science-stat-card:before{background:#e88d7d;background:var(--primary-coral);border-radius:50%;box-shadow:0 2px 4px #0003,inset 0 1px 0 #fff6;content:"";height:12px;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:12px}.science-stat-card:hover{background:#fff;border-color:#e88d7d33;box-shadow:5px 5px 0 #3c3c3c0f,0 12px 32px #0000000f;transform:translateY(-5px) rotate(0deg) scale(1.02)}.stat-icon-wrapper{align-items:center;background:#e88d7d1a;border-radius:10px 14px 12px 10px;color:#e88d7d;color:var(--primary-coral);display:flex;height:50px;justify-content:center;margin:0 auto 18px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-wobbly);width:50px}.science-stat-card:hover .stat-icon-wrapper{background:#e88d7d26;transform:rotate(-8deg) scale(1.08)}.stat-icon-wrapper svg{height:24px;width:24px}.stat-number{color:#e88d7d;color:var(--primary-coral);font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.stat-title{color:#3d3d3d;color:var(--text-primary);font-size:17px;font-weight:600;margin:0 0 10px}.stat-description,.stat-title{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main)}.stat-description{color:#6b6b6b;color:var(--text-secondary);font-size:13px;line-height:1.55;margin:0 0 14px}.stat-source{color:#999;color:var(--text-muted);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:10px;font-style:italic}.login-prompt-overlay{animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3d3d4e66;z-index:9999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.login-prompt-modal{animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);animation:modalSlideUp .4s var(--transition-bounce);background:#fff;border-radius:28px;box-shadow:0 24px 80px #9b6fb033}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-prompt-close{background:#9b6fb00f;color:#999;color:var(--text-muted)}.login-prompt-close:hover{background:#9b6fb01f;color:#3d3d3d;color:var(--text-primary)}.login-prompt-mascot{display:flex;justify-content:center}.login-prompt-title{color:#3d3d3d;color:var(--text-primary);font-weight:600;margin:0 0 8px;text-align:center}.login-prompt-message{color:#6b6b6b;color:var(--text-secondary);text-align:center}.login-prompt-file-indicator{background:#9b6fb00f;border-radius:12px;gap:10px;margin-bottom:24px;padding:12px 16px}.login-prompt-file-indicator svg{color:#c9b8d4;color:var(--primary-lavender)}.login-prompt-file-indicator .file-name{color:#3d3d3d;color:var(--text-primary);flex:1 1;font-size:13px}.login-prompt-file-indicator .file-status{color:#999;color:var(--text-muted);font-size:11px}.login-prompt-google-btn{background:#fff;border:1px solid #0000001a;color:#3d3d3d;color:var(--text-primary);font-weight:500;padding:14px 20px;transition:all .2s ease}.login-prompt-google-btn:hover{background:#00000005;border-color:#00000026}.login-prompt-google-btn:disabled{opacity:.7}.login-prompt-divider{margin:20px 0}.login-prompt-divider:after,.login-prompt-divider:before{background:#9b6fb01f}.login-prompt-divider span{color:#999;color:var(--text-muted);font-size:12px;padding:0 16px;text-transform:lowercase}.login-prompt-benefits{margin:0 0 24px}.login-prompt-benefits li{color:#6b6b6b;color:var(--text-secondary);gap:10px;padding:8px 0}.login-prompt-benefits li svg{color:#10b981}.login-prompt-actions{gap:10px}.login-prompt-btn{padding:14px 20px}.login-prompt-btn.primary{background:linear-gradient(135deg,#c9b8d4,#8b5ca0);background:linear-gradient(135deg,var(--primary-lavender) 0,#8b5ca0 100%)}.login-prompt-btn.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.login-prompt-btn.secondary{background:#0000;color:#c9b8d4;color:var(--primary-lavender)}.login-prompt-btn.secondary:hover{background:#9b6fb00f}.login-prompt-reassurance{color:#999;color:var(--text-muted);font-size:12px;line-height:1.5;margin:16px 0 0}.file-size-error-modal .file-size-error-icon{display:flex;justify-content:center;margin-bottom:16px}.file-size-error-modal .file-size-error-icon svg{color:#f59e0b}.file-size-error-files{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.file-size-error-file{background:#f59e0b14;border-radius:10px;gap:10px;padding:10px 14px}.file-size-error-file svg{color:#f59e0b;flex-shrink:0}.file-size-error-file .file-name{color:#3d3d3d;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size-error-tips{background:#9b6fb00a;margin-bottom:20px}.file-size-error-tips .tips-title{color:#3d3d3d;color:var(--text-primary);margin:0 0 10px}.file-size-error-tips ul{list-style:none;padding:0}.file-size-error-tips li{color:#6b6b6b;color:var(--text-secondary);font-size:13px;padding:4px 0 4px 16px;position:relative}.file-size-error-tips li:before{color:#c9b8d4;color:var(--primary-lavender);content:"•";left:0;position:absolute}.simple-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf8f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.simple-loading-content{align-items:center;display:flex;flex-direction:column;gap:20px}.simple-loading-spinner{animation:spin 1s linear infinite;border:3px solid #9b6fb026;border-radius:50%;border-top:3px solid var(--primary-lavender);height:48px;width:48px}.simple-loading-text{color:#3d3d3d;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.simple-loading-subtext{color:#999;color:var(--text-muted);font-size:14px;margin:0}@media (max-width:768px){.landing-mascot.floating{animation:none!important;left:auto!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;z-index:auto!important}.landing-mascot.floating.flying,.landing-mascot.floating.idle{animation:none!important}.mascot-motion-trails{display:none!important}.quiz-landing-page:after,.quiz-landing-page:before{display:none}.hero-section{min-height:auto;padding:100px 20px 60px}.landing-ambient-glow{height:300px;top:5%;width:300px}.landing-nav{box-sizing:border-box;max-width:calc(100% - 32px);min-width:0;padding:14px 18px;width:calc(100% - 32px)}.brand-name{font-size:18px}.landing-auth-header{gap:8px}.auth-header-btn{font-size:13px;padding:8px 16px}.signup-btn{padding:10px 18px}.theme-toggle-btn{height:36px;width:36px}.landing-mascot{margin-bottom:4px}.landing-slogan{font-size:22px;line-height:1.35;text-align:center}.landing-subtitle{font-size:15px;margin:0 auto;max-width:300px;text-align:center}.hero-upload-btn{font-size:15px;padding:18px 24px}.upload-btn-icon{height:44px;min-width:44px;width:44px}.accepted-formats{gap:12px}.format-item{font-size:12px;gap:4px}.format-item svg{height:14px;width:14px}.hero-features{align-items:center;flex-direction:column;gap:10px}.hero-feature-card{justify-content:center;max-width:280px;width:100%}.landing-social-proof{align-items:center;flex-direction:column;gap:10px}.social-proof-badge{padding:10px 20px}.social-proof-divider{display:none}.badge-text{font-size:12px}.landing-footer{margin-top:32px}.footer-text{font-size:16px;text-align:center}.product-showcase-section{padding:60px 20px}.showcase-title{font-size:26px;margin-bottom:8px}.showcase-subtitle{font-size:15px;margin-bottom:32px}.demo-container{max-width:100%}.demo-card{border-radius:20px}.demo-header{padding:14px 20px}.demo-content{min-height:260px;padding:24px 20px}.demo-phase-labels{flex-wrap:wrap;gap:8px;margin-top:20px}.phase-label{font-size:11px;padding:6px 12px}.demo-upload-text{font-size:14px}.demo-generating-text,.demo-question-text{font-size:15px}.demo-answer{font-size:13px;padding:10px 14px}.demo-correct-text{font-size:20px}.demo-score-value{font-size:28px}.section-cta{margin-top:32px;width:100%}.section-cta-btn{font-size:15px;justify-content:center;max-width:280px;padding:14px 28px;width:100%}.section-spacer{height:40px}.science-section{padding:60px 20px}.science-brain-mascot{margin-bottom:32px}.science-brain-mascot .brain-mascot{transform:scale(.8)}.brain-explosion-particles .particle{height:8px;width:8px}.particle-0{--distance:45px}.particle-1{--distance:50px}.particle-2{--distance:40px}.particle-3{--distance:48px}.particle-4{--distance:38px}.particle-5{--distance:52px}.particle-6{--distance:45px}.particle-7{--distance:48px}.particle-8{--distance:40px}.particle-9{--distance:50px}.particle-10{--distance:38px}.particle-11{--distance:48px}.brain-explosion-particles .star-particle{font-size:12px}.star-0{--star-distance:55px}.star-1{--star-distance:60px}.star-2{--star-distance:50px}.star-3{--star-distance:58px}.star-4{--star-distance:55px}.star-5{--star-distance:60px}.star-6{--star-distance:48px}.star-7{--star-distance:52px}.brain-explosion-particles .spark-particle{height:10px;width:2px}.spark-0{--spark-distance:35px}.spark-1{--spark-distance:38px}.spark-2{--spark-distance:32px}.spark-3{--spark-distance:35px}.spark-4{--spark-distance:38px}.spark-5{--spark-distance:32px}.science-title{font-size:26px;margin-bottom:8px}.science-subtitle{font-size:15px;margin-bottom:32px;max-width:280px}.science-stats-grid{gap:16px;grid-template-columns:1fr;max-width:360px}.science-stat-card{border-radius:20px;padding:28px 24px}.stat-icon-wrapper{height:48px;margin-bottom:16px;width:48px}.stat-icon-wrapper svg{height:22px;width:22px}.stat-number{font-size:44px;margin-bottom:4px}.stat-title{font-size:16px;margin-bottom:10px}.stat-description{font-size:13px;line-height:1.5}.stat-source{font-size:10px;margin-top:12px}.login-prompt-modal{border-radius:24px;max-width:360px;padding:32px 24px}.login-prompt-title{font-size:22px}.login-prompt-message{font-size:14px}}@media (max-width:480px){.landing-nav{gap:8px;padding:12px 14px}.landing-brand{gap:6px;min-width:0;overflow:hidden}.brand-name{font-size:17px;white-space:nowrap}.landing-auth-header{flex-shrink:0;gap:6px}.auth-header-btn{font-size:12px;padding:7px 12px}.signup-btn{padding:8px 14px}.theme-toggle-btn{height:34px;width:34px}.hero-split{gap:24px;padding:16px 16px 24px}.hero-split .landing-slogan{font-size:1.55rem;line-height:1.2}.hero-split .slogan-highlight,.hero-split .slogan-highlight-wrapper{font-size:1.25rem;line-height:1.4}.hero-split .landing-subtitle{font-size:.95rem;margin-top:10px}}@media (max-width:380px){.landing-nav{padding:10px 12px}.brand-name{display:none}.landing-auth-header{gap:5px}.auth-header-btn{font-size:11.5px;padding:6px 10px}.signup-btn{padding:7px 12px}.theme-toggle-btn{height:32px;width:32px}.hero-split .landing-slogan{font-size:1.4rem}.hero-split .slogan-highlight,.hero-split .slogan-highlight-wrapper{font-size:1.15rem}.landing-subtitle{font-size:14px}.hero-upload-btn{font-size:14px;padding:16px 20px}.upload-btn-icon{height:40px;min-width:40px;width:40px}.format-item{font-size:11px}}body.dark-mode .quiz-landing-page{background:radial-gradient(ellipse 80% 60% at 70% 0,#c8b4dc0d 0,#0000 50%),radial-gradient(ellipse 60% 60% at 20% 80%,#c8b4dc08 0,#0000 40%),linear-gradient(180deg,#1a1a1a,#1a1a1a 50%,#1a1a1a)}body.dark-mode .quiz-landing-page:after,body.dark-mode .quiz-landing-page:before{opacity:.3}body.dark-mode .landing-ambient-glow{background:radial-gradient(ellipse 60% 50% at 50% 40%,#c8b4dc0f 0,#c8b4dc05 50%,#0000 70%)}body.dark-mode .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8c4b4,#e88d7d);-webkit-background-clip:text;background-clip:text}body.dark-mode .login-btn{border:1px solid #ffffff1a;color:#ffffffb3}body.dark-mode .login-btn:hover{background:#ffffff0d;color:#fff}body.dark-mode .signup-btn{background:linear-gradient(135deg,#b8a5d4,#d4c8e8);background:linear-gradient(135deg,var(--dark-accent,#b8a5d4) 0,var(--dark-accent-light,#d4c8e8) 100%);border:2px solid #ffffff26;box-shadow:3px 3px 0 #0000004d;color:#1a1a1a;font-weight:600}body.dark-mode .signup-btn:hover{background:linear-gradient(135deg,#d4c8e8,#e5daf0);background:linear-gradient(135deg,var(--dark-accent-light,#d4c8e8) 0,#e5daf0 100%);box-shadow:5px 5px 0 #00000040,0 0 20px #b8a5d44d;transform:translate(-2px,-2px) rotate(-1deg)}body.dark-mode .signup-btn:active{box-shadow:1px 1px 0 #0000004d;transform:translate(1px,1px) rotate(0deg)}body.dark-mode .logout-btn{color:#ffffff80}body.dark-mode .logout-btn:hover{color:#fffc}body.dark-mode .theme-toggle-btn{background:#ffffff0d;color:#ffffff80}body.dark-mode .theme-toggle-btn:hover{background:#fbbf2426;color:#fbbf24}body.dark-mode .landing-slogan{color:#ffffffe6}body.dark-mode .landing-slogan:after{color:#e88d7d}body.dark-mode .slogan-highlight-wrapper{color:#ffffffe6}body.dark-mode .slogan-highlight{-webkit-text-fill-color:#f8c4b4;color:#f8c4b4}body.dark-mode .slogan-highlight:before{background:linear-gradient(90deg,#e88d7d33,#e88d7d4d 20%,#e88d7d40 80%,#e88d7d26)}body.dark-mode .landing-subtitle{color:#ffffff8c}body.dark-mode .hero-upload-btn{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14);box-shadow:none;color:#ffffffe6}body.dark-mode .hero-upload-btn:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc40;box-shadow:none}body.dark-mode .upload-btn-icon{background:#e88d7d26;color:#f8c4b4}body.dark-mode .format-item{color:#fff6}body.dark-mode .hero-feature-card{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14);color:#ffffffe6}body.dark-mode .hero-feature-card:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc40}body.dark-mode .hero-feature-icon{background:#e88d7d26;color:#f8c4b4}body.dark-mode .hero-feature-subtitle{color:#ffffff80}body.dark-mode .social-proof-badge{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .social-proof-badge:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc33}body.dark-mode .badge-text{color:#fffc}body.dark-mode .badge-icon{color:#f8c4b4}body.dark-mode .social-proof-divider{background:#ffffff1a}body.dark-mode .footer-text{color:#fff6}body.dark-mode .product-showcase-section{background:linear-gradient(180deg,#0000,#c8b4dc05 30%,#c8b4dc03 70%,#0000)}body.dark-mode .science-title,body.dark-mode .showcase-title{color:#fffffff2}body.dark-mode .science-subtitle,body.dark-mode .showcase-subtitle{color:#ffffff8c}body.dark-mode .demo-card{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14);box-shadow:none}body.dark-mode .demo-header{border-bottom-color:#ffffff14;border-bottom-color:var(--dark-border,#ffffff14)}body.dark-mode .demo-phase-label{background:#e88d7d26;color:#f8c4b4}body.dark-mode .demo-upload-area{background:#e88d7d08;border-color:#e88d7d33}body.dark-mode .demo-ai-icon,body.dark-mode .demo-file-icon{color:#f8c4b4}body.dark-mode .demo-upload-text{background:#ffffff0d;color:#ffffffb3}body.dark-mode .demo-generating-text,body.dark-mode .demo-question-text{color:#ffffffe6}body.dark-mode .demo-typing-dots span{background:#e88d7d}body.dark-mode .demo-question-number{background:#e88d7d26;color:#f8c4b4}body.dark-mode .demo-answer{background:#ffffff08;border-color:#ffffff14;color:#ffffffb3}body.dark-mode .demo-answer.selecting{background:#e88d7d26;border-color:#e88d7d66;color:#f8c4b4}body.dark-mode .demo-score{background:#ffffff08}body.dark-mode .demo-score-label{color:#ffffff80}body.dark-mode .demo-score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8c4b4,#e88d7d);-webkit-background-clip:text;background-clip:text}body.dark-mode .demo-timeline,body.dark-mode .demo-upload-progress{background:#ffffff14}body.dark-mode .demo-timeline-fill,body.dark-mode .demo-upload-progress-fill{background:linear-gradient(90deg,#d4736a,#e88d7d)}body.dark-mode .phase-label{background:#ffffff08;border-color:#ffffff0f;color:#ffffff80}body.dark-mode .section-cta-btn.primary{background:#c8b4dc33;border:1px solid #ffffff1a;box-shadow:none;color:#e5e5e5}body.dark-mode .section-cta-btn.secondary{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc33;color:#b8a5d4}body.dark-mode .section-cta-btn.secondary:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc59}body.dark-mode .section-cta-subtext{color:#ffffff73}body.dark-mode .science-section{background:linear-gradient(180deg,#c8b4dc03,#c8b4dc05 50%,#0000)}body.dark-mode .science-stat-card{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .science-stat-card:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc33;box-shadow:none}body.dark-mode .stat-icon-wrapper{background:#e88d7d1f;color:#f8c4b4}body.dark-mode .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8c4b4,#e88d7d);-webkit-background-clip:text;background-clip:text}body.dark-mode .stat-title{color:#fffffff2}body.dark-mode .stat-description{color:#fff9}body.dark-mode .stat-source{color:#fff6}body.dark-mode .mascot-motion-trails .trail{background:radial-gradient(circle,#c8b4dc33 0,#0000 70%)}body.dark-mode .page-exit-flash{background:radial-gradient(circle at center,#c8b4dc33 0,#0000 60%)}body.dark-mode .login-prompt-overlay{background:#0009}body.dark-mode .login-prompt-modal{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);box-shadow:0 24px 80px #00000080}body.dark-mode .login-prompt-close{background:#ffffff0d;color:#ffffff80}body.dark-mode .login-prompt-close:hover{background:#ffffff1a;color:#fffc}body.dark-mode .login-prompt-title{color:#fffffff2}body.dark-mode .login-prompt-message{color:#fff9}body.dark-mode .login-prompt-file-indicator{background:#c8b4dc1a}body.dark-mode .login-prompt-file-indicator .file-name{color:#ffffffe6}body.dark-mode .login-prompt-file-indicator .file-status{color:#ffffff80}body.dark-mode .login-prompt-google-btn{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffe6}body.dark-mode .login-prompt-google-btn:hover{background:#ffffff14}body.dark-mode .login-prompt-divider:after,body.dark-mode .login-prompt-divider:before{background:#ffffff1a}body.dark-mode .login-prompt-divider span{color:#fff6}body.dark-mode .login-prompt-benefits li{color:#ffffffb3}body.dark-mode .login-prompt-btn.primary{background:#c8b4dc33;border:1px solid #ffffff1a;color:#e5e5e5}body.dark-mode .login-prompt-btn.secondary{color:#b8a5d4}body.dark-mode .login-prompt-btn.secondary:hover{background:#c8b4dc1a}body.dark-mode .login-prompt-reassurance{color:#fff6}body.dark-mode .simple-loading-overlay{background:#1a1a1af2}body.dark-mode .simple-loading-spinner{border-color:#e88d7d #e88d7d33 #e88d7d33}body.dark-mode .simple-loading-text{color:#fffffff2}body.dark-mode .simple-loading-subtext{color:#ffffff80}body.dark-mode .popular-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.hero-divider{align-items:center;display:flex;gap:16px}.divider-line{background:linear-gradient(90deg,#0000,#9b6fb026,#0000);flex:1 1;height:1px}.divider-text{color:#999;color:var(--text-muted);font-size:13px;font-weight:500;text-transform:lowercase}body.dark-mode .divider-line{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}body.dark-mode .divider-text{color:#fff6}.hero-paste-area{display:flex;flex-direction:column;gap:12px}.paste-textarea{background:#ffffffe6;border:1px solid #9b6fb01f;border-radius:12px;color:#3d3d3d;color:var(--text-primary);font-family:inherit;font-size:14px;padding:16px;resize:none;transition:all .3s ease;width:100%}.paste-textarea::placeholder{color:#999;color:var(--text-muted)}.paste-textarea:focus{border-color:#9b6fb04d;box-shadow:0 0 0 3px #9b6fb014;outline:none}body.dark-mode .paste-textarea{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14);color:#ffffffe6}body.dark-mode .paste-textarea::placeholder{color:#fff6}.paste-generate-btn{align-self:flex-end;background:#9b6fb01a;border:1px solid #9b6fb033;border-radius:10px;color:#c9b8d4;color:var(--primary-lavender);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.paste-generate-btn:hover{background:#9b6fb026;border-color:#9b6fb04d}.features-section{background:linear-gradient(180deg,#0000,#9b6fb008);padding:80px 24px}.features-container{margin:0 auto;max-width:1000px}.features-title{color:#3d3d3d;color:var(--text-primary);font-size:clamp(1.5rem,4vw,2rem);font-weight:600;margin-bottom:40px;text-align:center}body.dark-mode .features-title{color:#fffffff2}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.features-grid{gap:16px;grid-template-columns:1fr}}.feature-card{align-items:center;background:#fffc;border:1px solid #9b6fb01a;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;padding:32px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--transition-smooth)}.feature-card:hover{border-color:#9b6fb033;box-shadow:0 12px 40px #9b6fb01a;transform:translateY(-4px)}body.dark-mode .feature-card{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .feature-card:hover{border-color:#c8b4dc40;box-shadow:none}.feature-card.pressed,.feature-card:active{transform:translateY(0) scale(.98)}.feature-icon{align-items:center;background:#9b6fb01a;border-radius:16px;color:#c9b8d4;color:var(--primary-lavender);display:flex;height:56px;justify-content:center;margin-bottom:16px;width:56px}body.dark-mode .feature-icon{background:#e88d7d26;color:#f8c4b4}.feature-title{color:#3d3d3d;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}body.dark-mode .feature-title{color:#fffffff2}.feature-description{color:#6b6b6b;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}body.dark-mode .feature-description{color:#fff9}body.dark-mode .star-doodle{color:#f8c4b4;opacity:.3}body.dark-mode .coffee-ring{border-color:#c8b4dc1a}body.dark-mode .scribble-underline{opacity:.2}body.dark-mode .landing-nav{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14);box-shadow:none}body.dark-mode .landing-nav:before{background:#c8b4dc33;box-shadow:none}body.dark-mode .brand-name:after{opacity:.3}body.dark-mode .hero-transformation{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14);box-shadow:none}body.dark-mode .hero-transformation:before{background:linear-gradient(135deg,#0000 50%,#3d3d3d 0);box-shadow:none}body.dark-mode .hero-transformation:after{background:#c8b4dc33;box-shadow:none}body.dark-mode .hero-transformation:hover{box-shadow:none}body.dark-mode .transform-doc-btn{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:2px dashed #c8b4dc4d;box-shadow:none}body.dark-mode .transform-doc-btn:before{color:#f8c4b4}body.dark-mode .transform-doc-btn:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc80;border-style:solid;box-shadow:none}body.dark-mode .doc-icon-wrapper{background:#e88d7d26;border-color:#e88d7d33;color:#f8c4b4}body.dark-mode .doc-title{color:#e5e5e5}body.dark-mode .doc-subtitle{color:#a0a0a0}body.dark-mode .doc-formats{color:grey}body.dark-mode .feature-output-card{background:#3d3d3d!important;background:var(--dark-bg-tertiary,#3d3d3d)!important;border-color:#ffffff14!important;border-color:var(--dark-border,#ffffff14)!important;box-shadow:none!important}body.dark-mode .feature-label{color:#e5e5e5!important}body.dark-mode .quiz-card{background:#6495ed26!important}body.dark-mode .quiz-card .feature-icon-circle{background:#6495ed33!important;color:#93b5ff!important}body.dark-mode .flashcard-card{background:#db277726!important}body.dark-mode .flashcard-card .feature-icon-circle{background:#db277733!important;color:#f472b6!important}body.dark-mode .mindmap-card{background:#8b5cf626!important}body.dark-mode .mindmap-card .feature-icon-circle{background:#8b5cf633!important;color:#a78bfa!important}body.dark-mode .audio-card{background:#05966926!important}body.dark-mode .audio-card .feature-icon-circle{background:#05966933!important;color:#34d399!important}body.dark-mode .studysheet-card{background:#d9770626!important}body.dark-mode .studysheet-card .feature-icon-circle{background:#d9770633!important;color:#fbbf24!important}.feature-card.nclex-card{border-color:#fbbf2426}.feature-card.nclex-card:hover{border-color:#fbbf244d;box-shadow:0 12px 40px #fbbf2414}.feature-card.nclex-card .feature-icon{background:#fbbf241f;color:#d97706}.feature-card.tutor-card .feature-icon{background:#3b82f61a;color:#3b82f6}.feature-card.challenge-card .feature-icon{background:#ef44441a;color:#ef4444}.nclex-card{border-color:#fbbf2426!important}.nclex-card:hover{border-color:#fbbf244d!important}.typewriter-container{align-items:center;display:inline-flex;margin-top:4px;position:relative}.slogan-highlight .typewriter-container{display:flex;width:fit-content}.typewriter-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e88d7d,#c9b8d4),linear-gradient(0deg,#ffeb7ab3 0,#ffeb7ab3 45%,#0000 0,#0000);background:linear-gradient(135deg,var(--primary-coral) 0,var(--primary-lavender) 100%),linear-gradient(to top,#ffeb7ab3 0,#ffeb7ab3 45%,#0000 45%,#0000 100%);background-clip:text,padding-box;-webkit-background-clip:text,padding-box;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#e88d7d;color:var(--primary-coral,#e88d7d);display:inline;font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten,"Kalam",cursive);font-size:1.1em;font-weight:600;padding:0 2px 2px;position:relative;transition:opacity .1s ease}.typewriter-cursor{animation:typewriterBlink 1s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(180deg,#e88d7d,#c9b8d4);background:linear-gradient(180deg,var(--primary-coral,#e88d7d) 0,var(--primary-lavender,#c9b8d4) 100%);border-radius:1px;display:inline-block;height:1.2em;margin-left:3px;opacity:1;vertical-align:text-bottom;width:2px}@keyframes typewriterBlink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}body.dark-mode .typewriter-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8c4b4,#e88d7d),linear-gradient(0deg,#e88d7d40 0,#e88d7d40 45%,#0000 0,#0000);background-clip:text,padding-box;-webkit-background-clip:text,padding-box}body.dark-mode .typewriter-cursor{background:linear-gradient(180deg,#f8c4b4,#e88d7d)}@media (max-width:768px){.typewriter-text{font-size:1em}.typewriter-cursor{height:1.1em}}.dedicated-quiz-page{background:#000;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.dedicated-quiz-page.cinematic{background:#0000}.dedicated-quiz-page::-webkit-scrollbar{height:12px;width:12px}.dedicated-quiz-page::-webkit-scrollbar-track{background:linear-gradient(90deg,#0000,#0f0f19cc 20%,#0f0f19cc 80%,#0000);border-radius:6px}.dedicated-quiz-page::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#06b6d4 40%,#22d3ee 60%,#8b5cf6);background-clip:padding-box;border:3px solid #0f0f19cc;border-radius:6px;box-shadow:0 0 10px #8b5cf680,0 0 20px #22d3ee4d,inset 0 0 6px #ffffff1a;-webkit-transition:all .3s ease;transition:all .3s ease}.dedicated-quiz-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a78bfa,#22d3ee 40%,#67e8f9 60%,#a78bfa);box-shadow:0 0 15px #8b5cf6b3,0 0 30px #22d3ee80,inset 0 0 8px #fff3}.dedicated-quiz-page::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#c4b5fd,#67e8f9 40%,#a5f3fc 60%,#c4b5fd)}.dedicated-quiz-page::-webkit-scrollbar-corner{background:#0000}.dedicated-quiz-page{scrollbar-color:#8b5cf6 #0f0f19cc;scrollbar-width:thin}.quiz-floating-controls{align-items:center;display:flex;gap:10px;left:20px;position:fixed;top:20px;z-index:100}.quiz-back-button{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e2699;border:1px solid #ffffff14;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:42px}.quiz-back-button svg{height:20px;transition:transform .3s ease;width:20px}.quiz-back-button:hover{background:#8b5cf633;border-color:#8b5cf666;color:#fff}.quiz-back-button:hover,.quiz-back-button:hover svg{transform:translateX(-2px)}.quiz-back-button:active{transform:scale(.95)}.quiz-floating-controls .theme-toggle-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e2699;border:1px solid #ffffff14;border-radius:12px;height:42px;width:42px}.quiz-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.header-left-section{display:flex;flex-direction:column;gap:6px}.question-counter{color:#fff;font-size:15px;font-weight:600}.topic-badge{align-items:center;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:12px;display:inline-flex;gap:5px;padding:3px 10px;width:fit-content}.topic-dot{color:#a78bfa;font-size:8px}.topic-text{color:#c4b5fd;font-size:11px;font-weight:500}.quiz-title{color:#ffffff80;font-size:12px;font-weight:400;white-space:nowrap}.quiz-page-main{align-items:center;display:flex;flex:1 1;gap:24px;justify-content:center;min-height:min-content;padding:20px 0 20px 32px;width:100%}.quiz-sidebar-left,.quiz-sidebar-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center}.quiz-sidebar-left{width:160px}.quiz-sidebar-right{margin-right:16px;width:130px}.tube-container{transform:scale(1);transform-origin:center}.mascot-container{animation:mascotFloat 3s ease-in-out infinite;transform:scale(.85)}@keyframes mascotFloat{0%,to{transform:scale(.85) translateY(0)}50%{transform:scale(.85) translateY(-5px)}}.quiz-content-area{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.quiz-card{animation:cardSlideIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e26cc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:680px;padding:24px 28px;width:100%}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-text{color:#fff;font-size:15px;font-weight:500;letter-spacing:.01em;line-height:1.5;margin-bottom:16px}.options-container{display:flex;flex-direction:column;gap:8px}.quiz-option{align-items:center;background:#28283299;border:1.5px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px 14px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.quiz-option:before{background:linear-gradient(135deg,#8b5cf61a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.quiz-option:hover:not(.disabled):before{opacity:1}.quiz-option:hover:not(.disabled){border-color:#8b5cf680;box-shadow:0 4px 20px #8b5cf626;transform:translateY(-2px)}.quiz-option.hovered:not(.disabled){background:#323241cc;border-color:#8b5cf699}.quiz-option:active:not(.disabled){transform:scale(.99)}.quiz-option:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.option-letter{align-items:center;background:#ffffff1a;border-radius:6px;color:#fffc;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.quiz-option:hover:not(.disabled) .option-letter{background:#8b5cf64d;color:#fff}.option-letter.selected{background:#8b5cf680;color:#fff}.option-letter.correct{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98166;color:#fff}.option-text{color:#ffffffe6;flex:1 1;font-size:13px;font-weight:450;line-height:1.4}.option-icon{align-items:center;animation:iconPop .4s cubic-bezier(.25,.46,.45,.94);border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.option-icon.checkmark{background:#10b981;box-shadow:0 2px 8px #10b98180}.option-icon.x-mark{background:#ef4444;box-shadow:0 2px 8px #ef444480}.option-icon svg{stroke:#fff;stroke-width:2.5;fill:none;height:12px;width:12px}.quiz-option.correct{animation:correctPulse .5s ease-out;background:#10b98126;border-color:#34d399}@keyframes correctPulse{0%{box-shadow:0 0 0 0 #34d39966;transform:scale(1)}50%{box-shadow:0 0 0 10px #34d39900;transform:scale(1.02)}to{box-shadow:0 0 0 0 #34d39900;transform:scale(1)}}.quiz-option.correct .option-text{color:#a7f3d0}.quiz-option.incorrect{animation:incorrectShake .4s ease-out;background:#ef444426;border-color:#f87171}@keyframes incorrectShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.quiz-option.incorrect .option-text{color:#fca5a5}.quiz-option.disabled{cursor:default;opacity:.5}.quiz-feedback{align-items:flex-start;animation:feedbackSlideIn .4s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #0000;border-radius:14px;display:flex;gap:14px;margin-top:16px;padding:16px 18px}@keyframes feedbackSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-feedback.correct{background:linear-gradient(135deg,#10b9811f,#06b6d414);border-color:#10b98140;box-shadow:0 4px 20px #10b9811a,inset 0 1px 0 #ffffff0d}.quiz-feedback.incorrect{background:linear-gradient(135deg,#ef44441a,#f973160f);border-color:#ef444433;box-shadow:0 4px 20px #ef444414,inset 0 1px 0 #ffffff0d}.feedback-icon-wrapper{flex-shrink:0}.feedback-icon{align-items:center;animation:iconPop .4s cubic-bezier(.175,.885,.32,1.275) .1s both;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}@keyframes iconPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.feedback-icon.correct{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 4px 12px #10b98159}.feedback-icon.incorrect{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 4px 12px #ef44444d}.feedback-icon svg{stroke:#fff;stroke-width:3;fill:none;height:16px;width:16px}.feedback-content{flex:1 1;min-width:0}.feedback-status{display:block;font-size:14px;font-weight:700;letter-spacing:.02em;margin-bottom:6px}.feedback-status.correct{color:#34d399}.feedback-status.incorrect{color:#f87171}.feedback-explanation{color:#ffffffbf;font-size:13px;font-weight:400;line-height:1.6;margin:0}.feedback-explanation strong{color:#fffffff2;font-weight:600}.feedback-explanation br{content:"";display:block;margin-top:8px}.next-button{animation:buttonAppear .3s ease-out .2s both;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .3s ease;width:100%}@keyframes buttonAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.next-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.next-button:active{transform:translateY(0)}.serum-tube-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px;position:relative;transition:transform .3s ease,filter .3s ease}.serum-tube-container.hovered{filter:brightness(1.1) drop-shadow(0 0 20px rgba(34,211,238,.4));transform:scale(1.02)}.serum-tube-container.hovered svg{filter:drop-shadow(0 0 15px rgba(34,211,238,.5))}.serum-tube-tooltip{background:#0f121cf2;border:1px solid #22d3ee40;border-radius:12px;box-shadow:0 8px 32px #0006,0 0 20px #22d3ee26,inset 0 1px 0 #ffffff0d;left:calc(100% + 15px);opacity:0;padding:14px 18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-10px);transition:all .3s cubic-bezier(.25,.46,.45,.94);visibility:hidden;width:180px;z-index:100}.serum-tube-tooltip.visible{opacity:1;transform:translateY(-50%) translateX(0);visibility:visible}.serum-tube-tooltip:before{border:8px solid #0000;border-left:none;border-right-color:#0f121cf2;left:-8px}.serum-tube-tooltip:after,.serum-tube-tooltip:before{content:"";position:absolute;top:50%;transform:translateY(-50%)}.serum-tube-tooltip:after{border:7px solid #0000;border-left:none;border-right-color:#22d3ee40;left:-7px;z-index:-1}.tooltip-text{color:#ffffffe6;display:block;font-size:13px;font-weight:500;line-height:1.5;text-align:center}.serum-tube-container.celebrating{animation:tubeCelebrate .6s ease-out}@keyframes tubeCelebrate{0%,to{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(.98)}}.serum-tube-container.complete .liquid-fill{filter:drop-shadow(0 0 8px #22d3ee)}.serum-tube-score{align-items:baseline;display:flex;font-family:Segoe UI,-apple-system,sans-serif;gap:3px;justify-content:center;margin-top:8px}.score-correct{color:#22d3ee;font-size:32px;font-weight:800;letter-spacing:-1px;text-shadow:0 0 20px #22d3ee99,0 0 40px #22d3ee4d}.score-divider{color:#fff6;font-size:20px;font-weight:300;margin:0 3px}.score-total{color:#ffffff80;font-size:20px;font-weight:500}.dedicated-quiz-page.results-page{align-items:center;justify-content:center;overflow:hidden;padding:20px}.results-container{align-items:center;animation:resultsAppear .6s ease-out;display:flex;flex-direction:row;gap:40px;justify-content:center;max-width:700px;width:100%}@keyframes resultsAppear{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.results-visual{flex-shrink:0}.results-tube{margin:0}.results-content{align-items:flex-start;display:flex;flex-direction:column;gap:12px;text-align:left}.results-title{color:#fff;font-size:28px;font-weight:700;margin:0}.results-score{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d3ee,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:800;line-height:1}.score-label{color:#fff9;font-size:14px}.results-message{border-radius:10px;font-size:15px;font-weight:500;margin:0;padding:10px 18px}.results-message.excellent{background:#34d3991a;color:#34d399}.results-message.great{background:#22d3ee1a;color:#22d3ee}.results-message.good{background:#fbbf241a;color:#fbbf24}.results-message.needs-work{background:#f871711a;color:#f87171}.results-actions{display:flex;gap:12px;margin-top:8px}.back-btn,.retry-btn{border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.retry-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;box-shadow:0 4px 15px #8b5cf64d;color:#fff}.retry-btn:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.back-btn{background:#0000;border:1.5px solid #fff3;color:#fffc}.back-btn:hover{background:#ffffff1a;border-color:#ffffff4d}@media (max-width:1024px){.quiz-page-main{gap:24px;padding:24px}.quiz-sidebar-left{width:140px}.quiz-sidebar-right{width:160px}.quiz-card{padding:24px}}@media (max-width:768px){.quiz-page-header{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.header-left{justify-content:space-between;width:100%}.header-right{display:none}.question-counter{font-size:16px}.quiz-page-main{flex-direction:column;gap:20px;padding:16px}.quiz-sidebar-left,.quiz-sidebar-right{position:static;width:100%}.quiz-sidebar-left{order:2}.quiz-content-area{order:1}.quiz-sidebar-right{display:none;order:3}.mascot-container,.tube-container{position:static}.tube-container{border-top:1px solid #ffffff1a;display:flex;justify-content:center;padding:20px 0}.quiz-card{border-radius:16px;padding:20px}.question-text{font-size:15px;margin-bottom:20px}.quiz-option{gap:12px;padding:14px 16px}.option-letter{font-size:13px;height:28px;width:28px}.option-text{font-size:14px}.quiz-feedback{padding:14px 16px}.feedback-explanation{font-size:13px}.next-button{font-size:14px;padding:12px 20px}.results-container{flex-direction:column;gap:20px;text-align:center}.results-content{text-align:center}.results-content,.results-score{align-items:center}.results-title{font-size:24px}.score-value{font-size:44px}.results-actions{flex-direction:column;width:100%}.back-btn,.retry-btn{width:100%}}@media (max-width:480px){.quiz-page-header{padding:10px 12px}.back-button{padding:6px 10px}.topic-badge{padding:3px 8px}.topic-text{font-size:11px}.quiz-card{padding:16px}.question-text{font-size:14px;line-height:1.5}.quiz-option{border-radius:10px;padding:12px 14px}.option-letter{border-radius:6px;font-size:12px;height:26px;width:26px}.option-text{font-size:13px}.serum-tube-score .score-correct{font-size:24px}.serum-tube-score .score-total{font-size:16px}}@media (prefers-reduced-motion:reduce){.mascot-container,.next-button,.quiz-card,.quiz-feedback,.quiz-option,.results-container,.results-mascot{animation:none!important}.next-button:hover,.quiz-option:hover:not(.disabled){transform:none}.progress-fill{transition:width .2s linear}}@media (prefers-contrast:high){.quiz-card,.quiz-option{border-width:2px}.quiz-feedback{border-left-width:5px}}.cinematic-layout{position:relative;z-index:10}.dedicated-quiz-page.cinematic .quiz-sidebar-left{width:200px}.dedicated-quiz-page.cinematic .quiz-card.glassmorphic{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fd9;border:1px solid #ffffff0f}.progress-hint{animation:hintPulse 3s ease-in-out infinite;color:#ffffff80;font-size:12px;font-style:italic;line-height:1.4;margin-top:16px;max-width:150px;text-align:center}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:.8}}.cinematic-results,.dedicated-quiz-page.results-page.cinematic{align-items:center;justify-content:center}.cinematic-results{display:flex;flex-direction:column;gap:24px;max-width:500px;padding:40px;position:relative;text-align:center;z-index:20}.cinematic-black-overlay{background:#000;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity 2s ease-in;z-index:15}.cinematic-black-overlay.visible{opacity:1}.door-light-spill{display:none}.serum-delivery{align-items:center;display:flex;flex-direction:column;gap:12px;position:fixed;transition:all 2s cubic-bezier(.4,0,.2,1);z-index:25}.serum-tube-wrapper{filter:drop-shadow(0 0 20px rgba(34,211,238,.4));transition:transform 2s cubic-bezier(.4,0,.2,1),opacity 1.5s ease}.serum-delivery.phase-0{animation:serumReady 1.5s ease-in-out infinite;left:auto;right:22%;top:50%;transform:translateY(-50%) scale(1)}@keyframes serumReady{0%,to{filter:drop-shadow(0 0 15px rgba(34,211,238,.3));transform:translateY(-50%) scale(1)}50%{filter:drop-shadow(0 0 25px rgba(34,211,238,.5));transform:translateY(-52%) scale(1.02)}}.serum-delivery.phase-1{animation:none;left:auto;right:32%;top:32%;transform:translateY(-50%) scale(.7)}.serum-delivery.phase-1 .serum-tube-wrapper{animation:tubeFloat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(34,211,238,.6))}@keyframes tubeFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(2deg)}}.serum-delivery.phase-2{animation:none;left:auto;right:32%;top:32%;transform:translateY(-50%) scale(.65)}.serum-delivery.phase-2 .serum-tube-wrapper{animation:tubeFloat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 35px rgba(34,211,238,.7))}.serum-delivery.phase-3{left:auto;opacity:0;right:32%;top:30%;transform:translateY(-50%) scale(.08);transition:all 2s cubic-bezier(.4,0,.2,1)}.serum-delivery.phase-3 .serum-tube-wrapper{animation:serumEnterDoor 2s ease-in forwards}@keyframes serumEnterDoor{0%{filter:drop-shadow(0 0 30px rgba(34,211,238,.6));opacity:1;transform:scale(1)}20%{filter:drop-shadow(0 0 50px rgba(34,211,238,1)) brightness(1.2);opacity:1;transform:scale(.7)}40%{filter:drop-shadow(0 0 70px rgba(100,220,200,.9)) brightness(1.3);opacity:.9;transform:scale(.4)}60%{filter:drop-shadow(0 0 80px rgba(255,220,150,.8)) brightness(1.4);opacity:.6;transform:scale(.2)}80%{filter:drop-shadow(0 0 100px rgba(255,200,100,1)) brightness(1.5);opacity:.3;transform:scale(.08)}to{filter:drop-shadow(0 0 120px rgba(255,220,150,1)) brightness(2);opacity:0;transform:scale(.02)}}.serum-delivery.phase-4,.serum-delivery.phase-5{opacity:0;pointer-events:none;right:32%;transform:translateY(-50%) scale(.01)}.delivery-label{color:#22d3eecc;font-size:14px;font-weight:500;letter-spacing:.5px;transition:opacity .5s ease}.patient-message-container{align-items:center;animation:containerFadeIn 1s ease-out;display:flex;flex-direction:column;gap:16px;min-height:120px}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cinematic-header{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.serum-delivered-text{animation:deliveredPulse 2s ease-in-out infinite;color:#22d3eef2;font-size:32px;font-weight:700;letter-spacing:.02em;text-shadow:0 0 30px #22d3ee80}@keyframes deliveredPulse{0%,to{text-shadow:0 0 20px #22d3ee66}50%{text-shadow:0 0 40px #22d3ee99}}.kept-alive-text{color:#ffffffb3;font-size:18px;font-weight:400;letter-spacing:.05em}.patient-message{opacity:0;transform:translateY(10px);transition:all .8s cubic-bezier(.4,0,.2,1)}.patient-message.visible{opacity:1;transform:translateY(0)}.message-text{color:#ffffffb3;font-size:18px;font-weight:300;letter-spacing:.5px;margin:0}.message-text.breathing{animation:breathingText 2s ease-in-out infinite}@keyframes breathingText{0%,to{opacity:.7}50%{opacity:1}}.patient-message.whisper{margin-top:8px}.message-quote{animation:whisperGlow 2s ease-in-out infinite;color:#fff;font-size:24px;font-style:italic;font-weight:400;margin:0;text-shadow:0 0 30px #ffc8784d}@keyframes whisperGlow{0%,to{text-shadow:0 0 20px #ffc87833}50%{text-shadow:0 0 40px #ffc87866}}.results-final{align-items:center;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(20px);transition:all 1s cubic-bezier(.4,0,.2,1)}.results-final.visible{opacity:1;transform:translateY(0)}.final-message{color:#ffffffe6;font-size:20px;font-weight:500;margin-bottom:8px}.results-stats{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d3ee,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;line-height:1}.stat-label{color:#ffffff80;font-size:14px}.cinematic-results .results-actions{display:flex;gap:12px;margin-top:16px}.cinematic-results .retry-btn{background:linear-gradient(135deg,#22d3ee4d,#8b5cf64d);border:1px solid #22d3ee66;border-radius:8px;color:#22d3ee;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease}.cinematic-results .retry-btn:hover{background:linear-gradient(135deg,#22d3ee66,#8b5cf666);box-shadow:0 4px 20px #22d3ee33;transform:translateY(-2px)}.cinematic-results .back-btn{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff9;cursor:pointer;font-size:14px;font-weight:500;padding:12px 28px;transition:all .3s ease}.cinematic-results .back-btn:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fffc}.dedicated-quiz-page.light-theme{color:#1a1a2e}.dedicated-quiz-page.light-theme .quiz-back-button,.dedicated-quiz-page.light-theme .quiz-theme-toggle{background:#ffffffd9;border:1px solid #8b5cf626;box-shadow:0 2px 12px #00000014}.dedicated-quiz-page.light-theme .quiz-back-button{color:#3c3c50cc}.dedicated-quiz-page.light-theme .quiz-back-button:hover,.dedicated-quiz-page.light-theme .quiz-theme-toggle:hover{background:#8b5cf61a;border-color:#8b5cf64d}.dedicated-quiz-page.light-theme .quiz-back-button:hover{color:#6d28d9}.dedicated-quiz-page.light-theme .question-counter{color:#1a1a2e}.dedicated-quiz-page.light-theme .topic-badge{background:#8b5cf61f;border:1px solid #8b5cf640}.dedicated-quiz-page.light-theme .topic-dot{color:#7c3aed}.dedicated-quiz-page.light-theme .topic-text{color:#6d28d9}.dedicated-quiz-page.light-theme .quiz-title{color:#3c465a99}.dedicated-quiz-page.light-theme .quiz-card,.dedicated-quiz-page.light-theme .quiz-card.glassmorphic{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border:1px solid #8b5cf61f;box-shadow:0 8px 32px #00000014,inset 0 0 0 1px #ffffff80}.dedicated-quiz-page.light-theme .question-text{color:#1a1a2e}.dedicated-quiz-page.light-theme .quiz-option{background:#f8faffe6;border:1.5px solid #8b5cf61f}.dedicated-quiz-page.light-theme .quiz-option:before{background:linear-gradient(135deg,#8b5cf614,#0000)}.dedicated-quiz-page.light-theme .quiz-option:hover:not(.disabled){background:#8b5cf60f;border-color:#8b5cf666;box-shadow:0 4px 20px #8b5cf61f}.dedicated-quiz-page.light-theme .option-letter{background:#8b5cf61a;color:#6d28d9}.dedicated-quiz-page.light-theme .quiz-option:hover:not(.disabled) .option-letter{background:#8b5cf640;color:#5b21b6}.dedicated-quiz-page.light-theme .option-letter.selected{background:#8b5cf666;color:#fff}.dedicated-quiz-page.light-theme .option-text{color:#2d2d44}.dedicated-quiz-page.light-theme .quiz-option.correct{background:#10b9811f;border-color:#10b981}.dedicated-quiz-page.light-theme .quiz-option.correct .option-text{color:#047857}.dedicated-quiz-page.light-theme .quiz-option.incorrect{background:#ef44441a;border-color:#ef4444}.dedicated-quiz-page.light-theme .quiz-option.incorrect .option-text{color:#b91c1c}.dedicated-quiz-page.light-theme .quiz-option.disabled{opacity:.6}.dedicated-quiz-page.light-theme .quiz-feedback{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dedicated-quiz-page.light-theme .quiz-feedback.correct{background:linear-gradient(135deg,#10b9811a,#06b6d40f);border-color:#10b9814d;box-shadow:0 4px 20px #10b98114,inset 0 1px 0 #fff9}.dedicated-quiz-page.light-theme .quiz-feedback.incorrect{background:linear-gradient(135deg,#ef444414,#f973160a);border-color:#ef444440;box-shadow:0 4px 20px #ef44440f,inset 0 1px 0 #fff9}.dedicated-quiz-page.light-theme .feedback-status.correct{color:#059669}.dedicated-quiz-page.light-theme .feedback-status.incorrect{color:#dc2626}.dedicated-quiz-page.light-theme .feedback-explanation{color:#4b5563}.dedicated-quiz-page.light-theme .feedback-explanation strong{color:#1a1a2e;font-weight:600}.dedicated-quiz-page.light-theme .feedback-explanation br{content:"";display:block;margin-top:8px}.dedicated-quiz-page.light-theme .next-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf640;color:#fff}.dedicated-quiz-page.light-theme .next-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf659}.dedicated-quiz-page.light-theme .progress-hint{color:#3c465a99}.dedicated-quiz-page.light-theme .score-correct{color:#0891b2;text-shadow:0 0 15px #06b6d466}.dedicated-quiz-page.light-theme .score-divider{color:#3c465a66}.dedicated-quiz-page.light-theme .score-total{color:#3c465a80}.dedicated-quiz-page.light-theme.results-page .cinematic-results{color:#1a1a2e}.dedicated-quiz-page.light-theme .delivery-label{color:#06b6d4e6}.dedicated-quiz-page.light-theme .message-text{color:#2d374bcc}.dedicated-quiz-page.light-theme .message-quote{color:#1a1a2e;text-shadow:0 0 30px #8b5cf64d}.dedicated-quiz-page.light-theme .final-message{color:#1a1a2e}.dedicated-quiz-page.light-theme .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0891b2,#7c3aed);-webkit-background-clip:text;background-clip:text}.dedicated-quiz-page.light-theme .stat-label{color:#3c465a99}.dedicated-quiz-page.light-theme .retry-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf640;color:#fff}.dedicated-quiz-page.light-theme .retry-btn:hover{box-shadow:0 6px 20px #8b5cf659}.dedicated-quiz-page.light-theme .back-btn{background:#fffc;border:1.5px solid #8b5cf633;color:#4b5563}.dedicated-quiz-page.light-theme .back-btn:hover{background:#8b5cf614;border-color:#8b5cf64d;color:#6d28d9}.dedicated-quiz-page.light-theme .cinematic-results .retry-btn{background:linear-gradient(135deg,#06b6d426,#8b5cf626);border:1px solid #06b6d44d;color:#0891b2}.dedicated-quiz-page.light-theme .cinematic-results .retry-btn:hover{background:linear-gradient(135deg,#06b6d440,#8b5cf640);box-shadow:0 4px 20px #06b6d426}.dedicated-quiz-page.light-theme .cinematic-results .back-btn{background:#fff9;border:1px solid #3c465a26;color:#3c465ab3}.dedicated-quiz-page.light-theme .cinematic-results .back-btn:hover{background:#fffc;border-color:#3c465a40;color:#3c465ae6}.dedicated-quiz-page.light-theme::-webkit-scrollbar{height:12px;width:12px}.dedicated-quiz-page.light-theme::-webkit-scrollbar-track{background:linear-gradient(90deg,#0000,#8b5cf61a 20%,#8b5cf61a 80%,#0000);border-radius:6px}.dedicated-quiz-page.light-theme::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#06b6d4 40%,#22d3ee 60%,#8b5cf6);background-clip:padding-box;border:3px solid #ffffffe6;border-radius:6px;box-shadow:0 0 8px #8b5cf666,0 0 16px #06b6d433,inset 0 0 4px #ffffff4d}.dedicated-quiz-page.light-theme::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c3aed,#0891b2 40%,#06b6d4 60%,#7c3aed);box-shadow:0 0 12px #8b5cf699,0 0 24px #06b6d466,inset 0 0 6px #fff6}.dedicated-quiz-page.light-theme::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#6d28d9,#0e7490 40%,#0891b2 60%,#6d28d9)}.dedicated-quiz-page.light-theme{scrollbar-color:#8b5cf6 #8b5cf61a}.dedicated-quiz-page.light-theme .tube-container{border-top-color:#8b5cf61a}.dedicated-quiz-page.light-theme .serum-tube-container.hovered{filter:brightness(1.05) drop-shadow(0 0 15px rgba(6,182,212,.3))}.dedicated-quiz-page.light-theme .serum-tube-tooltip{background:#fffffff2;border-color:#06b6d44d;box-shadow:0 8px 32px #00000026,0 0 20px #06b6d41a,inset 0 1px 0 #fffc}.dedicated-quiz-page.light-theme .serum-tube-tooltip:before{border-right-color:#fffffff2}.dedicated-quiz-page.light-theme .serum-tube-tooltip:after{border-right-color:#06b6d44d}.dedicated-quiz-page.light-theme .tooltip-text{color:#1a1a2e}@media (max-width:768px){.dedicated-quiz-page.cinematic .quiz-sidebar-left{display:none}.cinematic-results{padding:20px}.message-quote{font-size:20px}.stat-value{font-size:40px}.cinematic-results .results-actions{flex-direction:column;width:100%}.cinematic-results .back-btn,.cinematic-results .retry-btn{width:100%}}.loading-overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:20}.loading-content-premium{align-items:center;animation:premiumFadeIn .6s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#0f0f19f2,#191428f2 50%,#0f0f19f2);border:1px solid #8b5cf633;border-radius:28px;box-shadow:0 25px 80px #00000080,0 0 60px #8b5cf61a,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;gap:28px;max-width:420px;overflow:hidden;padding:48px 56px;position:relative;text-align:center}.loading-content-premium:before{background:linear-gradient(180deg,#8b5cf614,#0000);content:"";height:120px;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes premiumFadeIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-mascot{filter:drop-shadow(0 10px 30px rgba(139,92,246,.3));position:relative;z-index:1}.loading-text-section{align-items:center;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.loading-title-premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c4b5fd 50%,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0}.loading-status{color:#22d3eee6;font-size:15px;font-weight:500;letter-spacing:.01em;margin:0}.loading-progress-bar{background:#ffffff1a;border-radius:4px;height:4px;margin-top:8px;overflow:hidden;position:relative;width:180px}.loading-progress-glow{animation:progressGlow 1.8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#8b5cf6cc 30%,#22d3ee 50%,#8b5cf6cc 70%,#0000);border-radius:4px;height:100%;left:-100%;position:absolute;top:0;width:60%}@keyframes progressGlow{0%{left:-60%}to{left:100%}}.loading-mission{align-items:flex-start;background:#22d3ee0f;border:1px solid #22d3ee26;border-radius:14px;display:flex;gap:14px;max-width:320px;padding:16px 20px;position:relative;z-index:1}.mission-icon{align-items:center;background:linear-gradient(135deg,#22d3ee33,#8b5cf633);border-radius:10px;color:#22d3ee;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.mission-icon svg{animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}35%{transform:scale(1)}45%{transform:scale(1.05)}55%{transform:scale(1)}}.mission-text{color:#ffffffb3;font-size:13px;font-weight:400;line-height:1.6;margin:0;text-align:left}.dedicated-quiz-page.light-theme .loading-content-premium{background:linear-gradient(145deg,#fffffffa,#f8f5fffa 50%,#fffffffa);border-color:#8b5cf633;box-shadow:0 25px 80px #0000001f,0 0 60px #8b5cf614,inset 0 1px 0 #fffc}.dedicated-quiz-page.light-theme .loading-content-premium:before{background:linear-gradient(180deg,#8b5cf60f,#0000)}.dedicated-quiz-page.light-theme .loading-title-premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a2e,#6d28d9 50%,#7c3aed);-webkit-background-clip:text;background-clip:text}.dedicated-quiz-page.light-theme .loading-status{color:#06b6d4}.dedicated-quiz-page.light-theme .loading-progress-bar{background:#8b5cf61f}.dedicated-quiz-page.light-theme .loading-progress-glow{background:linear-gradient(90deg,#0000,#8b5cf6e6 30%,#06b6d4 50%,#8b5cf6e6 70%,#0000)}.dedicated-quiz-page.light-theme .loading-mission{background:#06b6d40f;border-color:#06b6d433}.dedicated-quiz-page.light-theme .mission-icon{background:linear-gradient(135deg,#06b6d426,#8b5cf626);color:#0891b2}.dedicated-quiz-page.light-theme .mission-text{color:#2d374bd9}@media (max-width:480px){.loading-content-premium{border-radius:24px;gap:24px;margin:16px;padding:36px 28px}.loading-mascot{transform:scale(.9)}.loading-title-premium{font-size:22px}.loading-status{font-size:14px}.loading-progress-bar{width:140px}.loading-mission{gap:12px;padding:14px 16px}.mission-icon{height:32px;width:32px}.mission-text{font-size:12px}}.error-overlay{inset:0;justify-content:center;padding:20px;position:fixed;z-index:20}.error-content,.error-overlay{align-items:center;display:flex}.error-content{animation:errorShake .5s ease-out;background:#0a0a0fe6;border:1px solid #ef444433;border-radius:20px;box-shadow:0 20px 60px #0006;flex-direction:column;gap:20px;max-width:400px;padding:40px 48px;text-align:center}@keyframes errorShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.error-icon{align-items:center;animation:errorPulse 2s ease-in-out infinite;background:#ef444426;border-radius:50%;color:#f87171;display:flex;height:56px;justify-content:center;width:56px}.error-icon svg{height:32px;width:32px}@keyframes errorPulse{0%,to{box-shadow:0 0 0 0 #ef44444d}50%{box-shadow:0 0 0 10px #ef444400}}.error-title{color:#f87171;font-size:22px;font-weight:600;margin:0}.error-message{color:#ffffffb3;font-size:14px;line-height:1.5;margin:0}.error-actions{display:flex;gap:12px;margin-top:8px}.error-actions .retry-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease}.error-actions .retry-btn:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.error-actions .back-btn{background:#0000;border:1.5px solid #fff3;border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;padding:12px 28px;transition:all .3s ease}.error-actions .back-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.dedicated-quiz-page.light-theme .error-content{background:#fffffff2;border-color:#ef444440;box-shadow:0 20px 60px #0000001f}.dedicated-quiz-page.light-theme .error-icon{background:#ef44441a;color:#dc2626}.dedicated-quiz-page.light-theme .error-title{color:#dc2626}.dedicated-quiz-page.light-theme .error-message{color:#3c465acc}.dedicated-quiz-page.light-theme .error-actions .back-btn{background:#fffc;border-color:#8b5cf633;color:#4b5563}.dedicated-quiz-page.light-theme .error-actions .back-btn:hover{background:#8b5cf614;border-color:#8b5cf64d;color:#6d28d9}@media (max-width:480px){.error-content,.loading-content{margin:16px;padding:30px 24px}.error-title,.loading-title{font-size:20px}.error-actions{flex-direction:column;width:100%}.error-actions .back-btn,.error-actions .retry-btn{width:100%}}.login-prompt-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#0f0f1af7,#1a1a2ef7 50%,#16213ef7);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.login-prompt-overlay:before{animation:loginAmbientFloat 15s ease-in-out infinite alternate;background:radial-gradient(circle,#8b5cf626 0,#0000 60%);content:"";height:50%;left:-10%;pointer-events:none;position:absolute;top:-20%;width:50%}.login-prompt-overlay:after{animation:loginAmbientFloat 20s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#06b6d41a 0,#0000 60%);bottom:-20%;content:"";height:60%;pointer-events:none;position:absolute;right:-10%;width:60%}@keyframes loginAmbientFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}.login-prompt-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e2dd9;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px 0 0 #ffffff1a;max-width:420px;padding:40px 32px;position:relative;text-align:center;width:100%;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-prompt-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.login-prompt-close:hover{background:#fff3;color:#fff;transform:scale(1.05)}.login-prompt-mascot{margin-bottom:20px}.login-prompt-title{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}.login-prompt-message{color:#ffffffb3;font-size:15px;line-height:1.5;margin:0 0 24px}.login-prompt-benefits{list-style:none;margin:0 0 28px;padding:0;text-align:left}.login-prompt-benefits li{align-items:center;border-bottom:1px solid #ffffff14;color:#ffffffd9;display:flex;font-size:14px;gap:12px;padding:10px 0}.login-prompt-benefits li:last-child{border-bottom:none}.login-prompt-benefits li svg{color:#22d3ee;flex-shrink:0}.login-prompt-actions{display:flex;flex-direction:column;gap:12px}.login-prompt-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.login-prompt-btn.primary{background:linear-gradient(135deg,#ad7dc3,#8b5cf6 50%,#7c3aed);box-shadow:0 4px 15px #8b5cf64d,inset 0 1px 0 0 #fff3;color:#fff}.login-prompt-btn.primary:hover{box-shadow:0 8px 25px #8b5cf666,inset 0 1px 0 0 #ffffff40;transform:translateY(-2px)}.login-prompt-btn.secondary{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.login-prompt-btn.secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.login-prompt-google-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;letter-spacing:-.01em;margin-top:8px;padding:14px 24px;transition:all .3s ease;width:100%}.login-prompt-google-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.login-prompt-google-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-prompt-google-btn .google-logo{height:20px;width:20px}.login-prompt-divider{align-items:center;display:flex;gap:12px;margin:16px 0}.login-prompt-divider:after,.login-prompt-divider:before{background:#ffffff26;content:"";flex:1 1;height:1px}.login-prompt-divider span{color:#ffffff80;font-size:13px;letter-spacing:.5px;text-transform:uppercase}body:not(.dark-mode) .login-prompt-overlay{background:linear-gradient(135deg,#f8f9fff7,#eef2fff7 50%,#e8f4f8f7)}body:not(.dark-mode) .login-prompt-overlay:before{background:radial-gradient(circle,#ad7dc333 0,#0000 60%)}body:not(.dark-mode) .login-prompt-overlay:after{background:radial-gradient(circle,#93c5fd26 0,#0000 60%)}body:not(.dark-mode) .login-prompt-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ad7dc326;box-shadow:0 25px 50px -12px #64507826,0 0 0 1px #ad7dc31a,inset 0 1px 0 0 #fffc}body:not(.dark-mode) .login-prompt-close{background:#0000000d;color:#00000080}body:not(.dark-mode) .login-prompt-close:hover{background:#0000001a;color:#000c}body:not(.dark-mode) .login-prompt-title{color:#1a1a2e}body:not(.dark-mode) .login-prompt-message{color:#4a4a6a}body:not(.dark-mode) .login-prompt-benefits li{border-bottom-color:#ad7dc31a;color:#4a4a6a}body:not(.dark-mode) .login-prompt-benefits li svg{color:#ad7dc3}body:not(.dark-mode) .login-prompt-btn.primary{background:linear-gradient(135deg,#c9a0dc,#ad7dc3 50%,#9b6fb0);box-shadow:0 4px 15px #ad7dc34d,inset 0 1px 0 0 #ffffff4d;color:#fff}body:not(.dark-mode) .login-prompt-btn.primary:hover{box-shadow:0 8px 25px #ad7dc366,inset 0 1px 0 0 #ffffff59}body:not(.dark-mode) .login-prompt-btn.secondary{background:#fffc;border:1.5px solid #ad7dc333;color:#4a4a6a}body:not(.dark-mode) .login-prompt-btn.secondary:hover{background:#fffffff2;border-color:#ad7dc359;color:#1a1a2e}body:not(.dark-mode) .login-prompt-google-btn{background:#fffc;border:1.5px solid #ad7dc333;color:#4a4a6a}body:not(.dark-mode) .login-prompt-google-btn:hover:not(:disabled){background:#fffffff2;border-color:#ad7dc359}body:not(.dark-mode) .login-prompt-divider:after,body:not(.dark-mode) .login-prompt-divider:before{background:#ad7dc326}body:not(.dark-mode) .login-prompt-divider span{color:#64507880}@media (max-width:480px){.login-prompt-modal{margin:16px;padding:32px 24px}.login-prompt-title{font-size:20px}.login-prompt-message{font-size:14px}.login-prompt-benefits li{font-size:13px}}.dev-controls{background:#000000e6;border:1px solid #ffc80080;border-radius:12px;box-shadow:0 8px 32px #00000080;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;min-width:220px;overflow:hidden;position:fixed;right:20px;top:80px;z-index:9999}.dev-controls-header{background:#ffc80033;border-bottom:1px solid #ffc8004d;color:#ffc800;font-weight:600;padding:8px 12px}.dev-controls-body{display:flex;flex-direction:column;gap:10px;padding:12px}.dev-control-group{align-items:center;color:#fffc;display:flex;gap:8px}.dev-control-group label{flex-shrink:0;font-size:11px}.dev-control-group input[type=range]{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.dev-control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#22d3ee;border-radius:50%;cursor:pointer;height:14px;width:14px}.dev-control-group span{color:#22d3ee;font-size:11px;min-width:25px}.dev-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.dev-btn:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);transform:translateY(-1px)}.dev-btn.reset{background:linear-gradient(135deg,#ef4444,#dc2626)}.dev-btn.reset:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.dev-phase-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.dev-phase-buttons span{color:#fff9;font-size:10px;margin-bottom:4px;width:100%}.dev-phase-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:11px;font-weight:600;height:28px;padding:0;transition:all .2s ease;width:28px}.dev-phase-btn:hover{background:#22d3ee33;border-color:#22d3ee80;color:#22d3ee}.dev-phase-btn.active{background:#22d3ee4d;border-color:#22d3ee;box-shadow:0 0 10px #22d3ee4d;color:#22d3ee}.file-size-error-modal{text-align:center}.file-size-error-icon{animation:warningPulse 2s ease-in-out infinite;margin-bottom:16px}@keyframes warningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.file-size-error-files{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;margin:16px 0;max-height:120px;overflow-y:auto;padding:12px 16px}.file-size-error-file{align-items:center;color:#f59e0b;display:flex;gap:8px;padding:6px 0}.file-size-error-file:not(:last-child){border-bottom:1px solid #f59e0b1a}.file-size-error-file .file-name{font-size:13px;font-weight:500;text-align:left;word-break:break-all}.file-size-error-tips{background:#8b5cf614;border-radius:12px;margin:16px 0;padding:16px;text-align:left}.file-size-error-tips .tips-title{color:#ffffffe6;font-size:13px;font-weight:600;margin-bottom:10px}.file-size-error-tips ul{margin:0;padding-left:20px}.file-size-error-tips li{color:#ffffffb3;font-size:12px;line-height:1.5;margin-bottom:6px}.file-size-error-tips li:last-child{margin-bottom:0}body:not(.dark-mode) .file-size-error-files{background:#f59e0b14;border-color:#f59e0b26}body:not(.dark-mode) .file-size-error-file{color:#d97706}body:not(.dark-mode) .file-size-error-tips{background:#ad7dc314}body:not(.dark-mode) .file-size-error-tips .tips-title{color:#3c3250e6}body:not(.dark-mode) .file-size-error-tips li{color:#3c3250b3}:root{--primary-coral:#e88d7d;--primary-coral-hover:#d67a6a;--primary-coral-dark:#c46a5a;--primary-coral-light:#f4a896;--primary-peach:#f8c8c4;--dark-accent:#b8a5d4;--dark-accent-hover:#a894c9;--dark-accent-light:#d4c8e8;--dark-accent-muted:#c8b4dc26;--dark-bg-primary:#1a1a1a;--dark-bg-secondary:#2f2f2f;--dark-bg-tertiary:#3d3d3d;--dark-bg-elevated:#262626;--dark-border:#ffffff14;--dark-border-accent:#c8b4dc40;--primary-purple:#e88d7d;--primary-purple-hover:#d67a6a;--primary-purple-dark:#c46a5a;--primary-purple-light:#f4a896;--glass-bg:#fffef9f2;--glass-bg-strong:#fffef9fa;--glass-border:#e88d7d26;--glass-shadow:0 8px 32px 0 #64503c14;--gradient-primary:linear-gradient(135deg,#e88d7d,#f4a896);--gradient-mesh:radial-gradient(at 0% 0%,#f8c8c433 0px,#0000 50%),radial-gradient(at 100% 0%,#fff3cd26 0px,#0000 50%);--bg-paper:#fffef9;--bg-cream:#fdf8f3;--bg-warm:#fff5eb;--text-primary:#3d3d3d;--text-secondary:#6b6b6b;--text-muted:#999;--text-white:#fff;--blur-sm:blur(8px);--blur-md:blur(12px);--blur-lg:blur(16px);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-wobbly:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:50%;--shadow-sm:0 2px 8px #64503c0f;--shadow-md:0 4px 16px #64503c14;--shadow-lg:0 8px 32px #64503c1a;--font-handwritten:"Kalam","Patrick Hand",cursive;--font-accent:"Caveat",cursive}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#fffef9,#fdf8f3);background:linear-gradient(180deg,var(--bg-paper) 0,var(--bg-cream) 100%);font-family:Outfit,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0}body.dark-mode{background:#1a1a1a;background:var(--dark-bg-primary);margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-wrapper{background:linear-gradient(180deg,#fffef9,#fdf8f3);background:linear-gradient(180deg,var(--bg-paper) 0,var(--bg-cream) 100%);background-image:radial-gradient(at 0 0,#f8c8c433 0,#0000 50%),radial-gradient(at 100% 0,#fff3cd26 0,#0000 50%);background-image:var(--gradient-mesh);display:flex;font-family:Outfit,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;position:relative}body.dark-mode .app-wrapper{background:#1a1a1a;background:var(--dark-bg-primary);background-image:none}.app-global-brand{align-items:center;display:flex;gap:10px;position:fixed;top:16px;transition:left .3s cubic-bezier(.4,0,.2,1);transition:left var(--transition-normal);z-index:1001}.app-global-brand.sidebar-open{left:336px}.app-global-brand.sidebar-closed{left:96px}.app-brand-logo{flex-shrink:0;height:32px;width:32px}.app-brand-name{color:#e88d7d;color:var(--primary-coral);font-family:Patrick Hand,cursive;font-size:20px;font-weight:600;letter-spacing:.5px}body.dark-mode .app-brand-name{color:#b8a5d4;color:var(--dark-accent)}@media (max-width:1024px){.app-global-brand{display:none}}.sidebar-backdrop{display:none}@media (max-width:1024px){.sidebar-backdrop{background:#281c1440;display:block;inset:0;position:fixed;z-index:999}}.sidebar{background:linear-gradient(180deg,#fffef9,#fdf8f3);background:linear-gradient(180deg,var(--bg-paper) 0,var(--bg-cream) 100%);border:none;border-radius:0;border-right:1px solid #e88d7d1f;box-shadow:4px 0 24px #64503c14;display:flex;flex-direction:column;height:100vh;left:-340px;margin:0;overflow:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:320px;z-index:1000}.sidebar.open{left:0}.sidebar-header{align-items:center;background:linear-gradient(180deg,#fffef9,#fdf8f3fa);background:linear-gradient(180deg,var(--bg-paper) 0,#fdf8f3fa 100%);border-bottom:1px dashed #e88d7d33;border-radius:0;display:flex;justify-content:space-between;min-height:60px;padding:10px}.sidebar-title{color:#c46a5a;color:var(--primary-coral-dark);flex:1 1;font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:18px;font-weight:600;letter-spacing:.5px;text-align:center}.sidebar-footer-toggles{align-items:center;display:flex;gap:4px;margin-bottom:4px;width:100%}.sidebar-footer-toggles .dark-mode-toggle-container{flex:1 1;min-width:0}.sidebar-footer-toggles .chat-view-toggle,.sidebar-footer-toggles .dark-mode-toggle{gap:8px;padding:8px 10px}.sidebar-footer-toggles .toggle-label{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-view-toggle-container{border:none;flex:1 1;margin:0;min-width:0;padding:0}.chat-view-toggle{align-items:center;background:#0000;border:none;border-radius:0;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.chat-view-toggle:hover{background:#e88d7d14}.chat-view-toggle .toggle-track{border-radius:10px;height:20px;position:relative;transition:all .3s ease;width:38px}.chat-view-toggle .toggle-track.my-chats{background:linear-gradient(135deg,#e88d7d,#f4a896)}.chat-view-toggle .toggle-track.all-chats{background:linear-gradient(135deg,#c46a5a,#e88d7d)}.chat-view-toggle .toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 1px 3px #64503c33;display:flex;font-size:9px;height:16px;justify-content:center;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:16px}.chat-view-toggle .toggle-track.my-chats .toggle-thumb{left:2px}.chat-view-toggle .toggle-track.all-chats .toggle-thumb{left:calc(100% - 18px)}.chat-view-toggle .toggle-label{color:#3d3d3d;color:var(--text-primary);font-size:13px;font-weight:500}.close-sidebar{align-items:center;background:#0000;border:none;border-radius:50%;color:#e88d7d;color:var(--primary-coral);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;margin-left:12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.close-sidebar:hover{background:#e88d7d1a;color:#c46a5a;color:var(--primary-coral-dark)}.chat-menu-trigger{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:6px;color:#bbb;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:24px}.chat-menu-trigger:hover{background:#0000000f;color:#555}.chat-menu-trigger.active{background:#00000014;color:#333}.chat-menu-dropdown{animation:chatMenuFadeIn .15s ease;background:#fff;border:1px solid #00000014;border-radius:10px;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f;min-width:150px;overflow:hidden;padding:4px;position:absolute;right:4px;top:32px;z-index:200}.conversation-item:has(.chat-menu-dropdown){z-index:50}@keyframes chatMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-menu-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:7px;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;padding:9px 12px;transition:background .12s ease,color .12s ease;width:100%}.chat-menu-item:hover{background:#0000000d}.chat-menu-item:active{background:#00000014}.chat-menu-item.delete{color:#333}.chat-menu-item.delete:hover{background:#ff3b3014;color:#e53935}.chat-menu-item.delete:hover svg{stroke:#e53935}.chat-menu-divider{background:#0000000f;height:1px;margin:3px 8px}.chat-rename-input{background:#fff;border:1.5px solid #e88d7d;border:1.5px solid var(--primary-coral);border-radius:5px;box-shadow:0 0 0 3px #e88d7d26;color:#2d2d2d;font-family:inherit;font-size:13px;font-weight:600;outline:none;padding:3px 6px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.chat-rename-input:focus{border-color:#d67a6a;border-color:var(--primary-coral-hover);box-shadow:0 0 0 3px #e88d7d40}.delete-modal-overlay{align-items:center;animation:deleteOverlayIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}@keyframes deleteOverlayIn{0%{opacity:0}to{opacity:1}}.delete-modal{animation:deleteModalIn .25s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026,0 1px 3px #00000014;max-width:380px;padding:28px 28px 22px;text-align:center;width:100%}@keyframes deleteModalIn{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-modal-icon{align-items:center;background:#ff3b3014;border-radius:50%;color:#e53935;display:flex;height:52px;justify-content:center;margin:0 auto 16px;width:52px}.delete-modal-title{color:#1a1a1a;font-family:inherit;font-size:18px;font-weight:700;margin:0 0 8px}.delete-modal-body{color:#666;font-size:14px;line-height:1.55;margin:0 0 24px}.delete-modal-actions{display:flex;gap:10px;justify-content:flex-end}.delete-modal-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;min-width:90px;padding:10px 22px;transition:background .15s ease,transform .1s ease,opacity .15s ease}.delete-modal-btn:active{transform:scale(.97)}.delete-modal-btn:disabled{cursor:not-allowed;opacity:.6}.delete-modal-btn.cancel{background:#f0f0f0;color:#333}.delete-modal-btn.cancel:hover:not(:disabled){background:#e4e4e4}.delete-modal-btn.confirm{background:#e53935;color:#fff}.delete-modal-btn.confirm:hover:not(:disabled){background:#d32f2f}.delete-spinner{animation:deleteSpin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes deleteSpin{to{transform:rotate(1turn)}}.sidebar-actions-row{align-items:stretch;display:flex;gap:8px;padding:8px 12px}.sidebar-actions-row .new-chat-button{flex:1 1;font-size:14px;margin:0;padding:8px 12px;width:auto}.sidebar-actions-row .record-class-btn{flex:0 0 auto;gap:0;margin:0;padding:8px 10px;width:auto}.sidebar-actions-row .record-class-btn.is-active .record-class-btn__time,.sidebar-actions-row .record-class-btn__label{display:none}.new-chat-button{background:#e8dff5;border:1px solid #00000014;border-radius:12px;box-shadow:none;color:#2d2d2d;cursor:pointer;font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:15px;font-weight:600;letter-spacing:.3px;margin:12px 16px;padding:12px 16px;transition:all .2s ease;width:calc(100% - 32px)}.new-chat-button:hover{background:#ddd0f0;border-color:#0000001a;box-shadow:0 2px 8px #00000014;transform:none}.new-chat-button:active{box-shadow:none;transform:scale(.98)}.conversations-list{background:#0000;flex:1 1;overflow-y:auto;padding:8px}.conversations-list::-webkit-scrollbar{width:8px}.conversations-list::-webkit-scrollbar-track{background:#e88d7d0d;border-radius:4px}.conversations-list::-webkit-scrollbar-thumb{background:#e88d7d40;border-radius:4px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#e88d7d66}.conversation-item{align-items:center;background:linear-gradient(180deg,#fffef9,#fff8f0);border:1.5px solid #64646414;border-radius:6px 12px 8px 6px;box-shadow:2px 2px 0 #3c3c3c0a;cursor:pointer;display:flex;margin-bottom:6px;padding:12px 14px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-wobbly)}.conversation-item:hover{background:#fff;border-color:#e88d7d40;box-shadow:3px 3px 0 #3c3c3c0f;transform:translateX(3px) rotate(-.3deg)}.conversation-item.active{background:linear-gradient(135deg,#e88d7d1f,#f8c8c426);border-color:#e88d7d;border-color:var(--primary-coral);border-left-width:3px;box-shadow:3px 3px 0 #e88d7d1a;padding-left:11px}.conversation-item.active .conversation-message,.conversation-item.active .conversation-name,.conversation-item.active .conversation-time{color:#3d3d3d;color:var(--text-primary)}.conversation-item.unread .conversation-name{font-weight:600}.conversation-avatar{align-items:center;background:linear-gradient(135deg,#e88d7d26,#f8c8c433);border:1px solid #e88d7d26;border-radius:8px 10px 9px 8px;color:#c46a5a;color:var(--primary-coral-dark);display:flex;flex-shrink:0;font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:15px;font-weight:600;height:34px;justify-content:center;margin-right:12px;width:34px}.conversation-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding-right:40px}.conversation-header{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.conversation-name{color:#1f1f1f;font-size:14px;font-weight:500;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.conversation-metadata{align-items:center;color:#5f6368;display:flex;font-size:11px;gap:8px}.conversation-time{color:#5f6368;font-size:11px;white-space:nowrap}.conversation-user-id{color:#e88d7d;color:var(--primary-coral);font-size:11px;font-weight:500;white-space:nowrap}.conversation-metadata-separator{color:#dadce0;font-weight:300}.conversation-message{color:#5f6368;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.conversation-item.active .conversation-user-id{color:#c46a5a;color:var(--primary-purple-dark);font-weight:600}.chat-actions-row{align-items:center;display:flex;gap:4px;position:absolute;right:6px;top:6px;z-index:5}.file-count-badge{align-items:center;background:#e88d7d1f;border-radius:6px;color:#c46a5a;color:var(--primary-coral-dark);display:flex;font-size:11px;font-weight:500;gap:3px;padding:2px 8px}.conversation-item.active .file-count-badge{background:#e88d7d33;color:#c46a5a;color:var(--primary-coral-dark)}.paperclip-icon{font-size:10px}.file-count-number{font-weight:600;min-width:14px;text-align:center}.study-session-icon{align-items:center;color:#e88d7d;color:var(--primary-coral);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.study-session-icon svg{height:100%;width:100%}.conversation-item.active .study-session-icon{color:#c46a5a;color:var(--primary-coral-dark)}.conversation-item.study-session{border-left:3px solid #e88d7d;border-left:3px solid var(--primary-coral)}.conversation-item.study-session.active{border-left-color:#c46a5a;border-left-color:var(--primary-coral-dark)}.unread-indicator{background:#e88d7d;background:var(--primary-coral);border-radius:50%;border-radius:var(--radius-full);height:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:6px}.sidebar-footer{background:linear-gradient(0deg,#fdf8f3,#0000);background:linear-gradient(0deg,var(--bg-cream) 0,#0000 100%);border-radius:0;border-top:1px dashed #e88d7d26;padding:12px 8px}.nav-item{align-items:center;background:#0000;border-radius:6px 10px 8px 6px;color:#6b6b6b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:4px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.nav-item svg{color:#e88d7d;color:var(--primary-coral);flex-shrink:0;opacity:.6}.nav-item:hover{background:#e88d7d1a;color:#c46a5a;color:var(--primary-coral-dark)}.nav-item:hover svg{opacity:1}.nav-item.logout-item{border-radius:0;border-top:1px dashed #6464641a;color:#999;color:var(--text-muted);font-weight:400;justify-content:space-between;margin-top:4px;padding-top:12px}.nav-item.logout-item:hover{background:#0000;color:#6b6b6b;color:var(--text-secondary)}.main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:0;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:margin-left var(--transition-normal);width:100%}.main-content.shifted{margin-left:320px}.main-content.rail-shifted{margin-left:60px}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#e88d7d;color:var(--primary-coral);cursor:pointer;display:flex;font-size:20px;font-weight:300;height:36px;justify-content:center;left:20px;opacity:.7;position:fixed;top:20px;transition:all .2s ease;width:36px;z-index:1001}.sidebar-toggle:hover{background:#e88d7d1a;opacity:1}body.dark-mode .sidebar-toggle{color:#e88d7d;opacity:.7}body.dark-mode .sidebar-toggle:hover{background:#e88d7d26;opacity:1}@media (max-width:1024px){.main-content.rail-shifted,.main-content.shifted{margin-left:0}.collapsed-sidebar-rail{display:none!important}.sidebar{border-radius:0;height:100vh;height:100dvh;left:-340px;margin:0;width:320px}.sidebar.open{left:0;width:320px}.new-chat-button{margin:12px 16px;width:calc(100% - 32px)}.sidebar-toggle{height:40px;left:14px;top:14px;width:40px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.conversation-item{animation:slideInFromLeft .3s ease}body.dark-mode .sidebar{background:#2f2f2f;background:var(--dark-bg-secondary);border:none;border-right:1px solid var(--dark-border);box-shadow:none}body.dark-mode .sidebar-header{background:#2f2f2f;background:var(--dark-bg-secondary);border-bottom-color:#ffffff14;border-bottom-color:var(--dark-border)}body.dark-mode .sidebar-title{color:#b8a5d4;color:var(--dark-accent);font-weight:600;text-shadow:none}body.dark-mode .chat-view-toggle-container{border:none}body.dark-mode .chat-view-toggle:hover{background:#c8b4dc26;background:var(--dark-accent-muted)}body.dark-mode .chat-view-toggle .toggle-label{color:#a0a0a0}body.dark-mode .chat-view-toggle .toggle-track.my-chats{background:#b8a5d4;background:var(--dark-accent)}body.dark-mode .chat-view-toggle .toggle-track.all-chats{background:#a894c9;background:var(--dark-accent-hover)}body.dark-mode .new-chat-button{background:#c8b4dc33;border:1px solid #ffffff1a;border-radius:12px;box-shadow:none;color:#e5e5e5;font-weight:500}body.dark-mode .new-chat-button:hover{background:#c8b4dc4d;border-color:#ffffff26;box-shadow:none;transform:none}body.dark-mode .conversations-list{background:#0000}body.dark-mode .conversation-item{background:#0000;border:none;border-radius:8px;box-shadow:none}body.dark-mode .conversation-item:hover{background:#3d3d3d;background:var(--dark-bg-tertiary);border:none;box-shadow:none;transform:none}body.dark-mode .conversation-item.active{background:#c8b4dc26;background:var(--dark-accent-muted);border:none;box-shadow:none}body.dark-mode .conversation-name{color:#e5e5e5;font-weight:500;text-shadow:none}body.dark-mode .conversation-item.active .conversation-name{color:#fff;font-weight:600}body.dark-mode .conversation-item.active .conversation-time{color:#a0a0a0;font-weight:500}body.dark-mode .conversation-item.active .conversation-user-id{color:#d4c8e8;color:var(--dark-accent-light);font-weight:500}body.dark-mode .conversation-time{color:grey;font-weight:400}body.dark-mode .conversation-user-id{color:#b8a5d4;color:var(--dark-accent);font-weight:400}body.dark-mode .conversation-metadata-separator{color:#606060}body.dark-mode .conversation-message{color:#a0a0a0}body.dark-mode .file-count-badge{background:#c8b4dc26;background:var(--dark-accent-muted);border:none}body.dark-mode .file-count-number{color:#b8a5d4;color:var(--dark-accent)}body.dark-mode .study-session-icon{color:#e88d7d}body.dark-mode .conversation-item.active .study-session-icon{color:#f4a896}body.dark-mode .conversation-item.study-session{border-left-color:#e88d7d}body.dark-mode .conversation-item.study-session.active{border-left-color:#f4a896}body.dark-mode .chat-menu-trigger{color:#555}body.dark-mode .chat-menu-trigger:hover{background:#ffffff14;color:#bbb}body.dark-mode .chat-menu-trigger.active{background:#ffffff1a;color:#ccc}body.dark-mode .chat-menu-dropdown{background:#262626;background:var(--dark-bg-elevated);border:1px solid #ffffff14;border:1px solid var(--dark-border);box-shadow:0 4px 20px #0006,0 1px 6px #00000040}body.dark-mode .chat-menu-item{color:#d0d0d0}body.dark-mode .chat-menu-item:hover{background:#ffffff0f}body.dark-mode .chat-menu-item:active{background:#ffffff1a}body.dark-mode .chat-menu-item.delete:hover{background:#ff3b301f;color:#ff6b6b}body.dark-mode .chat-menu-item.delete:hover svg{stroke:#ff6b6b}body.dark-mode .chat-menu-divider{background:#ffffff14;background:var(--dark-border)}body.dark-mode .chat-rename-input{background:#3d3d3d;background:var(--dark-bg-tertiary);border-color:#b8a5d4;border-color:var(--dark-accent);box-shadow:0 0 0 3px #b8a5d426;color:#e5e5e5}body.dark-mode .chat-rename-input:focus{border-color:#a894c9;border-color:var(--dark-accent-hover);box-shadow:0 0 0 3px #b8a5d440}body.dark-mode .delete-modal-overlay{background:#0009}body.dark-mode .delete-modal{background:#262626;background:var(--dark-bg-elevated);box-shadow:0 20px 60px #00000080,0 1px 3px #0000004d}body.dark-mode .delete-modal-icon{background:#ff3b301f;color:#ff6b6b}body.dark-mode .delete-modal-title{color:#e5e5e5}body.dark-mode .delete-modal-body{color:#999}body.dark-mode .delete-modal-btn.cancel{background:#3d3d3d;background:var(--dark-bg-tertiary);color:#ccc}body.dark-mode .delete-modal-btn.cancel:hover:not(:disabled){background:#4a4a4a}body.dark-mode .delete-modal-btn.confirm{background:#e53935;color:#fff}body.dark-mode .delete-modal-btn.confirm:hover:not(:disabled){background:#d32f2f}body.dark-mode .sidebar-footer{background:#2f2f2f;background:var(--dark-bg-secondary);border-top-color:#ffffff14;border-top-color:var(--dark-border)}body.dark-mode .nav-item{color:#a0a0a0}body.dark-mode .nav-item svg{color:#b8a5d4;color:var(--dark-accent)}body.dark-mode .nav-item:hover{background:#c8b4dc26;background:var(--dark-accent-muted);color:#d4c8e8;color:var(--dark-accent-light)}body.dark-mode .nav-item.logout-item{border-top-color:#ffffff14;border-top-color:var(--dark-border)}body.dark-mode .nav-item.logout-item:hover{background:#0000;color:#e5e5e5}body.dark-mode .loading-message-box{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .loading-message-box.loading{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40)}body.dark-mode .loading-message-box.complete-with-insights{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#10b98166}body.dark-mode .loading-text{color:#f8c4b4}body.dark-mode .progress-stats{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .stat-number{color:#f8c4b4}body.dark-mode .stat-label{color:#a0a0a0}body.dark-mode .insight-preview{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-left-color:#e88d7d}body.dark-mode .insight-text{color:#e5e5e5}body.dark-mode .insight-detail{color:#a0a0a0}body.dark-mode .summary-preview{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-left-color:#10b981;color:#e5e5e5}.pending-upload-overlay{align-items:center;background:linear-gradient(135deg,#fffef9,#fff5eb);background:linear-gradient(135deg,var(--bg-paper) 0,var(--bg-warm) 100%);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}body.dark-mode .pending-upload-overlay{background:#1a1a1a;background:var(--dark-bg-primary,#1a1a1a)}.pending-upload-content{padding:2rem;text-align:center}.pending-upload-spinner{animation:spin 1s linear infinite;border:3px solid #e88d7d33;border-radius:50%;border-top:3px solid var(--primary-coral);height:48px;margin:0 auto 1.5rem;width:48px}body.dark-mode .pending-upload-spinner{border-color:#e88d7d #e88d7d26 #e88d7d26}@keyframes spin{to{transform:rotate(1turn)}}.pending-upload-text{color:#2d2d2d;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}body.dark-mode .pending-upload-text{color:#fff}.pending-upload-subtext{color:#666;font-size:.9rem;margin:0}body.dark-mode .pending-upload-subtext{color:#aaa}.login-prompt-file-indicator{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0;padding:.75rem 1rem}.login-prompt-file-indicator svg{color:#e88d7d;color:var(--primary-coral);flex-shrink:0}.login-prompt-file-indicator .file-name{color:#ffffffe6;font-size:.9rem;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.login-prompt-file-indicator .file-status{align-items:center;color:#22c55e;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.login-prompt-file-indicator .file-status:before{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;content:"";height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-prompt-reassurance{color:#fff9;font-size:.8rem;margin:1rem 0 0;text-align:center}body:not(.dark-mode) .login-prompt-file-indicator{background:#e88d7d1a;border:1px solid #e88d7d26}body:not(.dark-mode) .login-prompt-file-indicator .file-name{color:#4a4a6a}body:not(.dark-mode) .login-prompt-reassurance{color:#64507899}@media (max-width:480px){.sidebar{border-right:none;left:-100%;width:100%}.sidebar.open{left:0;width:100%}.sidebar-header{min-height:52px;padding:10px 12px 10px 48px}.sidebar-title{font-size:16px}.sidebar-toggle{font-size:22px;height:36px;left:12px;top:12px;width:36px}.conversations-list{-webkit-overflow-scrolling:touch;padding:6px 8px}.conversation-item{min-height:44px;padding:12px}.conversation-item .conversation-title{font-size:14px}.conversation-item .conversation-message{font-size:12px}.chat-actions button{min-height:32px;min-width:32px}.new-chat-button{font-size:14px;margin:10px 12px;min-height:44px;padding:12px 16px;width:calc(100% - 24px)}.sidebar-actions-row{gap:6px;padding:6px 10px}.sidebar-actions-row .new-chat-button{margin:0;min-height:40px;padding:10px 12px;width:auto}.sidebar-actions-row .record-class-btn{margin:0;min-height:40px;padding:10px;width:auto}.sidebar-footer{padding:8px 12px}.app-global-brand{display:none}}.upgrade-modal{--upgrade-cta-from:#ef6f57;--upgrade-cta-to:#d2432f}.upgrade-overlay{align-items:center;animation:upgrade-fade-in .18s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#281e1e8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.upgrade-modal{animation:upgrade-pop-in .22s cubic-bezier(.22,1,.36,1);background:#fffef9;background:var(--bg-paper,#fffef9);border:1px solid #e88d7d26;border:1px solid var(--glass-border,#e88d7d26);border-radius:20px;box-shadow:0 24px 60px #00000040;display:flex;flex-direction:column;max-height:92vh;max-width:440px;overflow:hidden;padding:26px 26px 16px;position:relative;text-align:center;width:100%}.upgrade-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;color:var(--text-muted,#999);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .15s ease,color .15s ease;width:32px}.upgrade-close:hover{background:#0000000d;color:#3d3d3d;color:var(--text-primary,#3d3d3d)}.upgrade-close svg{height:18px;width:18px}.upgrade-scroll{flex:1 1 auto;margin:0 -26px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 26px;scrollbar-color:#e88d7d73 #0000;scrollbar-width:thin}.upgrade-scroll::-webkit-scrollbar{width:8px}.upgrade-scroll::-webkit-scrollbar-track{background:#0000}.upgrade-scroll::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#e88d7d73;border:2px solid #0000;border-radius:999px}.upgrade-footer{border-top:1px solid #e88d7d26;border-top:1px solid var(--glass-border,#e88d7d26);flex:0 0 auto;padding-top:12px}.upgrade-head{align-items:center;display:flex;gap:12px;margin-bottom:12px;padding-right:22px;text-align:left}.upgrade-head-text{min-width:0}.upgrade-icon{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.upgrade-title{color:#3d3d3d;color:var(--text-primary,#3d3d3d);font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.2;margin:0 0 4px}.upgrade-body{color:#6b6b6b;color:var(--text-secondary,#6b6b6b);font-size:13.5px;line-height:1.4;margin:0}.upgrade-modal>.upgrade-icon{justify-content:center;margin-bottom:6px}.upgrade-modal>.upgrade-title{font-size:22px;text-align:center}.upgrade-modal>.upgrade-body{margin:0 auto 20px;max-width:320px;text-align:center}.upgrade-context{align-items:center;background:#fff5eb;background:var(--bg-warm,#fff5eb);border:1px solid #e88d7d2e;border:1px solid var(--glass-border,#e88d7d2e);border-radius:14px;display:flex;gap:12px;margin-bottom:10px;padding:10px 12px;text-align:left}.upgrade-context-icon{align-items:center;background:#e88d7d29;border-radius:10px;color:#c46a5a;color:var(--primary-coral-dark,#c46a5a);display:flex;flex:0 0 auto;height:34px;justify-content:center;width:34px}.upgrade-context-icon svg{height:18px;width:18px}.upgrade-context-text{display:flex;flex-direction:column;gap:1px;min-width:0}.upgrade-context-label{color:#999;color:var(--text-muted,#999);font-size:12px}.upgrade-context-topic{color:#c46a5a;color:var(--primary-coral-dark,#c46a5a);font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upgrade-stats{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-bottom:12px}.upgrade-stat{align-items:center;color:#6b6b6b;color:var(--text-secondary,#6b6b6b);display:inline-flex;font-size:12.5px;gap:6px}.upgrade-stat-num{background:#7ebe962e;color:#4f8a67;font-size:12.5px;font-weight:800;min-width:24px;padding:0 6px}.upgrade-stat-icon,.upgrade-stat-num{align-items:center;border-radius:999px;display:inline-flex;height:24px;justify-content:center}.upgrade-stat-icon{background:#e88d7d29;color:#c46a5a;color:var(--primary-coral-dark,#c46a5a);width:24px}.upgrade-stat-icon svg{height:14px;width:14px}.upgrade-pro{background:#fdf8f3;background:var(--bg-cream,#fdf8f3);border:1.5px solid #e88d7d59;border-radius:16px;margin-bottom:12px;padding:12px 13px 11px;position:relative;text-align:left}.upgrade-pro-head{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.upgrade-pro-badge{align-items:center;background:linear-gradient(135deg,#e88d7d,#c46a5a);background:linear-gradient(135deg,var(--primary-coral,#e88d7d),var(--primary-coral-dark,#c46a5a));border-radius:999px;color:#fff;display:inline-flex;font-size:10.5px;font-weight:800;gap:5px;letter-spacing:.08em;padding:3px 10px}.upgrade-pro-badge:before{content:"★";font-size:10px}.upgrade-pro-trophy{align-items:center;color:#e88d7d;color:var(--primary-coral,#e88d7d);display:flex;height:34px;justify-content:center;margin:-2px -2px 0 0;opacity:.75;width:34px}.upgrade-pro-trophy svg{height:26px;width:26px}.upgrade-pro-title{color:#3d3d3d;color:var(--text-primary,#3d3d3d);font-size:16.5px;font-weight:800;letter-spacing:-.01em;margin:7px 0 11px}.upgrade-outcomes{grid-gap:11px 10px;display:grid;gap:11px 10px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.upgrade-outcome{align-items:flex-start;display:flex;gap:8px;min-width:0}.upgrade-outcome-icon{align-items:center;background:#e88d7d24;border-radius:9px;color:#c46a5a;color:var(--primary-coral-dark,#c46a5a);display:flex;flex:0 0 auto;height:28px;justify-content:center;width:28px}.upgrade-outcome-icon svg{height:16px;width:16px}.upgrade-outcome-text{display:flex;flex-direction:column;gap:1px;min-width:0}.upgrade-outcome-title{color:#3d3d3d;color:var(--text-primary,#3d3d3d);font-size:12.5px;font-weight:700;line-height:1.25}.upgrade-outcome-sub{color:#999;color:var(--text-muted,#999);font-size:11px;line-height:1.3}.upgrade-price{align-items:center;background:#fff5eb;background:var(--bg-warm,#fff5eb);border:1px solid #e88d7d2e;border:1px solid var(--glass-border,#e88d7d2e);border-radius:16px;display:flex;gap:10px;justify-content:space-between;margin-bottom:4px;padding:12px 14px;text-align:left}.upgrade-price-main{align-items:baseline;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:5px;min-width:0}.upgrade-price-amount{color:#3d3d3d;color:var(--text-primary,#3d3d3d);font-size:26px;font-weight:800;letter-spacing:-.02em}.upgrade-price-interval{color:#999;color:var(--text-muted,#999);font-size:13px;font-weight:600}.upgrade-price-sub{color:#999;color:var(--text-muted,#999);flex:1 0 100%;font-size:11.5px;margin-top:2px}.upgrade-price-swap{align-items:center;background:#ffffffb3;border:1px solid #e88d7d59;border-radius:12px;color:#c46a5a;color:var(--primary-coral-dark,#c46a5a);cursor:pointer;display:flex;flex:0 0 auto;font-size:11.5px;font-weight:700;gap:4px;line-height:1.2;padding:7px 10px;text-align:left;transition:background .15s ease,border-color .15s ease,transform .12s ease}.upgrade-price-swap:hover{transform:translateY(-1px)}.upgrade-price-swap.is-on,.upgrade-price-swap:hover{border-color:#e88d7d;border-color:var(--primary-coral,#e88d7d)}.upgrade-price-swap.is-on{background:#e88d7d29}.upgrade-swap-main{display:block}.upgrade-swap-sub{display:block;font-size:10.5px;font-weight:500;opacity:.8}.upgrade-price-swap .upgrade-swap-main+.upgrade-swap-sub{margin-left:-.5px}.upgrade-swap-chevron{font-size:15px;line-height:1;opacity:.7}.upgrade-cta{align-items:center;background:linear-gradient(135deg,var(--upgrade-cta-from),var(--upgrade-cta-to));border:none;border-radius:14px;box-shadow:0 8px 20px #d2432f59;color:#fff;cursor:pointer;display:flex;font-size:15.5px;font-weight:700;gap:9px;justify-content:center;padding:15px 18px;transition:transform .12s ease,box-shadow .15s ease,filter .15s ease;width:100%}.upgrade-cta:hover{box-shadow:0 12px 26px #d2432f6b;filter:brightness(1.05);transform:translateY(-1px)}.upgrade-cta:active{transform:translateY(0)}.upgrade-cta:disabled{box-shadow:none;cursor:default;opacity:.6;transform:none}.upgrade-cta-lock{display:inline-flex}.upgrade-cta-lock svg{height:16px;width:16px}.upgrade-cta-arrow{font-size:16px;line-height:1}.upgrade-or{align-items:center;color:#bbb;color:var(--text-muted,#bbb);display:flex;font-size:12px;gap:10px;margin:10px 0 2px}.upgrade-or:after,.upgrade-or:before{background:#e88d7d33;background:var(--glass-border,#e88d7d33);content:"";flex:1 1;height:1px}.upgrade-wait{font-feature-settings:"tnum";background:#0000;border:none;color:#999;color:var(--text-muted,#999);cursor:pointer;font-size:13px;font-variant-numeric:tabular-nums;padding:8px;text-decoration:underline;text-underline-offset:3px;width:100%}.upgrade-wait:hover{color:#6b6b6b;color:var(--text-secondary,#6b6b6b)}.upgrade-plans{display:flex;gap:12px;margin-bottom:14px}.upgrade-plan{align-items:center;background:#fdf8f3;background:var(--bg-cream,#fdf8f3);border:1.5px solid #e88d7d33;border:1.5px solid var(--glass-border,#e88d7d33);border-radius:16px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:18px 12px 14px;position:relative;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease}.upgrade-plan:hover{box-shadow:0 8px 20px #e88d7d38;transform:translateY(-2px)}.upgrade-plan.is-recommended,.upgrade-plan:hover{border-color:#e88d7d;border-color:var(--primary-coral,#e88d7d)}.upgrade-plan.is-recommended{background:linear-gradient(180deg,#e88d7d1a,#fdf8f3);background:linear-gradient(180deg,#e88d7d1a,var(--bg-cream,#fdf8f3))}.upgrade-plan-name{color:#6b6b6b;color:var(--text-secondary,#6b6b6b);font-size:13px;font-weight:600}.upgrade-plan-sub{color:#c46a5a;color:var(--primary-coral-dark,#c46a5a);font-size:11.5px;font-weight:600;margin-top:2px;text-align:center}@keyframes upgrade-fade-in{0%{opacity:0}to{opacity:1}}@keyframes upgrade-pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}body.dark-mode .upgrade-modal{background:#262626;background:var(--dark-bg-elevated,#262626);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .upgrade-title{color:#f5f5f5}body.dark-mode .upgrade-body{color:#c8c8c8}body.dark-mode .upgrade-close:hover{background:#ffffff14;color:#f5f5f5}body.dark-mode .upgrade-footer{border-top-color:#ffffff1a;border-top-color:var(--dark-border,#ffffff1a)}body.dark-mode .upgrade-scroll{scrollbar-color:#b8a5d473 #0000}body.dark-mode .upgrade-scroll::-webkit-scrollbar-thumb{background-color:#b8a5d473}body.dark-mode .upgrade-context,body.dark-mode .upgrade-price{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .upgrade-context-icon,body.dark-mode .upgrade-outcome-icon,body.dark-mode .upgrade-stat-icon{background:#b8a5d42e;color:#d4c8e8;color:var(--dark-accent-light,#d4c8e8)}body.dark-mode .upgrade-context-topic{color:#d4c8e8;color:var(--dark-accent-light,#d4c8e8)}body.dark-mode .upgrade-stat{color:#c8c8c8}body.dark-mode .upgrade-stat-num{background:#7ebe9638;color:#9fd4b4}body.dark-mode .upgrade-pro{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#b8a5d466}body.dark-mode .upgrade-pro-badge{background:linear-gradient(135deg,#b8a5d4,#a894c9);background:linear-gradient(135deg,var(--dark-accent,#b8a5d4),var(--dark-accent-hover,#a894c9))}body.dark-mode .upgrade-pro-trophy{color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}body.dark-mode .upgrade-pro-title{color:#f5f5f5}body.dark-mode .upgrade-outcome-title{color:#e8e8e8}body.dark-mode .upgrade-outcome-sub{color:#999}body.dark-mode .upgrade-price-amount{color:#f5f5f5}body.dark-mode .upgrade-price-swap{background:#ffffff0f;border-color:#b8a5d466;color:#d4c8e8;color:var(--dark-accent-light,#d4c8e8)}body.dark-mode .upgrade-price-swap.is-on{background:#b8a5d433}body.dark-mode .upgrade-modal{--upgrade-cta-from:#b8a5d4;--upgrade-cta-to:#9d86c4}body.dark-mode .upgrade-cta{box-shadow:0 8px 20px #8c78b459;color:#1f1b24}body.dark-mode .upgrade-or:after,body.dark-mode .upgrade-or:before{background:#ffffff1a;background:var(--dark-border,#ffffff1a)}body.dark-mode .upgrade-plan{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff1a;border-color:var(--dark-border,#ffffff1a)}body.dark-mode .upgrade-plan.is-recommended,body.dark-mode .upgrade-plan:hover{border-color:#b8a5d4;border-color:var(--dark-accent,#b8a5d4)}body.dark-mode .upgrade-plan.is-recommended{background:linear-gradient(180deg,#b8a5d426,#2f2f2f);background:linear-gradient(180deg,#b8a5d426,var(--dark-bg-secondary,#2f2f2f))}body.dark-mode .upgrade-plan-name{color:#c8c8c8}body.dark-mode .upgrade-plan-sub{color:#d4c8e8;color:var(--dark-accent-light,#d4c8e8)}@media (max-width:480px){.upgrade-overlay{padding:8px}.upgrade-modal{max-height:96vh;padding:18px 16px 12px}.upgrade-scroll{margin:0 -16px;padding:0 16px}.upgrade-head{gap:10px;margin-bottom:10px;padding-right:26px}.upgrade-title{font-size:18px}.upgrade-body{font-size:13px;line-height:1.35}.upgrade-icon .nurse-quiz-mascot,.upgrade-icon .nurse-quiz-mascot svg{height:52px!important;width:52px!important}.upgrade-context{gap:10px;margin-bottom:8px;padding:8px 10px}.upgrade-context-icon{border-radius:9px;height:30px;width:30px}.upgrade-context-icon svg{height:16px;width:16px}.upgrade-context-topic{font-size:14px}.upgrade-stats{font-size:12px;gap:4px 12px;margin-bottom:10px}.upgrade-stat{font-size:12px;gap:5px}.upgrade-stat-num{font-size:12px;height:21px;min-width:21px}.upgrade-stat-icon{height:21px;width:21px}.upgrade-stat-icon svg{height:12px;width:12px}.upgrade-pro{margin-bottom:10px;padding:10px 11px 9px}.upgrade-pro-title{font-size:15.5px;margin:6px 0 9px}.upgrade-pro-trophy{height:28px;width:28px}.upgrade-pro-trophy svg{height:22px;width:22px}.upgrade-outcomes{gap:8px;grid-template-columns:1fr}.upgrade-outcome{gap:7px}.upgrade-outcome-icon{border-radius:7px;height:23px;width:23px}.upgrade-outcome-icon svg{height:14px;width:14px}.upgrade-outcome-title{font-size:12px;line-height:1.2}.upgrade-outcome-sub{font-size:10.5px;line-height:1.25}.upgrade-price{padding:10px 12px}.upgrade-price-amount{font-size:23px}.upgrade-price-sub{font-size:11px}.upgrade-price-swap{font-size:11px;padding:6px 8px}.upgrade-footer{padding-top:10px}.upgrade-cta{font-size:15px;padding:13px 14px}.upgrade-or{margin:8px 0 0}.upgrade-wait{font-size:12.5px;padding:6px}.upgrade-plans{flex-direction:column}}@media (max-height:740px){.upgrade-overlay{padding:8px}.upgrade-modal{max-height:96vh}.upgrade-outcomes{gap:8px 10px}.upgrade-pro-title{margin:6px 0 9px}.upgrade-head,.upgrade-stats{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){.upgrade-modal,.upgrade-overlay{animation:none}.upgrade-cta:hover,.upgrade-plan:hover,.upgrade-price-swap:hover{transform:none}}body:has(.sidebar.open) .usage-badge{display:none}.usage-badge{align-items:center;background:#fffef9f2;background:var(--glass-bg,#fffef9f2);border:1px solid #e88d7d2e;border:1px solid var(--glass-border,#e88d7d2e);border-radius:999px;bottom:16px;box-shadow:0 4px 14px #0000001a;color:#6b6b6b;color:var(--text-secondary,#6b6b6b);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;left:16px;padding:7px 12px;position:fixed;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none;z-index:1200}.usage-badge:hover{border-color:#e88d7d;border-color:var(--primary-coral,#e88d7d);box-shadow:0 6px 18px #00000024;transform:translateY(-1px)}.usage-badge-dot{font-size:13px;line-height:1}.usage-badge-text{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-badge.is-blocked{background:linear-gradient(135deg,#e88d7d,#c46a5a);background:linear-gradient(135deg,var(--primary-coral,#e88d7d),var(--primary-coral-dark,#c46a5a));border-color:#0000;box-shadow:0 6px 18px #e88d7d66;color:#fff}body.dark-mode .usage-badge{background:#262626;background:var(--dark-bg-elevated,#262626);border-color:#ffffff1a;border-color:var(--dark-border,#ffffff1a);color:#c8c8c8}body.dark-mode .usage-badge:hover{border-color:#b8a5d4;border-color:var(--dark-accent,#b8a5d4)}body.dark-mode .usage-badge.is-blocked{background:linear-gradient(135deg,#b8a5d4,#a894c9);background:linear-gradient(135deg,var(--dark-accent,#b8a5d4),var(--dark-accent-hover,#a894c9));border-color:#0000;color:#fff}@media (max-width:640px){.usage-badge{bottom:76px;font-size:12px;left:12px;padding:6px 10px}}