:root{--bg-white:#fff;--bg-light:#f8f9fa;--border-light:#e8e8e8;--border-purple:#ad7dc333;--text-primary:#1f1f1f;--text-secondary:#5f6368;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--radius-pill:28px}.chat-container{backdrop-filter:blur(8px);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);background:#ffffffb3;background:var(--glass-bg);border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;margin:0;max-height:100vh;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-normal);width:100%}.chat-container:before{bottom:0;content:"";left:0;overflow:hidden;right:0;top:0}.chat-container:before,.nursing-icon{pointer-events:none;position:absolute;z-index:0}.nursing-icon{animation:floatNurse 20s ease-in-out infinite;filter:blur(.3px) drop-shadow(0 2px 4px rgba(173,125,195,.15));font-size:24px;opacity:.18;transition:all .3s ease}body.dark-mode .nursing-icon{filter:blur(.6px) drop-shadow(0 0 8px rgba(167,139,250,.4)) drop-shadow(0 0 14px rgba(167,139,250,.25));opacity:.16;text-shadow:0 0 10px #a78bfa80,0 0 18px #a78bfa4d}.nursing-icon:first-child{left:2%;top:10%}.nursing-icon:nth-child(2){left:5%;top:25%}.nursing-icon:nth-child(3){left:1%;top:45%}.nursing-icon:nth-child(4){left:4%;top:60%}.nursing-icon:nth-child(5){left:3%}.nursing-icon:nth-child(6){left:6%;top:92%}.nursing-icon:nth-child(7){right:2%;top:15%}.nursing-icon:nth-child(8){right:5%}.nursing-icon:nth-child(9){right:1%;top:50%}.nursing-icon:nth-child(10){right:4%;top:68%}.nursing-icon:nth-child(11){right:3%}.nursing-icon:nth-child(12){right:6%;top:5%}.chat-container.has-study-sheet{border-right:1px solid #ad7dc32e;border-right:1px solid var(--glass-border);flex:none!important;width:30%!important}@media (min-width:1400px){.chat-container.has-study-sheet{width:40%!important}}@media (min-width:1025px) and (max-width:1399px){.chat-container.has-study-sheet{width:30%!important}}@media (min-width:769px) and (max-width:1024px){.chat-container.has-study-sheet{width:40%!important}}@media (max-width:768px){.chat-container.has-study-sheet{border-right:none;width:100%!important}}.chat-header{align-items:center;backdrop-filter:blur(12px);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);background:#ffffffd9;background:var(--glass-bg-strong);border-bottom:1px solid #ad7dc326;box-shadow:inset 0 1px 0 0 #ffffff80;display:flex;justify-content:center;min-height:60px;padding:10px;position:sticky;position:relative;top:0;z-index:20}.chat-header-title{color:#663a82;color:var(--primary-purple-dark);cursor:pointer;font-size:20px;font-weight:700;letter-spacing:-.2px;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal)}.chat-header-title:hover{color:#ad7dc3;color:var(--primary-purple)}.messages-container{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:0;overflow-anchor:auto;overflow-x:hidden;overflow-y:auto;padding:40px 0 180px;position:relative;scroll-behavior:smooth;z-index:1}.streaming-logo{align-items:center;display:flex;justify-content:center;left:16px;pointer-events:none;position:absolute;top:16px;z-index:25}.streaming-logo,.streaming-logo-svg{height:44px;overflow:visible;width:44px}.streaming-logo-svg{animation:geminiPulse 1.8s ease-in-out infinite;filter:drop-shadow(0 2px 10px rgba(157,126,219,.5))}.streaming-logo-svg .gradient-stop-1{stop-color:#b794f6;animation:colorShift1 1.8s ease-in-out infinite}.streaming-logo-svg .gradient-stop-2{stop-color:#9d7edb;animation:colorShift2 1.8s ease-in-out infinite}.streaming-logo-svg .gradient-stop-3{stop-color:#7c5cbf;animation:colorShift3 1.8s ease-in-out infinite}.streaming-logo-svg .pulse-ring{animation:ringPulse 1.8s ease-in-out infinite}.streaming-logo-svg .heart-shape{animation:heartBreathe 1.8s ease-in-out infinite;transform-origin:center center}.streaming-logo-svg .cross-group{animation:crossSpin .6s linear infinite;transform-box:fill-box;transform-origin:60px 60px}@keyframes geminiPulse{0%,to{filter:drop-shadow(0 2px 8px rgba(157,126,219,.4));transform:scale(1)}50%{filter:drop-shadow(0 4px 16px rgba(157,126,219,.6));transform:scale(1.05)}}@keyframes colorShift1{0%,to{stop-color:#b794f6}33%{stop-color:#9d7edb}66%{stop-color:#c4b0f3}}@keyframes colorShift2{0%,to{stop-color:#9d7edb}33%{stop-color:#7c5cbf}66%{stop-color:#b794f6}}@keyframes colorShift3{0%,to{stop-color:#7c5cbf}33%{stop-color:#b794f6}66%{stop-color:#9d7edb}}@keyframes ringPulse{0%,to{r:35;opacity:.2}50%{r:38;opacity:.4}}@keyframes heartBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes crossSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message-avatar-container{align-items:center;display:flex;flex-shrink:0;justify-content:center}.message-avatar-container,.message-avatar-container .streaming-logo-svg{height:28px;overflow:visible;width:28px}.message-avatar-container .static-logo-svg{filter:drop-shadow(0 1px 4px rgba(157,126,219,.3));height:28px;overflow:visible;width:28px}.message-avatar-container img{display:block}.messages-container:has(.chat-loading-overlay){overflow:hidden}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#ad7dc34d;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#ad7dc380}.scroll-to-bottom-btn{align-items:center;animation:fadeInUp .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(16px);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--blur-lg);background:#ffffffd9;background:var(--glass-bg-strong);border:1px solid #ad7dc34d;border-radius:50%;border-radius:var(--radius-full);bottom:140px;box-shadow:0 8px 32px #9b6fb029;box-shadow:var(--shadow-lg);color:#ad7dc3;color:var(--primary-purple);cursor:pointer;display:flex;height:48px;justify-content:center;left:50%;margin-left:-24px;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:48px;will-change:transform;z-index:150}.scroll-to-bottom-btn:hover{background:#ad7dc333;border-color:#ad7dc3;border-color:var(--primary-purple);box-shadow:0 8px 32px #9b6fb029,0 0 20px #ad7dc34d;box-shadow:var(--shadow-lg),0 0 20px #ad7dc34d;transform:translateY(-4px) scale(1.05)}.scroll-to-bottom-btn:active{transform:translateY(-2px) scale(1.02)}.scroll-to-bottom-btn svg{transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.scroll-to-bottom-btn:hover svg{transform:translateY(2px)}@media (max-width:768px){.scroll-to-bottom-btn{bottom:120px;height:44px;left:50%;margin-left:-22px;width:44px}.scroll-to-bottom-btn:hover{transform:translateY(-4px) scale(1.05)}.scroll-to-bottom-btn:active{transform:translateY(-2px) scale(1.02)}}.nurse-loader{flex-direction:column;gap:12px;padding:40px 0}.loader-core,.nurse-loader{align-items:center;display:flex}.loader-core{animation:pulseGlow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#b784dd59,#b784dd14);border-radius:50%;height:70px;justify-content:center;position:relative;width:70px}.loader-icon{color:#b784dd;height:34px;opacity:.9;width:34px}.sparkle{animation:sparkleFloat 2.4s ease-in-out infinite;background:radial-gradient(circle,#d9b7ff 0,#b784dd00 70%);border-radius:50%;height:8px;opacity:0;position:absolute;width:8px}.sparkle-1{animation-delay:0s;right:12px;top:-4px}.sparkle-2{animation-delay:.6s;left:-6px;top:8px}.sparkle-3{animation-delay:1.2s;bottom:-4px;right:-2px}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(4px) scale(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-10px) scale(1)}}.loader-text{color:#c9b3df;font-size:14px;letter-spacing:.2px;opacity:.9}.chat-loading-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#ffffffb3;background:var(--glass-bg);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:50}.chat-skeleton{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-lg);max-width:800px;padding:24px;padding:var(--spacing-2xl);width:100%}.skeleton-message{align-items:flex-start;animation:pulse 1.5s ease-in-out infinite;display:flex;gap:12px}.skeleton-ai{margin-right:auto}.skeleton-user{flex-direction:row-reverse;margin-left:auto}.skeleton-avatar{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ad7dc31a,#ad7dc333 50%,#ad7dc31a);background-size:200% 100%;border-radius:50%;border-radius:var(--radius-full);flex-shrink:0;height:40px;width:40px}.skeleton-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#ffffffd9;background:var(--glass-bg-strong);border:1px solid #ad7dc326;border-radius:20px;border-radius:var(--radius-xl);display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:70%;padding:16px;padding:var(--spacing-lg)}.skeleton-line{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ad7dc31a,#ad7dc333 50%,#ad7dc31a);border-radius:6px;height:12px}.skeleton-line.short{width:60%}.message{align-items:flex-start;animation:messageSlideIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:12px;margin-left:auto;margin-right:auto;max-width:800px;padding:24px 32px;position:relative;width:100%}.message-with-flashcards,.message:has(.flashcard-view-container){margin-left:auto;margin-right:auto;max-width:850px;padding-left:32px;padding-right:32px;width:100%}.ai-message{align-items:flex-start;background:#0000;flex-direction:row;gap:12px;margin-left:auto;margin-right:auto;padding-bottom:20px;padding-top:20px;width:100%}.ai-message.message-with-flashcards{margin-left:auto;margin-right:auto;max-width:850px;width:100%}.message-with-flashcards .message-content{background:#0000;border:none;box-shadow:none;max-width:100%;padding:0;width:100%}.user-message{background:#0000;flex-direction:row-reverse;margin-left:auto;margin-right:auto;padding-bottom:40px;padding-top:28px;width:100%}.message-avatar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#ffffffd9;background:var(--glass-bg-strong);border:1px solid #ad7dc333;border-radius:50%;border-radius:var(--radius-full);box-shadow:0 2px 8px #9b6fb014;box-shadow:var(--shadow-sm);display:none;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.ai-message .message-avatar{background:#ad7dc326;color:#663a82;color:var(--primary-purple-dark)}.message-content{backdrop-filter:blur(16px);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--blur-lg);background:#ffffffd9;background:var(--glass-bg-strong);border:1px solid #ffffff4d;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #9b6fb01f,inset 0 1px 0 0 #ffffff80;box-shadow:var(--shadow-md),0 1px 0 0 #ffffff80 inset;padding:16px 20px;padding:var(--spacing-lg) var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.message-content:hover{box-shadow:0 8px 32px #9b6fb029,inset 0 1px 0 0 #fff9;box-shadow:var(--shadow-lg),0 1px 0 0 #fff9 inset;transform:translateY(-2px)}.ai-message .message-content{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;box-shadow:none;max-width:100%;padding:0;pointer-events:auto}.ai-message .message-content:hover{background:#0000;box-shadow:none;transform:none}.message-delete-button{align-items:center;animation:fadeIn .2s ease forwards;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000000d;border:1px solid #00000014;border-radius:6px;box-shadow:0 1px 3px #0000000d;color:#0006;cursor:pointer;display:flex;font-size:18px;font-weight:300;height:24px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:all .15s cubic-bezier(.4,0,.2,1);width:24px;z-index:10}.message:hover .message-delete-button{opacity:1}.message-delete-button:hover{background:#ef44441a;border-color:#ef444433;box-shadow:0 2px 6px #ef444426;color:#ef4444;transform:scale(1.05)}.message-delete-button:active{background:#ef444426;transform:scale(.95)}body.dark-mode .message-delete-button{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff80}body.dark-mode .message-delete-button:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.user-message .message-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#ad7dc314;border:1px solid #ad7dc326;border-radius:20px;box-shadow:0 1px 3px #ad7dc31a;margin-left:auto;max-width:85%;padding:16px 20px}.message-text,.user-text{word-wrap:break-word;color:#374151;font-size:16px;font-weight:400;letter-spacing:-.005em;line-height:1.75;overflow-wrap:break-word}.ai-message .message-text{color:#1f2937;font-size:16px;letter-spacing:-.003em;line-height:1.8}.message-text strong{color:#111827;font-weight:600}.message-text ul{list-style:none;margin:12px 0;padding-left:0}.message-text ul>li{line-height:1.6;margin-bottom:12px;padding-left:28px;position:relative}.message-text ul>li:before{color:#ad7dc3;color:var(--primary-purple);content:"•";font-size:18px;font-weight:700;left:8px;position:absolute}.ai-message-wrapper{animation:messageStreamIn .4s cubic-bezier(.16,1,.3,1)}@keyframes messageStreamIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-message-wrapper.streaming{transition:all .15s cubic-bezier(.4,0,.2,1)}.streaming-cursor{animation:cursorBlink 1.2s infinite;color:#6b7280;display:inline-block;margin-left:2px}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.empty-chat-upload{cursor:pointer;margin:auto;max-width:600px;padding:80px 40px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.empty-chat-upload svg{fill:#ad7dc3;fill:var(--primary-purple);filter:drop-shadow(0 4px 8px rgba(155,111,176,.2));height:72px;margin-bottom:24px;width:72px}.empty-upload-text{color:#663a82;color:var(--primary-purple-dark);font-size:20px;font-weight:600;margin-bottom:24px}.empty-upload-btn{background:#0000;border:1.5px solid #d2bde7;border:1.5px solid var(--primary-purple-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #9b6fb014;box-shadow:var(--shadow-sm);color:#ad7dc3;color:var(--primary-purple);cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.empty-upload-btn:hover{background:#ad7dc31a;border-color:#ad7dc3;border-color:var(--primary-purple);box-shadow:0 4px 16px #9b6fb01f;box-shadow:var(--shadow-md);transform:translateY(-4px) scale(1.15)}.input-area{align-items:flex-end;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;background:linear-gradient(0deg,#f8f9fa 0,#f8f9fafa 70%,#f8f9fa00);border:none;bottom:0;box-shadow:none;display:flex;gap:12px;left:50%;margin:0 auto;max-width:800px;padding:20px 32px;position:fixed;transform:translateX(-50%);width:100%;z-index:30}.input-wrapper-container{background:#fff;border:1.5px solid #0000001a;border-radius:26px;box-shadow:0 2px 12px #00000014;display:flex;flex:1 1;flex-direction:column;gap:10px;padding:14px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-wrapper-container:before{background:linear-gradient(135deg,#ad7dc326,#d9b8f426,#ad7dc326);border-radius:26px;content:"";filter:blur(8px);inset:-2px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.input-wrapper-container:focus-within:before{animation:gentleGlowPulse 3s ease-in-out infinite;opacity:1}@keyframes gentleGlowPulse{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}.input-wrapper-container:focus-within{background:#fff;border-color:#ad7dc366;box-shadow:0 4px 20px #ad7dc31f,0 0 0 3px #ad7dc30d;transform:translateY(-1px)}.message-textarea{word-wrap:break-word;background:#0000;border:none;box-sizing:border-box;color:#1f1f1f;color:var(--text-primary);font-family:inherit;font-size:16px;font-weight:400;line-height:1.6;max-height:none;min-height:24px;outline:none;overflow-x:hidden;overflow-y:hidden;position:relative;resize:none;scroll-behavior:smooth;white-space:pre-wrap;width:100%;z-index:1}.message-textarea::-webkit-scrollbar{width:8px}.message-textarea::-webkit-scrollbar-track{background:#00000005;border-radius:10px;margin:4px 0}.message-textarea::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ad7dc340,#ad7dc359);background-clip:padding-box;border:2px solid #0000;border-radius:10px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.message-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ad7dc373,#ad7dc38c);border:1px solid #0000}.message-textarea::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#ad7dc399,#ad7dc3b3)}.message-textarea::placeholder{color:#00000061;font-weight:400}.input-actions-bottom{align-items:center;display:flex;gap:12px;justify-content:space-between}.input-actions-left-group,.input-wrapper{align-items:center;display:flex;gap:8px}.input-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#f8f9fa99;border:1px solid #00000014;border-radius:24px;flex:1 1;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.input-actions-left{align-items:center;display:flex;flex-shrink:0;gap:4px}.input-wrapper:focus-within{background:#fffffff2;border-color:#0000001f;box-shadow:0 1px 3px #0000000d}.input-wrapper textarea{background:#0000;border:none;color:#1f1f1f;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;outline:none;resize:none}.input-wrapper textarea::placeholder{color:#00000061;font-weight:400}.input-actions{gap:8px}.input-actions,.upload-button{align-items:center;display:flex}.upload-button{background:#ffffff80;border:1.5px solid #00000014;border-radius:12px;box-shadow:0 1px 3px #00000014;color:#ad7dc3;color:var(--primary-purple);cursor:pointer;font-size:20px;justify-content:center;min-height:44px;min-width:44px;overflow:visible;padding:10px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-button:before{background:#fff9;border-radius:12px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:0}.upload-button>*{position:relative;z-index:1}.upload-button:hover:not(:disabled):before{opacity:1}.upload-button:hover:not(:disabled){border-color:#0000001f;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.upload-button:active:not(:disabled){box-shadow:0 1px 3px #00000014;transform:translateY(0)}.upload-button:disabled{cursor:not-allowed;opacity:.4;transform:none}.upload-button svg{height:22px;transition:all .3s ease;width:22px}.upload-button:hover:not(:disabled) svg{transform:scale(1.1)}.send-button-icon{align-items:center;background:linear-gradient(135deg,#ad7dc3,#9b6fb0);background:linear-gradient(135deg,var(--primary-purple) 0,var(--primary-purple-hover) 100%);border:none;border-radius:50%;box-shadow:0 2px 8px #ad7dc34d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:40px;min-width:40px;padding:10px;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.send-button-icon:not(:disabled){box-shadow:0 3px 12px #ad7dc359;transform:scale(1.08)}.send-button-icon:hover:not(:disabled){background:linear-gradient(135deg,#9b6fb0,#663a82);background:linear-gradient(135deg,var(--primary-purple-hover) 0,var(--primary-purple-dark) 100%);box-shadow:0 4px 14px #ad7dc373;transform:scale(1.15)}.send-button-icon:disabled{box-shadow:0 1px 4px #ad7dc326;cursor:not-allowed;opacity:.4;transform:scale(.92)}.send-button-icon:disabled svg{transform:rotate(-45deg)}.send-button-icon.send-button-busy{background:linear-gradient(135deg,#9ca3af,#6b7280)}.send-button-icon svg{height:20px;transform:rotate(-45deg);transition:all .6s cubic-bezier(.25,.46,.45,.94);width:20px}.send-button-icon:not(:disabled) svg{transform:rotate(0deg)}.stop-button-icon{align-items:center;animation:pulse-purple 2s ease-in-out infinite;background:linear-gradient(135deg,#ad7dc3,#9b6fb0);background:linear-gradient(135deg,var(--primary-purple) 0,var(--primary-purple-hover) 100%);border:none;border-radius:50%;box-shadow:0 2px 8px #ad7dc34d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:40px;min-width:40px;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.stop-button-icon:hover{animation:none;background:linear-gradient(135deg,#9b6fb0,#663a82);background:linear-gradient(135deg,var(--primary-purple-hover) 0,var(--primary-purple-dark) 100%);box-shadow:0 4px 12px #ad7dc380;transform:scale(1.05)}.stop-button-icon:active{transform:scale(.95)}.stop-button-icon svg{height:20px;width:20px}@keyframes pulse-purple{0%,to{box-shadow:0 2px 8px #ad7dc34d}50%{box-shadow:0 2px 16px #ad7dc399}}.send-button{background:linear-gradient(135deg,#ad7dc3,#9b6fb0);background:linear-gradient(135deg,var(--primary-purple) 0,var(--primary-purple-hover) 100%);border:none;border-radius:28px;border-radius:var(--radius-pill);box-shadow:0 4px 16px #9b6fb01f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#9b6fb0,#663a82);background:linear-gradient(135deg,var(--primary-purple-hover) 0,var(--primary-purple-dark) 100%);box-shadow:0 8px 32px #9b6fb029;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.5}.send-button-busy{background:linear-gradient(135deg,#9ca3af,#6b7280)}.pulsing-dots{align-items:center;display:flex;gap:4px;justify-content:center}.pulsing-dots span{animation:dotPulse 1.4s infinite;background:#fff;border-radius:50%;height:6px;width:6px}.pulsing-dots span:first-child{animation-delay:0s}.pulsing-dots span:nth-child(2){animation-delay:.2s}.pulsing-dots span:nth-child(3){animation-delay:.4s}.chat-spinner{align-items:center;display:flex;justify-content:center}.typing-indicator{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#ffffffd9;background:var(--glass-bg-strong);border:1px solid #ffffff4d;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #9b6fb01f;box-shadow:var(--shadow-md);display:flex;gap:12px;padding:16px 20px}.typing-indicator h4{align-items:center;color:#663a82;color:var(--primary-purple-dark);display:flex;font-size:14px;font-weight:500;gap:8px}.blinking-dots{display:inline-flex;gap:4px}.blinking-dots span{animation:dotPulse 1.4s infinite;background:#ad7dc3;background:var(--primary-purple);border-radius:50%;height:6px;width:6px}.blinking-dots span:first-child{animation-delay:0s}.blinking-dots span:nth-child(2){animation-delay:.2s}.blinking-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.modal-overlay{align-items:center;background:#2d2d2d99;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content,.modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);display:flex}.modal-content{border:1px solid #ffffff4d;border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #9b6fb029;box-shadow:var(--shadow-lg);flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.modal-content,.modal-header{background:#ffffffd9;background:var(--glass-bg-strong)}.modal-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border-bottom:1px solid #ad7dc326;display:flex;justify-content:space-between;min-height:60px;padding:20px}.modal-header h3{color:#663a82;color:var(--primary-purple-dark);font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:#ad7dc31a;border:none;border-radius:12px;border-radius:var(--radius-md);color:#ad7dc3;color:var(--primary-purple);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.close-button:hover{background:#ad7dc333;transform:scale(1.1)}.modal-body{overflow-y:auto;padding:24px;padding:var(--spacing-2xl)}.files-list{list-style:none;padding:0}.file-item,.files-list{display:flex;flex-direction:column;gap:16px}.file-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#ffffffd9;background:var(--glass-bg-strong);border:1px solid #ffffff4d;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #9b6fb014;box-shadow:var(--shadow-sm);padding:20px;padding:var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.file-item:hover{border-color:#ad7dc366;box-shadow:0 4px 16px #9b6fb01f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-info{align-items:center;display:flex;gap:16px}.file-icon svg{color:#ad7dc3;color:var(--primary-purple);height:32px;width:32px}.file-name{color:#663a82;color:var(--primary-purple-dark);font-size:15px;font-weight:600;margin-bottom:4px}.file-meta{color:#5f6368;color:var(--text-secondary);display:flex;font-size:13px;gap:12px}.file-actions{display:flex;flex-wrap:wrap;gap:10px}.file-action-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#ad7dc31a;border:1px solid #ad7dc333;border-radius:12px;border-radius:var(--radius-md);color:#663a82;color:var(--primary-purple-dark);cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.file-action-btn:hover{background:#ad7dc333;box-shadow:0 2px 8px #9b6fb014;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.chat-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.chat-option-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#ad7dc31a;border:1px solid #ad7dc333;border-radius:12px;border-radius:var(--radius-md);color:#663a82;color:var(--primary-purple-dark);cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.chat-option-button:hover{background:#ad7dc333;box-shadow:0 2px 8px #9b6fb014;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.file-attachment{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#ffffff80;border:1px solid #ad7dc326;border-radius:12px;border-radius:var(--radius-md);display:flex;margin-top:8px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.file-attachment:hover{background:#ffffffb3;transform:translateX(4px)}.user-message .file-attachment{background:#fff3;border-color:#ffffff4d}.study-sheet-panel{animation:slideInFromRight .35s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;width:70%;z-index:1000}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (min-width:1400px){.study-sheet-panel{width:59%}}@media (min-width:1025px) and (max-width:1399px){.study-sheet-panel{width:50%}}@media (min-width:769px) and (max-width:1024px){.study-sheet-panel{width:60%}}@media (max-width:768px){.study-sheet-panel{left:0;right:0;width:100vw}.chat-container{border-radius:0;margin:0;max-height:100vh}.messages-container{padding:20px 0 160px}.message{max-width:100%;padding:16px 20px}.ai-message{padding-bottom:16px;padding-top:16px}.user-message{padding-bottom:24px;padding-top:20px}.user-message .message-content{max-width:90%}.input-area{gap:8px;max-width:100%;padding:16px 16px 20px}.input-wrapper-container{border-radius:22px;gap:8px;padding:10px 14px}.input-actions-bottom{gap:8px}.input-actions-left-group{gap:6px}.message-textarea{font-size:16px}.send-button-icon{min-height:36px;min-width:36px;padding:8px}.send-button-icon svg{height:18px;width:18px}.upload-button{font-size:18px;min-height:40px;min-width:40px;padding:8px 12px}.upload-button svg{height:20px;width:20px}.message-text,.user-text{font-size:15px;line-height:1.7}}body.dark-mode{color:#e5e7eb}body.dark-mode .chat-container{background:linear-gradient(135deg,#19191e,#1e1e23);border:none;border-left:1px solid #0000;box-shadow:none}body.dark-mode .messages-container{background:#0000}body.dark-mode .ai-message .message-content{background:#0000;color:#e5e7eb}body.dark-mode .ai-message .message-text{color:#e5e7eb;font-size:16px;font-weight:400;line-height:1.8}body.dark-mode .user-message .message-content{background:#44465480;border:1px solid #ffffff14;box-shadow:0 1px 4px #0000004d;color:#e5e7eb}body.dark-mode .message-text,body.dark-mode .user-text{color:#e5e7eb;font-weight:400}body.dark-mode .message-text strong{color:#fff;font-weight:600}body.dark-mode .chat-header{background:#1e1e1ef2;border-bottom-color:#ffffff1a}body.dark-mode .chat-header-title{color:#e5e7eb;font-weight:600}body.dark-mode .chat-header-title:hover{color:#fff}body.dark-mode .input-area{background:#0000}body.dark-mode .input-wrapper-container{background:#343541;border:1.5px solid #ffffff1a;box-shadow:0 2px 12px #0006;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .input-wrapper-container:before{background:#0000;filter:none;opacity:0}body.dark-mode .input-wrapper-container:focus-within:before{animation:none;opacity:0}@keyframes gentleGlowPulseDark{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}body.dark-mode .input-wrapper-container:focus-within{background:#1e1f26;border-color:#50505a66;box-shadow:0 2px 8px #00000080;transform:translateY(-1px)}body.dark-mode .input-wrapper-container:has(.message-textarea:not(:placeholder-shown)){background:#191a21;border-color:#50505a80;box-shadow:0 2px 10px #0009}body.dark-mode .message-textarea{color:#e5e7eb;font-weight:400}body.dark-mode .message-textarea::placeholder{color:#fff6;font-weight:400}body.dark-mode .message-textarea::-webkit-scrollbar-track{background:#ffffff08}body.dark-mode .message-textarea::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf64d,#8b5cf666)}body.dark-mode .message-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf680,#8b5cf699)}body.dark-mode .message-textarea::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#8b5cf6b3,#8b5cf6cc)}body.dark-mode .input-wrapper{background:#34354180;border:1px solid #ffffff1a}body.dark-mode .input-wrapper:focus-within{background:#343541b3;border-color:#ffffff26;box-shadow:0 1px 3px #0003}body.dark-mode .input-wrapper textarea{color:#e5e7eb;font-weight:400}body.dark-mode .input-wrapper textarea::placeholder{color:#fff6;font-weight:400}body.dark-mode .send-button{background:linear-gradient(135deg,#8b5cf6,#6b46c1)}body.dark-mode .send-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#5b21b6)}body.dark-mode .send-button-icon{background:linear-gradient(135deg,#8b5cf6,#6b46c1);box-shadow:0 2px 8px #8b5cf666;transition:all .6s cubic-bezier(.25,.46,.45,.94)}body.dark-mode .send-button-icon:not(:disabled){background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 4px 16px #8b5cf680;transform:scale(1.12)}body.dark-mode .send-button-icon:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 6px 20px #8b5cf699;transform:scale(1.18)}body.dark-mode .send-button-icon:disabled{box-shadow:0 1px 4px #8b5cf633;opacity:.35;transform:scale(.9)}body.dark-mode .stop-button-icon{background:linear-gradient(135deg,#8b5cf6,#6b46c1);box-shadow:0 2px 8px #8b5cf666}body.dark-mode .stop-button-icon:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 4px 12px #8b5cf680}body.dark-mode .upload-button{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 1px 3px #0000004d;color:#a78bfa}body.dark-mode .upload-button:before{background:#ffffff14}body.dark-mode .upload-button:hover:not(:disabled){border-color:#ffffff26;box-shadow:0 4px 12px #0006}body.dark-mode .empty-upload-text{color:#a78bfa}body.dark-mode .empty-upload-btn{border-color:#a78bfa;color:#a78bfa}body.dark-mode .empty-upload-btn:hover{background:#6b46c133;border-color:#c4b5fd}body.dark-mode .scroll-to-bottom-btn{background:#2d2d32f2;border-color:#6b46c180;color:#a78bfa}body.dark-mode .scroll-to-bottom-btn:hover{background:#6b46c14d;border-color:#a78bfa}body.dark-mode .typing-indicator{background:#2d2d32f2;border-color:#6b46c14d}body.dark-mode .loader-text,body.dark-mode .typing-indicator h4{color:#a78bfa}body.dark-mode .modal-overlay{background:#000c}body.dark-mode .modal-content{background:#1e1e1efa;border-color:#6b46c166}body.dark-mode .modal-header{background:#1e1e1ef2;border-bottom-color:#6b46c14d}body.dark-mode .modal-header h3{color:#a78bfa}body.dark-mode .close-button{background:#6b46c133;color:#a78bfa}body.dark-mode .close-button:hover{background:#6b46c14d}body.dark-mode .file-item{background:#2d2d32f2;border-color:#6b46c14d}body.dark-mode .file-item:hover{border-color:#6b46c180}body.dark-mode .file-name{color:#e5e7eb}body.dark-mode .file-meta{color:#9ca3af}body.dark-mode .file-action-btn{background:#6b46c133;border-color:#6b46c14d;color:#a78bfa}body.dark-mode .file-action-btn:hover{background:#6b46c14d}body.dark-mode .message-text ul>li:before{color:#a78bfa}.streaming-bar{align-items:center;animation:slideInFromTop .3s ease-out,subtleGlow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#9d7edb0f;border:1px solid #9d7edb26;border-radius:20px;display:flex;gap:10px;justify-content:center;margin-bottom:16px;margin-left:auto;margin-right:auto;padding:12px 24px;width:fit-content}.streaming-animation{align-items:center;display:flex;gap:6px}.streaming-dot{animation:streamingPulse 1.4s ease-in-out infinite;background:linear-gradient(135deg,#b794f6,#9d7edb);border-radius:50%;box-shadow:0 0 8px #9d7edb66;height:8px;width:8px}.streaming-dot:first-child{animation-delay:0s}.streaming-dot:nth-child(2){animation-delay:.2s}.streaming-dot:nth-child(3){animation-delay:.4s}.streaming-text{color:#9d7edb;font-size:13px;font-weight:500;letter-spacing:.5px;opacity:.9;text-transform:lowercase}@keyframes streamingPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleGlow{0%,to{box-shadow:0 0 0 #9d7edb00}50%{box-shadow:0 0 20px #9d7edb26}}.quiz-compact-container.glassmorphic{animation:quizSlideIn .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fefaffd9;border:1px solid #e9d8fdcc;border-radius:12px;box-shadow:0 4px 16px #ad7dc326;font-family:Segoe UI,-apple-system,sans-serif;margin-top:12px;padding:14px;position:relative}.quiz-compact-container.case-study-wrapper{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;box-shadow:none;margin-top:12px;padding:0}.quiz-compact-container.case-study-wrapper.in-modal{margin:0;padding:0}.quiz-compact-container.in-modal{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;margin:0;padding:24px 32px}.quiz-compact-container.in-modal .quiz-compact-title{font-size:11px;font-weight:700;letter-spacing:.02em;margin-bottom:1px}.quiz-compact-container.in-modal .quiz-compact-question{color:#1a202c;font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1.45;margin-bottom:8px}.quiz-compact-container.in-modal .quiz-compact-option{border-width:2px;margin-bottom:5px;min-height:36px;padding:8px 10px}.quiz-compact-container.in-modal .quiz-compact-options{gap:5px;margin-bottom:8px}.quiz-compact-container.in-modal .option-letter{font-size:11px;font-weight:800;height:24px;width:24px}.quiz-compact-container.in-modal .option-text{font-size:12px;font-weight:500;letter-spacing:.01em;line-height:1.4}.quiz-compact-container.in-modal .feedback-rationale-content{color:#2d3748;font-size:11px;font-weight:450;line-height:1.5;max-height:200px;overflow-y:auto;scrollbar-color:#b794f6 #e9d8fd4d;scrollbar-width:thin}.quiz-compact-container.in-modal .feedback-rationale-content::-webkit-scrollbar{width:4px}.quiz-compact-container.in-modal .feedback-rationale-content::-webkit-scrollbar-track{background:#e9d8fd4d;border-radius:2px}.quiz-compact-container.in-modal .feedback-rationale-content::-webkit-scrollbar-thumb{background:#b794f6;border-radius:2px}.quiz-compact-container.in-modal .feedback-status{font-size:12px;font-weight:800;letter-spacing:.02em}.quiz-compact-container.in-modal .feedback-rationale-label{font-size:10px;font-weight:700;margin-bottom:4px}.quiz-compact-container.in-modal .quiz-compact-feedback{border-left-width:3px;border-radius:6px;margin-top:8px;padding:8px}.quiz-compact-container.in-modal .feedback-rationale-container{border-radius:5px;margin-top:4px;padding:6px}.quiz-compact-container.in-modal .quiz-compact-next-btn,.quiz-compact-container.in-modal .quiz-skip-btn{border-radius:6px;font-size:12px;font-weight:700;margin-top:8px;padding:8px 16px}.quiz-compact-container.in-modal .quiz-topic-badge{font-size:11px;margin-bottom:8px;padding:6px 10px}.quiz-compact-container.in-modal .topic-badge-icon{font-size:14px}.quiz-compact-container.in-modal .topic-badge-text{font-size:11px;font-weight:700}.quiz-compact-container.in-modal .quiz-compact-progress-track{border-radius:2px;height:2px;margin-top:4px}.quiz-compact-container.in-modal .quiz-compact-progress-fill{border-radius:2px;height:100%}@keyframes quizSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-content-wrapper{animation:fadeIn .3s ease-in-out}.quiz-compact-header{margin-bottom:8px}.quiz-compact-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;position:relative;z-index:5}.quiz-compact-title{color:#6b46c1;font-size:12px}.quiz-expand-btn{align-items:center;background:#ad7dc326;border:none;border-radius:6px;color:#6b46c1;cursor:pointer;display:flex;justify-content:center;padding:4px;pointer-events:auto;position:relative;transition:all .25s cubic-bezier(.25,.46,.45,.94);z-index:10}.quiz-expand-btn:hover{background:#ad7dc340;box-shadow:0 2px 8px #ad7dc32e;transform:scale(1.1) rotate(90deg)}.quiz-expand-btn:active{transform:scale(1.02) rotate(90deg)}.quiz-expand-btn svg{height:14px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:14px}.quiz-compact-progress-track{background:#e9d8fd99;height:3px}.quiz-compact-progress-fill{background:linear-gradient(90deg,#9f7aea,#6b46c1)}.quiz-compact-question{font-size:14px;line-height:1.4;margin-bottom:10px;transition:opacity .2s ease-in-out}.quiz-topic-badge{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#6b46c11f,#9f7aea1f);border:1.5px solid #6b46c140;border-radius:20px;box-shadow:0 2px 8px #6b46c114;display:inline-flex;gap:6px;margin-bottom:12px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.quiz-topic-badge:hover{background:linear-gradient(135deg,#6b46c12e,#9f7aea2e);border-color:#6b46c159;box-shadow:0 4px 12px #6b46c126;transform:translateY(-1px)}.topic-badge-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.topic-badge-text{letter-spacing:.01em;text-shadow:0 1px 2px #fffc}.quiz-compact-options{gap:6px;transition:opacity .2s ease-in-out}.quiz-compact-option{background:#f9f5fdcc;border:1.5px solid #e0d6f5cc;border-radius:8px;gap:8px;min-height:36px;padding:8px 10px;transform-origin:center;transition:all .35s cubic-bezier(.25,.46,.45,.94);will-change:transform}.quiz-compact-option:hover:not(.disabled){background:#f1e9fce6;border-color:#d6bcfa;box-shadow:0 3px 10px #ad7dc31f;transform:translateY(-1px) scale(1.005);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.quiz-compact-option:active:not(.disabled){transform:scale(.99);transition:all .12s cubic-bezier(.25,.46,.45,.94)}.quiz-compact-option:focus-visible{outline:2px solid #6b46c1;outline-offset:2px}.quiz-compact-option.selected{animation:selectBounce .5s cubic-bezier(.25,.46,.45,.94);border:2px solid #ad7dc3}@keyframes selectBounce{0%{transform:scale(1)}40%{transform:scale(1.02)}70%{transform:scale(.995)}to{transform:scale(1)}}.quiz-compact-option.disabled{opacity:.6}.option-letter{background:#e9d8fdcc;color:#6b46c1;font-size:11px;height:22px;transition:all .35s cubic-bezier(.25,.46,.45,.94);width:22px;will-change:transform,background}.option-letter.selected{animation:letterPop .4s cubic-bezier(.25,.46,.45,.94)}@keyframes letterPop{0%{transform:scale(1)}50%{transform:scale(1.15) rotate(3deg)}75%{transform:scale(.98) rotate(-1deg)}to{transform:scale(1) rotate(0deg)}}.option-letter.correct{animation:letterCorrect .45s cubic-bezier(.25,.46,.45,.94);background:#38a169}@keyframes letterCorrect{0%{transform:scale(1)}40%{transform:scale(1.15) rotate(4deg)}70%{transform:scale(.98) rotate(-2deg)}to{transform:scale(1) rotate(0deg)}}.option-text{font-size:12px}.quiz-compact-option.correct{animation:correctBounce .5s cubic-bezier(.25,.46,.45,.94);background:#c6f6d5e6;box-shadow:0 4px 16px #48bb7833}@keyframes correctBounce{0%{box-shadow:0 2px 8px #48bb7826;transform:scale(1)}30%{box-shadow:0 5px 18px #48bb7838;transform:scale(1.03) rotate(.5deg)}60%{box-shadow:0 3px 14px #48bb782e;transform:scale(.99) rotate(-.2deg)}to{box-shadow:0 4px 16px #48bb7833;transform:scale(1) rotate(0deg)}}.quiz-compact-option.incorrect{animation:incorrectWiggle .45s cubic-bezier(.25,.46,.45,.94);background:#fed7d7e6;box-shadow:0 4px 16px #fc818133}@keyframes incorrectWiggle{0%,to{transform:translateX(0) rotate(0deg)}15%,45%,75%{transform:translateX(-3px) rotate(-1deg)}30%,60%,90%{transform:translateX(3px) rotate(1deg)}}.quiz-compact-option.correct-highlight{background:#c6f6d5e6}.compact-icon{animation:iconPop .4s cubic-bezier(.25,.46,.45,.94);transform-origin:center}.compact-icon.checkmark{box-shadow:0 2px 8px #38a16966}.compact-icon.x-mark{box-shadow:0 2px 8px #e53e3e66}.compact-icon svg{stroke-dasharray:20;stroke-dashoffset:20;animation:iconStroke .35s ease-out .15s both;height:10px;width:10px}@keyframes iconStroke{to{stroke-dashoffset:0}}.quiz-compact-feedback{animation:feedbackSlideUp .45s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;margin-top:10px;padding:10px;transform-origin:center bottom}.quiz-compact-feedback.correct{background:#f0fff4cc}.quiz-compact-feedback.incorrect{background:#fff5f5cc}.feedback-header{margin-bottom:6px}.feedback-rationale-label{color:#553c9a}.feedback-rationale-content{max-height:80px}.quiz-compact-container.in-modal .feedback-rationale-content{font-size:12px;line-height:1.6;max-height:300px}.feedback-rationale-content::-webkit-scrollbar-thumb,.feedback-rationale-content::-webkit-scrollbar-track{background:#0000}.feedback-rationale-content:hover::-webkit-scrollbar-thumb{background:#d6bcfa}.feedback-rationale-content::-webkit-scrollbar-thumb:active{background:#b794f6}.feedback-rationale-content a{color:#6b46c1}.quiz-skip-btn{background:#71809614;border:1.5px solid #71809633;border-radius:8px;color:#4a5568;cursor:pointer;display:block;font-size:13px;font-weight:600;margin-top:10px;padding:10px 14px;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.quiz-skip-btn:hover{background:#71809626;border-color:#71809659;box-shadow:0 3px 10px #7180961f;color:#2d3748;transform:translateY(-1px) scale(1.005)}.quiz-skip-btn:active{transform:translateY(0) scale(.99);transition:all .12s ease}.quiz-skip-btn:focus-visible{outline:2px solid #cbd5e0;outline-offset:2px}.quiz-compact-next-btn{animation:buttonAppear .4s cubic-bezier(.25,.46,.45,.94) .25s both;border-radius:8px;font-size:13px;margin-top:10px;padding:10px 14px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.quiz-compact-next-btn:hover{box-shadow:0 6px 16px #48bb7859;transform:translateY(-2px) scale(1.01)}.quiz-compact-next-btn:active{transform:translateY(-1px) scale(.99);transition:all .12s ease}.quiz-compact-next-btn:focus-visible{outline:3px solid #9f7aea}.quiz-modal-content .feedback-rationale-content{max-height:300px}.quiz-modal-overlay{align-items:center;animation:modalOverlayFadeIn .35s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:12px;perspective:1500px;position:fixed;right:0;top:0;z-index:9999}@keyframes modalOverlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.quiz-modal-overlay.closing{animation:modalOverlayFadeOut .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes modalOverlayFadeOut{0%{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}}.quiz-modal-content{animation:paperUnfold .65s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fefafffa;border:1px solid #e9d8fdb3;border-radius:20px;box-shadow:0 24px 70px #6b46c159;display:flex;flex-direction:column;max-height:92vh;max-width:900px;min-width:600px;overflow:hidden;padding:32px 40px;position:relative;transform-origin:center top;transform-style:preserve-3d;width:auto}.quiz-modal-scroll-wrapper{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-right:8px;scrollbar-color:#b794f6 #e9d8fd4d;scrollbar-width:thin}.quiz-modal-scroll-wrapper::-webkit-scrollbar{width:10px}.quiz-modal-scroll-wrapper::-webkit-scrollbar-track{background:#e9d8fd4d;border-radius:5px;margin:8px 0}.quiz-modal-scroll-wrapper::-webkit-scrollbar-thumb{background:#b794f6;border:2px solid #fefaff80;border-radius:5px}.quiz-modal-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#9f7aea;border-color:#fefaffb3}@keyframes paperUnfold{0%{filter:brightness(.5);opacity:0;transform:perspective(1500px) rotateX(-85deg) scale(.75) translateY(-60px)}25%{opacity:.4}50%{opacity:1;transform:perspective(1500px) rotateX(-8deg) scale(.96) translateY(-10px)}75%{filter:brightness(1.02);transform:perspective(1500px) rotateX(2deg) scale(1.005) translateY(2px)}to{filter:brightness(1);opacity:1;transform:perspective(1500px) rotateX(0deg) scale(1) translateY(0)}}.quiz-modal-content.closing{animation:paperFold .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes paperFold{0%{filter:brightness(1);opacity:1;transform:perspective(1500px) rotateX(0deg) scale(1) translateY(0)}to{filter:brightness(.85);opacity:0;transform:perspective(1500px) rotateX(15deg) scale(.92) translateY(20px)}}.quiz-modal-header-actions{align-items:center;animation:fadeInButton .35s ease-out .25s both;display:flex;gap:12px;justify-content:space-between;left:10px;position:absolute;right:10px;top:10px;z-index:10000}.quiz-modal-header-actions .share-quiz-btn{background:#6b46c126;border:1px solid #6b46c14d;box-shadow:0 2px 6px #6b46c11f;color:#663a82;font-size:.8rem;margin-top:0;max-width:140px;padding:8px 14px}.quiz-modal-header-actions .share-quiz-btn .btn-content{gap:6px}.quiz-modal-header-actions .share-quiz-btn svg{height:14px;width:14px}.quiz-modal-header-actions .share-quiz-btn:hover:not(.disabled):not(.loading){background:#6b46c138;border-color:#6b46c166;box-shadow:0 4px 12px #6b46c140;transform:translateY(-1px)}.quiz-modal-header-actions .share-quiz-btn:active:not(.disabled):not(.loading){background:#6b46c12e;transform:translateY(0)}.quiz-modal-header-actions .share-quiz-btn .btn-shine{display:none}.quiz-modal-close{background:#6b46c11a;border:none;border-radius:6px;color:#6b46c1;cursor:pointer;flex-shrink:0;padding:8px;transition:all .25s cubic-bezier(.25,.46,.45,.94)}@keyframes fadeInButton{0%{opacity:0;transform:scale(.7) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.quiz-modal-close:hover{background:#6b46c133;box-shadow:0 3px 10px #6b46c12e;transform:scale(1.08) rotate(90deg)}.quiz-modal-close:active{transform:scale(.98) rotate(90deg)}.quiz-modal-close svg{height:18px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:18px}.quiz-review-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fefaffd9;border:1px solid #e9d8fdcc;border-radius:12px;box-shadow:0 4px 16px #ad7dc326;margin-top:12px;padding:16px}.quiz-review-header{border-bottom:1px solid #e9d8fd99;margin-bottom:16px;padding-bottom:12px;text-align:center}.quiz-review-header h3{color:#553c9a;font-size:16px;font-weight:700;margin:0 0 4px}.quiz-review-header p{color:#6b46c1;font-size:13px;font-weight:600;margin:0}.quiz-review-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px;scrollbar-color:#d6bcfa #0000;scrollbar-width:thin}.quiz-review-list::-webkit-scrollbar{width:4px}.quiz-review-list::-webkit-scrollbar-thumb{background:#d6bcfa;border-radius:2px}.quiz-review-item{background:#fff9;border-left:3px solid #0000;border-radius:8px;padding:12px}.quiz-review-item.correct{background:#f0fff499;border-left-color:#48bb78}.quiz-review-item.incorrect{background:#fff5f599;border-left-color:#fc8181}.review-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.review-item-number{background:#e9d8fd99;border-radius:4px;color:#6b46c1;font-size:11px;font-weight:700;padding:2px 8px}.review-item-status{font-size:14px;font-weight:700}.review-item-status.correct{color:#38a169}.review-item-status.incorrect{color:#e53e3e}.review-item-question{color:#2d3748;font-size:12px;font-weight:600;line-height:1.4;margin:0 0 8px}.review-item-answers{display:flex;flex-direction:column;gap:4px}.review-answer{font-size:11px;line-height:1.4}.answer-label{color:#4a5568;font-weight:600;margin-right:4px}.answer-text{color:#2d3748}.answer-text.correct{color:#22543d;font-weight:600}.answer-text.incorrect{color:#742a2a}@media (max-width:640px){.quiz-compact-container.glassmorphic{border-radius:10px;padding:12px}.quiz-compact-title{font-size:11px}.quiz-compact-question{font-size:13px;margin-bottom:8px}.quiz-compact-options{gap:5px}.quiz-compact-option{gap:6px;min-height:32px;padding:7px 8px}.option-letter{font-size:10px;height:20px;width:20px}.option-text{font-size:11px}.compact-icon{height:16px;width:16px}.compact-icon svg{height:8px;width:8px}.quiz-compact-feedback{margin-top:8px;padding:8px}.feedback-status{font-size:12px}.feedback-rationale-container{padding:6px}.feedback-rationale-label{font-size:10px}.feedback-rationale-content{font-size:10px;max-height:70px}.quiz-compact-next-btn,.quiz-skip-btn{font-size:12px;margin-top:8px;padding:9px 12px}.quiz-modal-overlay{padding:12px}.quiz-modal-content{max-height:90vh;min-width:0;min-width:auto;padding:16px;width:95%}.quiz-modal-close{padding:6px;right:8px;top:8px}.quiz-modal-close svg{height:16px;width:16px}.quiz-review-container{padding:12px}.quiz-review-header h3{font-size:14px}.quiz-review-header p{font-size:12px}.quiz-review-list{gap:10px;max-height:300px}.quiz-review-item{padding:10px}.review-item-question{font-size:11px}.review-answer{font-size:10px}}@media (max-width:375px){.quiz-compact-container.glassmorphic{padding:10px}.quiz-compact-question{font-size:12px}.quiz-compact-option{padding:6px 7px}.option-letter{font-size:9px;height:18px;width:18px}.option-text{font-size:10px}.feedback-rationale-content{font-size:9px;max-height:60px}}@media (prefers-reduced-motion:reduce){.quiz-compact-container.glassmorphic,.quiz-compact-feedback,.quiz-compact-option.correct,.quiz-compact-option.incorrect,.quiz-modal-content,.quiz-modal-overlay{animation:none!important}.quiz-compact-next-btn:hover,.quiz-compact-option:hover,.quiz-expand-btn:hover,.quiz-modal-close:hover{transform:none}.quiz-compact-progress-fill{transition:width .2s linear}}@media (prefers-contrast:high){.quiz-compact-container.glassmorphic,.quiz-compact-option{border-width:2px}}.quiz-compact-container.glassmorphic{align-items:flex-start;display:flex;flex-direction:row;gap:16px}.quiz-sidebar{flex-shrink:0;position:relative;z-index:10000}.quiz-main-content{flex:1 1;min-width:0;position:relative;z-index:1}body.dark-mode .quiz-compact-container.glassmorphic{background:linear-gradient(135deg,#1e1e23fa,#23232afa);border:none;box-shadow:0 4px 12px #0000004d}body.dark-mode .quiz-compact-title{color:#ddd6fe;font-weight:600;text-shadow:0 1px 2px #0000004d}body.dark-mode .quiz-compact-question{color:#f9fafb;font-weight:500;letter-spacing:.01em;text-shadow:0 1px 3px #0006}body.dark-mode .quiz-topic-badge{background:linear-gradient(135deg,#8b5cf633,#a78bfa33);border-color:#8b5cf666;box-shadow:0 2px 8px #8b5cf626}body.dark-mode .quiz-topic-badge:hover{background:linear-gradient(135deg,#8b5cf647,#a78bfa47);border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf640}body.dark-mode .topic-badge-text{text-shadow:0 1px 2px #0000004d}body.dark-mode .quiz-compact-option{background:#32353ecc;border:1px solid #ffffff1f;box-shadow:0 1px 3px #0003;color:#f3f4f6;font-weight:500}body.dark-mode .quiz-compact-option:hover:not(.disabled){background:#3c3f48e6;border-color:#fff3;box-shadow:0 2px 6px #0000004d;transform:translateY(-1px)}body.dark-mode .quiz-compact-option.selected{background:#464952e6;border-color:#ffffff4d;box-shadow:0 2px 8px #0000004d}body.dark-mode .quiz-compact-option.correct{background:linear-gradient(135deg,#10b98159,#05966959);border-color:#34d399;box-shadow:0 4px 16px #10b9814d}body.dark-mode .quiz-compact-option.incorrect{background:linear-gradient(135deg,#ef444459,#dc262659);border-color:#f87171;box-shadow:0 4px 16px #ef44444d}body.dark-mode .option-letter{background:#ffffff26;box-shadow:0 1px 3px #0003;color:#e5e7eb;font-weight:700}body.dark-mode .quiz-compact-option.correct .option-letter{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98180;color:#fff;font-weight:800}body.dark-mode .quiz-compact-option.incorrect .option-letter{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444480;color:#fff;font-weight:800}body.dark-mode .option-text{color:#fff;font-weight:500;text-shadow:0 1px 2px #0003}body.dark-mode .quiz-compact-option.correct .option-text,body.dark-mode .quiz-compact-option.incorrect .option-text{color:#fff;font-weight:600;text-shadow:0 1px 3px #0006}body.dark-mode .quiz-compact-feedback{background:linear-gradient(135deg,#2d3039f2,#282b34f2);border-color:#8b5cf666;box-shadow:0 4px 12px #0000004d}body.dark-mode .feedback-status.correct,body.dark-mode .feedback-status.incorrect{font-weight:700;text-shadow:0 1px 2px #0000004d}body.dark-mode .feedback-rationale-container{border:none;margin-top:8px;padding:0}body.dark-mode .feedback-rationale-label{color:#a78bfa;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}body.dark-mode .feedback-rationale-content{background:#0000;border:none;border-radius:0;font-size:14px;font-weight:400;line-height:1.7;padding:0;scrollbar-color:#0000 #0000}body.dark-mode .feedback-rationale-content:hover{scrollbar-color:#8b5cf666 #0000}body.dark-mode .feedback-rationale-content::-webkit-scrollbar-thumb{background:#0000}body.dark-mode .feedback-rationale-content:hover::-webkit-scrollbar-thumb{background:#8b5cf666}body.dark-mode .feedback-rationale-content::-webkit-scrollbar-thumb:active{background:#8b5cf699}body.dark-mode .feedback-rationale-content b,body.dark-mode .feedback-rationale-content strong{font-weight:600}body.dark-mode .quiz-compact-container.in-modal .feedback-rationale-content{color:#f3f4f6;font-size:11px;font-weight:450;line-height:1.5;max-height:200px}body.dark-mode .quiz-compact-container.in-modal .quiz-compact-question{color:#fff;font-size:13px;font-weight:600;line-height:1.45;text-shadow:0 1px 3px #00000080}body.dark-mode .quiz-compact-container.in-modal .option-text{color:#fff;font-size:12px;font-weight:500;line-height:1.4}body.dark-mode .quiz-compact-container.in-modal .option-letter{font-size:11px;height:24px;width:24px}body.dark-mode .quiz-compact-container.in-modal .feedback-status{font-size:12px;font-weight:800}body.dark-mode .quiz-compact-container.in-modal .quiz-compact-feedback{background:#23262ffa;border-left-width:3px;padding:8px}body.dark-mode .quiz-compact-container.in-modal .feedback-rationale-container{background:#0000;padding:6px}body.dark-mode .quiz-compact-next-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff;font-weight:600}body.dark-mode .quiz-compact-next-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 16px #8b5cf666;transform:translateY(-1px)}body.dark-mode .quiz-compact-next-btn:disabled{background:#4b556380;box-shadow:none;color:#6b7280}body.dark-mode .quiz-compact-skip-btn{background:#6b46c11a;border-color:#8b5cf666;color:#c4b5fd}body.dark-mode .quiz-compact-skip-btn:hover{background:#6b46c140;border-color:#a78bfa;box-shadow:0 2px 8px #8b5cf633}body.dark-mode .quiz-expand-btn{background:#8b5cf64d;border:1px solid #8b5cf666;color:#ddd6fe}body.dark-mode .quiz-expand-btn:hover{background:#8b5cf673;box-shadow:0 2px 8px #8b5cf64d}body.dark-mode .quiz-compact-progress-track{background:#ffffff1a;box-shadow:inset 0 1px 2px #0003}body.dark-mode .quiz-compact-progress-fill{background:linear-gradient(90deg,#e5e7eb,#d1d5db);box-shadow:0 1px 3px #ffffff1a}body.dark-mode .quiz-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000eb;padding:20px}body.dark-mode .quiz-modal-content{background:linear-gradient(135deg,#141419fa,#191920fa);border:1px solid #8b5cf680;border-radius:20px;box-shadow:0 24px 70px #000000b3;max-height:92vh;max-width:900px;min-width:600px;padding:32px 40px;width:auto}body.dark-mode .quiz-modal-scroll-wrapper{padding-right:8px;scrollbar-color:#8b5cf699 #3c3f484d}body.dark-mode .quiz-modal-scroll-wrapper::-webkit-scrollbar{width:10px}body.dark-mode .quiz-modal-scroll-wrapper::-webkit-scrollbar-track{background:#3c3f484d;border-radius:5px}body.dark-mode .quiz-modal-scroll-wrapper::-webkit-scrollbar-thumb{background:#8b5cf699;border:2px solid #14141980;border-radius:5px}body.dark-mode .quiz-modal-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#a78bfacc}body.dark-mode .quiz-modal-header{background:#1e1e23f2;border-bottom-color:#8b5cf64d}body.dark-mode .quiz-modal-title{color:#ddd6fe;font-weight:600}body.dark-mode .quiz-modal-close{background:#8b5cf633;border:1px solid #8b5cf64d;color:#ddd6fe}body.dark-mode .quiz-modal-close:hover{background:#8b5cf659;box-shadow:0 2px 8px #8b5cf633}.quiz-navigation.compact{align-items:center;align-self:flex-start;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:10px;box-shadow:none;display:flex;flex-direction:column;gap:8px;height:auto;max-height:fit-content;max-width:60px;min-width:60px;padding:8px 6px;position:sticky;top:20px}.quiz-nav-stats{flex-direction:column;padding-bottom:2px}.nav-stat-item,.quiz-nav-stats{align-items:center;display:flex;gap:4px;width:100%}.nav-stat-item{background:#fffffff2;border:1.5px solid #0000000f;border-radius:8px;box-shadow:0 1px 3px #0000000d;justify-content:center;padding:6px}.stat-dot{border-radius:50%;box-shadow:0 0 4px currentColor;height:7px;width:7px}.nav-stat-item.correct .stat-dot{background:#48bb78}.nav-stat-item.incorrect .stat-dot{background:#f56565}.stat-count{color:#4a5568;font-size:11px;font-weight:700}.quiz-nav-divider{background:#0000000f;height:1px;margin:0;width:100%}.quiz-nav-topic-filter{padding:4px 2px;width:100%}.topic-filter-select{-webkit-appearance:none;appearance:none;background:#fffffff2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b46c1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;background-size:12px;border:1px solid #0000000f;border-radius:8px;color:#4a5568;cursor:pointer;font-size:10px;font-weight:600;outline:none;padding:6px 20px 6px 8px;transition:all .2s ease;width:100%}.topic-filter-select:hover{background:#fff;border-color:#00000014}.topic-filter-select:focus{border-color:#6b46c1;box-shadow:none}.quiz-nav-list{align-items:center;display:flex;flex:0 1 auto;flex-direction:column;gap:6px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:4px 2px;scroll-behavior:smooth;scrollbar-width:none;width:100%}.quiz-nav-list::-webkit-scrollbar{display:none}.quiz-nav-list:after{background:linear-gradient(180deg,#0000,#fffffffa);bottom:0;height:30px;margin-top:-30px}.quiz-nav-list:after,.quiz-nav-list:before{content:"";display:block;left:0;pointer-events:none;position:sticky;right:0}.quiz-nav-list:before{background:linear-gradient(0deg,#0000,#ffffffd9);height:20px;margin-bottom:-20px;top:0;z-index:2}.quiz-nav-overflow-indicator{align-items:center;display:flex;justify-content:center;padding:2px 0;width:100%}.overflow-dots{animation:pulse 2s ease-in-out infinite;color:#6b46c1;font-size:18px;font-weight:700;letter-spacing:2px;opacity:.6}.quiz-nav-item{align-items:center;background:#fffffff2;border:1.5px solid #0000000f;border-radius:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);width:32px}.quiz-nav-item:hover{background:#fff;border-color:#6b46c133;box-shadow:0 4px 8px #6b46c126;transform:translateY(-2px);z-index:10}.quiz-nav-item:active{transform:translateY(0);transition:all .05s}.nav-number{color:#718096;font-size:11px;font-weight:700;transition:color .15s}.quiz-nav-item.correct{background:linear-gradient(135deg,#d4f4dd,#c6f6d5);border-color:#48bb78;box-shadow:0 2px 6px #48bb7826}.quiz-nav-item.correct .nav-number{color:#22543d}.quiz-nav-item.correct:hover{border-color:#48bb78;box-shadow:0 4px 10px #48bb7840}.quiz-nav-item.incorrect{background:linear-gradient(135deg,#fee,#fed7d7);border-color:#f56565;box-shadow:0 2px 6px #f5656526}.quiz-nav-item.incorrect .nav-number{color:#742a2a}.quiz-nav-item.incorrect:hover{border-color:#f56565;box-shadow:0 4px 10px #f5656540}.quiz-nav-item.current{background:linear-gradient(135deg,#6b46c1,#7c3aed)!important;border-color:#6b46c1!important;box-shadow:0 4px 12px #6b46c166!important;transform:scale(1.05);z-index:5}.quiz-nav-item.current .nav-number{color:#fff!important}.quiz-nav-item.current:hover{transform:scale(1.05) translateY(-2px)}.quiz-nav-item.skipped{background:#feebc8;border-color:#ed8936}.quiz-nav-item.skipped .nav-number{color:#7b341e}.quiz-nav-item.unanswered{background:#ffffffb3;border:1.5px solid #6b46c11f}.quiz-nav-item.unanswered:hover{background:#fffffff2;border-color:#6b46c140}.nav-status-dot{align-items:center;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;font-size:8px;font-weight:700;height:14px;justify-content:center;position:absolute;right:-3px;top:-3px;width:14px}.quiz-nav-item.correct .nav-status-dot{background:#48bb78;color:#fff}.quiz-nav-item.incorrect .nav-status-dot{background:#f56565;color:#fff}.quiz-nav-footer{border-top:1px solid #0000000f;display:flex;flex-shrink:0;justify-content:center;margin-top:8px;padding-top:10px;width:100%}.quiz-feedback-container{position:relative}.feedback-popover{bottom:0;box-shadow:0 4px 16px #00000014;left:48px;position:absolute;transform-origin:bottom left;z-index:10000}.feedback-popover-portal{pointer-events:auto;position:fixed;transform-origin:center;z-index:99999}.feedback-popover-portal:after{content:"";filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.feedback-popover-portal.placement-right:after{border-bottom:8px solid #0000;border-right:8px solid #fffffffa;border-top:8px solid #0000;left:-8px}.feedback-popover-portal.placement-left:after{border-bottom:8px solid #0000;border-left:8px solid #fffffffa;border-top:8px solid #0000;right:-8px}body.dark-mode .feedback-popover-portal.placement-right:after{border-right-color:#1e2128fa}body.dark-mode .feedback-popover-portal.placement-left:after{border-left-color:#1e2128fa}.quiz-modal-content .feedback-popover,.quiz-modal-scroll-wrapper .feedback-popover{bottom:calc(100% + 8px);z-index:10001}@media (max-width:768px){.quiz-navigation.compact{flex-direction:row;gap:12px;height:auto;max-width:100%;min-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 12px;scrollbar-color:#6b46c14d #0000;scrollbar-width:thin}.quiz-navigation.compact::-webkit-scrollbar{height:6px}.quiz-navigation.compact::-webkit-scrollbar-track{background:#0000}.quiz-navigation.compact::-webkit-scrollbar-thumb{background:#6b46c14d;border-radius:3px}.quiz-navigation.compact::-webkit-scrollbar-thumb:hover{background:#6b46c180}.quiz-nav-stats{border-right:1px solid #6b46c126;flex-direction:row;flex-shrink:0;gap:8px;padding-bottom:0;padding-right:12px;width:auto}.quiz-nav-divider{display:none}.quiz-nav-list{display:flex;flex:1 1;flex-direction:row;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:4px;width:auto}.quiz-nav-item{flex-shrink:0}.quiz-nav-footer{border-left:1px solid #6b46c126;border-top:none;flex-shrink:0;margin-left:0;margin-top:0;padding-left:10px;padding-top:0;width:auto}.feedback-popover{bottom:60px;left:auto;max-width:calc(100vw - 40px);right:0;width:280px}}body.dark-mode .quiz-navigation.compact{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;box-shadow:none}body.dark-mode .nav-stat-item{background:#32353ef2;border:1px solid #ffffff1a;box-shadow:none}body.dark-mode .nav-stat-item.correct .stat-dot{background:#34d399;box-shadow:0 0 6px #34d39980}body.dark-mode .nav-stat-item.incorrect .stat-dot{background:#f87171;box-shadow:0 0 6px #f8717180}body.dark-mode .stat-count{color:#e5e7eb;font-weight:700}body.dark-mode .quiz-nav-divider{background:#ffffff1a}body.dark-mode .topic-filter-select{background:#32353ee6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#8b5cf64d;color:#e5e7eb}body.dark-mode .topic-filter-select:hover{background:#3c3f48f2;border-color:#8b5cf680}body.dark-mode .topic-filter-select:focus{border-color:#a78bfa;box-shadow:0 0 0 2px #8b5cf633}body.dark-mode .topic-filter-select option{background:#23262d;color:#e5e7eb}body.dark-mode .quiz-nav-item{background:#32353ef2;border:1px solid #ffffff1a;box-shadow:none;color:#e5e7eb}body.dark-mode .quiz-nav-item:hover{background:#3c3f48f2;border-color:#ffffff26;box-shadow:none}body.dark-mode .quiz-nav-item.answered{background:#3c3f48d9;border-color:#ffffff2e}body.dark-mode .quiz-nav-item.correct{background:linear-gradient(135deg,#10b9814d,#0596694d);border-color:#34d399;box-shadow:0 3px 8px #10b98140}body.dark-mode .quiz-nav-item.incorrect{background:linear-gradient(135deg,#ef44444d,#dc26264d);border-color:#f87171;box-shadow:0 3px 8px #ef444440}body.dark-mode .quiz-nav-item.skipped{background:linear-gradient(135deg,#fbbf2440,#f59e0b40);border-color:#fbbf2466}body.dark-mode .quiz-nav-item.current{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:#a78bfa!important;box-shadow:0 3px 12px #8b5cf666!important}body.dark-mode .nav-number{color:#e5e7eb;font-weight:700}body.dark-mode .quiz-nav-item.current .nav-number{color:#fff!important}body.dark-mode .quiz-nav-item.correct .nav-number,body.dark-mode .quiz-nav-item.incorrect .nav-number{color:#fff}body.dark-mode .status-badge{background:#32353ef2;border-color:#8b5cf64d;box-shadow:0 2px 6px #0000004d;color:#e5e7eb}body.dark-mode .status-badge.correct{background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399;color:#fff}body.dark-mode .status-badge.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#f87171;color:#fff}body.dark-mode .feedback-button{background:#8b5cf633;border-color:#8b5cf666;color:#ddd6fe}body.dark-mode .feedback-button:hover{background:#8b5cf659;box-shadow:0 2px 8px #8b5cf64d}body.dark-mode .feedback-button.given{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 3px 10px #8b5cf64d;color:#fff}body.dark-mode .feedback-textarea{background:#32353ecc;border-color:#8b5cf64d;color:#f3f4f6}body.dark-mode .feedback-textarea::placeholder{color:#9ca3af}body.dark-mode .feedback-textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf626}body.dark-mode .feedback-actions button{background:#8b5cf633;border-color:#8b5cf64d;color:#ddd6fe}body.dark-mode .feedback-actions button:hover{background:#8b5cf659}body.dark-mode .feedback-actions button:first-child{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}body.dark-mode .feedback-actions button:first-child:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 3px 10px #8b5cf64d}body.dark-mode .overflow-dots{color:#a78bfa}@media (max-width:768px){body.dark-mode .quiz-navigation.compact{scrollbar-color:#8b5cf666 #0000}body.dark-mode .quiz-navigation.compact::-webkit-scrollbar-thumb{background:#8b5cf666}body.dark-mode .quiz-navigation.compact::-webkit-scrollbar-thumb:hover{background:#8b5cf699}body.dark-mode .quiz-nav-stats{border-right-color:#8b5cf64d}body.dark-mode .quiz-nav-footer{border-left-color:#8b5cf64d}}.quiz-feedback-dev-display{background:#f9731614;border:1px solid #f973164d;border-radius:8px;font-size:12px;margin-top:12px;overflow:hidden}body.dark-mode .quiz-feedback-dev-display{background:#fb923c1a;border-color:#fb923c66}.share-quiz-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000000d;border:1.5px solid #0000001f;border-radius:12px;box-shadow:0 2px 6px #00000014;color:#2d3748;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;margin-top:12px;max-width:none;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.share-quiz-btn .btn-content{align-items:center;display:flex;gap:8px;position:relative;transition:transform .3s ease;z-index:1}.share-quiz-btn .btn-shine{background:linear-gradient(90deg,#0000,#0000000d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.share-quiz-btn:hover:not(.disabled):not(.loading){background:#00000014;border-color:#0000002e;box-shadow:0 4px 12px #0000001f;color:#1a202c;transform:translateY(-2px)}.share-quiz-btn:hover:not(.disabled):not(.loading) .btn-shine{left:100%}.share-quiz-btn:active:not(.disabled):not(.loading){box-shadow:0 2px 6px #00000014;transform:translateY(0)}.share-quiz-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.share-quiz-btn.loading{cursor:wait}.share-quiz-btn svg{height:18px;transition:transform .3s ease;width:18px}.share-quiz-btn:hover:not(.disabled):not(.loading) svg{transform:rotate(12deg) scale(1.1)}.share-spinner{animation:spin .8s linear infinite;border:2px solid #00000026;border-radius:50%;border-top-color:#2d3748;height:16px;width:16px}.share-modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;right:0;top:0;z-index:100000}.share-modal-overlay.active{opacity:1}.share-modal-content{animation:modalSlideIn .35s cubic-bezier(.34,1.56,.64,1) forwards;background:#fff;background:var(--modal-bg,#fff);border:1px solid #0000001a;border:1px solid var(--modal-border,#0000001a);border-radius:20px;box-shadow:0 10px 40px #00000026,0 2px 8px #00000014;margin:auto;max-height:90vh;max-width:440px;opacity:0;overflow-y:auto;padding:28px;position:relative;transform:scale(.95);width:100%}.share-modal-close{align-items:center;background:#0000000d;background:var(--input-bg,#0000000d);border:none;border-radius:9px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .25s cubic-bezier(.4,0,.2,1);width:36px}.share-modal-close svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.share-modal-close:hover{background:#0000001a;background:var(--secondary-btn-hover,#0000001a);color:#333;color:var(--text-primary,#333);transform:scale(1.05)}.share-modal-close:hover svg{transform:rotate(90deg)}.share-modal-close:active{transform:scale(.95)}.share-modal-header{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--divider-color,#00000014);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.header-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.share-modal-header h3{color:#1a1a1a;color:var(--text-primary,#1a1a1a);flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.viral-message-section{margin-bottom:18px}.viral-message-label{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:.875rem;font-weight:600;gap:7px;letter-spacing:-.01em;margin-bottom:10px}.viral-message-label svg{animation:fireFlicker 2s ease-in-out infinite;flex-shrink:0}.viral-message-input{field-sizing:content;background:#ffffff14;background:var(--input-bg,#ffffff14);border:1.5px solid #ffffff1f;border:1.5px solid var(--input-border,#ffffff1f);border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;box-sizing:border-box;color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;line-height:1.6;max-height:150px;min-height:auto;outline:none;overflow-y:auto;padding:16px 18px;resize:none;scrollbar-color:#8b5cf666 #0000;scrollbar-width:thin;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.viral-message-input::-webkit-scrollbar{width:6px}.viral-message-input::-webkit-scrollbar-track{background:#0000;border-radius:3px}.viral-message-input::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.viral-message-input::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.viral-message-input:hover{border-color:#8b5cf64d;border-color:var(--input-border-hover,#8b5cf64d);box-shadow:inset 0 2px 4px #0000001a,0 0 0 1px #8b5cf61a}.viral-message-input:focus{border-color:#8b5cf680;border-color:var(--input-focus,#8b5cf680);box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #8b5cf626,0 0 20px #8b5cf61a}.viral-message-input::placeholder{color:#fff6;color:var(--text-placeholder,#fff6);font-weight:400}body:not(.dark-mode) .viral-message-input{background:#f9fafbf2;border-color:#00000014;box-shadow:inset 0 1px 3px #0000000d;color:#1a1a1a}body:not(.dark-mode) .viral-message-input::-webkit-scrollbar-thumb{background:#ad7dc34d}body:not(.dark-mode) .viral-message-input::-webkit-scrollbar-thumb:hover{background:#ad7dc380}body:not(.dark-mode) .viral-message-input:hover{border-color:#ad7dc34d}body:not(.dark-mode) .viral-message-input:focus{border-color:#ad7dc380;box-shadow:inset 0 1px 3px #0000000d,0 0 0 3px #ad7dc31f,0 0 16px #ad7dc314}body:not(.dark-mode) .viral-message-input::placeholder{color:#0006}.quick-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:18px}.action-btn{font-size:.875rem;gap:7px;letter-spacing:-.01em;padding:11px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.action-btn:before{background:radial-gradient(circle at center,#fff3,#0000 70%);inset:0;opacity:0;transition:opacity .3s ease}.action-btn:hover:before{opacity:1}.action-btn.primary{background:linear-gradient(135deg,#ad7dc3,#b39ddb);box-shadow:0 2px 8px #ad7dc340,0 1px 2px #0000001a}.action-btn.primary:hover:not(:disabled){box-shadow:0 4px 12px #ad7dc359,0 2px 4px #00000026;transform:translateY(-2px)}.action-btn.primary:active:not(:disabled){box-shadow:0 2px 6px #ad7dc34d,0 1px 2px #0000001a;transform:translateY(-1px)}.action-btn.secondary{background:#f3f4f6;background:var(--secondary-btn-bg,#f3f4f6);box-shadow:0 1px 3px #00000014,inset 0 0 0 1px #0000000f;color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.action-btn.secondary:hover:not(:disabled){background:#e5e7eb;background:var(--secondary-btn-hover,#e5e7eb);box-shadow:0 3px 8px #0000001f,inset 0 0 0 1px #00000014;transform:translateY(-2px)}.action-btn.secondary:active:not(:disabled){box-shadow:0 1px 4px #0000001a,inset 0 0 0 1px #0000000f;transform:translateY(-1px)}.action-btn.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140,0 1px 2px #0000001a;color:#fff}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.action-btn .btn-icon{align-items:center;display:flex;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.action-btn:hover:not(:disabled) .btn-icon{transform:scale(1.1)}.action-btn:active:not(:disabled) .btn-icon{transform:scale(.95)}.action-btn.success .btn-icon{animation:successPulse .6s cubic-bezier(.34,1.56,.64,1)}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.share-divider{align-items:center;color:#999;color:var(--text-secondary,#999);display:flex;font-size:.8rem;gap:12px;margin:16px 0 12px}.share-divider:after,.share-divider:before{background:#00000014;background:var(--divider-color,#00000014);content:"";flex:1 1;height:1px}.share-divider span{font-weight:500}.social-share-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.social-btn{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.01em;overflow:hidden;padding:11px 18px;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.social-btn:before{background:linear-gradient(135deg,#ffffff26,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.social-btn:hover:before{opacity:1}.social-btn:hover{box-shadow:0 4px 12px #0003;filter:brightness(1.05);transform:translateY(-2px)}.social-btn:active{box-shadow:0 2px 6px #0003;transform:translateY(-1px)}.social-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0c85d0);box-shadow:0 2px 6px #1da1f240}.social-btn.facebook{background:linear-gradient(135deg,#1877f2,#0a5cc5);box-shadow:0 2px 6px #1877f240}.social-btn.whatsapp{background:linear-gradient(135deg,#25d366,#1da851);box-shadow:0 2px 6px #25d36640}.social-btn.email{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 6px #6366f140}.social-btn.instagram{background:linear-gradient(135deg,#e1306c,#c13584 50%,#833ab4);box-shadow:0 2px 6px #e1306c40}.social-btn.tiktok{background:linear-gradient(135deg,#000,#25f4ee 50%,#fe2c55);box-shadow:0 2px 6px #25f4ee40}.social-btn svg{height:18px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:18px}.social-btn:hover svg{transform:scale(1.1)}.social-btn:active svg{transform:scale(.95)}@media (max-width:768px){.share-modal-content{margin:16px;max-width:calc(100vw - 32px);padding:20px}.share-modal-header h3{font-size:1.1rem}.viral-message-input{font-size:.875rem;max-height:120px;padding:14px}.quick-actions{grid-template-columns:1fr}.action-btn{padding:12px}.social-share-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.social-btn{font-size:.8rem;padding:10px 14px}}@media (max-width:480px){.social-share-grid{gap:6px;grid-template-columns:1fr}}body.dark-mode .share-modal-overlay{background:#000000d9}body.dark-mode .share-modal-content{--modal-bg:#1e1e23;--modal-border:#ffffff1a;--text-primary:#e5e5e5;--text-secondary:#999;--text-placeholder:#666;--divider-color:#ffffff14;--input-bg:#2a2a30;--input-border:#ffffff1a;--input-border-hover:#ffffff26;--input-focus:#b39ddb;--input-focus-shadow:#b39ddb26;--secondary-btn-bg:#2a2a30;--secondary-btn-hover:#33333a;box-shadow:0 10px 40px #00000080,0 2px 8px #0000004d}body.dark-mode .share-modal-close{background:#ffffff0d;color:#ccc}body.dark-mode .share-modal-close:hover{background:#ffffff1a;color:#fff}body.dark-mode .header-icon{background:linear-gradient(135deg,#ad7dc3,#b39ddb)}body.dark-mode .share-quiz-btn{background:#ffffff14;border-color:#ffffff40;box-shadow:0 2px 8px #0003;color:#ffffffe6}body.dark-mode .share-quiz-btn:hover:not(.disabled):not(.loading){background:#ffffff26;border-color:#ffffff59;box-shadow:0 4px 16px #0000004d;color:#fff}body.dark-mode .share-quiz-btn:active:not(.disabled):not(.loading){box-shadow:0 2px 8px #0003}body.dark-mode .share-quiz-btn .btn-shine{background:linear-gradient(90deg,#0000,#ffffff26,#0000)}body.dark-mode .share-spinner{border-color:#fff #ffffff4d #ffffff4d}.sata-container.glassmorphic{animation:sataSlideIn .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fefaffd9;border:1px solid #e9d8fdcc;border-radius:12px;box-shadow:0 4px 16px #ad7dc326;font-family:Segoe UI,-apple-system,sans-serif;margin-top:12px;padding:14px;position:relative}.sata-container.in-modal{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;margin:0;padding:24px 32px}@keyframes sataSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sata-content-wrapper{animation:fadeIn .3s ease-in-out}.sata-header{margin-bottom:8px}.sata-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:5px}.sata-title{color:#6b46c1;font-size:12px;font-weight:600}.sata-header-actions{align-items:center;display:flex;gap:8px}.sata-type-badge{align-items:center;background:linear-gradient(135deg,#9f7aea33,#6b46c133);border:1.5px solid #6b46c159;border-radius:12px;color:#6b46c1;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.sata-expand-btn{align-items:center;background:#6b46c114;border:1.5px solid #6b46c133;border-radius:8px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.sata-expand-btn:hover{background:#6b46c126;border-color:#6b46c159;transform:scale(1.05)}.sata-expand-btn:active{transform:scale(.95)}.sata-expand-btn svg{stroke:#6b46c1;stroke-width:2;height:14px;width:14px}.sata-progress-track{background:#e9d8fd99;border-radius:2px;height:3px;overflow:hidden}.sata-progress-fill{background:linear-gradient(90deg,#9f7aea,#6b46c1);border-radius:2px;height:100%;transition:width .4s ease}.sata-topic-badge{align-items:center;background:linear-gradient(135deg,#6b46c11f,#9f7aea1f);border:1.5px solid #6b46c140;border-radius:20px;box-shadow:0 2px 8px #6b46c114;display:inline-flex;gap:6px;margin-bottom:12px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sata-topic-badge:hover{box-shadow:0 4px 12px #6b46c126;transform:translateY(-1px)}.sata-question{color:#1a202c;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:10px}.sata-hint{background:#6b46c114;border-radius:6px;color:#6b46c1;display:inline-block;font-size:11px;font-weight:500;margin-bottom:8px;padding:6px 10px}.sata-options{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.sata-option{align-items:center;background:#f9f5fdcc;border:1.5px solid #e0d6f5cc;border-radius:8px;cursor:pointer;display:flex;gap:10px;min-height:40px;padding:10px 12px;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none}.sata-option:hover:not(.disabled):not([aria-disabled=true]){background:#f1e9fce6;border-color:#d6bcfa;box-shadow:0 3px 10px #ad7dc31f;transform:translateY(-1px)}.sata-option:active:not(.disabled):not([aria-disabled=true]){transform:scale(.99)}.sata-option:focus-visible{outline:2px solid #6b46c1;outline-offset:2px}.sata-option.selected{animation:optionSelect .3s ease;background:#e9d8fd80;border:2px solid #9f7aea}@keyframes optionSelect{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.sata-option.disabled,.sata-option[aria-disabled=true]{cursor:default;opacity:.5}.sata-option.correct{animation:correctPulse .5s ease;background:#c6f6d5e6;border-color:#48bb78;box-shadow:0 4px 16px #48bb7833}.sata-option.correct .sata-option-text{color:#22543d}.sata-option.incorrect{animation:incorrectShake .4s ease;background:#fed7d7e6;border-color:#fc8181;box-shadow:0 4px 16px #fc818133}.sata-option.incorrect .sata-option-text{color:#742a2a}.sata-option.missed{animation:missedHighlight .5s ease;background:#feebc8e6;border-color:#ed8936;box-shadow:0 4px 16px #ed893633}@keyframes missedHighlight{0%{background:#feebc800;border-color:#0000}to{background:#feebc8e6;border-color:#ed8936}}.sata-option.missed .sata-option-text{color:#744210}.sata-checkbox{align-items:center;color:#9f7aea;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.sata-checkbox.checked{color:#6b46c1}.checkbox-icon{stroke:currentColor;height:18px;transition:all .2s ease;width:18px}.checkbox-icon.checked{animation:checkboxPop .3s ease}@keyframes checkboxPop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.sata-option.correct .sata-checkbox{color:#38a169}.sata-option.incorrect .sata-checkbox{color:#e53e3e}.sata-option.missed .sata-checkbox{color:#dd6b20}.sata-letter{align-items:center;background:#e9d8fdcc;border-radius:50%;color:#6b46c1;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;transition:all .3s ease;width:22px}.sata-letter.selected{background:#9f7aea;color:#fff}.sata-letter.correct{background:#38a169;color:#fff}.sata-letter.incorrect{background:#e53e3e;color:#fff}.sata-letter.missed{background:#dd6b20;color:#fff}.sata-option-text{color:#2d3748;flex:1 1;font-size:12px;line-height:1.4}.sata-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;margin-left:auto;width:20px}.sata-icon.checkmark{background:#38a169;box-shadow:0 2px 8px #38a16966}.sata-icon.x-mark{background:#e53e3e;box-shadow:0 2px 8px #e53e3e66}.sata-icon.missed{background:#dd6b20;box-shadow:0 2px 8px #dd6b2066}.sata-icon svg{stroke:#fff;stroke-width:2.5;fill:none;height:12px;width:12px}.sata-submit-btn{align-items:center;background:linear-gradient(135deg,#6b46c1,#9f7aea);border:none;border-radius:10px;box-shadow:0 4px 12px #6b46c14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:12px 16px;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.sata-submit-btn.enabled:hover{background:linear-gradient(135deg,#553c9a,#805ad5);box-shadow:0 6px 20px #6b46c166;transform:translateY(-2px)}.sata-submit-btn.enabled:active{box-shadow:0 4px 12px #6b46c159;transform:translateY(-1px)}.sata-submit-btn.disabled{background:#6b46c14d;box-shadow:none;color:#fff9;cursor:not-allowed}.sata-submit-btn:focus-visible{outline:3px solid #9f7aea;outline-offset:2px}.submit-count{font-size:12px;font-weight:500;opacity:.9}.sata-score-display{display:none}.sata-feedback{animation:feedbackSlideUp .35s ease-out;background:#fff9;border:1px solid #0000000f;border-radius:10px;margin-top:12px;padding:14px}.sata-feedback.correct{background:#f0fff4b3;border-color:#48bb7833}.sata-feedback.partial{background:#fffbf5b3;border-color:#ed893633}.sata-feedback.incorrect{background:#fff8f8b3;border-color:#e53e3e33}.sata-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.breakdown-item{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px}.breakdown-item.correct{background:#48bb781f;color:#2f855a}.breakdown-item.incorrect{background:#e53e3e1f;color:#c53030}.breakdown-item.missed{background:#ed89361f;color:#c05621}.breakdown-icon{font-size:10px}.breakdown-label{font-weight:500}.breakdown-count{font-weight:700;margin-left:2px}.sata-next-btn{animation:buttonAppear .4s cubic-bezier(.25,.46,.45,.94) .25s both;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;box-shadow:0 2px 8px #48bb784d;color:#fff;cursor:pointer;display:block;font-size:13px;font-weight:600;margin-top:12px;padding:10px 14px;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.sata-next-btn:hover{box-shadow:0 6px 16px #48bb7859;transform:translateY(-2px)}.sata-next-btn:active{transform:translateY(-1px)}.sata-next-btn:focus-visible{outline:3px solid #9f7aea;outline-offset:2px}.sata-skip-btn{background:#0000;border:1.5px solid #6b46c14d;border-radius:8px;color:#6b46c1;cursor:pointer;display:block;font-size:13px;font-weight:500;margin-top:8px;padding:10px 14px;transition:all .2s ease;width:100%}.sata-skip-btn:hover{background:#6b46c114;border-color:#6b46c180}.sata-skip-btn:active{transform:scale(.98)}.sata-skip-btn:focus-visible{outline:3px solid #9f7aea;outline-offset:2px}.sata-container.in-modal .sata-title{font-size:11px;font-weight:700}.sata-container.in-modal .sata-question{font-size:13px;line-height:1.45}.sata-container.in-modal .sata-option{min-height:38px;padding:10px 12px}.sata-container.in-modal .sata-option-text{font-size:12px}.sata-container.in-modal .feedback-rationale-content{font-size:12px;max-height:200px}@media (max-width:640px){.sata-container.glassmorphic{border-radius:10px;padding:12px}.sata-title-row{align-items:flex-start;flex-direction:column;gap:6px}.sata-type-badge{font-size:9px;padding:3px 8px}.sata-question{font-size:13px;margin-bottom:8px}.sata-options{gap:5px}.sata-option{gap:8px;min-height:36px;padding:8px 10px}.sata-checkbox{height:18px;width:18px}.checkbox-icon{height:16px;width:16px}.sata-letter{font-size:10px;height:20px;width:20px}.sata-option-text{font-size:11px}.sata-icon{height:18px;width:18px}.sata-icon svg{height:10px;width:10px}.sata-score-display{padding:10px}.score-label{font-size:12px}.sata-feedback{padding:10px}.sata-breakdown{gap:6px;padding:6px}.breakdown-item{font-size:10px;padding:3px 6px}.feedback-rationale-content{font-size:10px;max-height:80px}.sata-next-btn{font-size:12px;padding:9px 12px}.sata-submit-btn{font-size:13px;padding:10px 14px}.submit-count{font-size:11px}}@media (max-width:375px){.sata-container.glassmorphic{padding:10px}.sata-question{font-size:12px}.sata-option{padding:6px 8px}.sata-letter{font-size:9px;height:18px;width:18px}.sata-option-text{font-size:10px}.feedback-rationale-content{font-size:9px;max-height:60px}}@media (prefers-reduced-motion:reduce){.sata-container.glassmorphic,.sata-feedback,.sata-next-btn,.sata-option,.sata-score-display,.sata-skip-btn,.sata-submit-btn{animation:none!important}.sata-expand-btn:hover,.sata-next-btn:hover,.sata-option:hover,.sata-skip-btn:hover,.sata-submit-btn:hover{transform:none}.sata-progress-fill,.score-bar-fill{transition:width .2s linear}}@media (prefers-contrast:high){.sata-container.glassmorphic,.sata-option{border-width:2px}.sata-option.correct,.sata-option.incorrect,.sata-option.missed{border-width:3px}}body.dark-mode .sata-container.glassmorphic{background:linear-gradient(135deg,#1e1e23fa,#23232afa);border:none;box-shadow:0 4px 12px #0000004d}body.dark-mode .sata-title{color:#ddd6fe}body.dark-mode .sata-type-badge{background:linear-gradient(135deg,#8b5cf640,#a78bfa40);border-color:#8b5cf680;color:#c4b5fd}body.dark-mode .sata-topic-badge{background:linear-gradient(135deg,#8b5cf633,#a78bfa33);border-color:#8b5cf666}body.dark-mode .sata-question{color:#f9fafb}body.dark-mode .sata-hint{background:#8b5cf626;color:#c4b5fd}body.dark-mode .sata-option{background:#32353ecc;border:1px solid #ffffff1f}body.dark-mode .sata-option:hover:not(.disabled):not([aria-disabled=true]){background:#3c3f48e6;border-color:#fff3}body.dark-mode .sata-option.selected{background:#8b5cf633;border-color:#a78bfa}body.dark-mode .sata-option.correct{background:linear-gradient(135deg,#10b98159,#05966959);border-color:#34d399}body.dark-mode .sata-option.incorrect{background:linear-gradient(135deg,#ef444459,#dc262659);border-color:#f87171}body.dark-mode .sata-option.missed{background:linear-gradient(135deg,#f59e0b59,#d9770659);border-color:#fbbf24}body.dark-mode .sata-option-text{color:#f3f4f6}body.dark-mode .sata-option.correct .sata-option-text,body.dark-mode .sata-option.incorrect .sata-option-text,body.dark-mode .sata-option.missed .sata-option-text{color:#fff}body.dark-mode .sata-checkbox{color:#a78bfa}body.dark-mode .sata-checkbox.checked{color:#c4b5fd}body.dark-mode .sata-letter{background:#ffffff26;color:#e5e7eb}body.dark-mode .sata-letter.selected{background:#8b5cf6;color:#fff}body.dark-mode .sata-letter.correct{background:#10b981}body.dark-mode .sata-letter.incorrect{background:#ef4444}body.dark-mode .sata-letter.missed{background:#f59e0b}body.dark-mode .sata-submit-btn{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 12px #8b5cf659}body.dark-mode .sata-submit-btn.enabled:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 6px 20px #8b5cf673}body.dark-mode .sata-submit-btn.disabled{background:#8b5cf640;color:#fff6}body.dark-mode .sata-feedback{background:#282a32f2;border-color:#ffffff14}body.dark-mode .sata-feedback.correct{background:#10b9811a;border-color:#34d39940}body.dark-mode .sata-feedback.partial{background:#f59e0b1a;border-color:#fbbf2440}body.dark-mode .sata-feedback.incorrect{background:#ef44441a;border-color:#f8717140}body.dark-mode .sata-breakdown{background:#0000}body.dark-mode .breakdown-item.correct{background:#10b98133;color:#6ee7b7}body.dark-mode .breakdown-item.incorrect{background:#ef444433;color:#fca5a5}body.dark-mode .breakdown-item.missed{background:#f59e0b33;color:#fcd34d}body.dark-mode .sata-next-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}body.dark-mode .sata-next-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 16px #8b5cf666}body.dark-mode .sata-expand-btn{background:#8b5cf626;border-color:#8b5cf64d}body.dark-mode .sata-expand-btn:hover{background:#8b5cf640;border-color:#8b5cf680}body.dark-mode .sata-expand-btn svg{stroke:#a78bfa}body.dark-mode .sata-skip-btn{border-color:#a78bfa4d;color:#a78bfa}body.dark-mode .sata-skip-btn:hover{background:#8b5cf626;border-color:#a78bfa80}.case-study-container.glassmorphic{animation:caseStudySlideIn .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fefaffd9;border:1px solid #e9d8fdcc;border-radius:12px;box-shadow:0 4px 16px #ad7dc326;font-family:Segoe UI,-apple-system,sans-serif;margin-top:12px;padding:14px;position:relative}.case-study-container.in-modal{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;margin:0;padding:24px 32px}@keyframes caseStudySlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.case-study-content-wrapper{animation:fadeIn .3s ease-in-out}.case-study-header{margin-bottom:10px}.case-study-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:5px}.case-study-title{color:#6b46c1;font-size:12px;font-weight:600}.review-badge{color:#9f7aea;font-size:11px;font-weight:500}.case-study-header-actions{align-items:center;display:flex;gap:8px}.case-study-type-badge{align-items:center;background:linear-gradient(135deg,#3182ce33,#4299e133);border:1.5px solid #3182ce59;border-radius:12px;color:#2b6cb0;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.case-study-expand-btn{align-items:center;background:#6b46c114;border:1.5px solid #6b46c133;border-radius:8px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.case-study-expand-btn:hover{background:#6b46c126;border-color:#6b46c159;transform:scale(1.05)}.case-study-expand-btn:active{transform:scale(.95)}.case-study-expand-btn svg{stroke:#6b46c1;stroke-width:2;height:14px;width:14px}.case-study-progress-track{background:#e9d8fd99;border-radius:2px;height:3px;overflow:hidden}.case-study-progress-fill{background:linear-gradient(90deg,#9f7aea,#6b46c1);border-radius:2px;height:100%;transition:width .4s ease}.case-study-topic-badge{align-items:center;background:linear-gradient(135deg,#6b46c11f,#9f7aea1f);border:1.5px solid #6b46c140;border-radius:20px;box-shadow:0 2px 8px #6b46c114;display:inline-flex;gap:6px;margin-bottom:12px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.case-study-topic-badge:hover{box-shadow:0 4px 12px #6b46c126;transform:translateY(-1px)}.topic-badge-icon{font-size:16px;line-height:1}.topic-badge-text{color:#6b46c1;font-size:13px}.case-study-tabs-container{background:#f9f5fdcc;border:1px solid #e9d8fdcc;border-radius:10px;margin-bottom:14px;overflow:hidden}.case-study-tabs{background:#ffffff80;border-bottom:1px solid #e9d8fdcc;display:flex}.case-study-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:10px 12px;text-align:center;transition:all .2s ease}.case-study-tab:hover:not(.active){background:#6b46c10d;color:#6b46c1}.case-study-tab.active{background:#6b46c114;border-bottom-color:#6b46c1;color:#6b46c1}.case-study-tab-content{max-height:180px;overflow-y:auto;padding:12px;scrollbar-color:#d6bcfa #0000;scrollbar-width:thin}.case-study-tab-content::-webkit-scrollbar{width:4px}.case-study-tab-content::-webkit-scrollbar-thumb{background:#d6bcfa;border-radius:2px}.tab-content-inner{color:#2d3748;font-size:12px;line-height:1.5}.tab-content-inner table{border-collapse:collapse;font-size:11px;margin:8px 0;width:100%}.tab-content-inner td,.tab-content-inner th{border:1px solid #e9d8fd99;padding:6px 10px;text-align:left}.tab-content-inner th{background:#6b46c11a;color:#553c9a;font-weight:600}.tab-content-inner tr:nth-child(2n){background:#f9f5fd80}.tab-content-empty{color:#9ca3af;font-size:12px;font-style:italic;padding:20px;text-align:center}.case-study-question{background:#ffffff80;border-left:3px solid #6b46c1;border-radius:8px;color:#1a202c;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:10px;padding:10px 12px}.case-study-hint{align-items:center;background:#6b46c114;border-radius:6px;color:#6b46c1;display:inline-flex;font-size:11px;font-weight:500;gap:6px;margin-bottom:8px;padding:6px 10px}.case-study-hint:before{content:"↕";font-size:12px}.case-study-drag-area{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.case-study-drag-item{align-items:center;background:#f9f5fde6;border:1.5px solid #e0d6f5cc;border-radius:8px;cursor:grab;display:flex;gap:10px;min-height:44px;padding:10px 12px;touch-action:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.case-study-drag-item:hover:not(.correct):not(.incorrect){background:#f1e9fcf2;border-color:#d6bcfa;box-shadow:0 3px 10px #ad7dc31f}.case-study-drag-item:active:not(.correct):not(.incorrect){cursor:grabbing}.case-study-drag-item.dragging{background:#fffffff2;border-color:#9f7aea;box-shadow:0 8px 24px #6b46c140;z-index:1000}.case-study-drag-item.drag-overlay{background:#fffffffa;border-color:#9f7aea;border-width:2px;box-shadow:0 12px 32px #6b46c159;cursor:grabbing;transform:scale(1.02)}.case-study-drag-item.correct{animation:correctPulse .5s ease;background:#c6f6d5e6;border-color:#48bb78;cursor:default}.case-study-drag-item.incorrect{animation:incorrectShake .4s ease;background:#fed7d7e6;border-color:#fc8181;cursor:default}.drag-handle{align-items:center;color:#9f7aea;cursor:grab;display:flex;flex-shrink:0;height:20px;justify-content:center;touch-action:none;width:20px}.drag-handle:active{cursor:grabbing}.drag-handle svg{fill:currentColor;height:16px;width:16px}.case-study-drag-item.correct .drag-handle,.case-study-drag-item.incorrect .drag-handle{cursor:default;opacity:.5}.drag-item-number{align-items:center;background:#e9d8fdcc;border-radius:50%;color:#6b46c1;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.case-study-drag-item.correct .drag-item-number{background:#38a169;color:#fff}.case-study-drag-item.incorrect .drag-item-number{background:#e53e3e;color:#fff}.drag-item-text{color:#2d3748;flex:1 1;font-size:12px;line-height:1.4}.case-study-drag-item.correct .drag-item-text{color:#22543d}.case-study-drag-item.incorrect .drag-item-text{color:#742a2a}.drag-item-status{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}.drag-item-status.correct{background:#38a169;box-shadow:0 2px 8px #38a16966}.drag-item-status.incorrect{background:#e53e3e;box-shadow:0 2px 8px #e53e3e66}.drag-item-status svg{stroke:#fff;stroke-width:2.5;fill:none;height:12px;width:12px}.drag-item-correct-pos{color:#e53e3e;font-size:10px;font-weight:500;white-space:nowrap}.case-study-submit-btn{align-items:center;background:linear-gradient(135deg,#6b46c1,#9f7aea);border:none;border-radius:10px;box-shadow:0 4px 12px #6b46c14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:12px 16px;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.case-study-submit-btn.enabled:hover{background:linear-gradient(135deg,#553c9a,#805ad5);box-shadow:0 6px 20px #6b46c166;transform:translateY(-2px)}.case-study-submit-btn.enabled:active{transform:translateY(-1px)}.case-study-submit-btn.disabled{background:#6b46c14d;box-shadow:none;color:#fff9;cursor:not-allowed}.case-study-submit-btn:focus-visible{outline:3px solid #9f7aea;outline-offset:2px}.case-study-skip-btn{background:#0000;border:1.5px solid #6b46c14d;border-radius:8px;color:#6b46c1;cursor:pointer;display:block;font-size:13px;font-weight:500;margin-top:8px;padding:10px 14px;transition:all .2s ease;width:100%}.case-study-skip-btn:hover{background:#6b46c114;border-color:#6b46c180}.case-study-skip-btn:active{transform:scale(.98)}.case-study-feedback{animation:feedbackSlideUp .35s ease-out;background:#fff9;border:1px solid #0000000f;border-radius:10px;margin-top:12px;padding:14px}.case-study-feedback.correct{background:#f0fff4b3;border-color:#48bb7833}.case-study-feedback.partial{background:#fffbf5b3;border-color:#ed893633}.case-study-feedback.incorrect{background:#fff8f8b3;border-color:#e53e3e33}.feedback-header{padding-bottom:8px}.feedback-status{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px}.feedback-status.correct{color:#38a169}.feedback-status.partial{color:#dd6b20}.feedback-status.incorrect{color:#e53e3e}.feedback-score{background:#0000000d;border-radius:12px;color:#4a5568;font-size:13px;font-weight:700;padding:2px 10px}.correct-order-section{background:#ffffff80;border-radius:6px;margin-bottom:12px;padding:10px}.correct-order-label{color:#553c9a;font-size:11px;font-weight:600;margin-bottom:6px}.correct-order-list{color:#2d3748;font-size:11px;line-height:1.6;margin:0;padding-left:20px}.correct-order-item{padding:2px 0}.feedback-rationale-container{background:#ffffff80}.feedback-rationale-content{max-height:100px;padding-right:6px;scrollbar-color:#d6bcfa #0000}.feedback-rationale-content::-webkit-scrollbar{width:3px}.feedback-rationale-content::-webkit-scrollbar-thumb{background:#d6bcfa;border-radius:2px}.case-study-next-btn{animation:buttonAppear .4s cubic-bezier(.25,.46,.45,.94) .25s both;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;box-shadow:0 2px 8px #48bb784d;color:#fff;cursor:pointer;display:block;font-size:13px;font-weight:600;margin-top:12px;padding:10px 14px;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.case-study-next-btn:hover{box-shadow:0 6px 16px #48bb7859;transform:translateY(-2px)}.case-study-next-btn:active{transform:translateY(-1px)}.case-study-next-btn:focus-visible{outline:3px solid #9f7aea;outline-offset:2px}.case-study-container.in-modal{margin:0 auto;max-width:900px;min-width:600px;padding:28px 36px;width:100%}.case-study-container.in-modal .case-study-title{font-size:14px;font-weight:700}.case-study-container.in-modal .case-study-type-badge{font-size:11px;padding:5px 12px}.case-study-container.in-modal .case-study-topic-badge{margin-bottom:16px;padding:8px 16px}.case-study-container.in-modal .topic-badge-text{font-size:15px}.case-study-container.in-modal .case-study-tabs-container{margin-bottom:20px}.case-study-container.in-modal .case-study-tab{font-size:13px;padding:12px 16px}.case-study-container.in-modal .case-study-tab-content{max-height:280px;min-height:180px;padding:16px}.case-study-container.in-modal .tab-content-inner{font-size:14px;line-height:1.6}.case-study-container.in-modal .tab-content-inner table{font-size:13px}.case-study-container.in-modal .tab-content-inner td,.case-study-container.in-modal .tab-content-inner th{padding:10px 14px}.case-study-container.in-modal .case-study-question{font-size:16px;margin-bottom:14px;padding:14px 16px}.case-study-container.in-modal .case-study-hint{font-size:13px;margin-bottom:12px;padding:8px 14px}.case-study-container.in-modal .case-study-drag-area{gap:10px;margin-bottom:16px}.case-study-container.in-modal .case-study-drag-item{gap:14px;min-height:52px;padding:14px 16px}.case-study-container.in-modal .drag-item-number{font-size:13px;height:28px;width:28px}.case-study-container.in-modal .drag-item-text{font-size:14px}.case-study-container.in-modal .case-study-submit-btn{font-size:15px;margin-top:16px;padding:14px 20px}.case-study-container.in-modal .case-study-skip-btn{font-size:14px;padding:12px 16px}.case-study-container.in-modal .case-study-feedback{margin-top:16px;padding:18px}.case-study-container.in-modal .feedback-header{margin-bottom:14px;padding-bottom:12px}.case-study-container.in-modal .feedback-status{font-size:15px}.case-study-container.in-modal .feedback-score{font-size:15px;padding:4px 14px}.case-study-container.in-modal .correct-order-section{margin-bottom:16px;padding:14px}.case-study-container.in-modal .correct-order-label{font-size:13px;margin-bottom:10px}.case-study-container.in-modal .correct-order-list{font-size:13px}.case-study-container.in-modal .feedback-rationale-content{font-size:14px;line-height:1.6;max-height:220px}.case-study-container.in-modal .case-study-next-btn{font-size:15px;margin-top:16px;padding:14px 18px}@media (max-width:640px){.case-study-container.glassmorphic{border-radius:10px;padding:12px}.case-study-title-row{align-items:flex-start;flex-direction:column;gap:6px}.case-study-type-badge{font-size:9px;padding:3px 8px}.case-study-tabs{flex-wrap:wrap}.case-study-tab{font-size:10px;padding:8px 10px}.case-study-tab-content{max-height:140px;padding:10px}.tab-content-inner{font-size:11px}.case-study-question{font-size:13px}.case-study-drag-item{gap:8px;min-height:40px;padding:8px 10px}.drag-item-number{font-size:10px;height:20px;width:20px}.drag-item-text{font-size:11px}.case-study-feedback{padding:10px}.feedback-rationale-content{font-size:10px;max-height:80px}}@media (max-width:375px){.case-study-container.glassmorphic{padding:10px}.case-study-tab{font-size:9px;padding:6px 8px}.case-study-question{font-size:12px;padding:8px 10px}.case-study-drag-item{padding:6px 8px}.drag-item-text{font-size:10px}}@media (prefers-reduced-motion:reduce){.case-study-container.glassmorphic,.case-study-drag-item,.case-study-feedback,.case-study-next-btn,.case-study-skip-btn,.case-study-submit-btn{animation:none!important}.case-study-drag-item:hover,.case-study-expand-btn:hover,.case-study-next-btn:hover,.case-study-skip-btn:hover,.case-study-submit-btn:hover{transform:none}.case-study-progress-fill{transition:width .2s linear}}@media (prefers-contrast:high){.case-study-container.glassmorphic,.case-study-drag-item{border-width:2px}.case-study-drag-item.correct,.case-study-drag-item.incorrect{border-width:3px}}body.dark-mode .case-study-container.glassmorphic{background:linear-gradient(135deg,#1e1e23fa,#23232afa);border:none;box-shadow:0 4px 12px #0000004d}body.dark-mode .case-study-title{color:#ddd6fe}body.dark-mode .case-study-type-badge{background:linear-gradient(135deg,#4299e140,#63b3ed40);border-color:#4299e180;color:#90cdf4}body.dark-mode .case-study-topic-badge{background:linear-gradient(135deg,#8b5cf633,#a78bfa33);border-color:#8b5cf666}body.dark-mode .topic-badge-text{color:#c4b5fd}body.dark-mode .case-study-tabs-container{background:#282a32cc;border-color:#ffffff1a}body.dark-mode .case-study-tabs{background:#32353e80;border-bottom-color:#ffffff1a}body.dark-mode .case-study-tab{color:#9ca3af}body.dark-mode .case-study-tab:hover:not(.active){background:#8b5cf61a;color:#c4b5fd}body.dark-mode .case-study-tab.active{background:#8b5cf626;border-bottom-color:#a78bfa;color:#c4b5fd}body.dark-mode .tab-content-inner{color:#e5e7eb}body.dark-mode .tab-content-inner th{background:#8b5cf626;color:#c4b5fd}body.dark-mode .tab-content-inner td,body.dark-mode .tab-content-inner th{border-color:#ffffff1a}body.dark-mode .tab-content-inner tr:nth-child(2n){background:#32353e80}body.dark-mode .case-study-question{background:#32353e80;border-left-color:#a78bfa;color:#f9fafb}body.dark-mode .case-study-hint{background:#8b5cf626;color:#c4b5fd}body.dark-mode .case-study-drag-item{background:#32353ecc;border:1px solid #ffffff1f}body.dark-mode .case-study-drag-item:hover:not(.correct):not(.incorrect){background:#3c3f48e6;border-color:#fff3}body.dark-mode .case-study-drag-item.dragging{background:#464952f2;border-color:#a78bfa}body.dark-mode .case-study-drag-item.drag-overlay{background:#50535cfa;border-color:#a78bfa;box-shadow:0 12px 32px #8b5cf666}body.dark-mode .case-study-drag-item.correct{background:linear-gradient(135deg,#10b98159,#05966959);border-color:#34d399}body.dark-mode .case-study-drag-item.incorrect{background:linear-gradient(135deg,#ef444459,#dc262659);border-color:#f87171}body.dark-mode .drag-item-text{color:#f3f4f6}body.dark-mode .case-study-drag-item.correct .drag-item-text,body.dark-mode .case-study-drag-item.incorrect .drag-item-text{color:#fff}body.dark-mode .drag-handle{color:#a78bfa}body.dark-mode .drag-item-number{background:#ffffff26;color:#e5e7eb}body.dark-mode .drag-item-number.correct{background:#10b981}body.dark-mode .drag-item-number.incorrect{background:#ef4444}body.dark-mode .case-study-submit-btn{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 12px #8b5cf659}body.dark-mode .case-study-submit-btn.enabled:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 6px 20px #8b5cf673}body.dark-mode .case-study-submit-btn.disabled{background:#8b5cf640;color:#fff6}body.dark-mode .case-study-feedback{background:#282a32f2;border-color:#ffffff14}body.dark-mode .case-study-feedback.correct{background:#10b9811a;border-color:#34d39940}body.dark-mode .case-study-feedback.partial{background:#f59e0b1a;border-color:#fbbf2440}body.dark-mode .case-study-feedback.incorrect{background:#ef44441a;border-color:#f8717140}body.dark-mode .feedback-header{border-bottom-color:#ffffff14}body.dark-mode .feedback-score{background:#ffffff1a;color:#e5e7eb}body.dark-mode .feedback-status.correct{color:#34d399}body.dark-mode .feedback-status.partial{color:#fbbf24}body.dark-mode .feedback-status.incorrect{color:#f87171}body.dark-mode .correct-order-section{background:#32353e80}body.dark-mode .correct-order-label{color:#c4b5fd}body.dark-mode .correct-order-list{color:#e5e7eb}body.dark-mode .feedback-rationale-container{background:#0000}body.dark-mode .feedback-rationale-content{color:#e5e7eb}body.dark-mode .feedback-rationale-content b,body.dark-mode .feedback-rationale-content strong{color:#fff}body.dark-mode .case-study-next-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}body.dark-mode .case-study-next-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 16px #8b5cf666}body.dark-mode .case-study-expand-btn{background:#8b5cf626;border-color:#8b5cf64d}body.dark-mode .case-study-expand-btn:hover{background:#8b5cf640;border-color:#8b5cf680}body.dark-mode .case-study-expand-btn svg{stroke:#a78bfa}body.dark-mode .case-study-skip-btn{border-color:#a78bfa4d;color:#a78bfa}body.dark-mode .case-study-skip-btn:hover{background:#8b5cf626;border-color:#a78bfa80}body.dark-mode .drag-item-correct-pos{color:#f87171}.unfolding-case-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;color:#e0e0e0;font-family:Inter,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1000px;padding:20px;transition:all .3s ease;width:100%}.unfolding-case-container.in-modal{max-width:1100px;min-width:900px;padding:28px}.unfolding-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.unfolding-title{align-items:center;display:flex;gap:10px}.title-icon{font-size:1.5rem}.title-text{color:#fff;font-size:1.25rem;font-weight:600}.unfolding-item-counter{background:linear-gradient(135deg,#4a90a4,#357a8a);border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:8px 16px}.unfolding-patient-bar{align-items:center;background:#4a90a426;border:1px solid #4a90a44d;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.patient-info,.patient-setting{align-items:center;display:flex;gap:8px}.patient-icon,.setting-icon{font-size:1.1rem}.patient-text{color:#e0e0e0;font-size:1rem}.setting-text{color:#a0c4cc;font-size:.9rem;font-style:italic}.unfolding-progress-note{align-items:flex-start;background:#ffc1071a;border-left:3px solid #ffc107;border-radius:0 8px 8px 0;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.note-icon{font-size:1rem}.note-text{color:#e0d4b0;font-size:.95rem;line-height:1.5}.unfolding-main-content{display:flex;gap:24px;margin-bottom:20px;min-height:350px}.unfolding-left-column{background:#0003;border:1px solid #ffffff14;border-radius:12px;display:flex;flex:0 0 45%;flex-direction:column;max-width:45%;overflow:hidden}.unfolding-right-column{display:flex;flex:0 0 55%;flex-direction:column;gap:16px;max-width:55%}.unfolding-tabs{background:#0000004d;border-bottom:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:4px;padding:12px}.unfolding-tab{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#a0a0a0;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 12px;transition:all .2s ease}.unfolding-tab:hover{background:#4a90a433;border-color:#4a90a466;color:silver}.unfolding-tab.active{background:linear-gradient(135deg,#4a90a4,#357a8a);border-color:#4a90a4;color:#fff}.tab-icon{font-size:.9rem}.tab-label{font-weight:500}.unfolding-tab-content{flex:1 1;max-height:400px;min-height:250px;overflow-y:auto;padding:16px}.unfolding-tab-empty{color:#888;font-style:italic;padding:20px;text-align:center}.unfolding-text-content p{color:#d0d0d0;line-height:1.6;margin:0 0 12px}.unfolding-vitals{display:flex;flex-direction:column;gap:8px}.vital-item{align-items:center;background:#ffffff0d;border-radius:6px;color:#a0d4a0;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;padding:10px 14px}.unfolding-labs{display:flex;flex-direction:column;gap:6px}.lab-item{align-items:center;background:#ffffff08;border-left:3px solid #6b8e23;color:silver;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;padding:8px 12px}.unfolding-question-type{margin-bottom:8px}.type-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.type-badge.sata{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.type-badge.mcq{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.unfolding-question-text{background:#ffffff0d;border-left:4px solid #4a90a4;border-radius:10px;color:#fff;font-size:1.05rem;line-height:1.6;padding:16px}.unfolding-options{display:flex;flex-direction:column;gap:10px}.unfolding-option{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#d0d0d0;cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:14px 16px;text-align:left;transition:all .2s ease}.unfolding-option:hover:not(:disabled){background:#4a90a426;border-color:#4a90a466;transform:translateX(4px)}.unfolding-option.selected{background:#4a90a440;border-color:#4a90a4;color:#fff}.unfolding-option:disabled{cursor:not-allowed;opacity:.8}.option-indicator{flex-shrink:0;font-size:1.2rem}.checkbox,.radio{align-items:center;background:#0003;border:2px solid #ffffff4d;color:#0000;display:inline-flex;font-size:.9rem;height:22px;justify-content:center;transition:all .2s ease;width:22px}.checkbox{border-radius:4px}.radio{border-radius:50%}.checkbox.checked,.radio.checked{background:#4a90a4;border-color:#4a90a4;color:#fff}.option-text{line-height:1.5}.unfolding-option.correct{background:#6b8e234d;border-color:#6b8e23}.unfolding-option.correct .checkbox,.unfolding-option.correct .radio{background:#6b8e23;border-color:#6b8e23;color:#fff}.unfolding-option.correct-missed{background:#6b8e2326;border-color:#6b8e2380;border-style:dashed}.unfolding-option.incorrect{background:#cd5c5c4d;border-color:#cd5c5c}.unfolding-option.incorrect .checkbox,.unfolding-option.incorrect .radio{background:#cd5c5c;border-color:#cd5c5c;color:#fff}.unfolding-justification{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-top:12px;padding:16px}.unfolding-justification h4{color:#4a90a4;font-size:1rem;margin:0 0 12px}.justification-content{color:silver;font-size:.95rem;line-height:1.6}.justification-content strong{color:#fff}.unfolding-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:16px;padding-top:16px}.unfolding-progress{align-items:center;display:flex;gap:12px}.progress-bar{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px}.progress-fill{background:linear-gradient(90deg,#4a90a4,#6b8e23);border-radius:4px;transition:width .3s ease}.progress-text{color:#a0a0a0;font-size:.85rem;white-space:nowrap}.unfolding-navigation{display:flex;gap:12px;justify-content:center}.nav-button{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#d0d0d0;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.nav-button:hover:not(:disabled){background:#4a90a433;border-color:#4a90a4;color:#fff}.nav-button:disabled{cursor:not-allowed;opacity:.4}.nav-button.submit{background:linear-gradient(135deg,#6b8e23,#556b2f);border-color:#6b8e23;color:#fff}.nav-button.submit:hover{background:linear-gradient(135deg,#7ba428,#6b8e23)}.unfolding-dots{gap:8px;margin-top:8px}.dot,.unfolding-dots{display:flex;justify-content:center}.dot{align-items:center;background:#0003;border:2px solid #fff3;border-radius:50%;color:#888;cursor:pointer;font-size:.8rem;font-weight:500;height:32px;transition:all .2s ease;width:32px}.dot:hover{border-color:#4a90a4;color:silver}.dot.current{background:#4a90a4;border-color:#4a90a4;color:#fff}.dot.answered{border-color:#6b8e23;color:#6b8e23}.dot.answered.current{background:#6b8e23;border-color:#6b8e23;color:#fff}.dot.submitted{background:#6b8e234d}.unfolding-error{color:#cd5c5c;padding:40px;text-align:center}@media (max-width:900px){.unfolding-case-container.in-modal{max-width:100%;min-width:auto;padding:16px}.unfolding-main-content{flex-direction:column;min-height:auto}.unfolding-left-column,.unfolding-right-column{flex:1 1 100%;max-width:100%}.unfolding-left-column{max-height:300px}.unfolding-tabs{justify-content:center}}@media (max-width:600px){.unfolding-header{gap:12px}.unfolding-header,.unfolding-patient-bar{flex-direction:column;text-align:center}.unfolding-tab{font-size:.8rem;padding:6px 10px}.tab-label{display:none}.unfolding-navigation{flex-wrap:wrap}.nav-button{flex:1 1;min-width:100px}}.message-text:has(.flashcard-view-container){display:flex;justify-content:center;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.flashcard-view-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin:0 auto!important;max-width:780px!important;min-height:200px;padding:0 12px!important;position:relative;width:100%!important}.flashcard-compact-container{box-sizing:border-box;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;margin:0 auto;max-width:850px;padding:0;width:100%}.flashcard-compact-container.glassmorphic{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.flashcard-compact-layout{align-items:flex-start;display:flex;gap:20px}.flashcard-compact-sidebar{flex-shrink:0;width:200px}.flashcard-compact-main{flex:1 1;min-width:0}.flashcard-compact-single{box-sizing:border-box;display:block;max-width:100%;width:100%}.flashcard-compact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;max-width:100%;width:100%}.flashcard-compact-title{align-items:center;color:#1a1a1a;display:flex;font-size:15px;font-weight:600;gap:8px;letter-spacing:-.02em;margin:0}.flashcard-loading-spinner{align-items:center;color:#9a57ff;display:inline-flex;opacity:.8}.flashcard-streaming-bar{align-items:center;background:linear-gradient(135deg,#9a57ff14,#9a57ff0a);border:1px solid #9a57ff1f;border-radius:8px;display:flex;gap:12px;justify-content:center;margin-bottom:12px;padding:12px 16px}.flashcard-streaming-animation{align-items:center;display:flex;gap:6px}.flashcard-streaming-dot{animation:flashcardDotPulse 1.4s ease-in-out infinite;background:#9a57ff;border-radius:50%;height:8px;width:8px}.flashcard-streaming-dot:first-child{animation-delay:-.32s}.flashcard-streaming-dot:nth-child(2){animation-delay:-.16s}@keyframes flashcardDotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.flashcard-streaming-text{color:#9a57ff;font-size:13px;font-weight:500;letter-spacing:-.01em}.flashcard-expand-btn{align-items:center;background:#0000000a;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.flashcard-expand-btn:hover{background:#00000014;box-shadow:0 2px 8px #0000001a;color:#333;transform:scale(1.1) rotate(90deg)}.flashcard-expand-btn:active{transform:scale(1.02) rotate(90deg)}.flashcard-expand-btn svg{height:14px;transition:transform .25s cubic-bezier(.25,.46,.45,.94);width:14px}.flashcard-compact-wrapper{background:#fff;border:1px solid #ffffff0a;border-radius:16px;box-shadow:0 8px 28px #0000002e;box-sizing:border-box;margin:0 auto;max-width:820px;overflow:visible;padding:24px;position:relative;width:100%}.flashcard-topic-badge{align-items:center;animation:badgeFadeIn .4s cubic-bezier(.25,.46,.45,.94);background:#6b46c114;border:none;border-radius:6px;color:#6b46c1;display:inline-flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.01em;margin-bottom:12px;padding:4px 10px;transition:all .25s cubic-bezier(.25,.46,.45,.94)}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.flashcard-topic-badge:hover{background:#6b46c11f;box-shadow:0 2px 8px #6b46c126;transform:translateY(-1px)}.topic-badge-icon{font-size:12px}.topic-badge-text{font-weight:600}.flashcard-compact-progress-container{margin-bottom:20px;width:100%}.flashcard-compact-progress-track{background:#0000000f;border-radius:3px;height:3px;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.flashcard-compact-progress-fill{background:#6b46c1;border-radius:2px;height:100%;position:relative;transition:width .3s ease}.flashcard-compact-progress-text{align-items:center;color:#666;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;text-align:center;width:100%}.flashcard-mastered-count{color:#6b46c1;font-weight:600}.flashcard-card{cursor:pointer;height:450px;margin:0 auto 20px;max-width:760px;perspective:2000px;position:relative}.flashcard-card,.flashcard-card-face{transform-style:preserve-3d;width:100%}.flashcard-card-face{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:none;border-radius:14px;box-shadow:0 4px 16px #0000001a,0 2px 4px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:34px 40px;position:absolute;top:0;transform-origin:center center;transition:transform 1s cubic-bezier(.25,.46,.45,.94),box-shadow 1s cubic-bezier(.25,.46,.45,.94)}.flashcard-card-front{background:linear-gradient(135deg,#3d4f62,#4a5f7f 40%,#556b8a 70%,#637a94),linear-gradient(45deg,#6b46c114,#0000 50%,#00000008);background-blend-mode:normal,overlay;background-size:100% 100%,200% 200%;box-shadow:0 8px 28px #3d4f6233,0 3px 12px #4a5f7f24,inset 0 1px 2px #ffffff1f,inset 0 -1px 1px #0000000f;color:#fff;transform:rotateY(0deg) translateZ(1px) scale(1)}.flashcard-card-front:before{background:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 45%),radial-gradient(circle at 75% 75%,#6b46c114 0,#0000 50%),linear-gradient(135deg,#ffffff0d,#0000 60%);border-radius:14px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.flashcard-card-back{background:linear-gradient(135deg,#fff,#fdfbf8 30%,#f9f6f2 70%,#f5f0eb),linear-gradient(45deg,#6b46c105,#0000 50%,#f0ebe44d);background-blend-mode:normal,overlay;background-size:100% 100%,200% 200%;box-shadow:0 8px 28px #6b46c11f,0 3px 12px #3d4f6214,inset 0 1px 2px #fffc,inset 0 -1px 1px #6b46c10a;color:#2c3e50;transform:rotateY(180deg) translateZ(1px) scale(1)}.flashcard-card-back:before{background:radial-gradient(circle at 30% 25%,#fff9 0,#0000 40%),radial-gradient(circle at 70% 75%,#6b46c10a 0,#0000 50%),linear-gradient(135deg,#fff6,#0000 65%);border-radius:14px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.flashcard-card.flipped .flashcard-card-front{box-shadow:0 2px 10px #3d4f6214,0 1px 4px #4a5f7f0f;transform:rotateY(-180deg) translateZ(1px) scale(1)}.flashcard-card.flipped .flashcard-card-back{box-shadow:0 10px 35px #6b46c126,0 4px 14px #3d4f621a,inset 0 1px 2px #fffc,inset 0 -1px 1px #6b46c10a;transform:rotateY(0deg) translateZ(1px) scale(1)}.flashcard-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0;text-align:center;width:100%;z-index:2}.flashcard-content::-webkit-scrollbar{width:3px}.flashcard-content::-webkit-scrollbar-track{background:#0000}.flashcard-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.flashcard-content::-webkit-scrollbar-thumb:hover{background:#fff6}.flashcard-label{font-size:9px;font-weight:600;letter-spacing:1.5px;margin-bottom:12px;opacity:.65;text-transform:uppercase}.flashcard-card-back .flashcard-label{color:#5d6d7e;opacity:.5}body.dark-mode .flashcard-card-back .flashcard-label{color:#a0a0a0;opacity:.6}.flashcard-text{word-wrap:break-word;font-size:16px;font-weight:500;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin:0;max-width:100%;overflow-wrap:break-word;text-align:center}.flashcard-card-back .flashcard-text{color:#2c3e50;font-weight:500}body.dark-mode .flashcard-card-back .flashcard-text{color:#e5e5e5;font-weight:500}.flashcard-hint{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff14;border-radius:8px;font-size:12px;font-style:italic;margin-top:12px;max-width:90%;opacity:.85;padding:8px 14px}.flashcard-flip-instruction{align-items:center;display:flex;font-size:11px;font-weight:500;gap:6px;margin-top:14px;opacity:.6}.flashcard-card-back .flashcard-flip-instruction{color:#5d6d7e;opacity:.4}body.dark-mode .flashcard-card-back .flashcard-flip-instruction{color:#a0a0a0;opacity:.5}.flashcard-flip-instruction svg{height:14px;width:14px}.flashcard-review-section{margin-top:12px}.flashcard-review-prompt{color:#666;font-size:12px;font-weight:500;letter-spacing:-.01em;margin-bottom:8px;text-align:center}.flashcard-review-buttons{display:flex;gap:10px;justify-content:center}.flashcard-review-btn{align-items:center;animation:buttonFadeIn .4s cubic-bezier(.25,.46,.45,.94) .2s both;background:#0000000a;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;font-size:12px;font-weight:600;gap:8px;min-width:0;padding:10px 18px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.flashcard-review-again{color:#e53e3e}.flashcard-review-again:hover{background:#e53e3e1a;box-shadow:0 4px 12px #e53e3e26;transform:translateY(-2px) scale(1.03)}.flashcard-review-again:active{transform:translateY(-1px) scale(.99);transition:all .12s ease}.flashcard-review-good{color:#38a169}.flashcard-review-good:hover{background:#38a1691a;box-shadow:0 4px 12px #38a16926;transform:translateY(-2px) scale(1.03)}.flashcard-review-good:active{transform:translateY(-1px) scale(.99);transition:all .12s ease}.review-btn-icon{font-size:18px}.review-btn-text{font-size:13px;font-weight:600;letter-spacing:-.01em}.flashcard-reviewed-feedback{align-items:center;animation:feedbackSlideUp .45s cubic-bezier(.25,.46,.45,.94);border-radius:8px;display:flex;font-size:10px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:6px 10px}@keyframes feedbackSlideUp{0%{filter:blur(2px);opacity:0;transform:translateY(12px) scale(.97)}60%{filter:blur(0);opacity:1}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.flashcard-reviewed-feedback.positive{background:#38a1691a;border:none;color:#38a169}.flashcard-reviewed-feedback.negative{background:#e53e3e1a;border:none;color:#e53e3e}.feedback-icon{font-size:14px}.flashcard-compact-navigation{display:flex;gap:8px;justify-content:center;margin-top:10px}.flashcard-results-feedback{border-top:1px solid #0000000f;display:flex;justify-content:center;margin-top:14px;padding-top:12px}body.dark-mode .flashcard-results-feedback{border-top-color:#ffffff14}.flashcard-compact-single>.flashcard-feedback-dev-display,.flashcard-compact-wrapper .flashcard-feedback-dev-display{background:#f9731614;border:1px solid #f973164d;border-radius:8px;font-size:12px;margin-top:12px;overflow:hidden}.flashcard-compact-single>.flashcard-feedback-dev-display .dev-feedback-header,.flashcard-compact-wrapper .dev-feedback-header{align-items:center;background:#f9731626;border-bottom:1px solid #f9731633;display:flex;gap:8px;padding:8px 10px}.flashcard-compact-single>.flashcard-feedback-dev-display .dev-badge,.flashcard-compact-wrapper .dev-badge{background:#f97316;border-radius:3px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 5px}.flashcard-compact-single>.flashcard-feedback-dev-display .dev-feedback-title,.flashcard-compact-wrapper .dev-feedback-title{color:#ea580c;font-size:11px;font-weight:600}.flashcard-compact-single>.flashcard-feedback-dev-display .dev-feedback-content,.flashcard-compact-wrapper .dev-feedback-content{display:flex;flex-direction:column;gap:6px;padding:10px}.flashcard-compact-single>.flashcard-feedback-dev-display .dev-feedback-row,.flashcard-compact-wrapper .dev-feedback-row{align-items:center;display:flex;gap:8px}.flashcard-compact-single>.flashcard-feedback-dev-display .dev-feedback-label,.flashcard-compact-wrapper .dev-feedback-label{color:#9a3412;font-weight:600;min-width:50px}.flashcard-compact-single>.flashcard-feedback-dev-display .dev-feedback-value,.flashcard-compact-wrapper .dev-feedback-value{color:#ea580c;font-weight:500}.flashcard-nav-btn{animation:buttonFadeIn .4s cubic-bezier(.25,.46,.45,.94) .25s both;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:-.01em;padding:10px 16px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.flashcard-skip-btn{background:#0000000a;color:#666}.flashcard-skip-btn:hover{background:#00000014;box-shadow:0 3px 10px #0000001a;transform:translateY(-2px) scale(1.02)}.flashcard-skip-btn:active{transform:translateY(0) scale(.99);transition:all .12s ease}.flashcard-next-btn{background:#6b46c1;box-shadow:0 2px 8px #6b46c140;color:#fff}.flashcard-next-btn:hover{background:#5a3aa3;box-shadow:0 6px 16px #6b46c159;transform:translateY(-2px) scale(1.02)}.flashcard-next-btn:active{transform:translateY(-1px) scale(.99);transition:all .12s ease}.flashcard-modal-overlay{align-items:center;animation:flashcardModalOverlayFadeIn .35s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#663a824d;bottom:0;display:flex;justify-content:center;left:0;padding:16px;perspective:1500px;position:fixed;right:0;top:0;z-index:9999}@keyframes flashcardModalOverlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}.flashcard-modal-overlay.closing{animation:flashcardModalOverlayFadeOut .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes flashcardModalOverlayFadeOut{0%{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}}.flashcard-modal-content{animation:flashcardPaperUnfold .65s cubic-bezier(.25,.46,.45,.94);background:#fff;border:1px solid #ad7dc31f;border-radius:18px;box-shadow:0 12px 36px #9b6fb029;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;transform-origin:center top;transform-style:preserve-3d;width:100%}@keyframes flashcardPaperUnfold{0%{filter:brightness(.5);opacity:0;transform:perspective(1500px) rotateX(-85deg) scale(.75) translateY(-60px)}25%{opacity:.4}50%{opacity:1;transform:perspective(1500px) rotateX(-8deg) scale(.96) translateY(-10px)}75%{filter:brightness(1.02);transform:perspective(1500px) rotateX(2deg) scale(1.005) translateY(2px)}to{filter:brightness(1);opacity:1;transform:perspective(1500px) rotateX(0deg) scale(1) translateY(0)}}.flashcard-modal-content.closing{animation:flashcardPaperFold .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes flashcardPaperFold{0%{filter:brightness(1);opacity:1;transform:perspective(1500px) rotateX(0deg) scale(1) translateY(0)}to{filter:brightness(.85);opacity:0;transform:perspective(1500px) rotateX(15deg) scale(.92) translateY(20px)}}.flashcard-modal-header{align-items:center;background:#f8f9fa80;border-bottom:1px solid #ad7dc31f;display:flex;justify-content:space-between;padding:14px 18px}.flashcard-modal-title{color:#1a202c;font-size:15px;font-weight:600;letter-spacing:-.02em;margin:0}.flashcard-modal-close{animation:fadeInButton .35s ease-out .25s both;background:#0000000a;border:none;border-radius:6px;color:#666;cursor:pointer;padding:6px;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.flashcard-modal-close:hover{background:#e53e3e1a;box-shadow:0 3px 10px #e53e3e26;color:#e53e3e;transform:scale(1.08) rotate(90deg)}.flashcard-modal-close:active{transform:scale(.98) rotate(90deg)}.flashcard-modal-close svg{height:16px;transition:transform .25s cubic-bezier(.25,.46,.45,.94);width:16px}.flashcard-modal-body{display:flex;flex:1 1;gap:12px;overflow:hidden;padding:0 12px 12px}.flashcard-modal-sidebar{background:#f8f9fa4d;border-right:1px solid #ad7dc31f;display:flex;flex-direction:column;flex-shrink:0;gap:10px;overflow-y:auto;padding:8px 0;width:180px}.flashcard-modal-main{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:6px 0 0}.flashcard-modal-body:has(.flashcard-results-container) .flashcard-modal-main{padding:20px}.flashcard-modal-main .flashcard-compact-wrapper{background:#fefaff;border:1px solid #ad7dc31a;box-shadow:0 4px 12px #9b6fb014;max-width:1100px;padding:20px}.flashcard-modal-main .flashcard-card{height:280px;max-width:1050px}.flashcard-modal-main .flashcard-text{font-size:15px;line-height:1.5}.flashcard-modal-main .flashcard-card-face{justify-content:flex-start;padding:40px 40px 25px}.flashcard-modal-main .flashcard-label{margin-bottom:8px}.flashcard-modal-main .flashcard-flip-instruction{margin-top:10px}.flashcard-compact-loading{color:#666;font-size:13px;padding:40px 20px;text-align:center}body.dark-mode .flashcard-compact-container.glassmorphic{background:#0000;border:none;box-shadow:none}body.dark-mode .flashcard-compact-title{color:#e5e5e5}body.dark-mode .flashcard-expand-btn{background:#ffffff14;color:#999}body.dark-mode .flashcard-expand-btn:hover{background:#ffffff1f;color:#ccc}body.dark-mode .flashcard-compact-wrapper{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1e1e23a6;border:1px solid #ffffff14;box-shadow:0 8px 32px #00000080}body.dark-mode .flashcard-topic-badge{background:#7c3aed26;color:#a78bfa}body.dark-mode .flashcard-compact-progress-track{background:#ffffff14}body.dark-mode .flashcard-compact-progress-text{color:#999}body.dark-mode .flashcard-mastered-count{color:#a78bfa}body.dark-mode .flashcard-card-front{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#323746d9,#3c4155e0 40%,#464b5fe6),linear-gradient(45deg,#7c3aed14,#0000 50%,#0000001a);background-blend-mode:normal,overlay;border:1px solid #7c3aed40;box-shadow:0 6px 28px #0006,0 2px 10px #7c3aed26,inset 0 1px 2px #ffffff14}body.dark-mode .flashcard-card-front:before{background:radial-gradient(circle at 25% 25%,#ffffff05 0,#0000 45%),radial-gradient(circle at 75% 75%,#7c3aed08 0,#0000 50%)}body.dark-mode .flashcard-card-back{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#232630f2,#2a2d3af5 30%,#303441f7),linear-gradient(45deg,#7c3aed0f,#0000 50%,#0000000d);background-blend-mode:normal,overlay;border:1px solid #8b5cf633;box-shadow:0 6px 28px #00000073,0 2px 10px #7c3aed1f,inset 0 1px 2px #ffffff0d;color:#e5e5e5}body.dark-mode .flashcard-card-back:before{background:radial-gradient(circle at 30% 25%,#ffffff05 0,#0000 40%),radial-gradient(circle at 70% 75%,#7c3aed05 0,#0000 50%)}body.dark-mode .flashcard-review-prompt{color:#999}body.dark-mode .flashcard-review-btn{background:#ffffff0f;color:#e5e5e5}body.dark-mode .flashcard-review-again{color:#fc8181}body.dark-mode .flashcard-review-again:hover{background:#fc818126}body.dark-mode .flashcard-review-good{color:#68d391}body.dark-mode .flashcard-review-good:hover{background:#68d39126}body.dark-mode .flashcard-reviewed-feedback.positive{background:#68d39126;color:#68d391}body.dark-mode .flashcard-reviewed-feedback.negative{background:#fc818126;color:#fc8181}body.dark-mode .flashcard-streaming-bar{background:linear-gradient(135deg,#9a57ff1f,#9a57ff0f);border:1px solid #9a57ff2e}body.dark-mode .flashcard-streaming-text{color:#a78bfa}body.dark-mode .flashcard-streaming-dot{background:#a78bfa}body.dark-mode .flashcard-skip-btn{background:#ffffff0f;color:#999}body.dark-mode .flashcard-skip-btn:hover{background:#ffffff1a}body.dark-mode .flashcard-next-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 2px 8px #7c3aed66}body.dark-mode .flashcard-next-btn:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #7c3aed80}body.dark-mode .flashcard-compact-single>.flashcard-feedback-dev-display,body.dark-mode .flashcard-compact-wrapper .flashcard-feedback-dev-display{background:#fb923c1a;border-color:#fb923c66}body.dark-mode .flashcard-compact-single>.flashcard-feedback-dev-display .dev-feedback-header,body.dark-mode .flashcard-compact-wrapper .dev-feedback-header{background:#fb923c33;border-bottom-color:#fb923c4d}body.dark-mode .flashcard-compact-single>.flashcard-feedback-dev-display .dev-feedback-title,body.dark-mode .flashcard-compact-wrapper .dev-feedback-title{color:#fb923c}body.dark-mode .flashcard-compact-single>.flashcard-feedback-dev-display .dev-feedback-label,body.dark-mode .flashcard-compact-wrapper .dev-feedback-label{color:#fdba74}body.dark-mode .flashcard-compact-single>.flashcard-feedback-dev-display .dev-feedback-value,body.dark-mode .flashcard-compact-wrapper .dev-feedback-value{color:#fb923c}body.dark-mode .flashcard-modal-overlay{background:#00000080}body.dark-mode .flashcard-modal-content{background:#121216f0;border-color:#7c3aed33;box-shadow:0 12px 36px #00000080}body.dark-mode .flashcard-modal-header{background:#ffffff05;border-bottom-color:#ffffff14}body.dark-mode .flashcard-modal-title{color:#e5e5e5}body.dark-mode .flashcard-modal-close{background:#ffffff0f;color:#999}body.dark-mode .flashcard-modal-close:hover{background:#fc818126;color:#fc8181}body.dark-mode .flashcard-modal-sidebar{background:#ffffff05;border-right-color:#ffffff14}body.dark-mode .flashcard-modal-main .flashcard-compact-wrapper{background:#202024eb;border-color:#7c3aed33;box-shadow:0 6px 22px #0000003d}body.dark-mode .flashcard-compact-loading{color:#999}@media (max-width:768px){.flashcard-compact-container{max-width:100%}.flashcard-compact-wrapper{max-width:100%;padding:20px}.flashcard-card{max-width:100%}.flashcard-compact-layout{flex-direction:column}.flashcard-compact-sidebar{margin-top:16px;order:2;width:100%}.flashcard-compact-main{order:1}.flashcard-card{height:360px}.flashcard-card-face{padding:24px 20px}.flashcard-text{font-size:17px;line-height:1.55}.flashcard-compact-wrapper{padding:16px}.flashcard-label{font-size:9px;margin-bottom:12px}.flashcard-flip-instruction{font-size:12px;margin-top:16px}.flashcard-review-buttons{flex-direction:row;width:100%}.flashcard-review-btn{flex:1 1;min-width:0;padding:10px 14px}.flashcard-modal-body{flex-direction:column}.flashcard-modal-sidebar{border-bottom:1px solid #0000000f;border-right:none;max-height:180px;width:100%}body.dark-mode .flashcard-modal-sidebar{border-bottom-color:#ffffff14}}@media (prefers-reduced-motion:reduce){.flashcard-card-face,.flashcard-nav-btn,.flashcard-review-btn{transition:none}}.flashcard-navigation{background:#0000;border:none;border-radius:10px;box-shadow:none;padding:8px 6px}.flashcard-nav-title{color:#666;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:10px;padding:0 2px;text-transform:uppercase}.flashcard-nav-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.flashcard-nav-item{align-items:center;background:#fff;border:1.5px solid #ad7dc326;border-radius:8px;cursor:pointer;display:flex;gap:8px;height:40px;justify-content:space-between;overflow:hidden;padding:0 10px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.flashcard-nav-item:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .2s ease;width:3px}.flashcard-nav-item:hover{border-color:#ad7dc34d;box-shadow:0 2px 8px #9b6fb01a;transform:translateX(2px)}.flashcard-nav-item.active{background:#ad7dc314;border-color:#ad7dc366;box-shadow:0 2px 12px #9b6fb026}.flashcard-nav-number{color:#1a202c;font-size:13px;font-weight:700;min-width:24px}.flashcard-nav-icon{align-items:center;display:flex;font-size:16px;justify-content:center}.flashcard-nav-status-new{background:#fff}.flashcard-nav-status-new:before{background:#cbd5e0}.flashcard-nav-status-learning{background:#f6ad550a;border-color:#f6ad5533}.flashcard-nav-status-learning:before{background:linear-gradient(135deg,#f6ad55,#ed8936)}.flashcard-nav-status-mastered{background:#38a1690a;border-color:#38a16933}.flashcard-nav-status-mastered:before{background:linear-gradient(135deg,#68d391,#48bb78)}.flashcard-nav-status-know{background:#38a1690a;border-color:#38a16933}.flashcard-nav-status-know:before{background:linear-gradient(135deg,#68d391,#48bb78)}.flashcard-nav-status-again{background:#e53e3e0a;border-color:#e53e3e33}.flashcard-nav-status-again:before{background:linear-gradient(135deg,#fc8181,#f56565)}.flashcard-nav-legend{border-top:1px solid #ad7dc31f;margin-top:6px;padding-top:10px}.flashcard-legend-title{color:#666;font-size:9px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.flashcard-legend-item{align-items:center;border-radius:4px;color:#2d3748;display:flex;font-size:11px;gap:8px;margin-bottom:6px;padding:4px 6px;transition:background .15s ease}.flashcard-legend-item:hover{background:#ad7dc30a}.flashcard-legend-icon{align-items:center;display:flex;font-size:14px;justify-content:center;width:18px}.flashcard-legend-text{flex:1 1;font-weight:500}.flashcard-nav-footer{border-top:1px solid #0000000f;display:flex;justify-content:center;margin-top:auto;padding-top:10px;width:100%}.flashcard-feedback-container{position:relative}.feedback-trigger-btn{align-items:center;animation:feedbackPulse 2s infinite;background:linear-gradient(135deg,#6b46c1,#9f7aea);border:none;border-radius:50%;box-shadow:0 4px 12px #6b46c14d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px}.feedback-trigger-btn.submitted{animation:none;background:linear-gradient(135deg,#805ad5,#b794f4);box-shadow:0 2px 6px #6b46c133}.feedback-trigger-btn.active,.feedback-trigger-btn:hover{animation:none;box-shadow:0 6px 16px #6b46c166;transform:scale(1.1) translateY(-2px)}.feedback-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:20px}.feedback-trigger-btn:after{background:#f56565;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:12px;position:absolute;right:0;top:0;transition:transform .3s ease;width:12px}.feedback-trigger-btn.submitted:after{opacity:0;transform:scale(0)}@keyframes feedbackPulse{0%{box-shadow:0 0 0 0 #6b46c1b3}70%{box-shadow:0 0 0 10px #6b46c100}to{box-shadow:0 0 0 0 #6b46c100}}.feedback-popover{animation:popoverSlideIn .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000000f;border-radius:12px;bottom:auto;box-shadow:0 8px 24px #00000026;left:auto;padding:12px;position:fixed;width:220px;z-index:99999}.flashcard-modal-content .feedback-popover{z-index:100000}@keyframes popoverSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.feedback-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:6px}.feedback-header h4{color:#553c9a;font-size:13px;font-weight:600;margin:0}.close-btn{background:none;color:#a0aec0;font-size:16px;padding:0 4px}.close-btn:hover{color:#553c9a}.feedback-content p{color:#4a5568;font-size:12px;line-height:1.4;margin:0 0 10px}.emoji-rating{display:flex;justify-content:space-around}.emoji-rating button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:24px;padding:4px;transition:transform .2s}.emoji-rating button:hover{background:#6b46c11a;transform:scale(1.2)}.feedback-options{display:flex;flex-direction:column;gap:6px}.feedback-options button{background:#f9f5fdcc;border:1px solid #e0d6f5cc;border-radius:6px;color:#553c9a;cursor:pointer;font-size:11px;padding:6px 10px;text-align:left;transition:all .15s}.feedback-options button:hover{background:#f3e8ff;border-color:#d6bcfa}.feedback-step-thanks{color:#48bb78;font-weight:600;padding:10px 0;text-align:center}@media (max-width:768px){.flashcard-nav-list{gap:4px}.flashcard-nav-item{height:36px;padding:0 8px}.flashcard-nav-number{font-size:12px}.flashcard-nav-icon{font-size:14px}}body.dark-mode .flashcard-navigation{background:#0000;box-shadow:none}body.dark-mode .flashcard-nav-title{color:#999}body.dark-mode .flashcard-nav-item{background:#ffffff08;border-color:#ffffff14}body.dark-mode .flashcard-nav-item:hover{background:#ffffff0f;border-color:#ffffff26;box-shadow:0 2px 8px #0000004d}body.dark-mode .flashcard-nav-item.active{background:#7c3aed26;border-color:#7c3aed66;box-shadow:0 2px 12px #7c3aed4d}body.dark-mode .flashcard-nav-number{color:#e5e5e5}body.dark-mode .flashcard-nav-status-new{background:#ffffff08;border-color:#ffffff14}body.dark-mode .flashcard-nav-status-new:before{background:#cbd5e04d}body.dark-mode .flashcard-nav-status-learning{background:#f6ad5514;border-color:#f6ad5540}body.dark-mode .flashcard-nav-status-learning:before{background:linear-gradient(135deg,#f6ad55,#ed8936)}body.dark-mode .flashcard-nav-status-mastered{background:#68d39114;border-color:#68d39140}body.dark-mode .flashcard-nav-status-mastered:before{background:linear-gradient(135deg,#68d391,#48bb78)}body.dark-mode .flashcard-nav-status-know{background:#68d39114;border-color:#68d39140}body.dark-mode .flashcard-nav-status-know:before{background:linear-gradient(135deg,#68d391,#48bb78)}body.dark-mode .flashcard-nav-status-again{background:#fc818114;border-color:#fc818140}body.dark-mode .flashcard-nav-status-again:before{background:linear-gradient(135deg,#fc8181,#f56565)}body.dark-mode .flashcard-nav-legend{border-top-color:#ffffff14}body.dark-mode .flashcard-legend-title{color:#999}body.dark-mode .flashcard-legend-item{color:#ccc}body.dark-mode .flashcard-legend-item:hover{background:#ffffff0d}body.dark-mode .flashcard-legend-text{color:#ccc}body.dark-mode .flashcard-nav-footer{border-top-color:#ffffff14}body.dark-mode .feedback-popover{background:#1e2128fa;border-color:#ffffff1a;box-shadow:0 4px 16px #0000004d}body.dark-mode .feedback-popover h4{color:#ddd6fe}body.dark-mode .feedback-content p{color:#e5e7eb;font-weight:450}body.dark-mode .feedback-header{border-bottom-color:#ffffff1a}body.dark-mode .close-btn{color:#9ca3af}body.dark-mode .close-btn:hover{color:#ddd6fe}body.dark-mode .feedback-options button{background:#8b5cf626;border-color:#8b5cf64d;color:#ddd6fe;font-weight:500}body.dark-mode .feedback-options button:hover{background:#8b5cf640;border-color:#8b5cf666}.flashcard-feedback-dev-display{background:#f9731614;border:1px solid #f973164d;border-radius:8px;font-size:12px;margin-top:12px;overflow:hidden}.dev-feedback-header{align-items:center;background:#f9731626;border-bottom:1px solid #f9731633;display:flex;gap:8px;padding:8px 10px}.dev-badge{background:#f97316;border-radius:3px;color:#fff;font-size:9px;padding:2px 5px}.dev-feedback-title{color:#ea580c;font-size:11px;font-weight:600}.dev-feedback-content{display:flex;flex-direction:column;gap:6px;padding:10px}.dev-feedback-row{align-items:center;display:flex;gap:8px}.dev-feedback-label{color:#9a3412;font-weight:600;min-width:50px}.dev-feedback-value{color:#ea580c;font-weight:500}body.dark-mode .flashcard-feedback-dev-display{background:#fb923c1a;border-color:#fb923c66}body.dark-mode .dev-feedback-header{background:#fb923c33;border-bottom-color:#fb923c4d}body.dark-mode .dev-feedback-title{color:#fb923c}body.dark-mode .dev-feedback-label{color:#fdba74}body.dark-mode .dev-feedback-value{color:#fb923c}.flashcard-results-container{animation:resultsSlideUp .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000000f;border-radius:12px;box-shadow:0 4px 16px #0000000a;margin:0 auto;max-width:900px;padding:1rem;width:100%}.flashcard-results-header{animation:titleSlide .4s ease-out .1s backwards;border-bottom:1px solid #0000000f;margin-bottom:.75rem;padding-bottom:.75rem}.flashcard-results-title-wrapper{align-items:center;display:flex;gap:1rem;justify-content:space-between}.flashcard-results-title{align-items:center;color:#1a1a1a;display:flex;font-size:1.125rem;font-weight:600;gap:.375rem;letter-spacing:-.01em;line-height:1.3;margin:0}.flashcard-results-emoji{font-size:1.25rem;line-height:1}.flashcard-results-message{color:#86868b;font-size:.75rem;font-weight:400;line-height:1.3;margin:.25rem 0 0}.flashcard-score-percentage-inline{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1}.tier-outstanding .flashcard-score-percentage-inline{color:#ff9500}.tier-excellent .flashcard-score-percentage-inline{color:#9f7aea}.tier-good .flashcard-score-percentage-inline{color:#30d158}.tier-moderate .flashcard-score-percentage-inline{color:#6b46c1}.tier-study .flashcard-score-percentage-inline{color:#ff9500}.flashcard-progress-bar,.flashcard-progress-ring,.flashcard-score-circle,.flashcard-score-display,.flashcard-score-label,.flashcard-score-text{display:none}.flashcard-results-breakdown{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:.75rem}.flashcard-breakdown-item{align-items:flex-start;animation:statPop .3s cubic-bezier(.34,1.56,.64,1) backwards;background:#00000005;border:1px solid #0000000a;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.625rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.flashcard-breakdown-item:first-child{animation-delay:.15s}.flashcard-breakdown-item:nth-child(2){animation-delay:.2s}.flashcard-breakdown-item:nth-child(3){animation-delay:.25s}.flashcard-breakdown-item:hover{background:#00000008;border-color:#00000014;transform:translateY(-1px)}.flashcard-breakdown-icon{font-size:1.125rem;line-height:1;opacity:.9}.flashcard-breakdown-details{width:100%}.flashcard-breakdown-count{color:#1a1a1a;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:.125rem}.flashcard-breakdown-label{color:#86868b;font-size:.625rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.flashcard-breakdown-item.mastered .flashcard-breakdown-icon{filter:brightness(1.1)}.flashcard-breakdown-item.learning .flashcard-breakdown-icon{filter:brightness(1.05)}.flashcard-breakdown-item.new .flashcard-breakdown-icon{opacity:.7}.flashcard-topic-breakdown{animation:topicsSlide .3s ease-out .3s backwards;margin-bottom:.75rem}.flashcard-topic-title{color:#1a1a1a;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .5rem}.flashcard-topic-list{display:flex;flex-direction:column;gap:.5rem}.flashcard-topic-item{animation:barSlide .3s ease-out backwards}.flashcard-topic-item:first-child{animation-delay:.35s}.flashcard-topic-item:nth-child(2){animation-delay:.4s}.flashcard-topic-item:nth-child(3){animation-delay:.45s}.flashcard-topic-item:nth-child(4){animation-delay:.5s}.flashcard-topic-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.flashcard-topic-name{color:#1a1a1a;flex:1 1;font-size:.75rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flashcard-topic-percentage{color:#6b46c1;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:-.01em}.flashcard-topic-progress{background:#0000000a;border-radius:3px;height:5px;margin-bottom:.25rem;overflow:hidden}.flashcard-topic-progress-bar{animation:barGrow .8s ease-out;background:linear-gradient(90deg,#6b46c1,#9f7aea);border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.flashcard-topic-stats{align-items:center;display:flex;font-size:.6875rem;gap:.25rem}.flashcard-topic-stats .count-correct{color:#30d158;font-weight:600}.flashcard-topic-stats .count-divider{color:#d1d1d6}.flashcard-topic-stats .count-total{color:#86868b;font-weight:500}.flashcard-results-actions{grid-gap:.5rem;animation:actionsSlide .3s ease-out .5s backwards;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.flashcard-results-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;justify-content:center;letter-spacing:-.01em;padding:.625rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.flashcard-continue-btn{background:#6b46c1;box-shadow:0 1px 3px #6b46c133;color:#fff}.flashcard-continue-btn:hover{background:#553c9a;box-shadow:0 2px 6px #6b46c14d;transform:translateY(-1px)}.flashcard-continue-btn:active{box-shadow:0 1px 2px #6b46c133;transform:translateY(0)}.flashcard-review-btn{background:#00000008;border:1px solid #0000000f;color:#1a1a1a}.flashcard-review-btn:hover{background:#0000000d;border-color:#0000001a;transform:translateY(-1px)}.flashcard-review-btn:active{transform:translateY(0)}.btn-icon{font-size:.875rem}.btn-text{line-height:1}.flashcard-results-footer{display:none}body.dark-mode .flashcard-results-container{background:#1e1e1ef2;border-color:#ffffff1a;box-shadow:0 4px 16px #0000004d}body.dark-mode .flashcard-results-header{border-bottom-color:#ffffff1a}body.dark-mode .flashcard-results-title{color:#f5f5f7}body.dark-mode .flashcard-results-message{color:#86868b}body.dark-mode .flashcard-breakdown-item{background:#ffffff0d;border-color:#ffffff1a}body.dark-mode .flashcard-breakdown-item:hover{background:#ffffff14;border-color:#ffffff26}body.dark-mode .flashcard-breakdown-count{color:#f5f5f7}body.dark-mode .flashcard-breakdown-label{color:#86868b}body.dark-mode .flashcard-topic-name,body.dark-mode .flashcard-topic-title{color:#f5f5f7}body.dark-mode .flashcard-topic-percentage{color:#c4b5fd}body.dark-mode .flashcard-topic-progress{background:#ffffff14}body.dark-mode .flashcard-topic-progress-bar{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}body.dark-mode .flashcard-topic-stats .count-correct{color:#32d74b}body.dark-mode .flashcard-topic-stats .count-divider{color:#48484a}body.dark-mode .flashcard-topic-stats .count-total{color:#86868b}body.dark-mode .flashcard-continue-btn{background:#8b5cf6;box-shadow:0 1px 3px #8b5cf64d}body.dark-mode .flashcard-continue-btn:hover{background:#a78bfa;box-shadow:0 2px 6px #8b5cf666}body.dark-mode .flashcard-review-btn{background:#ffffff14;border-color:#ffffff26;color:#f5f5f7}body.dark-mode .flashcard-review-btn:hover{background:#ffffff1f;border-color:#fff3}@media (max-width:640px){.flashcard-results-container{padding:1.25rem}.flashcard-results-emoji,.flashcard-results-title{font-size:1.25rem}.flashcard-score-percentage-inline{font-size:1.5rem}.flashcard-results-breakdown{gap:.5rem;grid-template-columns:1fr}.flashcard-breakdown-count{font-size:1.5rem}.flashcard-results-actions{grid-template-columns:1fr}}.summary-container{background-color:#fcfcff;border:1px solid #e2d9f3;border-radius:12px;color:#2b2b2b;font-family:Verdana,sans-serif;font-size:16px;line-height:1.8;margin:auto;max-width:720px;padding:24px}.summary-container h3{color:#442c63;font-size:20px;margin-bottom:16px}.summary-section{margin-bottom:24px}.summary-section h4{border-left:4px solid #9b6fb0;color:#5a3e9e;font-size:17px;margin-bottom:12px;padding-left:10px}.summary-section ul{display:flex;flex-direction:column;gap:12px;list-style:disc;padding-left:24px}.summary-section li{background-color:#f8f4ff;border-radius:8px;font-size:15px;padding:10px 14px}.scenario-container{background-color:#fff7fb;border:1px solid #e0cfe3;border-radius:16px;box-shadow:0 2px 5px #0000000d;font-family:Segoe UI,sans-serif;line-height:1.6;margin-top:20px;padding:20px}.scenario-description strong,.scenario-question strong{color:#9333ea;display:inline-block;font-size:15px;margin-bottom:6px}.scenario-description p,.scenario-question p{color:#333;font-size:15px;margin-bottom:16px;white-space:pre-wrap}.scenario-options{display:flex;flex-direction:column;gap:10px;list-style:none;margin-bottom:20px;padding:0}.option{background-color:#f8f6fa;border:1px solid #d3c1df;border-radius:12px;cursor:pointer;padding:12px 16px;transition:all .2s ease}.option:hover{background-color:#f1e9f5}.option.correct{background-color:#e3f9e5;border-color:#90d4a3;color:#217a3e;font-weight:700}.option.incorrect{background-color:#fde8e8;border-color:#f19999;color:#b42323;font-weight:700}.scenario-feedback{background-color:#f7f2fa;border-left:4px solid #a855f7;border-radius:12px;padding:16px}.scenario-feedback p{font-size:14.5px;margin-bottom:8px}.scenario-feedback strong{color:#7e22ce}.scenario-retry-button{background-color:#e6d5f7;border:1px solid #cba9f4;border-radius:10px;color:#5e2f95;cursor:pointer;font-weight:500;margin-top:16px;padding:10px 16px;transition:background-color .2s ease}.scenario-retry-button:hover{background-color:#d8c1f0}.study-sheet-banner{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ad7dc3f2,#764ba2f2);border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 16px #764ba240,0 2px 8px #ad7dc326,inset 0 1px 0 0 #fff3;color:#fff;cursor:pointer;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.study-sheet-banner:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.study-sheet-banner:hover:before{left:100%}.study-sheet-banner:hover{box-shadow:0 8px 32px #764ba259,0 4px 16px #ad7dc340,inset 0 2px 0 0 #ffffff4d;transform:translateY(-4px) scale(1.02)}.study-sheet-banner:active{transform:translateY(-2px) scale(1.01)}.study-sheet-banner:focus{outline:3px solid #ad7dc380;outline-offset:2px}.study-sheet-banner-content{align-items:center;display:flex;gap:16px;justify-content:space-between;position:relative;z-index:1}.study-sheet-banner-left{align-items:center;display:flex;flex:1 1;gap:16px}.study-sheet-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:50%;box-shadow:0 4px 12px #0000001a,inset 0 1px 0 0 #ffffff4d;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;padding:12px;transition:transform .3s ease;width:56px}.study-sheet-banner:hover .study-sheet-icon{transform:rotate(10deg) scale(1.1)}.study-sheet-text{display:flex;flex-direction:column;gap:4px}.study-sheet-title{font-size:18px;font-weight:600;letter-spacing:-.3px;line-height:1.2}.study-sheet-subtitle{font-size:14px;font-weight:400;line-height:1.4;opacity:.9}.study-sheet-arrow{flex-shrink:0;font-size:24px;opacity:.9;transition:transform .3s cubic-bezier(.4,0,.2,1)}.study-sheet-banner:hover .study-sheet-arrow{opacity:1;transform:translateX(8px)}.study-sheet-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1f1f1fd9;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:9999}@media (min-width:769px){.study-sheet-modal-overlay{padding:20px}}.study-sheet-modal-content{animation:slideIn .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ad7dc333;border-radius:0;box-shadow:0 20px 60px #764ba24d,0 10px 30px #0003,inset 0 1px 0 0 #ffffff80;display:flex;flex-direction:column;height:100%;max-height:100vh;max-width:1200px;overflow:hidden;position:relative;width:100%}@media (min-width:769px){.study-sheet-modal-content{border-radius:24px;max-height:90vh}}.study-sheet-modal-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#efe2f5f2,#d9b8f4f2);border-bottom:1px solid #ad7dc326;box-shadow:inset 0 1px 0 0 #ffffff80;color:#511c3a;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.study-sheet-modal-title{align-items:center;display:flex;font-size:20px;font-weight:600;gap:10px;letter-spacing:-.3px;margin:0}.study-sheet-close-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ad7dc326;border:1px solid #ad7dc333;border-radius:12px;box-shadow:0 2px 8px #764ba21a;color:#511c3a;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:44px;justify-content:center;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px}.study-sheet-close-button:hover{background:#ad7dc340;box-shadow:0 4px 12px #764ba233;transform:scale(1.1)}.study-sheet-close-button:active{transform:scale(1.05)}.study-sheet-close-button:focus{outline:3px solid #ad7dc380;outline-offset:2px}.study-sheet-iframe-container{background:#fff;flex:1 1;overflow:hidden;position:relative}.study-sheet-iframe{border:none;display:block;height:100%;width:100%}@media (max-width:430px){.study-sheet-banner{padding:18px 20px}.study-sheet-banner-content{gap:12px}.study-sheet-icon{font-size:28px;height:52px;padding:10px;width:52px}.study-sheet-title{font-size:17px}.study-sheet-subtitle{font-size:13px}.study-sheet-arrow{font-size:22px}.study-sheet-modal-header{padding:14px 16px}.study-sheet-modal-title{font-size:17px;gap:8px}.study-sheet-close-button{font-size:26px;height:40px;width:40px}}@media (max-width:375px){.study-sheet-banner{padding:16px 18px}.study-sheet-banner-content{align-items:flex-start;flex-direction:column;gap:12px}.study-sheet-banner-left{width:100%}.study-sheet-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%)}.study-sheet-banner:hover .study-sheet-arrow{transform:translateY(-50%) translateX(8px)}.study-sheet-icon{font-size:26px;height:48px;width:48px}.study-sheet-title{font-size:16px}.study-sheet-subtitle{font-size:12px}.study-sheet-modal-header{padding:12px 14px}.study-sheet-modal-title{font-size:16px}.study-sheet-close-button{font-size:24px;height:38px;width:38px}}@supports (padding:max(0px)){@media (max-width:768px){.study-sheet-modal-content{padding-bottom:max(0px,env(safe-area-inset-bottom));padding-top:max(0px,env(safe-area-inset-top))}.study-sheet-modal-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}}@media (prefers-reduced-motion:reduce){.study-sheet-arrow,.study-sheet-banner,.study-sheet-banner:before,.study-sheet-close-button,.study-sheet-icon,.study-sheet-modal-content,.study-sheet-modal-overlay{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.study-sheet-banner{border:2px solid #fff}.study-sheet-modal-content{border:2px solid #ad7dc3cc}.study-sheet-close-button{border:2px solid #511c3a}}@media print{.study-sheet-banner{display:none}.study-sheet-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;position:static}.study-sheet-modal-content{background:#fff;border:none;box-shadow:none;max-height:none;max-width:100%}.study-sheet-modal-header{background:#fff;border-bottom:2px solid #ccc}.study-sheet-close-button{display:none}}.quiz-results-analytics-v2{animation:resultsSlideUp .5s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #6b46c11a;border-radius:16px;box-shadow:0 8px 32px #6b46c11f;margin:0 auto;max-width:900px;padding:2rem;width:100%}.results-header{border-bottom:1px solid #6b46c11a;gap:2rem;margin-bottom:1.25rem;padding-bottom:1.25rem}.score-display{flex-shrink:0}.score-circle{animation:scoreScale .6s cubic-bezier(.34,1.56,.64,1);height:100px;position:relative;width:100px}@keyframes scoreScale{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.score-svg{height:100%;width:100%}.score-progress{animation:scoreDrawCircle 1.2s ease-out;transition:stroke-dasharray 1.2s cubic-bezier(.4,0,.2,1)}@keyframes scoreDrawCircle{0%{stroke-dasharray:0 339}}.score-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.score-percentage{animation:countUp 1s ease-out;color:currentColor;font-size:2rem;font-weight:800;line-height:1}.score-title{animation:titleSlide .5s ease-out .2s backwards;flex:1 1}@keyframes titleSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.score-title h3{color:#1a202c;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.score-title p{color:#718096;font-size:.875rem;line-height:1.4;margin:0}.tier-outstanding{color:#fbbf24}.tier-excellent{color:#8b5cf6}.tier-good{color:#10b981}.tier-moderate{color:#3b82f6}.tier-review{color:#f59e0b}.tier-study{color:#ef4444}.stats-compact{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.stat-item{animation:statPop .4s cubic-bezier(.34,1.56,.64,1) backwards;background:#f9f5fd66;border:1px solid #e0d6f566;border-radius:8px;gap:.5rem;padding:.625rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:first-child{animation-delay:.3s}.stat-item:nth-child(2){animation-delay:.35s}.stat-item:nth-child(3){animation-delay:.4s}.stat-item:nth-child(4){animation-delay:.45s}.stat-item:hover{background:#f1e9fc99;box-shadow:0 2px 8px #6b46c114;transform:translateY(-1px)}.stat-icon{font-size:1.125rem;line-height:1}.stat-correct .stat-icon{color:#10b981}.stat-incorrect .stat-icon{color:#ef4444}.stat-streak .stat-icon{color:#f59e0b}.stat-topics .stat-icon{color:#3b82f6}.stat-data{flex:1 1;min-width:0}.stat-value{color:#1a202c;font-size:1.125rem;margin-bottom:.125rem}.stat-label{color:#718096;font-size:.6875rem;opacity:.9;text-transform:capitalize}.topics-section{animation:topicsSlide .5s ease-out .5s backwards;margin-bottom:1.25rem}@keyframes topicsSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{align-items:center;color:#1a202c;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 .875rem}.topics-chart{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.topic-bar-item{animation:barSlide .4s ease-out backwards}.topic-bar-item:first-child{animation-delay:.6s}.topic-bar-item:nth-child(2){animation-delay:.65s}.topic-bar-item:nth-child(3){animation-delay:.7s}.topic-bar-item:nth-child(4){animation-delay:.75s}.topic-bar-item:nth-child(5){animation-delay:.8s}@keyframes barSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.topic-info{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.375rem}.topic-label{color:#1a202c;flex:1 1;font-size:.875rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-score{color:#6b46c1;flex-shrink:0;font-size:.875rem;font-weight:700}.topic-bar-track{background:#e0d6f566;border-radius:4px;height:8px;margin-bottom:.375rem;overflow:hidden}.topic-bar-fill{animation:barGrow 1s ease-out;border-radius:4px;box-shadow:0 0 8px currentColor;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}@keyframes barGrow{0%{width:0!important}}.topic-counts{align-items:center;display:flex;font-size:.75rem;gap:.375rem}.count-correct{color:#10b981;font-weight:600}.count-divider{color:#cbd5e0}.count-total{color:#718096;font-weight:500}.actions-compact{grid-gap:.75rem;animation:actionsSlide .5s ease-out .8s backwards;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@keyframes actionsSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem .875rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.action-btn:before{background:#ffffff40;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;width:0}.action-btn:hover:before{height:300px;width:300px}.action-btn.primary{background:linear-gradient(135deg,#6b46c1,#9f7aea);box-shadow:0 4px 12px #6b46c140;color:#fff}.action-btn.primary:hover{box-shadow:0 6px 20px #6b46c159;transform:translateY(-2px)}.action-btn.primary:active{transform:translateY(0)}.action-btn.secondary{background:#f9f5fdcc;border:1.5px solid #e0d6f5cc;color:#6b46c1}.action-btn.secondary:hover{background:#f1e9fce6;border-color:#d6bcfa;box-shadow:0 4px 12px #6b46c126;transform:translateY(-2px)}.action-btn.outline{background:#0000;border:1.5px solid #cbd5e0cc;color:#718096}.action-btn.outline:hover{background:#f9fafbcc;border-color:#cbd5e0;color:#4a5568;transform:translateY(-2px)}.btn-icon{font-size:1rem;line-height:1;z-index:1}.btn-text{z-index:1}body.dark-mode .quiz-results-analytics-v2{background:linear-gradient(135deg,#23262dfa,#1e2128fa);border-color:#8b5cf640;box-shadow:0 8px 32px #0000004d}body.dark-mode .results-header{border-bottom-color:#8b5cf633}body.dark-mode .score-title h3{color:#f9fafb}body.dark-mode .score-title p{color:#9ca3af}body.dark-mode .stat-item{background:#32353e99;border-color:#8b5cf633}body.dark-mode .stat-item:hover{background:#3c3f48cc;box-shadow:0 4px 12px #8b5cf633}body.dark-mode .section-header,body.dark-mode .stat-value{color:#f9fafb}body.dark-mode .topic-label{color:#f3f4f6}body.dark-mode .topic-score{color:#c4b5fd}body.dark-mode .topic-bar-track{background:#3c3f4899}body.dark-mode .count-total{color:#9ca3af}body.dark-mode .action-btn.secondary{background:#32353ecc;border-color:#8b5cf64d;color:#c4b5fd}body.dark-mode .action-btn.secondary:hover{background:#3c3f48e6;border-color:#8b5cf666}body.dark-mode .action-btn.outline{border-color:#4b556399;color:#9ca3af}body.dark-mode .action-btn.outline:hover{background:#32353e99;border-color:#6b7280cc;color:#d1d5db}body.dark-mode .review-quiz-btn{color:#d1d5db}@media (max-width:768px){.topics-chart{grid-template-columns:1fr}}@media (max-width:640px){.quiz-results-analytics-v2{padding:1.25rem}.results-header{gap:1rem}.score-circle{height:85px;width:85px}.score-percentage{font-size:1.5rem}.score-emoji,.score-title h3{font-size:1.25rem}.score-title p{font-size:.8125rem}.stats-compact{gap:.625rem;grid-template-columns:repeat(2,1fr)}.stat-item{padding:.75rem}.stat-icon,.stat-value{font-size:1.25rem}.stat-label{font-size:.6875rem}.section-header{font-size:.9375rem}.topic-label,.topic-score{font-size:.8125rem}.actions-compact,.topics-chart{grid-template-columns:1fr}.action-btn{font-size:.875rem;padding:.75rem 1rem}.btn-icon{font-size:1rem}}.review-quiz-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000000d;border:1.5px solid #0000001f;border-radius:12px;box-shadow:0 2px 6px #00000014;color:#2d3748;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;margin-top:12px;max-width:none;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.review-quiz-btn .btn-content{align-items:center;display:flex;gap:8px;position:relative;transition:transform .3s ease;z-index:1}.review-quiz-btn .btn-shine{background:linear-gradient(90deg,#0000,#0000000d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.review-quiz-btn:hover{background:#00000014;border-color:#0000002e;box-shadow:0 4px 12px #0000001f;color:#1a202c;transform:translateY(-2px)}.review-quiz-btn:hover .btn-shine{left:100%}.review-quiz-btn:active{box-shadow:0 2px 6px #00000014;transform:translateY(0)}.review-quiz-btn .btn-icon,.review-quiz-btn svg{align-items:center;display:flex;height:18px;justify-content:center;transition:transform .3s ease;width:18px}.review-quiz-btn:hover .btn-icon,.review-quiz-btn:hover svg{transform:rotate(12deg) scale(1.1)}body.dark-mode .review-quiz-btn{background:#ffffff14;border-color:#ffffff40;box-shadow:0 2px 8px #0003;color:#ffffffe6}body.dark-mode .review-quiz-btn:hover{background:#ffffff26;border-color:#ffffff59;box-shadow:0 4px 16px #0000004d;color:#fff}body.dark-mode .review-quiz-btn:active{box-shadow:0 2px 8px #0003}body.dark-mode .review-quiz-btn .btn-shine{background:linear-gradient(90deg,#0000,#ffffff26,#0000)}.practice-btn{background:linear-gradient(135deg,#6b46c1,#9f7aea);border:1.5px solid #0000;box-shadow:0 4px 12px #6b46c140;color:#fff;display:inline-flex;font-size:14px;font-weight:600;margin-top:12px;max-width:none;overflow:hidden;padding:12px 28px;position:relative}.practice-btn .btn-content{align-items:center;display:flex;gap:8px;position:relative;transition:transform .3s ease;z-index:1}.practice-btn .btn-shine{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.practice-btn:hover{box-shadow:0 6px 20px #6b46c159;transform:translateY(-2px)}.practice-btn:hover .btn-shine{left:100%}.practice-btn:active{box-shadow:0 2px 6px #6b46c140;transform:translateY(0)}.practice-btn .btn-icon,.practice-btn svg{align-items:center;display:flex;height:18px;justify-content:center;transition:transform .3s ease;width:18px}.practice-btn:hover .btn-icon,.practice-btn:hover svg{transform:rotate(12deg) scale(1.1)}body.dark-mode .practice-btn{box-shadow:0 4px 12px #8b5cf64d}body.dark-mode .practice-btn:hover{box-shadow:0 6px 20px #8b5cf666}.quiz-progress-bar{animation:progressBarSlideDown .4s ease-out;background:#fff;border:1px solid #e9d8fd;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;overflow:hidden;padding:16px 20px;position:relative}@keyframes progressBarSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.progress-header{margin-bottom:12px}.progress-label{align-items:center;color:#2d3748;display:flex;font-size:14px;gap:8px}.progress-icon{animation:iconBounce 2s ease-in-out infinite;font-size:18px}.progress-text strong{color:#1a202c;font-weight:700}.progress-percentage{color:#553c9a;font-size:20px;min-width:50px;text-align:right}.progress-track{background:#f3e8ff;box-shadow:inset 0 2px 4px #0000000f;height:12px}.progress-fill,.progress-track{border-radius:10px;overflow:hidden;position:relative}.progress-fill{transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);height:100%;left:-100%;position:absolute;top:0;width:100%}.quiz-progress-bar.starting .progress-fill{background:linear-gradient(90deg,#b794f6,#9f7aea);box-shadow:0 2px 8px #b794f64d}.quiz-progress-bar.building .progress-fill{background:linear-gradient(90deg,#f6ad55,#ed8936);box-shadow:0 2px 8px #f6ad554d}.quiz-progress-bar.momentum .progress-fill{background:linear-gradient(90deg,#fbd38d,#f6ad55);box-shadow:0 2px 8px #fbd38d4d}.quiz-progress-bar.completing .progress-fill{background:linear-gradient(90deg,#68d391,#48bb78);box-shadow:0 2px 8px #68d3914d}.progress-stats{align-items:center;font-size:13px;justify-content:space-between;margin-top:12px}.progress-message{animation:messageSlideIn .4s ease-out;color:#2d3748;font-weight:600}@keyframes messageSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.progress-score{align-items:center;display:flex;font-weight:600;gap:8px}.stat-correct{color:#38a169}.stat-incorrect{color:#e53e3e}.stat-separator{color:#cbd5e0}.quiz-progress-bar.excellent-performance{animation:excellentGlow 2s ease-in-out infinite;border-color:#68d391;box-shadow:0 4px 12px #68d39133}@keyframes excellentGlow{0%,to{box-shadow:0 4px 12px #68d39133}50%{box-shadow:0 4px 16px #68d39166}}.progress-milestone{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.milestone-pulse{animation:milestonePulse 1s ease-out;background:radial-gradient(circle,#68d39166 0,#68d39100 70%);border-radius:50%;height:100px;width:100px}@keyframes milestonePulse{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(3)}}.quiz-container{background-color:#fefaff;border-radius:12px;box-shadow:0 4px 12px #bf94db14;font-family:Segoe UI,sans-serif;margin-top:16px;padding:18px;position:relative}.quiz-container>strong{color:#1a202c;display:block;font-size:15px;font-weight:600;line-height:1.5}.quiz-options{list-style:none;margin-top:14px;padding-left:0}.quiz-option{background-color:#f9f5fd;border:1px solid #e0d6f5;color:#1a202c;font-size:14px;justify-content:space-between;line-height:1.5;margin-bottom:8px;min-height:44px;padding:11px 14px}.quiz-option:hover{background-color:#f1e9fc;transform:translateY(-1px)}.quiz-option.selected{border:2px solid #ad7dc3}.quiz-option.correct{animation:correctPulse .3s ease-out;background-color:#d4f4e4;border-color:#38a169;color:#276749}.quiz-option.correct:after{animation:glowPulse .6s ease-out;background:linear-gradient(45deg,#38a169,#48bb78);border-radius:10px;content:"";inset:-2px;opacity:0;position:absolute;z-index:-1}@keyframes glowPulse{0%{opacity:0}50%{opacity:.3}to{opacity:0}}.quiz-option.incorrect{animation:shake .4s ease-in-out;background-color:#fcebea;border-color:#e53e3e;color:#822727}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}50%{transform:translateX(8px)}75%{transform:translateX(-8px)}}.quiz-option.correct-highlight{animation:correctHighlight .5s ease-out .5s forwards;background-color:#d4f4e4;border-color:#38a169;position:relative}@keyframes correctHighlight{0%{box-shadow:0 0 0 0 #38a16966}50%{box-shadow:0 0 0 8px #38a16900}to{box-shadow:0 0 0 0 #38a16900}}.answer-icon{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;margin-left:8px;width:24px}.answer-icon.checkmark{animation:slideInFromLeft .3s ease-out .1s backwards;background-color:#38a169}.answer-icon.x-mark{animation:popIn .2s ease-out .35s backwards;background-color:#e53e3e}.answer-icon svg{stroke:#fff;stroke-width:3;fill:none;height:14px;width:14px}@keyframes popIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.confetti-container{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.confetti-particle{animation:confettiFall .7s ease-out forwards;height:16px;opacity:0;position:absolute;width:16px}.confetti-particle:first-child{animation-delay:0s;left:-30px}.confetti-particle:nth-child(2){animation-delay:.1s;left:0}.confetti-particle:nth-child(3){animation-delay:.2s;left:30px}.confetti-particle svg{fill:#38a169;height:16px;width:16px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(100px) rotate(1turn) scale(.5)}}.quiz-feedback{animation:feedbackSlideIn .3s ease-out;background-color:#ffffff80;border-left:3px solid #0000;border-radius:10px;padding:14px}.quiz-feedback-title{font-size:14px;font-weight:700;margin-bottom:8px}.quiz-feedback-title.correct-text{color:#276749}.quiz-feedback-title.incorrect-text{color:#822727}.quiz-explanation-label{color:#2d3748;font-size:13px;font-weight:600;margin-bottom:6px}.quiz-feedback p:last-child{color:#2d3748;font-size:13px;line-height:1.6;margin:0}.quiz-fade-in{animation:fadeIn .4s ease-out}.streak-badge{animation:streakBounce .5s ease-out;background:linear-gradient(135deg,#f6ad55,#ed8936);border-radius:20px;box-shadow:0 2px 8px #ed89364d;color:#fff;font-size:13px;font-weight:700;padding:6px 12px;position:absolute;right:12px;top:12px}@keyframes streakBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.quiz-summary{animation:summarySlideUp .4s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff40;border-radius:14px;box-shadow:0 6px 20px #0000001f;color:#fff;margin-top:20px;overflow:hidden;padding:18px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.quiz-summary:before{background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.quiz-summary:hover{box-shadow:0 8px 28px #00000029;transform:translateY(-2px)}@keyframes summarySlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-summary-outstanding{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 6px 20px #48bb7840}.quiz-summary-excellent{background:linear-gradient(135deg,#68d391,#48bb78);box-shadow:0 6px 20px #68d39140}.quiz-summary-good{background:linear-gradient(135deg,#4299e1,#3182ce);box-shadow:0 6px 20px #4299e140}.quiz-summary-moderate{background:linear-gradient(135deg,#ed8936,#dd6b20);box-shadow:0 6px 20px #ed893640}.quiz-summary-review{background:linear-gradient(135deg,#f6ad55,#ed8936);box-shadow:0 6px 20px #f6ad5540}.quiz-summary-practice{background:linear-gradient(135deg,#fc8181,#f56565);box-shadow:0 6px 20px #fc818140}.quiz-summary-study{background:linear-gradient(135deg,#feb2b2,#fc8181);box-shadow:0 6px 20px #feb2b240}.quiz-summary-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.quiz-summary-emoji{animation:emojiPop .5s ease-out .15s backwards;flex-shrink:0;font-size:36px;line-height:1}@keyframes emojiPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}70%{transform:scale(1.15) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.quiz-summary-title{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:2px}.quiz-summary-message{font-size:13px;font-weight:500;line-height:1.4;opacity:.92}.quiz-summary-score{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1;margin:10px 0 14px;text-align:center;text-shadow:0 2px 8px #00000026}.quiz-summary-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:0}.quiz-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:10px;padding:10px 8px;text-align:center;transition:all .2s ease}.quiz-stat:hover{background:#ffffff40;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.quiz-stat-value{display:block;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:3px;text-shadow:0 1px 3px #0000001a}.quiz-stat-label{font-size:10px;font-weight:600;letter-spacing:.6px;line-height:1.2;opacity:.92;text-transform:uppercase}@media (prefers-reduced-motion:reduce){.answer-icon.checkmark,.answer-icon.x-mark,.confetti-particle,.milestone-pulse,.progress-icon,.progress-message,.progress-shimmer,.quiz-fade-in,.quiz-feedback,.quiz-option.correct,.quiz-option.incorrect,.quiz-progress-bar,.quiz-summary,.quiz-summary-emoji,.streak-badge{animation:none!important;opacity:1!important;transform:none!important}.progress-fill{transition:width .3s linear!important}.quiz-container:hover,.quiz-option:hover,.quiz-stat:hover,.quiz-summary:hover{transform:none}.confetti-particle{display:none}.quiz-summary-excellent,.quiz-summary-good,.quiz-summary-moderate,.quiz-summary-outstanding,.quiz-summary-practice,.quiz-summary-review,.quiz-summary-study{animation:none}}@media (max-width:768px){.quiz-container{padding:16px}.quiz-container>strong{font-size:14px}.quiz-option{font-size:13px;padding:10px 12px}.quiz-feedback{padding:12px}.quiz-feedback p:last-child{font-size:12px}}@media (max-width:640px){.quiz-progress-bar{padding:12px 16px}.progress-label{font-size:12px}.progress-icon{font-size:16px}.progress-percentage{font-size:18px}.progress-track{height:10px}.progress-stats{align-items:flex-start;flex-direction:column;font-size:12px;gap:8px}.progress-message{order:2}.progress-score{order:1}.quiz-container{margin-top:12px;padding:14px}.quiz-container>strong{font-size:14px}.quiz-options{margin-top:12px}.quiz-option{font-size:13px;margin-bottom:7px;padding:10px 12px}.quiz-feedback{margin-top:12px;padding:12px}.quiz-feedback-title{font-size:13px}.quiz-explanation-label,.quiz-feedback p:last-child{font-size:12px}.streak-badge{font-size:11px;padding:5px 10px;right:10px;top:10px}.quiz-summary{border-radius:12px;margin-top:16px;padding:16px}.quiz-summary-header{gap:10px;margin-bottom:10px}.quiz-summary-emoji{font-size:32px}.quiz-summary-title{font-size:18px}.quiz-summary-message{font-size:12px}.quiz-summary-score{font-size:42px;margin:8px 0 10px}.quiz-summary-stats{gap:6px;margin-top:0}.quiz-stat{border-radius:8px;padding:10px 6px}.quiz-stat-value{font-size:20px;margin-bottom:2px}.quiz-stat-label{font-size:9px;letter-spacing:.5px}}@media (max-width:375px){.quiz-summary{padding:14px}.quiz-summary-header{gap:8px;margin-bottom:8px}.quiz-summary-emoji{font-size:28px}.quiz-summary-title{font-size:16px}.quiz-summary-message{font-size:11px}.quiz-summary-score{font-size:38px;margin:6px 0 8px}.quiz-stat{padding:8px 4px}.quiz-stat-value{font-size:18px}.quiz-stat-label{font-size:8px}}.quiz-progress-bar.active-quiz{animation:activeQuizPulse 2.5s ease-in-out infinite;box-shadow:0 0 0 2px #ad7dc366,0 4px 16px #ad7dc340;position:relative}@keyframes activeQuizPulse{0%,to{box-shadow:0 0 0 2px #ad7dc366,0 4px 16px #ad7dc340}50%{box-shadow:0 0 0 3px #ad7dc399,0 6px 20px #ad7dc359}}.active-quiz-indicator{animation:activeIndicatorSlide .3s ease-out;left:16px;position:absolute;top:-12px;z-index:10}@keyframes activeIndicatorSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.active-quiz-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#9f7aea,#6b46c1);border-radius:12px;box-shadow:0 2px 8px #6b46c14d,0 0 0 2px #fff;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.quiz-progress-bar.active-quiz.excellent-performance{animation:activeExcellentPulse 2.5s ease-in-out infinite;box-shadow:0 0 0 2px #68d39180,0 4px 16px #68d3914d}@keyframes activeExcellentPulse{0%,to{box-shadow:0 0 0 2px #68d39180,0 4px 16px #68d3914d}50%{box-shadow:0 0 0 3px #68d391b3,0 6px 24px #68d39166}}.quiz-progress-bar.excellent-performance .active-quiz-badge{background:linear-gradient(135deg,#68d391,#48bb78);box-shadow:0 2px 8px #48bb784d,0 0 0 2px #fff}@media (max-width:640px){.active-quiz-indicator{left:12px;top:-10px}.active-quiz-badge{font-size:10px;padding:3px 10px}}@media (prefers-reduced-motion:reduce){.quiz-progress-bar.active-quiz{animation:none;box-shadow:0 0 0 2px #ad7dc380,0 4px 16px #ad7dc34d}.active-quiz-badge,.active-quiz-indicator,.quiz-progress-bar.active-quiz.excellent-performance{animation:none}}.quiz-progress-bar:not(.active-quiz):hover:after{animation:hintFadeIn .2s ease-out forwards;background:#6b46c1f2;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;content:"Answer a question to activate";font-size:11px;font-weight:600;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:100}@keyframes hintFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.quiz-progress-bar:not(.active-quiz):hover:after{display:none}}.quiz-single-view-container{min-height:200px;position:relative}.quiz-single-question{animation:questionSlideIn .3s ease-out}@keyframes questionSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.quiz-question-counter{background:#ad7dc326;border-radius:12px;color:#6b46c1;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:12px;top:12px}.counter-current{color:#5a2d82}.counter-separator{color:#a0aec0;margin:0 2px}.counter-total{color:#718096}.quiz-question-text{display:block;padding-right:50px}.quiz-next-button-container{border-top:1px solid #f0e6f5;display:flex;justify-content:center;margin-top:20px;padding-top:16px}.quiz-next-button{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:12px;box-shadow:0 4px 12px #48bb784d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s ease}.quiz-next-button:hover{box-shadow:0 6px 16px #48bb7866;transform:translateY(-2px)}.quiz-next-button:active{transform:translateY(0)}.quiz-loading{animation:fadeIn .3s ease-out}.quiz-loading-question{margin-bottom:20px}.skeleton-line{animation:skeletonShimmer 1.5s infinite;background:linear-gradient(90deg,#f3e8ff 25%,#e9d8fd 50%,#f3e8ff 75%);background-size:200% 100%;border-radius:8px;height:16px;margin-bottom:8px}.skeleton-line-long{width:100%}.skeleton-line-medium{width:75%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.quiz-option-skeleton{cursor:default!important;pointer-events:none}.quiz-option-skeleton:hover{background-color:#f9f5fd!important;transform:none!important}.skeleton-option-content{align-items:center;display:flex;gap:12px;width:100%}.skeleton-circle{animation:skeletonShimmer 1.5s infinite;background:linear-gradient(90deg,#e9d8fd 25%,#d6bcfa 50%,#e9d8fd 75%);background-size:200% 100%;border-radius:50%;flex-shrink:0;height:20px;width:20px}.skeleton-option-text{flex:1 1;height:14px}.quiz-loading-indicator{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px 0}.quiz-loading-spinner{display:flex;gap:6px}.quiz-loading-spinner span{animation:loadingBounce 1.4s ease-in-out infinite;background:#ad7dc3;border-radius:50%;height:8px;width:8px}.quiz-loading-spinner span:first-child{animation-delay:0s}.quiz-loading-spinner span:nth-child(2){animation-delay:.2s}.quiz-loading-spinner span:nth-child(3){animation-delay:.4s}@keyframes loadingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.quiz-loading-text{color:#718096;font-size:13px;font-weight:500}.quiz-results-container{animation:resultsSlideUp .4s ease-out}@keyframes resultsSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-results-cta{border-top:1px solid #fff3;display:flex;flex-direction:column;gap:10px;margin-top:24px;padding-top:20px;text-align:center}.quiz-results-button-row{display:flex;gap:10px;width:100%}.quiz-results-button-row .quiz-results-review-button,.quiz-results-button-row .share-quiz-btn{flex:1 1;margin-top:0}.quiz-results-cta-button{align-items:center;background:linear-gradient(135deg,#fff,#fffffff2);border:1px solid #ffffff4d;border-radius:14px;box-shadow:0 2px 8px #0000001a,inset 0 0 0 1px #ffffff1a;color:#5a2d82;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.01em;max-width:none;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.quiz-results-cta-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.quiz-results-cta-button:hover:before{left:100%}.quiz-results-cta-button:hover{background:linear-gradient(135deg,#fff,#fffffffa);border-color:#ffffff80;box-shadow:0 8px 24px #5a2d8240,inset 0 0 0 1px #fff3;transform:translateY(-3px)}.quiz-results-cta-button:active{box-shadow:0 4px 12px #5a2d8233,inset 0 0 0 1px #ffffff26;transform:translateY(-1px)}.cta-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:20px}.cta-text{font-size:15px;font-weight:600}.quiz-results-review-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000000d;border:1.5px solid #0000001f;border-radius:12px;box-shadow:0 2px 6px #00000014;color:#2d3748;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;margin-top:12px;max-width:none;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.quiz-results-review-button .btn-content{align-items:center;display:flex;gap:8px;position:relative;transition:transform .3s ease;z-index:1}.quiz-results-review-button .btn-shine{background:linear-gradient(90deg,#0000,#0000000d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.quiz-results-review-button:hover{background:#00000014;border-color:#0000002e;box-shadow:0 4px 12px #0000001f;color:#1a202c;transform:translateY(-2px)}.quiz-results-review-button:hover .btn-shine{left:100%}.quiz-results-review-button:hover svg{transform:rotate(12deg) scale(1.1)}.quiz-results-review-button:active{box-shadow:0 2px 6px #00000014;transform:translateY(0)}.quiz-results-review-button svg{height:18px;transition:transform .3s ease;width:18px}.quiz-results-cta-note{font-size:12px;font-weight:500;letter-spacing:.01em;margin-bottom:0;margin-top:8px;opacity:.8}.quiz-results-disclaimer{font-size:11px;font-weight:500;margin-bottom:0;margin-top:14px;opacity:.65;text-align:center}@media (max-width:640px){.quiz-single-view-container{min-height:180px}.quiz-question-counter{font-size:11px;padding:3px 8px}.quiz-question-text{font-size:15px;padding-right:45px}.quiz-next-button{padding:10px 24px}.quiz-next-button,.quiz-results-cta-button{font-size:14px;justify-content:center;width:100%}.quiz-results-cta-button{padding:12px 24px}.quiz-results-button-row{flex-direction:column}.quiz-results-button-row .quiz-results-review-button,.quiz-results-button-row .share-quiz-btn{margin-top:0}.quiz-loading-indicator{padding:16px 0}.quiz-loading-text{font-size:12px}}@media (prefers-reduced-motion:reduce){.quiz-loading,.quiz-results-container,.quiz-single-question{animation:none!important}.skeleton-circle,.skeleton-line{animation:none;background:#e9d8fd}.quiz-loading-spinner span{animation:none;opacity:.6}.quiz-next-button:hover,.quiz-results-cta-button:hover{transform:none}}.quiz-next-button:focus-visible,.quiz-results-cta-button:focus-visible{outline:3px solid #6b46c1;outline-offset:2px}body.dark-mode .quiz-summary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2399;border:1px solid #ffffff26;box-shadow:0 8px 32px #0006}body.dark-mode .quiz-summary:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000)}body.dark-mode .quiz-summary:hover{box-shadow:0 12px 40px #00000080}body.dark-mode .quiz-summary-outstanding{background:linear-gradient(135deg,#48bb7840,#38a1694d),#19191ef2;border-color:#48bb784d;box-shadow:0 8px 32px #48bb7833}body.dark-mode .quiz-summary-excellent{background:linear-gradient(135deg,#68d39140,#48bb784d),#19191ef2;border-color:#68d3914d;box-shadow:0 8px 32px #68d39133}body.dark-mode .quiz-summary-good{background:linear-gradient(135deg,#4299e140,#3182ce4d),#19191ef2;border-color:#4299e14d;box-shadow:0 8px 32px #4299e133}body.dark-mode .quiz-summary-moderate{background:linear-gradient(135deg,#ed89364d,#dd6b2059),#19191ef2;border-color:#ed893666;box-shadow:0 8px 32px #ed893640}body.dark-mode .quiz-summary-review{background:linear-gradient(135deg,#f6ad554d,#ed893659),#19191ef2;border-color:#f6ad5566;box-shadow:0 8px 32px #f6ad5540}body.dark-mode .quiz-summary-practice{background:linear-gradient(135deg,#fc818140,#f565654d),#19191ef2;border-color:#fc81814d;box-shadow:0 8px 32px #fc818133}body.dark-mode .quiz-summary-study{background:linear-gradient(135deg,#feb2b240,#fc81814d),#19191ef2;border-color:#feb2b24d;box-shadow:0 8px 32px #feb2b233}body.dark-mode .quiz-summary-title{color:#fff;text-shadow:0 2px 8px #0000004d}body.dark-mode .quiz-summary-message{color:#ffffffe6}body.dark-mode .quiz-summary-score{color:#fff;text-shadow:0 2px 12px #0006}body.dark-mode .quiz-stat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26}body.dark-mode .quiz-stat:hover{background:#ffffff1f;box-shadow:0 4px 16px #0000004d}body.dark-mode .quiz-stat-value{color:#fff;text-shadow:0 1px 4px #0000004d}body.dark-mode .quiz-stat-label{color:#ffffffd9}body.dark-mode .quiz-results-cta{border-top-color:#ffffff26}body.dark-mode .quiz-results-cta-button{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:1px solid #7c3aed40;box-shadow:0 2px 8px #7c3aed1f,inset 0 0 0 1px #ffffff14,0 2px 4px #0003;color:#fff}body.dark-mode .quiz-results-cta-button:before{background:linear-gradient(90deg,#0000,#ffffff1f,#0000)}body.dark-mode .quiz-results-cta-button:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf64d;box-shadow:0 4px 14px #7c3aed2e,inset 0 0 0 1px #ffffff1a,0 3px 6px #00000040}body.dark-mode .quiz-results-cta-button:active{box-shadow:0 2px 6px #7c3aed1f,inset 0 0 0 1px #ffffff14,0 2px 4px #0003}body.dark-mode .quiz-results-review-button{background:#ffffff14;border-color:#ffffff40;box-shadow:0 2px 8px #0003;color:#ffffffe6}body.dark-mode .quiz-results-review-button:hover{background:#ffffff26;border-color:#ffffff59;box-shadow:0 4px 16px #0000004d;color:#fff}body.dark-mode .quiz-results-review-button:active{box-shadow:0 2px 8px #0003}body.dark-mode .quiz-results-review-button .btn-shine{background:linear-gradient(90deg,#0000,#ffffff26,#0000)}body.dark-mode .quiz-results-cta-note{color:#ffffffb3}body.dark-mode .quiz-results-disclaimer{color:#ffffff80}.quiz-compact-container{animation:compactSlideIn .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000014;font-family:Segoe UI,-apple-system,sans-serif;margin-top:8px;max-width:100%;padding:8px;position:relative}@keyframes compactSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-compact-header{margin-bottom:4px}.quiz-compact-title{color:#4a5568;font-size:10px;font-weight:600;margin-bottom:3px}.quiz-compact-progress-track{background:#e2e8f0;border-radius:2px;height:2px;overflow:hidden}.quiz-compact-progress-fill{background:linear-gradient(90deg,#48bb78,#38a169);border-radius:2px;height:100%;transition:width .4s ease}.quiz-compact-question{color:#1a202c;font-size:12px;font-weight:600;line-height:1.2;margin-bottom:5px}.quiz-compact-options{display:flex;flex-direction:column;gap:3px;margin-bottom:0}.quiz-compact-option{align-items:center;background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:5px;cursor:pointer;display:flex;gap:5px;min-height:28px;padding:5px 7px;transition:all .15s ease}.quiz-compact-option:hover:not(.disabled){background:#edf2f7;border-color:#cbd5e0}.quiz-compact-option.selected{border-width:2px}.quiz-compact-option.disabled{cursor:default;opacity:.7}.option-letter{background:#e2e8f0;border-radius:50%;color:#4a5568;font-size:10px;height:18px;transition:all .15s ease;width:18px}.option-letter.selected{background:#9f7aea}.option-letter.correct{background:#48bb78}.option-text{color:#2d3748;font-size:10px;line-height:1.2}.quiz-compact-option.correct{animation:correctFlash .3s ease;background:#c6f6d5;border-color:#48bb78}@keyframes correctFlash{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.quiz-compact-option.correct .option-text{color:#22543d}.quiz-compact-option.incorrect{animation:incorrectShake .3s ease;background:#fed7d7;border-color:#fc8181}.quiz-compact-option.incorrect .option-text{color:#742a2a}.quiz-compact-option.correct-highlight{background:#c6f6d5;border-color:#48bb78;opacity:1!important}.compact-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-left:auto;width:18px}.compact-icon.checkmark{background:#38a169}.compact-icon.x-mark{background:#e53e3e}.compact-icon svg{stroke:#fff;stroke-width:3;fill:none;height:12px;width:12px}.quiz-compact-feedback{animation:feedbackFadeIn .25s ease-out;border-radius:5px;margin-top:5px;padding:6px}@keyframes feedbackFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quiz-compact-feedback.correct{background:#f0fff4;border-left:3px solid #48bb78}.quiz-compact-feedback.incorrect{background:#fff5f5;border-left:3px solid #fc8181}.feedback-header{margin-bottom:3px}.feedback-status{font-size:11px}.feedback-status.correct{color:#22543d}.feedback-status.incorrect{color:#742a2a}.feedback-rationale-container{background:#fff9;border-radius:6px;margin-top:4px;padding:8px}.feedback-rationale-label{align-items:center;color:#4a5568;display:flex;font-size:11px;font-weight:600;gap:4px;margin-bottom:4px}.feedback-rationale-content{color:#2d3748;font-size:11px;line-height:1.5;max-height:250px;overflow-y:auto;padding-right:8px;scrollbar-color:#9f7aea #0000;scrollbar-width:thin}.feedback-rationale-content::-webkit-scrollbar{width:6px}.feedback-rationale-content::-webkit-scrollbar-track{background:#9f7aea1a;border-radius:3px}.feedback-rationale-content::-webkit-scrollbar-thumb{background:#9f7aea;border-radius:3px}.feedback-rationale-content::-webkit-scrollbar-thumb:hover{background:#805ad5}.feedback-rationale-content b,.feedback-rationale-content strong{color:#553c9a;font-weight:600}.feedback-rationale-content a{color:#3182ce;text-decoration:underline}.quiz-compact-next-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:6px;box-shadow:0 2px 8px #48bb784d;color:#fff;cursor:pointer;display:block;font-size:12px;font-weight:600;margin-top:8px;padding:8px 12px;transition:all .2s ease;width:100%}.quiz-compact-next-btn:hover{box-shadow:0 4px 12px #48bb7866;transform:translateY(-1px)}.quiz-compact-next-btn:active{transform:translateY(0)}.quiz-compact-next-btn:focus-visible{outline:3px solid #68d391;outline-offset:2px}@media (max-width:640px){.quiz-compact-container{border-radius:14px;padding:14px}.quiz-compact-title{font-size:12px}.quiz-compact-question{font-size:14px;margin-bottom:10px}.quiz-compact-options{gap:6px}.quiz-compact-option{gap:8px;min-height:36px;padding:8px 10px}.option-letter{font-size:11px;height:22px;width:22px}.option-text{font-size:12px}.compact-icon{height:18px;width:18px}.compact-icon svg{height:10px;width:10px}.quiz-compact-feedback{margin-top:10px;padding:10px}.feedback-status{font-size:13px}.feedback-rationale-container{padding:8px}.feedback-rationale-label{font-size:11px}.feedback-rationale-content{font-size:11px;max-height:80px}.quiz-compact-next-btn{font-size:13px;margin-top:10px;padding:10px 14px}}@media (max-width:375px){.quiz-compact-container{padding:12px}.quiz-compact-question{font-size:13px}.quiz-compact-option{padding:7px 8px}.option-letter{font-size:10px;height:20px;width:20px}.option-text{font-size:11px}.feedback-rationale-content{font-size:10px;max-height:70px}}@media (prefers-reduced-motion:reduce){.quiz-compact-container,.quiz-compact-feedback,.quiz-compact-option.correct,.quiz-compact-option.incorrect{animation:none!important}.quiz-compact-next-btn:hover,.quiz-compact-option:hover{transform:none}.quiz-compact-progress-fill{transition:width .2s linear}}@media (prefers-contrast:high){.quiz-compact-option{border-width:2px}.quiz-compact-option.correct{border-color:#22543d}.quiz-compact-option.incorrect{border-color:#742a2a}}.loading-message-box{animation:slideIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #8b5cf633;border-radius:16px;box-shadow:0 8px 32px #8b5cf61a,0 2px 8px #0000000d;margin:1rem auto;max-width:800px;padding:1.5rem;width:100%}.loading-message-box.loading{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fffffffa,#f5f3fffa);border:1px solid #8b5cf64d}.loading-message-box.complete-with-insights{animation:none;background:linear-gradient(135deg,#fffffffa,#f0fdf4fa);border:1px solid #22c55e4d;box-shadow:0 8px 32px #22c55e1a,0 2px 8px #0000000d}.complete-icon{align-items:center;animation:checkmarkPop .4s ease-out;display:flex;font-size:1.25rem;justify-content:center}@keyframes checkmarkPop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{box-shadow:0 8px 32px #8b5cf626,0 2px 8px #0000000d}50%{box-shadow:0 8px 32px #8b5cf640,0 2px 12px #8b5cf61a}}.loading-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.loading-spinner{height:24px;position:relative;width:24px}.spinner-circle{animation:spin .8s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:100%;width:100%}.loading-text{color:#6b21a8;font-size:.95rem;font-weight:600;letter-spacing:.01em}.progress-stats{background:#f9fafbcc;border:1px solid #8b5cf626;border-radius:12px;display:flex;gap:1.5rem;margin-bottom:1rem;padding:1rem}.stat-item{gap:.25rem}.stat-number{animation:countUp .4s ease-out;color:#8b5cf6;font-size:1.75rem}@keyframes countUp{0%{opacity:0;transform:translateY(-10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-label{color:#6b7280;font-size:.75rem;line-height:1.2;text-align:center}.latest-insights{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.insight-preview{align-items:flex-start;animation:slideInLeft .3s ease-out;background:#fff9;border-left:2px solid #8b5cf6;border-radius:8px;display:flex;gap:.5rem;padding:.75rem}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.insight-icon{flex-shrink:0;font-size:1rem;margin-top:.1rem}.insight-text{color:#374151;font-size:.875rem;font-weight:500;line-height:1.4}.insight-detail{color:#6b7280;font-weight:400}.summary-preview{animation:fadeIn .4s ease-out;background:#fffc;border-left:3px solid #10b981;border-radius:8px;color:#374151;font-size:.875rem;line-height:1.5;margin-top:1rem;padding:1rem}.loading-message-box.completed{animation:none;background:#fffffff2;border:1px solid #22c55e4d;box-shadow:0 4px 16px #22c55e1a,0 2px 8px #0000000d}.upload-header{align-items:flex-start;display:flex;gap:.75rem}.file-icon{flex-shrink:0;font-size:1.5rem}.upload-info{flex:1 1}.upload-title{color:#374151;font-size:.9rem;font-weight:600;margin-bottom:.375rem}.upload-summary{color:#6b7280;font-size:.875rem;line-height:1.5}@media (max-width:768px){.loading-message-box{margin:.5rem;max-width:calc(100vw - 1rem);padding:.875rem}.loading-header{gap:.625rem;margin-bottom:.75rem}.loading-text{font-size:.875rem}.progress-stats{flex-wrap:wrap;gap:.625rem;justify-content:center;padding:.625rem}.stat-item{flex:0 0 auto;min-width:calc(33.333% - .5rem)}.stat-number{font-size:1.375rem}.stat-label{font-size:.625rem;line-height:1.1}.insight-preview{gap:.375rem;padding:.625rem}.insight-icon{font-size:.875rem}.insight-text{font-size:.8125rem}.upload-title{font-size:.875rem}.summary-preview,.upload-summary{font-size:.8125rem}.summary-preview{margin-top:.75rem;padding:.75rem}}@media (max-width:480px){.loading-message-box{margin:.375rem;padding:.75rem}.progress-stats{gap:.5rem;padding:.5rem}.stat-item{min-width:calc(50% - .375rem)}.stat-number{font-size:1.25rem}.stat-label{font-size:.6rem}}body.dark-mode .loading-message-box{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#23262dfa,#1e2128fa);border:1px solid #ffffff1a;box-shadow:0 8px 32px #0006}body.dark-mode .loading-message-box.loading{background:linear-gradient(135deg,#23262dfa,#2d255fd9);border-color:#8b5cf64d}body.dark-mode .loading-message-box.complete-with-insights{background:linear-gradient(135deg,#23262dfa,#1e3228d9);border-color:#22c55e4d;box-shadow:0 8px 32px #22c55e26}body.dark-mode .loading-text{color:#ddd6fe}body.dark-mode .progress-stats{background:#32353e99;border-color:#8b5cf633}body.dark-mode .insight-preview{background:#32353e80;border-left-color:#8b5cf6}body.dark-mode .summary-preview{background:#32353e99}body.dark-mode .upload-title{color:#e5e7eb}body.dark-mode .upload-summary{color:#9ca3af}body.dark-mode .spinner-circle{border-color:#a78bfa #8b5cf64d #8b5cf64d}.upload-complete-message{align-items:flex-start;animation:slideIn .3s ease-out;background:#fffffff2;border:1px solid #22c55e4d;border-radius:12px;box-shadow:0 4px 12px #22c55e1a;display:flex;gap:.75rem;margin:1rem 0;padding:1rem}.upload-complete-icon{flex-shrink:0;font-size:1.5rem}.upload-complete-content{flex:1 1}.upload-complete-title{color:#065f46;font-size:.95rem;font-weight:600;margin-bottom:.375rem}.upload-complete-summary{color:#374151;font-size:.875rem;line-height:1.5}.study-sheet-wrapper{backdrop-filter:blur(8px);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);background:#ffffffb3;background:var(--glass-bg);border:1px solid #ad7dc32e;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #9b6fb029;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:calc(100vh - 20px);margin:10px;overflow:hidden;width:calc(100% - 20px)}.floating-close-btn{align-items:center;backdrop-filter:blur(12px);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);background:#ad7dc326;border:1px solid #ad7dc34d;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 16px #9b6fb01f;box-shadow:var(--shadow-md);color:#663a82;color:var(--primary-purple-dark);cursor:pointer;display:flex;font-size:20px;font-weight:600;height:40px;justify-content:center;pointer-events:auto;position:absolute;right:20px;top:20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px;z-index:10001}.floating-close-btn:hover{background:#ad7dc340;box-shadow:0 8px 32px #9b6fb029;box-shadow:var(--shadow-lg);transform:scale(1.1)}.floating-close-btn:active{background:#ad7dc359;transform:scale(.95)}.study-sheet-inner-header{animation:slideDown .3s ease;backdrop-filter:blur(12px);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);background:#ffffffd9;background:var(--glass-bg-strong);border-bottom:1px solid #ad7dc326;box-shadow:inset 0 1px 0 0 #ffffff80;flex-shrink:0;max-height:35vh;overflow-y:auto;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}@keyframes fadeOut{0%{max-height:35vh;opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;transform:translateY(-20px)}}.study-sheet-inner-header.complete{max-height:80px;padding:12px 20px}.header-content{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.study-sheet-inner-header.complete .header-content{margin-bottom:0}.header-title{color:#663a82;color:var(--primary-purple-dark);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1.1rem;gap:8px;letter-spacing:-.2px;margin:0}.close-btn,.header-title{align-items:center;display:flex;font-weight:600}.close-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#ad7dc31a;border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #9b6fb014;box-shadow:var(--shadow-sm);color:#ad7dc3;color:var(--primary-purple);cursor:pointer;flex-shrink:0;font-size:18px;height:32px;justify-content:center;line-height:1;min-height:32px;min-width:32px;pointer-events:auto;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px;z-index:10000}.close-btn:hover{background:#ad7dc333;transform:scale(1.05)}.close-btn:active{background:#ad7dc340;transform:scale(.95)}.progress-section{backdrop-filter:blur(12px);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);background:#ffffffb3;background:var(--glass-bg);border:1px solid #ffffff4d;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #9b6fb01f,inset 0 1px 0 0 #ffffff80;box-shadow:var(--shadow-md),0 1px 0 0 #ffffff80 inset;margin-bottom:0;padding:14px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.progress-label{color:#663a82;color:var(--primary-purple-dark);letter-spacing:-.2px}.progress-label,.progress-percentage{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.85rem}.progress-percentage{color:#ad7dc3;color:var(--primary-purple);font-weight:700}.progress-bar{background:#ad7dc326;border-radius:3px;height:6px;margin-bottom:10px}.progress-fill{background:linear-gradient(90deg,#ad7dc3,#9b6fb0);background:linear-gradient(90deg,var(--primary-purple) 0,var(--primary-purple-hover) 100%);border-radius:3px;box-shadow:0 2px 8px #ad7dc34d;transition:width .4s cubic-bezier(.4,0,.2,1)}.current-step{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#fff9;border:1px solid #ad7dc31f;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #9b6fb014;box-shadow:var(--shadow-sm);display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.step-icon{flex-shrink:0;font-size:1rem}.step-message{color:#663a82;color:var(--primary-purple-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:-.2px}.steps-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.step-item{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border-radius:12px;border-radius:var(--radius-md);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.8rem;gap:10px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.step-item.pending{background:#9ca3af0d;color:#9ca3af}.step-item.current{background:#ad7dc326;border:1px solid #ad7dc333;box-shadow:0 2px 8px #9b6fb014;box-shadow:var(--shadow-sm);color:#ad7dc3;color:var(--primary-purple);font-weight:600}.step-item.completed{background:#10b98114;color:#10b981}.step-title{flex:1 1}.completion-badge{align-items:center;animation:slideDown .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#ad7dc31f;border:1px solid #ad7dc340;border-radius:20px;box-shadow:0 2px 8px #9b6fb014;box-shadow:var(--shadow-sm);color:#663a82;color:var(--primary-purple-dark);display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.completion-icon{font-size:1rem}.completion-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.error-state{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:linear-gradient(135deg,#ef44441a,#fca5a526);border:1px solid #ef444433;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #9b6fb01f;box-shadow:var(--shadow-md);margin-top:0;padding:14px}.error-message{align-items:center;color:#991b1b;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.85rem;font-weight:600;gap:10px;margin-bottom:12px}.error-icon{flex-shrink:0;font-size:1.2rem}.retry-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 16px #9b6fb01f;box-shadow:var(--shadow-md);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.85rem;font-weight:600;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.retry-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 32px #9b6fb029;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.retry-btn:active{transform:translateY(0)}.study-sheet-inner-content{background:#0000;flex:1 1 auto;height:100%;min-height:0;overflow:hidden;padding:16px;position:relative}.study-sheet-iframe{display:block!important;opacity:1;transition:opacity .3s ease}.loading-overlay,.study-sheet-iframe{backdrop-filter:blur(16px);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--blur-lg);background:#ffffffd9;background:var(--glass-bg-strong);border:1px solid #ffffff4d;border-radius:20px;border-radius:var(--radius-xl);bottom:16px!important;box-shadow:0 4px 16px #9b6fb01f,inset 0 1px 0 0 #ffffff80;box-shadow:var(--shadow-md),0 1px 0 0 #ffffff80 inset;height:calc(100% - 32px)!important;left:16px!important;position:absolute!important;right:16px!important;top:16px!important;width:calc(100% - 32px)!important}.loading-overlay{animation:fadeIn .3s ease;flex-direction:column;gap:20px;z-index:10}.loading-overlay p{color:#663a82;color:var(--primary-purple-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.9rem;font-weight:500;margin:0}.loading-spinner{border:3px solid #ad7dc333;border-top:3px solid var(--primary-purple);height:40px;width:40px}.steps-list::-webkit-scrollbar,.study-sheet-inner-header::-webkit-scrollbar{width:5px}.steps-list::-webkit-scrollbar-track,.study-sheet-inner-header::-webkit-scrollbar-track{background:#0000}.steps-list::-webkit-scrollbar-thumb,.study-sheet-inner-header::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#ad7dc34d;border-radius:3px}.steps-list::-webkit-scrollbar-thumb:hover,.study-sheet-inner-header::-webkit-scrollbar-thumb:hover{background:#ad7dc380}@media (max-width:768px){.study-sheet-wrapper{border-radius:20px;border-radius:var(--radius-xl);height:calc(100vh - 16px);margin:8px;width:calc(100% - 16px)}.study-sheet-inner-header{max-height:30vh;padding:12px 16px}.study-sheet-inner-header.complete{max-height:70px;padding:10px 16px}.header-title{font-size:1rem}.close-btn{font-size:16px;height:28px;min-height:28px;min-width:28px;width:28px}.study-sheet-inner-content{padding:12px}.loading-overlay,.study-sheet-iframe{bottom:12px!important;height:calc(100% - 24px)!important;left:12px!important;right:12px!important;top:12px!important;width:calc(100% - 24px)!important}}@media (max-width:480px){.study-sheet-wrapper{height:calc(100vh - 12px);margin:6px;width:calc(100% - 12px)}.study-sheet-inner-content{padding:10px}.loading-overlay,.study-sheet-iframe{bottom:10px!important;height:calc(100% - 20px)!important;left:10px!important;right:10px!important;top:10px!important;width:calc(100% - 20px)!important}}.sticky-quiz-progress{animation:stickySlideDown .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #ad7dc333;box-shadow:0 2px 8px #ad7dc31a,inset 0 1px 0 0 #ffffff80;display:flex;flex-direction:column;gap:8px;padding:12px 20px;position:sticky;top:60px;transition:all .3s ease;z-index:19}@keyframes stickySlideDown{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}.sticky-progress-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.sticky-progress-left{align-items:center;color:#5a2d82;display:flex;font-size:14px;gap:8px}.sticky-progress-icon{animation:iconBounce 2s ease-in-out infinite;font-size:16px}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.sticky-progress-text{font-weight:500}.sticky-progress-percentage,.sticky-progress-text strong{color:#6b46c1;font-weight:700}.sticky-progress-percentage{font-size:16px;margin-left:4px}.sticky-progress-right{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.sticky-stat-correct{color:#38a169}.sticky-stat-incorrect{color:#e53e3e}.sticky-stat-separator{color:#cbd5e0}.sticky-streak-counter{align-items:center;animation:streakAppear .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#ff6b6b,#ff8c42);border-radius:20px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;display:flex;font-size:14px;font-weight:700;gap:6px;padding:6px 14px}@keyframes streakAppear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.streak-fire{animation:fireFlicker .5s ease-in-out infinite;font-size:16px}@keyframes fireFlicker{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.streak-number{font-size:18px;line-height:1}.streak-text{font-size:11px;letter-spacing:.5px;opacity:.95;text-transform:uppercase}.sticky-streak-counter.pulse{animation:streakPulse .4s cubic-bezier(.34,1.56,.64,1)}@keyframes streakPulse{0%{transform:scale(1)}50%{box-shadow:0 4px 20px #ff6b6b80;transform:scale(1.3)}to{transform:scale(1)}}.sticky-streak-counter.break{animation:streakBreak .6s ease-out}@keyframes streakBreak{0%{opacity:1;transform:translateX(0) scale(1)}25%{transform:translateX(-8px) rotate(-5deg)}50%{transform:translateX(8px) rotate(5deg)}75%{transform:translateX(-4px) rotate(-2deg)}to{opacity:0;transform:translateX(0) scale(.8)}}.sticky-streak-counter:has(.streak-number:contains("5")),.sticky-streak-counter:has(.streak-number:contains("6")),.sticky-streak-counter:has(.streak-number:contains("7")),.sticky-streak-counter:has(.streak-number:contains("8")),.sticky-streak-counter:has(.streak-number:contains("9")){animation:fireGlow 1s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ff5252)}@keyframes fireGlow{0%,to{box-shadow:0 4px 12px #ff6b6b66}50%{box-shadow:0 4px 20px #ff6b6b99}}.sticky-streak-counter .streak-number{position:relative}.sticky-progress-track{background:#f3e8ff;box-shadow:inset 0 2px 4px #0000000f;height:6px}.sticky-progress-fill,.sticky-progress-track{border-radius:10px;overflow:hidden;position:relative}.sticky-progress-fill{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.sticky-progress-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.sticky-quiz-progress .sticky-progress-fill,.sticky-quiz-progress.progress .sticky-progress-fill,.sticky-quiz-progress.starting .sticky-progress-fill{background:linear-gradient(90deg,#b794f6,#9f7aea);box-shadow:0 2px 8px #b794f64d}.sticky-quiz-progress.building .sticky-progress-fill{background:linear-gradient(90deg,#f6ad55,#ed8936);box-shadow:0 2px 8px #f6ad554d}.sticky-quiz-progress.momentum .sticky-progress-fill{background:linear-gradient(90deg,#fbd38d,#f6ad55);box-shadow:0 2px 8px #fbd38d4d}.sticky-quiz-progress.completing .sticky-progress-fill{background:linear-gradient(90deg,#68d391,#48bb78);box-shadow:0 2px 8px #68d3914d}.sticky-streak-toast{animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b6b,#ff8c42);border-radius:16px;box-shadow:0 8px 24px #ff6b6b66,inset 0 0 0 1px #fff3;color:#fff;font-size:16px;font-weight:700;left:50%;padding:16px 28px;position:fixed;top:120px;transform:translateX(-50%);z-index:1000}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.8)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@media (max-width:768px){.sticky-quiz-progress{padding:10px 16px;top:50px}.sticky-progress-content{gap:12px}.sticky-progress-left,.sticky-progress-right{font-size:12px}.sticky-progress-icon,.sticky-progress-percentage{font-size:14px}.sticky-streak-counter{font-size:12px;padding:4px 10px}.streak-fire{font-size:14px}.streak-number{font-size:16px}.streak-text{font-size:9px}.sticky-progress-track{height:5px}.sticky-streak-toast{font-size:14px;padding:12px 20px;top:100px}}@media (max-width:480px){.sticky-progress-content{gap:8px}.streak-text{display:none}}@media (prefers-reduced-motion:reduce){.sticky-progress-icon,.sticky-quiz-progress,.sticky-streak-counter,.sticky-streak-toast{animation:none!important}.sticky-progress-shimmer{display:none}.sticky-progress-fill{transition:width .3s linear}.streak-fire{animation:none}}.suggestions-wrapper{display:block;margin:12px 0;max-width:100%;padding:8px 0;position:relative;width:100%}.suggestions-card{animation:slideIn .3s ease-out;background:#0000;border:none;max-width:100%;padding:0;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.suggestions-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.suggestions-icon{font-size:16px;line-height:1}.suggestions-title{color:#5b4570;font-size:14px;font-weight:600;line-height:1;margin:0;padding:0}.suggestions-list{display:flex;flex-direction:column;gap:0;max-height:none;overflow:visible}.suggestion-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-bottom:1px solid #ad7dc326;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:10px;line-height:1.4;outline:none;padding:12px 8px;text-align:left;transition:all .18s ease;user-select:none;-webkit-user-select:none;width:100%}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover:not(.disabled){background:#ad7dc30f;box-shadow:none;transform:none}.suggestion-item:hover:not(.disabled) .suggestion-icon-arrow{color:#ad7dc3;transform:none}.suggestion-item:active:not(.disabled){background:#ad7dc31a;transform:none}.suggestion-item:focus{box-shadow:0 0 0 2px #ad7dc326}.suggestion-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.suggestion-icon-arrow{color:#9ca3af;flex-shrink:0;height:14px;transition:all .18s ease;width:14px}.suggestion-text{color:inherit;flex:1 1;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}@media (max-width:768px){.suggestions-wrapper{margin:10px 0;padding:6px 0}.suggestions-card{padding:0}.suggestions-header{margin-bottom:8px}.suggestions-title{font-size:13px}.suggestion-item{font-size:12px;gap:8px;padding:10px 6px}.suggestion-icon-arrow{height:13px;width:13px}}@media (prefers-reduced-motion:reduce){.suggestions-card{animation:none}.suggestion-item:active:not(.disabled),.suggestion-item:hover:not(.disabled){transform:none}.suggestion-icon-arrow{transition:none}}body.dark-mode .suggestions-title{color:#9ca3af;font-size:13px;font-weight:500;opacity:.8;text-shadow:none}body.dark-mode .suggestion-item{background:#0000;border:none;border-bottom:1px solid #ffffff0f;border-radius:0;box-shadow:none;color:#d1d5db;font-size:13px;font-weight:400;margin-bottom:0;padding:12px 8px}body.dark-mode .suggestion-item:last-child{border-bottom:none}body.dark-mode .suggestion-item:hover:not(.disabled){background:#8b5cf614;border-color:#8b5cf626;box-shadow:none;color:#e5e7eb;transform:none}body.dark-mode .suggestion-icon-arrow{color:#6b7280;font-weight:400}body.dark-mode .suggestion-item:hover .suggestion-icon-arrow{color:#a78bfa;transform:none}.suggestions-card,.suggestions-list,.suggestions-wrapper{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;position:relative!important}.dark-mode-toggle-container{border:none;margin:0;padding:0}.dark-mode-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%}.dark-mode-toggle:hover{background:#ad7dc314}.toggle-track{border-radius:10px;height:20px;position:relative;transition:all .3s ease;width:38px}.toggle-track.light{background:linear-gradient(135deg,gold,#ff8c00)}.toggle-track.dark{background:linear-gradient(135deg,#4a5568,#2d3748)}.toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;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}.toggle-track.light .toggle-thumb{left:2px}.toggle-track.dark .toggle-thumb{left:calc(100% - 18px)}.toggle-label{color:#374151;color:var(--text-primary,#374151);font-size:13px;font-weight:500}body.dark-mode .toggle-label{color:#e5e7eb}body.dark-mode .dark-mode-toggle-container{border:none}body.dark-mode .dark-mode-toggle:hover{background:#ffffff0d}.feedback-button-wrapper .feedback-text{font-size:13px}.feedback-cta{color:#8b5cf6!important;font-weight:500!important}.feedback-cta svg{color:#f59e0b;opacity:1!important}.feedback-cta:hover{background:#8b5cf61a!important;color:#7c3aed!important}body.dark-mode .feedback-cta{color:#a78bfa!important}body.dark-mode .feedback-cta svg{color:#fbbf24}body.dark-mode .feedback-cta:hover{background:#a78bfa26!important;color:#c4b5fd!important}.feedback-modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.feedback-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #ad7dc333,0 0 0 1px #ad7dc31a;max-width:480px;padding:32px;width:90%}.feedback-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.feedback-modal-title{color:#663a82;font-size:22px;font-weight:600;letter-spacing:-.3px;margin:0}.feedback-modal-close{align-items:center;background:#ad7dc31a;border:none;border-radius:8px;color:#9b6fb0;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.feedback-modal-close:hover{background:#ad7dc333;color:#663a82;transform:scale(1.05)}.feedback-modal-close:active{transform:scale(.95)}.feedback-modal-close:disabled{cursor:not-allowed;opacity:.5}.feedback-form{display:flex;flex-direction:column;gap:20px}.feedback-label{color:#663a82;display:block;font-size:14px;font-weight:500;margin-bottom:10px}.feedback-type-selector{margin-bottom:0}.feedback-types{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.feedback-type-option{align-items:center;background:#ad7dc30d;border:1.5px solid #ad7dc326;border-radius:12px;color:#663a82;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:12px 8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.feedback-type-option:hover:not(:disabled){background:#ad7dc31a;border-color:#ad7dc34d;transform:translateY(-2px)}.feedback-type-option.active{background:linear-gradient(135deg,#8b7196,#9a8ba8);border-color:#8b7196;box-shadow:0 2px 8px #8b719633;color:#fff;transform:translateY(-2px)}.feedback-type-option:disabled{cursor:not-allowed;opacity:.5}.type-emoji{font-size:20px}.type-label{font-size:11px;line-height:1.2;text-align:center}.feedback-textarea-wrapper{position:relative}.feedback-textarea{background:#ad7dc308;border:1.5px solid #ad7dc333;border-radius:12px;box-sizing:border-box;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;height:100px;line-height:1.6;padding:14px;resize:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.feedback-textarea:focus{background:#ffffff80;border-color:#8b7196;box-shadow:0 0 0 3px #8b719614;outline:none}.feedback-textarea:disabled{background:#00000005;cursor:not-allowed;opacity:.6}.feedback-textarea::placeholder{color:#a0aec0}.feedback-char-count{bottom:10px;color:#9b6fb0;font-size:11px;font-weight:500;opacity:.6;pointer-events:none;position:absolute;right:14px}.feedback-submit-btn{align-items:center;background:linear-gradient(135deg,#8b7196,#9a8ba8);border:none;border-radius:12px;box-shadow:0 2px 8px #8b719640;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:4px;padding:14px 28px;transition:all .2s cubic-bezier(.4,0,.2,1)}.feedback-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b71964d;transform:translateY(-2px)}.feedback-submit-btn:active:not(:disabled){transform:translateY(0)}.feedback-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.feedback-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.feedback-success{flex-direction:column;padding:48px 20px;text-align:center}.feedback-success,.success-icon{align-items:center;display:flex;justify-content:center}.success-icon{animation:successPop .6s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#8b7196,#9a8ba8);border-radius:50%;box-shadow:0 4px 16px #8b719640;color:#fff;font-size:48px;height:80px;width:80px}@keyframes successPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.15) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.feedback-success h3{color:#663a82;font-size:24px;font-weight:600;letter-spacing:-.3px;margin:0 0 12px}.feedback-success p{color:#718096;font-size:15px;line-height:1.6;margin:0}body.dark-mode .feedback-button{color:#9ca3af}body.dark-mode .feedback-button:hover{background:#6b46c133;border-radius:8px}body.dark-mode .feedback-button:active{background:#6b46c14d}body.dark-mode .feedback-modal-overlay{background:#000000b3}body.dark-mode .feedback-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e23f2;border:1px solid #a78bfa33;box-shadow:0 20px 60px #00000080,0 0 0 1px #a78bfa1a}body.dark-mode .feedback-modal-title{color:#ddd6fe}body.dark-mode .feedback-modal-close{background:#a78bfa26;color:#a78bfa}body.dark-mode .feedback-modal-close:hover{background:#a78bfa40;color:#c4b5fd}body.dark-mode .feedback-label{color:#c4b5fd}body.dark-mode .feedback-type-option{background:#a78bfa14;border-color:#a78bfa33;color:#c4b5fd}body.dark-mode .feedback-type-option:hover:not(:disabled){background:#a78bfa26;border-color:#a78bfa4d}body.dark-mode .feedback-type-option.active{background:linear-gradient(135deg,#7c6b8f,#8d7ea0);border-color:#7c6b8f;box-shadow:0 2px 8px #7c6b8f4d;color:#fff}body.dark-mode .feedback-textarea{background:#a78bfa0d;border-color:#a78bfa33;color:#e5e7eb}body.dark-mode .feedback-textarea:focus{background:#a78bfa14;border-color:#8d7ea0;box-shadow:0 0 0 3px #8d7ea014}body.dark-mode .feedback-textarea::placeholder{color:#6b7280}body.dark-mode .feedback-char-count{color:#a78bfa}body.dark-mode .feedback-submit-btn{background:linear-gradient(135deg,#7c6b8f,#8d7ea0);box-shadow:0 2px 8px #7c6b8f4d}body.dark-mode .feedback-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #7c6b8f59}body.dark-mode .success-icon{background:linear-gradient(135deg,#7c6b8f,#8d7ea0);box-shadow:0 4px 16px #7c6b8f4d}body.dark-mode .feedback-success h3{color:#ddd6fe}body.dark-mode .feedback-success p{color:#9ca3af}@media (max-width:600px){.feedback-modal{padding:24px;width:95%}.feedback-modal-title{font-size:20px}.feedback-types{gap:8px;grid-template-columns:repeat(2,1fr)}.feedback-type-option{padding:10px 6px}.type-emoji{font-size:18px}.type-label{font-size:10px}.feedback-textarea{font-size:13px;height:90px}.feedback-submit-btn{font-size:14px;padding:12px 24px}}.feedback-viewer-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.feedback-viewer-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #6b46c14d;display:flex;flex-direction:column;max-height:95vh;max-width:1400px;width:98%}.feedback-viewer-header{align-items:center;border-bottom:1px solid #6b46c11a;display:flex;justify-content:space-between;padding:24px 28px}.feedback-viewer-header h2{color:#663a82;font-size:22px;font-weight:600;letter-spacing:-.3px;margin:0}.close-viewer-btn{align-items:center;background:#ad7dc31a;border:none;border-radius:8px;color:#9b6fb0;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.close-viewer-btn:hover{background:#ad7dc333;color:#663a82;transform:scale(1.05)}.feedback-filters{background:#ad7dc308;border-bottom:1px solid #6b46c11a;display:flex;flex-wrap:wrap;gap:16px;padding:20px 28px}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#663a82;font-size:14px;font-weight:500}.filter-group select{background:#fff;border:1.5px solid #ad7dc333;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.filter-group select:focus{border-color:#8b7196;box-shadow:0 0 0 3px #8b719614;outline:none}.refresh-btn{background:linear-gradient(135deg,#8b7196,#9a8ba8);border:none;color:#fff;font-weight:600;margin-left:auto;transition:all .2s ease}.refresh-btn:hover:not(:disabled){box-shadow:0 2px 8px #8b71964d;transform:translateY(-1px)}.feedback-list{flex:1 1;overflow-y:auto;padding:20px 28px}.feedback-empty,.feedback-loading{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.feedback-loading .spinner{animation:spin .8s linear infinite;border:3px solid #8b719633;border-radius:50%;border-top-color:#8b7196;height:40px;margin-bottom:16px;width:40px}.feedback-item{background:#fff;border:1.5px solid #ad7dc326;border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all .2s ease}.feedback-item:hover{border-color:#ad7dc34d;box-shadow:0 2px 8px #8b719626}.feedback-item.expanded{border-color:#8b7196;box-shadow:0 4px 12px #8b719633}.feedback-item-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;-webkit-user-select:none;user-select:none}.feedback-item-left{align-items:flex-start;display:flex;flex:1 1;gap:12px}.feedback-type-emoji{flex-shrink:0;font-size:24px}.feedback-item-info{flex:1 1;min-width:0}.feedback-item-title{align-items:center;display:flex;gap:12px;margin-bottom:6px}.feedback-user-email{color:#663a82;font-size:13px;font-weight:600}.feedback-date{color:#9ca3af;font-size:12px}.feedback-preview{color:#4a5568;font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-item-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.feedback-status-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.expand-icon{color:#9ca3af;font-size:12px;transition:transform .2s ease}.feedback-item.expanded .expand-icon{transform:rotate(0deg)}.feedback-item-details{animation:expandDetails .3s ease-out;border-top:1px solid #ad7dc31a;padding:0 16px 16px}@keyframes expandDetails{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.feedback-detail-section{margin:16px 0}.feedback-detail-section strong{color:#663a82;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.feedback-full-text{background:#ad7dc30d;border-radius:8px;color:#2d3748;font-size:14px;line-height:1.6;margin:0;padding:12px;white-space:pre-wrap}.feedback-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:16px 0}.feedback-detail-item{display:flex;flex-direction:column;gap:4px}.feedback-detail-item strong{color:#663a82;font-size:12px;margin:0}.feedback-detail-item span{color:#4a5568;font-size:13px}.user-agent-text{background:#ad7dc30d;border-radius:6px;color:#718096;font-family:monospace;font-size:12px;margin:0;padding:8px;word-break:break-all}.feedback-actions{border-top:1px solid #ad7dc31a;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.status-btn{background:#fff;border:1.5px solid;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.status-btn:hover:not(:disabled){box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.status-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.status-new{border-color:#3b82f6;color:#3b82f6}.status-new:hover:not(:disabled){background:#3b82f6;color:#fff}.status-reviewed{border-color:#f59e0b;color:#f59e0b}.status-reviewed:hover:not(:disabled){background:#f59e0b;color:#fff}.status-resolved{border-color:#10b981;color:#10b981}.status-resolved:hover:not(:disabled){background:#10b981;color:#fff}.delete-btn{background:#fff;border:1.5px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;margin-left:auto;padding:8px 16px;transition:all .2s ease}.delete-btn:hover{background:#ef4444;box-shadow:0 2px 6px #ef44444d;color:#fff;transform:translateY(-1px)}body.dark-mode .feedback-viewer-overlay{background:#000000b3}body.dark-mode .feedback-viewer-modal{background:#1e1e23fa;border:1px solid #a78bfa33;box-shadow:0 20px 60px #00000080}body.dark-mode .feedback-viewer-header{border-bottom-color:#a78bfa33}body.dark-mode .feedback-viewer-header h2{color:#ddd6fe}body.dark-mode .close-viewer-btn{background:#a78bfa26;color:#a78bfa}body.dark-mode .close-viewer-btn:hover{background:#a78bfa40;color:#c4b5fd}body.dark-mode .feedback-filters{background:#a78bfa0d;border-bottom-color:#a78bfa33}body.dark-mode .filter-group label{color:#c4b5fd}body.dark-mode .filter-group select{background:#3c3f48cc;border-color:#a78bfa33;color:#e5e7eb}body.dark-mode .filter-group select:focus{border-color:#8d7ea0;box-shadow:0 0 0 3px #8d7ea014}body.dark-mode .refresh-btn{background:linear-gradient(135deg,#7c6b8f,#8d7ea0)}body.dark-mode .feedback-item{background:#3c3f4899;border-color:#a78bfa33}body.dark-mode .feedback-item:hover{border-color:#a78bfa66;box-shadow:0 2px 8px #0000004d}body.dark-mode .feedback-item.expanded{border-color:#8d7ea0;box-shadow:0 4px 12px #8d7ea04d}body.dark-mode .feedback-user-email{color:#c4b5fd}body.dark-mode .feedback-date{color:#9ca3af}body.dark-mode .feedback-preview{color:#d1d5db}body.dark-mode .feedback-item-details{border-top-color:#a78bfa33}body.dark-mode .feedback-detail-section strong{color:#c4b5fd}body.dark-mode .feedback-full-text{background:#a78bfa14;color:#e5e7eb}body.dark-mode .feedback-detail-item strong{color:#c4b5fd}body.dark-mode .feedback-detail-item span{color:#d1d5db}body.dark-mode .user-agent-text{background:#a78bfa14;color:#9ca3af}body.dark-mode .feedback-actions{border-top-color:#a78bfa33}body.dark-mode .delete-btn,body.dark-mode .status-btn{background:#3c3f48cc}body.dark-mode .feedback-empty,body.dark-mode .feedback-loading{color:#9ca3af}.feedback-view-tabs{background:#ad7dc308;border-bottom:1px solid #6b46c11a;display:flex;gap:8px;padding:16px 28px}.view-tab{background:#fff;border:1.5px solid #ad7dc333;border-radius:8px;color:#663a82;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.view-tab:hover{background:#ad7dc31a;border-color:#ad7dc366}.view-tab.active{background:linear-gradient(135deg,#8b7196,#9a8ba8);border-color:#8b7196;box-shadow:0 2px 8px #8b71964d;color:#fff}.context-message{border-left:3px solid #8b7196;color:#2d3748;font-size:14px;line-height:1.6;margin:8px 0 0;white-space:pre-wrap}.context-message,.feedback-rating-display{background:#ad7dc30d;border-radius:8px;padding:12px}.feedback-rating-display{display:flex;gap:16px;margin-top:8px}.feedback-rating-display span{color:#2d3748;font-size:14px;font-weight:500}.quiz-questions-list{display:flex;flex-direction:column;gap:16px;margin-top:12px}.quiz-question-item{background:#ad7dc30d;border-left:3px solid #8b7196;border-radius:8px;padding:16px}.quiz-question-number{color:#8b7196;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.quiz-question-text{color:#2d3748;font-size:14px;font-weight:600;line-height:1.5;margin-bottom:12px}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{background:#fff;border:1.5px solid #ad7dc333;border-radius:6px;color:#4a5568;font-size:13px;padding:10px 12px;transition:all .2s ease}.quiz-option.correct-option{background:#10b9811a;border-color:#10b981;color:#065f46;font-weight:600}.flashcard-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.flashcard-item{background:#ad7dc30d;border-left:3px solid #9a8ba8;border-radius:8px;padding:16px}.flashcard-number{color:#9a8ba8;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.flashcard-back,.flashcard-front,.flashcard-hint{color:#2d3748;font-size:14px;line-height:1.5;margin:8px 0}.flashcard-back strong,.flashcard-front strong,.flashcard-hint strong{color:#663a82;font-weight:600;margin-right:6px}.flashcard-hint{background:#fbbf241a;border-left:3px solid #f59e0b;border-radius:4px;padding:8px 12px}body.dark-mode .view-tab{background:#3c3f4899;border-color:#a78bfa33;color:#c4b5fd}body.dark-mode .view-tab:hover{background:#a78bfa26;border-color:#a78bfa66}body.dark-mode .view-tab.active{background:linear-gradient(135deg,#7c6b8f,#8d7ea0);border-color:#8d7ea0;color:#fff}body.dark-mode .context-message{background:#a78bfa14;border-left-color:#8d7ea0;color:#e5e7eb}body.dark-mode .feedback-rating-display{background:#a78bfa14}body.dark-mode .feedback-rating-display span{color:#e5e7eb}body.dark-mode .quiz-question-item{background:#a78bfa14;border-left-color:#8d7ea0}body.dark-mode .quiz-question-number{color:#a78bfa}body.dark-mode .quiz-question-text{color:#e5e7eb}body.dark-mode .quiz-option{background:#3c3f48cc;border-color:#a78bfa33;color:#d1d5db}body.dark-mode .quiz-option.correct-option{background:#10b98126;border-color:#10b981;color:#6ee7b7}body.dark-mode .flashcard-item{background:#a78bfa14;border-left-color:#8d7ea0}body.dark-mode .flashcard-number{color:#a78bfa}body.dark-mode .flashcard-back,body.dark-mode .flashcard-front,body.dark-mode .flashcard-hint{color:#e5e7eb}body.dark-mode .flashcard-back strong,body.dark-mode .flashcard-front strong,body.dark-mode .flashcard-hint strong{color:#c4b5fd}body.dark-mode .flashcard-hint{background:#fbbf2426;border-left-color:#f59e0b}@media (max-width:768px){.feedback-viewer-modal{max-height:95vh;width:98%}.feedback-viewer-header{padding:20px}.feedback-viewer-header h2{font-size:18px}.feedback-filters{flex-direction:column;padding:16px 20px}.filter-group{width:100%}.filter-group select{flex:1 1}.refresh-btn{margin-left:0;width:100%}.feedback-list{padding:16px 20px}.feedback-item-header{padding:12px}.feedback-item-title{align-items:flex-start;flex-direction:column;gap:4px}.feedback-detail-grid{grid-template-columns:1fr}.feedback-actions{flex-direction:column}.feedback-actions button{width:100%}.delete-btn{margin-left:0}.feedback-view-tabs{gap:6px;padding:12px 20px}.view-tab{flex:1 1;font-size:12px;padding:8px 12px;text-align:center}.flashcard-item,.quiz-question-item{padding:12px}.feedback-rating-display{flex-direction:column;gap:8px}}:root{--primary-purple:#ad7dc3;--primary-purple-hover:#9b6fb0;--primary-purple-dark:#663a82;--primary-purple-light:#d2bde7;--glass-bg:#ffffffb3;--glass-bg-strong:#ffffffd9;--glass-border:#ad7dc32e;--glass-shadow:0 8px 32px 0 #9b6fb026;--gradient-primary:linear-gradient(135deg,#9b6fb0,#b39ddb);--gradient-mesh:radial-gradient(at 0% 0%,#ad7dc326 0px,#0000 50%),radial-gradient(at 100% 0%,#d9b8f41a 0px,#0000 50%);--text-primary:#2d2d2d;--text-secondary:#666;--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);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:50%;--shadow-sm:0 2px 8px #9b6fb014;--shadow-md:0 4px 16px #9b6fb01f;--shadow-lg:0 8px 32px #9b6fb029}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f0fa;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0}body.dark-mode{background:linear-gradient(135deg,#0f0f12,#1a1a1e);margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-wrapper{background:#f5f0fa;background-image:radial-gradient(at 0 0,#ad7dc326 0,#0000 50%),radial-gradient(at 100% 0,#d9b8f41a 0,#0000 50%);background-image:var(--gradient-mesh);display:flex;font-family:-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:linear-gradient(135deg,#0f0f12,#1a1a1e);background-image:none}.sidebar{background:#fff;border:none;border-radius:0;border-right:1px solid #e8e8e8;box-shadow:0 8px 32px #00000014;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:#fff;border-bottom:1px solid #e8e8e8;border-radius:0;display:flex;justify-content:space-between;min-height:60px;padding:10px}.sidebar-title{color:#663a82;color:var(--primary-purple-dark);flex:1 1;font-size:16px;font-weight:500;letter-spacing:-.2px;text-align:center}.chat-view-toggle-container{border:none;margin: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:#ad7dc314}.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,#9b6fb0,#ad7dc3)}.chat-view-toggle .toggle-track.all-chats{background:linear-gradient(135deg,#663a82,#9b6fb0)}.chat-view-toggle .toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;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:#2d2d2d;color:var(--text-primary,#374151);font-size:13px;font-weight:500}.close-sidebar{align-items:center;background:#0000;border:none;border-radius:50%;color:#ad7dc3;color:var(--primary-purple);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:#f8f9fa;color:#663a82;color:var(--primary-purple-dark)}.delete-chat-button{align-items:center;background:#ff3b30e6;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px;z-index:10}.delete-chat-button:hover{background:#ff3b30;transform:translateY(-50%) scale(1.1)}.delete-chat-button:active{transform:translateY(-50%) scale(.95)}.new-chat-button{background:#0000;border:1.5px solid #d2bde7;border:1.5px solid var(--primary-purple-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #ad7dc314;color:#ad7dc3;color:var(--primary-purple);cursor:pointer;font-size:14px;font-weight:500;letter-spacing:0;margin:12px 16px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:calc(100% - 32px)}.new-chat-button:hover{background:#ad7dc314;border-color:#ad7dc3;border-color:var(--primary-purple);box-shadow:0 2px 4px #ad7dc31f}.conversations-list{background:#fff;flex:1 1;overflow-y:auto;padding:8px}.conversations-list::-webkit-scrollbar{width:8px}.conversations-list::-webkit-scrollbar-track{background:#0000}.conversations-list::-webkit-scrollbar-thumb{background:#d2bde7;background:var(--primary-purple-light);border-radius:4px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#ad7dc3;background:var(--primary-purple)}.conversation-item{align-items:center;background:#0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;margin-bottom:4px;padding:10px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.conversation-item:hover{background:#f8f9fa}.conversation-item.active{background:#ad7dc31f;border-left:3px solid #ad7dc3;border-left:3px solid var(--primary-purple);padding-left:9px}.conversation-item.active .conversation-message,.conversation-item.active .conversation-name,.conversation-item.active .conversation-time{color:#2d2d2d;color:var(--text-primary)}.conversation-item.unread .conversation-name{font-weight:600}.conversation-avatar{align-items:center;background:#ad7dc326;border-radius:50%;border-radius:var(--radius-full);color:#663a82;color:var(--primary-purple-dark);display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:32px;justify-content:center;margin-right:12px;width:32px}.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:#9b6fb0;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:#663a82;color:var(--primary-purple-dark);font-weight:600}.file-count-badge{align-items:center;background:#ad7dc31f;border-radius:10px;color:#663a82;color:var(--primary-purple-dark);display:flex;font-size:11px;font-weight:500;gap:3px;padding:2px 6px;position:absolute;right:8px;top:8px}.conversation-item.active .file-count-badge{background:#ad7dc333;color:#663a82;color:var(--primary-purple-dark)}.paperclip-icon{font-size:10px}.file-count-number{font-weight:600;min-width:14px;text-align:center}.unread-indicator{background:#ad7dc3;background:var(--primary-purple);border-radius:50%;border-radius:var(--radius-full);height:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:6px}.sidebar-footer{background:#fff;border-radius:0 0 24px 24px;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border-top:1px solid #0000;padding:12px 8px}.nav-item{align-items:center;background:#0000;border-radius:12px;border-radius:var(--radius-md);color:#5f6368;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{flex-shrink:0;opacity:.6}.nav-item:hover{background:#ad7dc314;color:#663a82;color:var(--primary-purple-dark)}.nav-item:hover svg{opacity:1}.nav-item.logout-item{border-radius:0;border-top:1px solid #0000000f;color:#9ca3af;font-weight:400;justify-content:space-between;margin-top:4px;padding-top:12px}.nav-item.logout-item:hover{background:#0000;color:#6b7280}.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}@media (max-width:768px){.main-content.rail-shifted,.main-content.shifted{margin-left:0}}.sidebar-toggle{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:50%;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000001f;color:#5f6368;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px;z-index:1001}.sidebar-toggle:hover{background:#f8f9fa;box-shadow:0 2px 4px #00000029}@media (max-width:768px){.main-content.shifted{margin-left:0}.sidebar.open{left:16px}.sidebar,.sidebar.open{width:calc(100% - 32px)}.sidebar{height:calc(100vh - 32px);left:-100%;margin:16px}.new-chat-button{margin:12px 16px;width:calc(100% - 32px)}}@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:linear-gradient(135deg,#141419,#19191e);border-bottom:none;border-left:none;border-right-color:#0000;border-top:none;box-shadow:4px 0 24px #0000004d}body.dark-mode .sidebar-header{background:linear-gradient(135deg,#19191efa,#1e1e23fa);border-bottom-color:#0000}body.dark-mode .sidebar-title{color:#ddd6fe;font-weight:600;text-shadow:0 1px 2px #0000004d}body.dark-mode .chat-view-toggle-container{border:none}body.dark-mode .chat-view-toggle:hover{background:#ffffff0d}body.dark-mode .chat-view-toggle .toggle-label{color:#e5e7eb}body.dark-mode .chat-view-toggle .toggle-track.my-chats{background:linear-gradient(135deg,#6b21a8,#7c3aed)}body.dark-mode .chat-view-toggle .toggle-track.all-chats{background:linear-gradient(135deg,#4c1d95,#6b21a8)}body.dark-mode .new-chat-button{background:#0000;border-color:#a78bfa4d;box-shadow:0 1px 2px #a78bfa0d;color:#a78bfa;font-weight:500}body.dark-mode .new-chat-button:hover{background:#a78bfa14;border-color:#a78bfa80;box-shadow:0 2px 4px #a78bfa1a;transform:translateY(-1px)}body.dark-mode .conversations-list{background:#0000}body.dark-mode .conversation-item{background:linear-gradient(135deg,#282b32cc,#23262dcc);border-color:#8b5cf640;box-shadow:0 2px 6px #0003}body.dark-mode .conversation-item:hover{background:linear-gradient(135deg,#6b46c140,#633eb940);border-color:#a78bfa80;box-shadow:0 4px 10px #8b5cf633;transform:translateX(2px)}body.dark-mode .conversation-item.active{background:linear-gradient(135deg,#6b46c166,#633eb966);border-color:#a78bfa;box-shadow:0 4px 12px #8b5cf64d}body.dark-mode .conversation-name{color:#fff;font-weight:600;text-shadow:0 1px 2px #0000004d}body.dark-mode .conversation-item.active .conversation-name{color:#fff;font-weight:700}body.dark-mode .conversation-item.active .conversation-time{color:#fff;font-weight:600}body.dark-mode .conversation-item.active .conversation-user-id{color:#c4b5fd;font-weight:600}body.dark-mode .conversation-time,body.dark-mode .conversation-user-id{color:#e5e7eb;font-weight:500}body.dark-mode .conversation-metadata-separator{color:#9ca3af}body.dark-mode .conversation-message{color:#d1d5db}body.dark-mode .file-count-badge{background:#6b46c14d;border-color:#6b46c180}body.dark-mode .file-count-number{color:#a78bfa}body.dark-mode .sidebar-footer{background:#1e1e1ef2;border-top-color:#0000}body.dark-mode .nav-item{color:#9ca3af}body.dark-mode .nav-item:hover{background:#6b46c133;color:#a78bfa}body.dark-mode .nav-item.logout-item{border-top-color:#ffffff0f}body.dark-mode .nav-item.logout-item:hover{background:#0000;color:#d1d5db}body.dark-mode .loading-message-box{background:#2d2d32f2;border-color:#6b46c166}body.dark-mode .loading-message-box.loading{background:linear-gradient(135deg,#2d2d32fa,#37373cfa);border-color:#6b46c180}body.dark-mode .loading-message-box.complete-with-insights{background:linear-gradient(135deg,#2d2d32fa,#10b9811a);border-color:#10b98166}body.dark-mode .loading-text{color:#a78bfa}body.dark-mode .progress-stats{background:#37373ccc;border-color:#6b46c14d}body.dark-mode .stat-number{color:#a78bfa}body.dark-mode .stat-label{color:#9ca3af}body.dark-mode .insight-preview{background:#37373c99;border-left-color:#a78bfa}body.dark-mode .insight-text{color:#e5e7eb}body.dark-mode .insight-detail{color:#9ca3af}body.dark-mode .summary-preview{background:#37373ccc;border-left-color:#10b981;color:#e5e7eb}.collapsed-sidebar-rail{align-items:center;background:#fff;border-right:1px solid #e8e8e8;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;height:100vh;left:0;padding:16px 0;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:999}.collapsed-sidebar-rail.dark{background:#1a1a1e;border-right-color:#2d2d32;box-shadow:0 2px 8px #0003}.rail-icon-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#5f6368;cursor:pointer;display:flex;height:44px;justify-content:center;margin-bottom:8px;transition:all .2s ease;width:44px}.rail-icon-button:hover{background:#ad7dc31a;color:#ad7dc3;color:var(--primary-purple,#ad7dc3)}.rail-icon-button:active{transform:scale(.95)}.collapsed-sidebar-rail.dark .rail-icon-button{color:#a0a0a5}.collapsed-sidebar-rail.dark .rail-icon-button:hover{background:#ad7dc326;color:#d2bde7;color:var(--primary-purple-light,#d2bde7)}.rail-icon-button.menu-button{margin-bottom:16px}.rail-icon-button.new-chat-button{background:#ad7dc31f;color:#ad7dc3;color:var(--primary-purple,#ad7dc3)}.rail-icon-button.new-chat-button:hover{background:#ad7dc333;color:#663a82;color:var(--primary-purple-dark,#663a82)}.collapsed-sidebar-rail.dark .rail-icon-button.new-chat-button{background:#ad7dc333;color:#d2bde7;color:var(--primary-purple-light,#d2bde7)}.collapsed-sidebar-rail.dark .rail-icon-button.new-chat-button:hover{background:#ad7dc34d}.rail-spacer{flex:1 1}@media (max-width:768px){.collapsed-sidebar-rail{display:none}}.rail-icon-button[data-tooltip]{position:relative}.rail-icon-button[data-tooltip]:hover:after{animation:tooltipFadeIn .2s ease .3s forwards;background:#333;border-radius:6px;color:#fff;content:attr(data-tooltip);font-size:12px;left:calc(100% + 8px);opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.collapsed-sidebar-rail.dark .rail-icon-button[data-tooltip]:hover:after{background:#4a4a4f}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@media (max-width:768px){.theme-toggle-btn{height:32px;width:32px}.theme-toggle-btn svg{height:16px;width:16px}}.auth-page{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;transition:background .3s ease;width:100%}.auth-page.dark-mode{background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e)}.auth-page.light-mode{background:linear-gradient(135deg,#f8f9ff,#eef2ff 50%,#e8f4f8)}.auth-page.dark-mode:before{animation:authAmbientFloat 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%}.auth-page.dark-mode:after{animation:authAmbientFloat 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%}.auth-page.light-mode:before{animation:authAmbientFloat 15s ease-in-out infinite alternate;background:radial-gradient(circle,#ad7dc333 0,#0000 60%);content:"";height:50%;left:-10%;pointer-events:none;position:absolute;top:-20%;width:50%}.auth-page.light-mode:after{animation:authAmbientFloat 20s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#93c5fd26 0,#0000 60%);bottom:-20%;content:"";height:60%;pointer-events:none;position:absolute;right:-10%;width:60%}@keyframes authAmbientFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}.auth-theme-toggle{position:absolute;right:20px;top:20px;z-index:100}.login-container{animation:authSlideUp .4s cubic-bezier(.16,1,.3,1);border-radius:24px;display:flex;flex-direction:column;gap:20px;max-width:420px;padding:40px 32px;position:relative;transition:all .3s ease;width:100%;z-index:10}.dark-mode .login-container{background:#1e1e2dd9;border:1px solid #ffffff1a;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px 0 0 #ffffff1a}.dark-mode .login-container,.light-mode .login-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.light-mode .login-container{background:#ffffffd9;border:1px solid #ad7dc326;box-shadow:0 25px 50px -12px #64507826,0 0 0 1px #ad7dc31a,inset 0 1px 0 0 #fffc}@keyframes authSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-mascot{display:flex;justify-content:center;margin-bottom:8px}.login-container h2{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0;text-align:center;transition:color .3s ease}.dark-mode .login-container h2{color:#fff}.light-mode .login-container h2{color:#1a1a2e}.return-message{border-radius:12px;font-size:14px;font-weight:500;line-height:1.4;padding:14px 16px;text-align:center;transition:all .3s ease}.dark-mode .return-message{background:linear-gradient(135deg,#8b5cf633,#06b6d433);border:1px solid #8b5cf64d;color:#fff}.light-mode .return-message{background:linear-gradient(135deg,#ad7dc326,#93c5fd26);border:1px solid #ad7dc340;color:#5b21b6}.error-message{animation:authShake .4s;border-radius:12px;padding:14px 16px}.dark-mode .error-message{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.light-mode .error-message{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}@keyframes authShake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.success-message{border-radius:12px;font-size:14px;padding:14px 16px}.dark-mode .success-message{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}.light-mode .success-message{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.login-form{gap:18px}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{font-size:14px;font-weight:600;letter-spacing:-.01em;transition:color .3s ease}.dark-mode .input-group label{color:#ffffffb3}.light-mode .input-group label{color:#4a4a6a}.input-group input{border-radius:12px;font-size:15px;outline:none;padding:14px 16px;transition:all .3s ease}.dark-mode .input-group input{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.dark-mode .input-group input::placeholder{color:#fff6}.dark-mode .input-group input:focus{background:#ffffff14;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.light-mode .input-group input{background:#ffffffb3;border:1.5px solid #ad7dc333;color:#1a1a2e}.light-mode .input-group input::placeholder{color:#64507880}.light-mode .input-group input:focus{background:#ffffffe6;border-color:#ad7dc3;box-shadow:0 0 0 3px #ad7dc326}.login-button{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:-.01em;margin-top:4px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}.dark-mode .login-button{background:linear-gradient(135deg,#ad7dc3,#8b5cf6 50%,#7c3aed);box-shadow:0 4px 15px #8b5cf64d,inset 0 1px 0 0 #fff3;color:#fff}.dark-mode .login-button:hover:not(:disabled){box-shadow:0 8px 25px #8b5cf666,inset 0 1px 0 0 #ffffff40;transform:translateY(-2px)}.light-mode .login-button{background:linear-gradient(135deg,#c9a0dc,#ad7dc3 50%,#9b6fb0);box-shadow:0 4px 15px #ad7dc34d,inset 0 1px 0 0 #ffffff4d;color:#fff}.light-mode .login-button:hover:not(:disabled){box-shadow:0 8px 25px #ad7dc366,inset 0 1px 0 0 #ffffff59;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-button:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.3)'%3E%3Cpath d='m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;content:"";height:16px;opacity:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:18px}.login-button:hover:not(:disabled):before{opacity:1}.apple-login-button,.google-login-button{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;letter-spacing:-.01em;padding:14px 24px;transition:all .3s ease}.dark-mode .google-login-button{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.dark-mode .google-login-button:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.light-mode .google-login-button{background:#fffc;border:1.5px solid #ad7dc333;color:#3c4043}.light-mode .google-login-button:hover:not(:disabled){background:#fffffff2;border-color:#ad7dc359;box-shadow:0 4px 15px #00000014;transform:translateY(-2px)}.google-logo{flex-shrink:0;height:20px;width:20px}.dark-mode .apple-login-button{background:#0006;border:1px solid #ffffff1a;color:#fff}.dark-mode .apple-login-button:hover:not(:disabled){background:#00000080;border-color:#fff3;transform:translateY(-2px)}.light-mode .apple-login-button{background:#000000d9;border:1.5px solid #000000e6;color:#fff}.light-mode .apple-login-button:hover:not(:disabled){background:#000000f2;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.apple-login-button:disabled,.google-login-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.social-logo{flex-shrink:0;height:20px;width:20px}.apple-logo{color:currentColor}.auth-divider{align-items:center;display:flex;font-size:13px;gap:16px;margin:8px 0}.dark-mode .auth-divider{color:#fff6}.light-mode .auth-divider{color:#64507880}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px}.dark-mode .auth-divider:after,.dark-mode .auth-divider:before{background:#ffffff1a}.light-mode .auth-divider:after,.light-mode .auth-divider:before{background:#ad7dc333}.login-links{align-items:center;display:flex;flex-direction:column;font-size:14px;gap:10px;margin-top:8px}.login-links p{margin:0;transition:color .3s ease}.dark-mode .login-links p{color:#ffffff80}.light-mode .login-links p{color:#645078b3}.login-links a{font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.dark-mode .login-links a{color:#22d3ee}.dark-mode .login-links a:hover{color:#67e8f9}.light-mode .login-links a{color:#ad7dc3}.light-mode .login-links a:hover{color:#8b5cf6}.login-links a:after{bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.dark-mode .login-links a:after{background:#22d3ee}.light-mode .login-links a:after{background:#ad7dc3}.login-links a:hover:after{width:100%}.login-button:disabled:after{animation:authSpin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:16px;margin-left:8px;vertical-align:middle;width:16px}@keyframes authSpin{to{transform:rotate(1turn)}}.apple-login-button:focus-visible,.google-login-button:focus-visible,.login-button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.input-group input:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}@media (max-width:480px){.auth-page{padding:16px}.auth-theme-toggle{right:16px;top:16px}.login-container{border-radius:20px;padding:32px 24px}.login-container h2{font-size:22px}.auth-mascot svg{height:70px!important;width:70px!important}.apple-login-button,.google-login-button,.input-group input,.login-button{font-size:14px;padding:12px 16px}.return-message{font-size:13px;padding:12px 14px}}@media (max-width:360px){.login-container{padding:24px 20px}.login-container h2{font-size:20px}}.quiz-landing-page{background:linear-gradient(145deg,#0d0d10,#15151a 50%,#1a1a20);flex-direction:column;overflow-x:hidden}.hero-section,.quiz-landing-page{align-items:center;box-sizing:border-box;display:flex;position:relative;width:100%}.hero-section{justify-content:center;min-height:100vh;padding:20px}.landing-ambient-glow{animation:ambientPulse 8s ease-in-out infinite;background:radial-gradient(circle,#8b5cf614 0,#8b5cf608 40%,#0000 70%);height:600px;left:50%;pointer-events:none;position:absolute;top:20%;transform:translateX(-50%);width:600px}.landing-nav{animation:headerFadeIn .5s ease .1s both;justify-content:space-between;left:0;padding:16px 20px;position:absolute;right:0;top:0;z-index:10}.landing-brand,.landing-nav{align-items:center;display:flex}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:-.3px}.landing-auth-header{display:flex;gap:10px}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-header-btn{-webkit-tap-highlight-color:transparent;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.login-btn{background:#0000;border:1px solid #ffffff26;color:#fffc}.login-btn:hover{background:#ffffff0d;border-color:#ffffff40;color:#fff}.signup-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.signup-btn:hover{background:linear-gradient(135deg,#9d6ffa,#8b5cf6);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.signup-btn:active{transform:translateY(0)}.logout-btn{background:#0000;border:none;color:#ffffff80;font-size:13px;padding:8px 14px}.logout-btn:hover{color:#fffc}body:not(.dark-mode) .logout-btn{color:#00000073}body:not(.dark-mode) .logout-btn:hover{color:#000000b3}.theme-toggle-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:10px;color:#fff6;cursor:pointer;display:flex;height:36px;justify-content:center;margin-right:4px;transition:all .3s ease;width:36px}.theme-toggle-btn:hover{background:#fbbf2426;box-shadow:0 0 16px #fbbf2480;color:#fbbf24}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-btn svg{transition:transform .4s ease,filter .3s ease}.theme-toggle-btn:hover svg{filter:drop-shadow(0 0 4px rgba(251,191,36,.6));transform:rotate(15deg)}body:not(.dark-mode) .theme-toggle-btn{color:#00000059}body:not(.dark-mode) .theme-toggle-btn:hover{background:#64748b26;box-shadow:0 0 12px #64748b4d;color:#64748b}body:not(.dark-mode) .theme-toggle-btn:hover svg{filter:drop-shadow(0 0 3px rgba(100,116,139,.4))}.quiz-landing-wrapper{animation:landingFadeIn .6s cubic-bezier(.16,1,.3,1);max-width:460px;position:relative;width:100%;z-index:1}@keyframes landingFadeIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-landing-content{display:flex;flex-direction:column;gap:20px}.landing-mascot{align-items:center;animation:mascotBounceIn .8s cubic-bezier(.34,1.56,.64,1) .1s both;display:flex;justify-content:center;margin-bottom:-8px;transition:opacity .4s ease-out}.landing-mascot.returning{animation:none;opacity:1;transform:scale(1) translateY(0)}@keyframes mascotBounceIn{0%{opacity:0;transform:scale(.3) translateY(40px)}50%{transform:scale(1.05) translateY(-5px)}70%{transform:scale(.95) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.nurse-quiz-mascot{backface-visibility:hidden;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)}.brain-mascot{backface-visibility:hidden;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 40px}.brain-mascot.exploding .brain-svg-exploding{animation:brainPop .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes brainPop{0%{transform:scale(1)}30%{transform:scale(1.25)}50%{transform:scale(.9)}70%{transform:scale(1.1)}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:12px;position:absolute;width:12px}.particle-0{animation-delay:0s;background:#ff6b9d}.particle-1{animation-delay:.02s;background:#a855f7}.particle-2{animation-delay:.04s;background:#06b6d4}.particle-3{animation-delay:.06s;background:#fbbf24}.particle-4{animation-delay:.08s;background:#f472b6}.particle-5{animation-delay:.1s;background:#34d399}.particle-6{animation-delay:.12s;background:#ff6b9d}.particle-7{animation-delay:.14s;background:#a855f7}.particle-8{animation-delay:.16s;background:#06b6d4}.particle-9{animation-delay:.18s;background:#fbbf24}.particle-10{animation-delay:.2s;background:#f472b6}.particle-11{animation-delay:.22s;background:#34d399}.particle-0{--angle:0deg;--distance:80px}.particle-1{--angle:30deg;--distance:90px}.particle-2{--angle:60deg;--distance:75px}.particle-3{--angle:90deg;--distance:85px}.particle-4{--angle:120deg;--distance:70px}.particle-5{--angle:150deg;--distance:95px}.particle-6{--angle:180deg;--distance:80px}.particle-7{--angle:210deg;--distance:85px}.particle-8{--angle:240deg;--distance:75px}.particle-9{--angle:270deg;--distance:90px}.particle-10{--angle:300deg;--distance:70px}.particle-11{--angle:330deg;--distance:85px}@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;color:#fbbf24;font-size:18px;position:absolute;text-shadow:0 0 8px #fbbf2499}.star-0{--star-angle:15deg;--star-distance:100px;animation-delay:.05s;color:#fbbf24}.star-1{--star-angle:75deg;--star-distance:110px;animation-delay:.1s;color:#f472b6}.star-2{--star-angle:135deg;--star-distance:95px;animation-delay:.15s;color:#a855f7}.star-3{--star-angle:195deg;--star-distance:105px;animation-delay:.2s;color:#06b6d4}.star-4{--star-angle:255deg;--star-distance:100px;animation-delay:.08s;color:#34d399}.star-5{--star-angle:315deg;--star-distance:110px;animation-delay:.12s;color:#ff6b9d}.star-6{--star-angle:45deg;--star-distance:90px;animation-delay:.18s;color:#fbbf24}.star-7{--star-angle:225deg;--star-distance:95px;animation-delay:.22s;color:#a855f7}@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.3) 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:16px;position:absolute;width:4px}.spark-0{--spark-angle:20deg;--spark-distance:60px;background:linear-gradient(180deg,#fff,#ff6b9d)}.spark-1{--spark-angle:80deg;--spark-distance:65px;background:linear-gradient(180deg,#fff,#a855f7)}.spark-2{--spark-angle:140deg;--spark-distance:55px;background:linear-gradient(180deg,#fff,#06b6d4)}.spark-3{--spark-angle:200deg;--spark-distance:60px;background:linear-gradient(180deg,#fff,#fbbf24)}.spark-4{--spark-angle:260deg;--spark-distance:65px;background:linear-gradient(180deg,#fff,#f472b6)}.spark-5{--spark-angle:320deg;--spark-distance:55px;background:linear-gradient(180deg,#fff,#34d399)}@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) translateZ(0)}15%{opacity:1;transform:translateY(15px) scale(1.2,.8) rotate(-5deg) translateZ(0)}30%{opacity:1;transform:translateY(5px) scale(.9,1.1) rotate(5deg) translateZ(0)}to{opacity:0;transform:translateY(-300px) scale(.3) rotate(-15deg) translateZ(0)}}.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% - 6px))}}.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:.4;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,#ffaad94d 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:.5}to{opacity:0}}body:not(.dark-mode) .mascot-motion-trails .trail{background:radial-gradient(circle,#8b5cf640 0,#0000 70%)}@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}.hero-section{min-height:auto;padding:80px 20px 40px}.landing-ambient-glow{height:350px;top:10%;width:350px}.landing-nav{padding:14px 16px}.brand-name{font-size:16px}.landing-auth-header{gap:8px}.auth-header-btn{border-radius:10px;font-size:13px;padding:8px 16px}.theme-toggle-btn{height:32px;width:32px}.theme-toggle-btn svg{height:16px;width:16px}.landing-mascot{margin-bottom:0}.landing-mascot .nurse-quiz-mascot{transform:scale(.9)}.landing-slogan{font-size:22px;line-height:1.4;text-align:center}.slogan-highlight{font-size:inherit}.landing-subtitle{font-size:14px;line-height:1.5;margin:0 auto;max-width:320px;text-align:center}.landing-actions-grid{gap:12px}.primary-card{border-radius:16px;padding:16px 20px!important}.primary-card .action-icon-wrapper{height:50px;width:50px}.primary-card .action-title{font-size:15px}.landing-secondary-actions{gap:10px}.secondary-card{border-radius:14px;padding:16px 12px!important}.secondary-card .action-icon-wrapper{height:42px;width:42px}.secondary-card .action-title{font-size:11px}.secondary-card .action-description{display:none;font-size:10px}.landing-social-proof{align-items:center;flex-direction:column;gap:8px}.social-proof-badge{padding:8px 16px}.social-proof-divider{display:none}.badge-text{font-size:12px}.landing-footer{margin-top:20px}.footer-text{font-size:12px;text-align:center}.product-showcase-section{display:flex;justify-content:center;padding:50px 16px}.showcase-container{align-items:center;display:flex;flex-direction:column;max-width:100%;width:100%}.showcase-title{font-size:24px;margin-bottom:8px;text-align:center}.showcase-subtitle{font-size:14px;margin-bottom:30px;text-align:center}.demo-container{margin:0 auto;max-width:400px;width:100%}.demo-card{border-radius:16px;width:100%}.demo-header{padding:12px 16px}.demo-content{min-height:280px;padding:20px 16px}.demo-phase-labels{flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px;width:100%}.phase-label{font-size:11px;padding:6px 10px}.demo-generating-text,.demo-upload-text{font-size:14px}.demo-question-text{font-size:14px;line-height:1.4}.demo-answer{font-size:13px;padding:10px 14px}.demo-correct-text{font-size:20px}.demo-score-value{font-size:28px}.section-cta{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}.section-cta-btn{font-size:15px;justify-content:center;margin:0 auto;max-width:300px;padding:14px 28px;width:100%}.section-cta-btn svg{height:18px;width:18px}.section-cta-subtext{font-size:12px;text-align:center}.section-spacer{height:40px}.science-section{display:flex;justify-content:center;padding:50px 16px}.science-container{align-items:center;display:flex;flex-direction:column;max-width:100%;width:100%}.science-brain-mascot{display:flex;justify-content:center;margin-bottom:24px;width:100%}.science-brain-mascot .brain-mascot{transform:scale(.85)}.brain-explosion-particles .particle{height:8px;width:8px}.particle-0{--distance:50px}.particle-1{--distance:55px}.particle-2{--distance:45px}.particle-3{--distance:52px}.particle-4{--distance:42px}.particle-5{--distance:58px}.particle-6{--distance:50px}.particle-7{--distance:52px}.particle-8{--distance:45px}.particle-9{--distance:55px}.particle-10{--distance:42px}.particle-11{--distance:52px}.brain-explosion-particles .star-particle{font-size:14px}.star-0{--star-distance:65px}.star-1{--star-distance:70px}.star-2{--star-distance:60px}.star-3{--star-distance:68px}.star-4{--star-distance:65px}.star-5{--star-distance:70px}.star-6{--star-distance:58px}.star-7{--star-distance:62px}.brain-explosion-particles .spark-particle{height:12px;width:3px}.spark-0{--spark-distance:40px}.spark-1{--spark-distance:42px}.spark-2{--spark-distance:38px}.spark-3{--spark-distance:40px}.spark-4{--spark-distance:42px}.spark-5{--spark-distance:38px}.science-title{font-size:24px;margin-bottom:8px;text-align:center}.science-subtitle{font-size:14px;margin-bottom:32px;max-width:320px;text-align:center}.science-stats-grid{gap:16px;grid-template-columns:1fr;margin:0 auto;max-width:380px;width:100%}.science-stat-card{border-radius:16px;padding:24px 20px;text-align:center}.stat-icon-wrapper{height:48px;margin:0 auto 12px;width:48px}.stat-icon-wrapper svg{height:24px;width:24px}.stat-number{font-size:42px;margin-bottom:4px}.stat-title{font-size:16px;margin-bottom:8px}.stat-description{font-size:13px;line-height:1.5}.stat-source{font-size:10px;margin-top:12px}}.quiz-landing-page.exiting{pointer-events:none}.quiz-landing-page.exiting:before{animation:speedLines .8s ease forwards;background:repeating-linear-gradient(90deg,#0000,#0000 40px,#8b5cf60a 0,#8b5cf60a 42px);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:100}@keyframes speedLines{0%{opacity:0;transform:translateX(-10%)}20%{opacity:.5}60%{opacity:.3}to{opacity:0;transform:translateX(100vw)}}.quiz-landing-page.exiting .quiz-landing-wrapper{animation:animeExit .8s ease forwards}@keyframes animeExit{0%{opacity:1;transform:translateX(0) translateY(0) scale(1)}15%{opacity:1;transform:translateX(-10px) translateY(-3px) scale(1.005)}40%{opacity:.95;transform:translateX(10vw) translateY(-5px) scale(1)}70%{opacity:.6;transform:translateX(50vw) translateY(-2px) scale(.98)}to{opacity:0;transform:translateX(105vw) translateY(0) scale(.96) rotate(1deg)}}.quiz-landing-page.exiting .landing-nav{animation:navExit .6s ease forwards}@keyframes navExit{0%{opacity:1;transform:translateY(0)}40%{opacity:.8;transform:translateY(-15px)}to{opacity:0;transform:translateY(-40px)}}.quiz-landing-page.exiting .landing-ambient-glow{animation:glowFade .7s ease forwards}@keyframes glowFade{0%{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.2)}to{opacity:0;transform:translateX(-50%) scale(1.5)}}.quiz-landing-page.exiting .landing-action-card{animation:cardFlyOut .7s ease forwards}.quiz-landing-page.exiting .primary-card{animation:primaryCardExit .85s ease forwards!important}.quiz-landing-page.exiting .landing-secondary-actions .landing-action-card:first-child{animation-delay:.05s}.quiz-landing-page.exiting .landing-secondary-actions .landing-action-card:nth-child(2){animation-delay:.1s}.quiz-landing-page.exiting .landing-secondary-actions .landing-action-card:nth-child(3){animation-delay:.15s}@keyframes primaryCardExit{0%{filter:brightness(1);opacity:1;transform:translateX(0) translateY(0) scale(1) rotate(0deg)}8%{filter:brightness(1.02);opacity:1;transform:translateX(0) translateY(-4px) scale(1.01) rotate(0deg)}18%{filter:brightness(1.04);opacity:1;transform:translateX(-8px) translateY(-6px) scale(1.015) rotate(-.3deg)}35%{filter:brightness(1.03);opacity:1;transform:translateX(5vw) translateY(-8px) scale(1.005) rotate(.2deg)}55%{filter:brightness(1.01);opacity:.95;transform:translateX(25vw) translateY(-5px) scale(.99) rotate(.5deg)}75%{filter:brightness(1);opacity:.7;transform:translateX(55vw) translateY(-2px) scale(.97) rotate(.8deg)}to{filter:brightness(1);opacity:0;transform:translateX(105vw) translateY(0) scale(.95) rotate(1deg)}}@keyframes cardFlyOut{0%{opacity:1;transform:translateX(0) translateY(0) scale(1) rotate(0deg)}12%{opacity:1;transform:translateX(-5px) translateY(-3px) scale(1.01) rotate(-.2deg)}35%{opacity:.95;transform:translateX(8vw) translateY(-5px) scale(1) rotate(.1deg)}65%{opacity:.6;transform:translateX(40vw) translateY(-3px) scale(.98) rotate(.3deg)}to{opacity:0;transform:translateX(105vw) translateY(0) scale(.95) rotate(.5deg)}}.quiz-landing-page.exiting .landing-social-proof{animation:fadeUpOut .5s ease forwards}.quiz-landing-page.exiting .landing-footer{animation:fadeUpOut .5s ease .08s forwards}@keyframes fadeUpOut{0%{opacity:1;transform:translateY(0)}60%{opacity:.5;transform:translateY(-10px)}to{opacity:0;transform:translateY(-20px)}}.page-exit-flash{animation:exitFlash .7s ease forwards;background:radial-gradient(circle at center,#8b5cf633 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(.8)}25%{opacity:.6;transform:scale(1)}60%{opacity:.4;transform:scale(1.3)}to{opacity:0;transform:scale(1.6)}}body:not(.dark-mode) .page-exit-flash{background:radial-gradient(circle at center,#9b6fb080 0,#0000 70%)}.landing-header{animation:headerSlideIn .5s cubic-bezier(.16,1,.3,1) .2s both;margin-bottom:4px;text-align:center}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-slogan{color:#ffffffd9;font-size:24px;font-weight:600;letter-spacing:-.3px;line-height:1.5;margin:0 0 16px}.slogan-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-weight:700}.landing-subtitle{color:#ffffff8c;font-size:15px;font-weight:400;letter-spacing:.2px;margin:0}.landing-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.primary-card{background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9)!important;border:1px solid #a78bfa80!important;box-shadow:0 8px 32px #8b5cf666,0 4px 16px #7c3aed4d,inset 0 1px 0 #fff3,inset 0 -1px 0 #0000001a;flex-direction:row!important;gap:16px!important;grid-column:1/-1;justify-content:flex-start!important;padding:22px 26px!important;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease!important}.primary-card .action-icon-wrapper{background:#ffffff26!important;border-color:#fff3!important;flex-shrink:0;height:56px;width:56px}.primary-card .action-icon{color:#fff!important}.primary-card .action-title{color:#fff!important;font-size:16px;font-weight:600;text-align:left}.primary-card .action-description{color:#ffffffd9;margin-top:2px;text-align:left}.primary-card:hover{background:linear-gradient(135deg,#9d6ffa,#8b5cf6 50%,#7c3aed)!important;border-color:#c4b5fd99!important;box-shadow:0 12px 40px #8b5cf680,0 6px 20px #7c3aed66,0 0 60px #8b5cf640,inset 0 1px 0 #ffffff40!important;transform:translateY(-4px) scale(1.01)}.primary-card:hover .action-icon-wrapper{background:#ffffff26!important;border-color:#fff3!important}.primary-card:hover .action-icon{color:#fff!important;transform:none!important}.primary-card .card-text-content{align-items:flex-start;display:flex;flex-direction:column}.landing-secondary-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.secondary-card{gap:10px!important;padding:18px 12px!important}.secondary-card .action-icon-wrapper{border-radius:12px;height:44px;width:44px}.secondary-card .action-icon{height:22px!important;width:22px!important}.secondary-card .action-title{font-size:11px}.secondary-card .action-description{font-size:9px;margin-top:-4px}.popular-badge{animation:badgePulseGlow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#ea580c);border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 0 12px #fbbf24cc,0 0 24px #fbbf2466,0 4px 12px #0000004d;color:#000;font-size:9px;font-weight:800;letter-spacing:.8px;padding:5px 12px;position:absolute;right:-10px;text-transform:uppercase;top:-10px;z-index:10}@keyframes badgePulseGlow{0%,to{box-shadow:0 0 12px #fbbf24cc,0 0 24px #fbbf2466,0 4px 12px #0000004d;transform:scale(1)}50%{box-shadow:0 0 20px #fbbf24,0 0 40px #fbbf2499,0 6px 16px #0000004d;transform:scale(1.05)}}body:not(.dark-mode) .popular-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#ea580c);border:2px solid #ffffff80;color:#000}.nclex-card{border-color:#f59e0b4d!important}.nclex-card:hover{border-color:#f59e0b80!important}.hero-cta-section{animation:fadeInUp .6s ease-out .2s both;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:500px;width:100%}.hero-upload-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:16px;box-shadow:0 4px 20px #8b5cf666;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:14px;justify-content:center;padding:22px 40px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.hero-upload-btn:hover{box-shadow:0 8px 30px #8b5cf680;transform:translateY(-2px)}.hero-upload-btn.pressed,.hero-upload-btn:active{transform:translateY(0) scale(.98)}.upload-btn-icon{height:26px;width:26px}.hero-features{animation:fadeInUp .6s ease-out .3s both;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:28px}.hero-feature-card{align-items:center;background:#1e1e26cc;border:1px solid #ffffff1a;border-radius:14px;color:#ffffffe6;cursor:pointer;display:flex;gap:12px;padding:16px 22px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.hero-feature-card:hover{border-color:#8b5cf666;box-shadow:0 8px 24px #8b5cf626;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:#8b5cf626;border-radius:10px;color:#a78bfa;display:flex;height:38px;justify-content:center;width:38px}.hero-feature-title{font-size:15px;font-weight:600;white-space:nowrap}.hero-feature-text{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.hero-feature-subtitle{color:#fff9;font-size:10px;font-weight:500;white-space:nowrap}body:not(.dark-mode) .hero-feature-subtitle{color:#00000080}.hero-feature-card.nclex-card{border-color:#f59e0b40;padding-left:28px;padding-right:28px}.hero-feature-card.nclex-card:hover{border-color:#f59e0b80;box-shadow:0 8px 24px #f59e0b1a}.hero-feature-card.nclex-card .hero-feature-icon{background:#f59e0b26;color:#f59e0b}.hero-feature-card.tutor-card .hero-feature-icon{background:#3b82f626;color:#3b82f6}.hero-feature-card.challenge-card .hero-feature-icon{background:#8b5cf626;color:#a78bfa}body:not(.dark-mode) .hero-feature-card{background:#ffffffe6;border-color:#0000001a;color:#1e293b}body:not(.dark-mode) .hero-feature-card:hover{border-color:#8b5cf666;box-shadow:0 8px 24px #8b5cf61a}body:not(.dark-mode) .hero-feature-card.nclex-card{border-color:#f59e0b33}body:not(.dark-mode) .hero-feature-card.nclex-card:hover{border-color:#f59e0b66}@media (max-width:600px){.hero-features{align-items:center;flex-direction:column;gap:10px}.hero-feature-card{justify-content:center;max-width:280px;width:100%}}.hero-divider{align-items:center;display:flex;gap:16px}.divider-line{background:linear-gradient(90deg,#0000,#ffffff26,#0000);flex:1 1;height:1px}.divider-text{color:#ffffff80;font-size:13px;font-weight:500;text-transform:lowercase}.hero-paste-area{display:flex;flex-direction:column;gap:12px}.paste-textarea{background:#1e1e26cc;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:14px;padding:16px;resize:none;transition:all .3s ease;width:100%}.paste-textarea::placeholder{color:#fff6}.paste-textarea:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.paste-generate-btn{align-self:flex-end;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:10px;color:#a78bfa;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.paste-generate-btn:hover{background:#8b5cf640;border-color:#8b5cf680}body:not(.dark-mode) .paste-textarea{background:#ffffffe6;border-color:#0000001a;color:#1e293b}body:not(.dark-mode) .paste-textarea::placeholder{color:#0006}body:not(.dark-mode) .divider-line{background:linear-gradient(90deg,#0000,#00000026,#0000)}body:not(.dark-mode) .divider-text{color:#00000080}.features-section{background:linear-gradient(180deg,#0000,#8b5cf608);padding:80px 24px}.features-container{margin:0 auto;max-width:1000px}.features-title{color:#fffffff2;font-size:clamp(1.5rem,4vw,2rem);font-weight:600;margin-bottom:40px;text-align:center}body:not(.dark-mode) .features-title{color:#1e293b}.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:linear-gradient(145deg,#26262ee6,#202028f2);border:1px solid #ffffff14;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;padding:32px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-card:hover{border-color:#8b5cf64d;box-shadow:0 12px 40px #8b5cf626;transform:translateY(-4px)}.feature-card.pressed,.feature-card:active{transform:translateY(0) scale(.98)}.feature-card .popular-badge{position:absolute;right:-1px;top:-1px}.feature-icon{align-items:center;background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border-radius:16px;color:#a78bfa;display:flex;height:56px;justify-content:center;margin-bottom:16px;width:56px}.feature-title{color:#fffffff2;font-size:18px;font-weight:600;margin:0 0 8px}.feature-description{color:#fff9;font-size:14px;line-height:1.5;margin:0}body:not(.dark-mode) .feature-card{background:#ffffffe6;border-color:#00000014}body:not(.dark-mode) .feature-card:hover{border-color:#8b5cf64d;box-shadow:0 12px 40px #8b5cf61a}body:not(.dark-mode) .feature-title{color:#1e293b}body:not(.dark-mode) .feature-description{color:#64748b}body:not(.dark-mode) .feature-icon{background:linear-gradient(135deg,#8b5cf626,#8b5cf614);color:#7c3aed}.feature-card.nclex-card{border-color:#f59e0b33}.feature-card.nclex-card:hover{border-color:#f59e0b66;box-shadow:0 12px 40px #f59e0b1a}.feature-card.nclex-card .feature-icon{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b}.feature-card.tutor-card .feature-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6}.feature-card.challenge-card .feature-icon{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444}.landing-action-card{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(145deg,#26262ee6,#202028f2);border:1px solid #ffffff0f;border-radius:22px;cursor:pointer;display:flex;flex-direction:column;gap:14px;justify-content:center;overflow:hidden;padding:26px 18px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);will-change:transform,box-shadow}.landing-action-card:first-child{animation:cardSlideIn .5s cubic-bezier(.16,1,.3,1) .15s both}.landing-action-card:nth-child(2){animation:cardSlideIn .5s cubic-bezier(.16,1,.3,1) .2s both}.landing-action-card:nth-child(3){animation:cardSlideIn .5s cubic-bezier(.16,1,.3,1) .25s both}.landing-action-card:nth-child(4){animation:cardSlideIn .5s cubic-bezier(.16,1,.3,1) .3s both}.card-shine{background:linear-gradient(90deg,#0000,#ffffff08 50%,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.landing-action-card:hover .card-shine{left:100%}.landing-action-card:hover{background:linear-gradient(145deg,#30303af2,#262630);border-color:#a78bfa40;box-shadow:0 20px 40px #0006,0 0 40px #8b5cf61a,inset 0 1px 0 #ffffff0d;transform:translateY(-6px) scale(1.02)}.landing-action-card.pressed{transition:all .1s ease}.landing-action-card.pressed,.landing-action-card:active{transform:translateY(-2px) scale(.98)}.action-icon-wrapper{align-items:center;background:linear-gradient(145deg,#8b5cf626,#8b5cf614);border:1px solid #8b5cf61a;border-radius:16px;display:flex;height:54px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:54px;z-index:1}.icon-glow{background:radial-gradient(circle,#8b5cf633 0,#0000 70%);border-radius:20px;inset:-4px;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.landing-action-card:hover .icon-glow{opacity:1}.landing-action-card:hover .action-icon-wrapper{background:linear-gradient(145deg,#8b5cf640,#8b5cf61f);border-color:#8b5cf633;transform:scale(1.08)}.action-icon{color:#a78bfa;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1}.landing-action-card:hover .action-icon{color:#c4b5fd;transform:scale(1.05)}.action-title{color:#ffffffeb;font-size:13px;font-weight:600;letter-spacing:.1px;line-height:1.35;position:relative;text-align:center;transition:color .3s ease;z-index:1}.landing-action-card:hover .action-title{color:#fff}.action-description{color:#ffffff73;font-size:11px;font-weight:400;letter-spacing:.1px;line-height:1.4;margin-top:-6px;position:relative;text-align:center;transition:color .3s ease;z-index:1}.landing-action-card:hover .action-description{color:#ffffffa6}.upload-card .upload-icon{animation:uploadFloat 3s ease-in-out infinite}@keyframes uploadFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.tutor-card .tutor-icon-svg{animation:tutorPulse 2.5s ease-in-out infinite}@keyframes tutorPulse{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 4px currentColor)}}.tutor-card .tutor-icon-svg circle{animation:dotBlink 1.5s ease-in-out infinite}.tutor-card .tutor-icon-svg circle:first-child{animation-delay:0s}.tutor-card .tutor-icon-svg circle:nth-child(2){animation-delay:.2s}.tutor-card .tutor-icon-svg circle:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,to{opacity:.6}50%{opacity:1}}.challenge-card .action-icon-wrapper{background:linear-gradient(145deg,#f9731626,#f9731614);border-color:#f973161a}.challenge-card .action-icon{color:#fb923c}.challenge-card .flame-icon{animation:flameFlicker 2s ease-in-out infinite}@keyframes flameFlicker{0%,to{filter:drop-shadow(0 0 2px rgba(249,115,22,.3));transform:scale(1) translateY(0)}25%{filter:drop-shadow(0 0 6px rgba(249,115,22,.5));transform:scale(1.03) translateY(-1px)}50%{filter:drop-shadow(0 0 3px rgba(249,115,22,.4));transform:scale(.98) translateY(0)}75%{filter:drop-shadow(0 0 5px rgba(249,115,22,.45));transform:scale(1.02) translateY(-.5px)}}.challenge-card .icon-glow.challenge-glow{background:radial-gradient(circle,#f9731640 0,#0000 70%)}.challenge-card .card-shine.challenge-shine{background:linear-gradient(90deg,#0000,#f973160d 50%,#0000)}.challenge-card:hover{border-color:#f973164d;box-shadow:0 20px 40px #0006,0 0 40px #f973161f}.challenge-card:hover .action-icon-wrapper{background:linear-gradient(145deg,#f9731640,#f973161f);border-color:#f9731633}.challenge-card:hover .action-icon{color:#fdba74}.challenge-card:hover .icon-glow{opacity:1}.landing-social-proof{align-items:center;animation:badgesFadeIn .5s ease .35s both;display:flex;gap:12px;justify-content:center;margin-top:20px;padding:8px 0}@keyframes badgesFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.social-proof-badge{align-items:center;background:#8b5cf614;border:1px solid #8b5cf626;border-radius:100px;display:flex;gap:8px;padding:8px 14px;transition:all .3s ease}.social-proof-badge:hover{background:#8b5cf61f;border-color:#8b5cf640;transform:translateY(-2px)}.badge-icon{align-items:center;background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border-radius:50%;color:#a78bfa;display:flex;height:22px;justify-content:center;width:22px}.badge-icon.stars-icon{color:#fbbf24;gap:2px}.badge-icon.heart-nurses-icon,.badge-icon.stars-icon{background:none;border-radius:0;height:auto;width:auto}.badge-icon.heart-nurses-icon{gap:4px}.badge-text{color:#ffffffb3;font-size:12px;font-weight:600;letter-spacing:.2px}.social-proof-divider{background:#ffffff1a;height:20px;width:1px}body:not(.dark-mode) .social-proof-badge{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #9b6fb033;box-shadow:0 4px 16px #9b6fb01a,0 1px 3px #0000000d,inset 0 1px 0 #fff}body:not(.dark-mode) .social-proof-badge:hover{background:linear-gradient(135deg,#fff,#fffffff2);border-color:#9b6fb059;box-shadow:0 8px 24px #9b6fb026,0 2px 6px #00000014,inset 0 1px 0 #fff}body:not(.dark-mode) .badge-icon{background:linear-gradient(135deg,#9b6fb026,#9b6fb014);color:#9b6fb0}body:not(.dark-mode) .badge-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c5a8a,#9b6fb0);-webkit-background-clip:text;background-clip:text;color:#000000bf}body:not(.dark-mode) .social-proof-divider{background:linear-gradient(180deg,#0000,#9b6fb033 50%,#0000)}.landing-footer{animation:footerFadeIn .5s ease .4s both;padding-top:8px;text-align:center}@keyframes footerFadeIn{0%{opacity:0}to{opacity:1}}.footer-text{color:#ffffff59;font-size:13px;font-weight:400;letter-spacing:.3px;margin:0}body:not(.dark-mode) .quiz-landing-page{background:radial-gradient(ellipse 80% 50% at 80% 0,#c4b5fd2e 0,#0000 50%),radial-gradient(ellipse 60% 60% at 0 80%,#a78bfa1f 0,#0000 50%),radial-gradient(ellipse 50% 40% at 50% 50%,#8b5cf60d 0,#0000 60%),linear-gradient(160deg,#fdfbff,#f9f7fc 15%,#f6f3fa 35%,#f2eef7 55%,#eee9f4 75%,#e9e3f0)}body:not(.dark-mode) .landing-ambient-glow{background:radial-gradient(ellipse 70% 50% at 50% 40%,#a78bfa26 0,#9b6fb00f 50%,#0000 70%)}body:not(.dark-mode) .login-btn{border-color:#0000001f;color:#000000b3}body:not(.dark-mode) .login-btn:hover{background:#0000000a;border-color:#0003;color:#1f1f1f}body:not(.dark-mode) .signup-btn{background:linear-gradient(135deg,#9b6fb0,#8b5ca0);box-shadow:0 4px 12px #9b6fb040}body:not(.dark-mode) .signup-btn:hover{background:linear-gradient(135deg,#ad7dc3,#9b6fb0);box-shadow:0 6px 20px #9b6fb059}body:not(.dark-mode) .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9b6fb0,#8b5ca0);-webkit-background-clip:text;background-clip:text}body:not(.dark-mode) .landing-slogan{color:#000c}body:not(.dark-mode) .slogan-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9b6fb0,#8b5ca0);-webkit-background-clip:text;background-clip:text}body:not(.dark-mode) .landing-subtitle{color:#00000080}body:not(.dark-mode) .landing-action-card{background:linear-gradient(145deg,#fffffff2,#faf8fdfa);border-color:#ad7dc31f;box-shadow:0 4px 16px #9b6fb00f,0 1px 3px #0000000a}body:not(.dark-mode) .primary-card{animation:lightModeCTAPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9)!important;border-color:#8b5cf680!important;box-shadow:0 10px 40px #7c3aed4d,0 6px 20px #6d28d938,0 0 0 1px #8b5cf614,inset 0 1px 0 #fff3}@keyframes lightModeCTAPulse{0%,to{box-shadow:0 10px 40px #7c3aed4d,0 6px 20px #6d28d938,0 0 0 1px #8b5cf614,inset 0 1px 0 #fff3}50%{box-shadow:0 12px 50px #7c3aed61,0 8px 25px #6d28d94d,0 0 20px #8b5cf633,inset 0 1px 0 #ffffff40}}body:not(.dark-mode) .primary-card:hover{animation:none;background:linear-gradient(135deg,#a78bfa,#8b5cf6 50%,#7c3aed)!important;border-color:#a78bfa99!important;box-shadow:0 16px 50px #7c3aed66,0 8px 25px #6d28d952,0 0 30px #8b5cf647,inset 0 1px 0 #ffffff4d!important}body:not(.dark-mode) .primary-card .action-icon-wrapper{background:#fff3;border-color:#ffffff40}body:not(.dark-mode) .primary-card .action-icon{color:#fff}body:not(.dark-mode) .primary-card .action-title{color:#fff;font-weight:650}body:not(.dark-mode) .primary-card .action-description{color:#ffffffe6}body:not(.dark-mode) .landing-action-card:hover{background:#fff;border-color:#ad7dc340;box-shadow:0 16px 40px #9b6fb01f,0 4px 12px #0000000f}body:not(.dark-mode) .card-shine{background:linear-gradient(90deg,#0000,#9b6fb00f 50%,#0000)}body:not(.dark-mode) .action-icon-wrapper{background:linear-gradient(145deg,#9b6fb01f,#9b6fb00f);border-color:#9b6fb01a}body:not(.dark-mode) .landing-action-card:hover .action-icon-wrapper{background:linear-gradient(145deg,#9b6fb033,#9b6fb01a)}body:not(.dark-mode) .icon-glow{background:radial-gradient(circle,#9b6fb026 0,#0000 70%)}body:not(.dark-mode) .action-icon{color:#9b6fb0}body:not(.dark-mode) .landing-action-card:hover .action-icon{color:#ad7dc3}body:not(.dark-mode) .action-title{color:#000000d9}body:not(.dark-mode) .landing-action-card:hover .action-title{color:#1f1f1f}body:not(.dark-mode) .action-description{color:#00000073}body:not(.dark-mode) .landing-action-card:hover .action-description{color:#0009}body:not(.dark-mode) .challenge-card .action-icon-wrapper{background:linear-gradient(145deg,#ea580c1a,#ea580c0d);border-color:#ea580c1a}body:not(.dark-mode) .challenge-card .action-icon{color:#ea580c}body:not(.dark-mode) .challenge-card:hover .action-icon{color:#f97316}body:not(.dark-mode) .challenge-card:hover{border-color:#ea580c40;box-shadow:0 16px 40px #ea580c1a,0 4px 12px #0000000f}body:not(.dark-mode) .challenge-card .icon-glow.challenge-glow{background:radial-gradient(circle,#ea580c26 0,#0000 70%)}body:not(.dark-mode) .footer-text{color:#0006}@media (prefers-color-scheme:light){.quiz-landing-page{background:radial-gradient(ellipse 80% 50% at 80% 0,#c4b5fd2e 0,#0000 50%),radial-gradient(ellipse 60% 60% at 0 80%,#a78bfa1f 0,#0000 50%),radial-gradient(ellipse 50% 40% at 50% 50%,#8b5cf60d 0,#0000 60%),linear-gradient(160deg,#fdfbff,#f9f7fc 15%,#f6f3fa 35%,#f2eef7 55%,#eee9f4 75%,#e9e3f0)}.landing-ambient-glow{background:radial-gradient(circle,#8b5cf61f 0,#8b5cf60a 40%,#0000 70%)}.login-btn{background:#0000;border:1px solid #0000001f;color:#000000b3}.login-btn:hover{background:#0000000a;border-color:#0003;color:#000}.signup-btn{box-shadow:0 4px 12px #8b5cf640}.signup-btn:hover{box-shadow:0 6px 20px #8b5cf659}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text}.landing-slogan{color:#1a1a2e}.slogan-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9);-webkit-background-clip:text;background-clip:text}.landing-subtitle{color:#0000008c}.landing-action-card{background:#fff;border-color:#ad7dc326;box-shadow:0 8px 32px #9b6fb014,0 4px 16px #9b6fb00f,0 1px 3px #0000000a}.primary-card{animation:lightModeCTAPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9)!important;border-color:#8b5cf680!important;box-shadow:0 10px 40px #7c3aed4d,0 6px 20px #6d28d938,0 0 0 1px #8b5cf614,inset 0 1px 0 #fff3}.primary-card:hover{animation:none;background:linear-gradient(135deg,#a78bfa,#8b5cf6 50%,#7c3aed)!important;border-color:#a78bfa99!important;box-shadow:0 16px 50px #7c3aed66,0 8px 25px #6d28d952,0 0 30px #8b5cf647,inset 0 1px 0 #ffffff4d!important}.primary-card .action-icon-wrapper{background:#fff3;border-color:#ffffff40}.primary-card .action-icon{color:#fff}.primary-card .action-title{color:#fff;font-weight:650}.primary-card .action-description{color:#ffffffe6}.landing-action-card:hover{background:#fff;border-color:#ad7dc340;box-shadow:0 16px 40px #9b6fb01f,0 4px 12px #0000000f}.card-shine{background:linear-gradient(90deg,#0000,#9b6fb014 50%,#0000)}.action-icon-wrapper{background:linear-gradient(145deg,#9b6fb014,#9b6fb00a);border-color:#9b6fb01a}.landing-action-card:hover .action-icon-wrapper{background:linear-gradient(145deg,#9b6fb01f,#9b6fb00f);border-color:#9b6fb026}.icon-glow{background:radial-gradient(circle,#9b6fb01a 0,#0000 70%)}.action-icon{color:#9b6fb0}.landing-action-card:hover .action-icon{color:#8b5ca0}.action-title{color:#2d2d3a}.landing-action-card:hover .action-title{color:#1f1f1f}.action-description{color:#00000073}.landing-action-card:hover .action-description{color:#0009}.challenge-card .action-icon-wrapper{background:linear-gradient(145deg,#ea580c1a,#ea580c0d);border-color:#ea580c1a}.challenge-card .action-icon{color:#ea580c}.challenge-card:hover .action-icon{color:#f97316}.challenge-card:hover{border-color:#ea580c40;box-shadow:0 16px 40px #ea580c1a,0 4px 12px #0000000f}.challenge-card .icon-glow.challenge-glow{background:radial-gradient(circle,#ea580c26 0,#0000 70%)}.badge-icon{color:#9b6fb0}.badge-text{color:#00000080}.social-proof-divider{background:#0000001a}.footer-text{color:#0006}}body.dark-mode .quiz-landing-page{background:linear-gradient(145deg,#0d0d10,#15151a 50%,#1a1a20)}body.dark-mode .landing-ambient-glow{background:radial-gradient(circle,#8b5cf614 0,#8b5cf608 40%,#0000 70%)}body.dark-mode .login-btn{background:#0000;border:1px solid #ffffff26;color:#fffc}body.dark-mode .login-btn:hover{background:#ffffff0d;border-color:#ffffff40;color:#fff}body.dark-mode .signup-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}body.dark-mode .signup-btn:hover{background:linear-gradient(135deg,#9d6ffa,#8b5cf6);box-shadow:0 6px 20px #8b5cf666}body.dark-mode .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text}body.dark-mode .landing-slogan{color:#fffffff2}body.dark-mode .slogan-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6 50%,#7c3aed);-webkit-background-clip:text;background-clip:text}body.dark-mode .landing-subtitle{color:#fff9}body.dark-mode .landing-action-card{background:#ffffff08;border-color:#ffffff14;box-shadow:0 4px 24px #0003,0 1px 2px #0000001a}body.dark-mode .primary-card{animation:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9)!important;border-color:#a78bfa80!important;box-shadow:0 8px 32px #8b5cf666,0 4px 16px #7c3aed4d,inset 0 1px 0 #fff3,inset 0 -1px 0 #0000001a!important}body.dark-mode .primary-card:hover{background:linear-gradient(135deg,#9d6ffa,#8b5cf6 50%,#7c3aed)!important;border-color:#c4b5fd99!important;box-shadow:0 12px 40px #8b5cf680,0 6px 20px #7c3aed66,0 0 60px #8b5cf640,inset 0 1px 0 #ffffff40!important}body.dark-mode .primary-card .action-icon-wrapper{background:#ffffff26!important;border-color:#fff3!important}body.dark-mode .primary-card .action-icon{color:#fff!important}body.dark-mode .primary-card .action-title{color:#fff!important;font-weight:600}body.dark-mode .primary-card .action-description{color:#ffffffd9}body.dark-mode .landing-action-card:hover{background:#ffffff0d;border-color:#ffffff1f;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}body.dark-mode .card-shine{background:linear-gradient(90deg,#0000,#ffffff08 50%,#0000)}body.dark-mode .action-icon-wrapper{background:#ffffff0d;border-color:#ffffff14}body.dark-mode .landing-action-card:hover .action-icon-wrapper{background:#ffffff14;border-color:#ffffff1f}body.dark-mode .icon-glow{background:radial-gradient(circle,#8b5cf626 0,#0000 70%)}body.dark-mode .action-icon{color:#a78bfa}body.dark-mode .landing-action-card:hover .action-icon{color:#c4b5fd}body.dark-mode .action-title{color:#fffffff2}body.dark-mode .landing-action-card:hover .action-title{color:#fff}body.dark-mode .action-description{color:#ffffff80}body.dark-mode .landing-action-card:hover .action-description{color:#ffffffb3}body.dark-mode .challenge-card .action-icon-wrapper{background:#fb923c1a;border-color:#fb923c26}body.dark-mode .challenge-card .action-icon{color:#fb923c}body.dark-mode .challenge-card:hover .action-icon{color:#fdba74}body.dark-mode .challenge-card:hover{border-color:#fb923c4d;box-shadow:0 8px 32px #fb923c26,0 4px 16px #0003}body.dark-mode .challenge-card .icon-glow.challenge-glow{background:radial-gradient(circle,#fb923c33 0,#0000 70%)}body.dark-mode .badge-icon{color:#a78bfa}body.dark-mode .badge-text{color:#ffffff80}body.dark-mode .social-proof-divider{background:#ffffff1a}body.dark-mode .footer-text{color:#ffffff59}body.dark-mode .theme-toggle-btn{color:#fff6}body.dark-mode .theme-toggle-btn:hover{background:#ffffff14;color:#ffffffb3}body.dark-mode .product-showcase-section{background:linear-gradient(180deg,#0000,#8b5cf608 50%,#0000)}body.dark-mode .showcase-title{color:#fffffff2}body.dark-mode .showcase-subtitle{color:#ffffff80}body.dark-mode .showcase-card{background:#ffffff08;border-color:#ffffff14}body.dark-mode .showcase-card:hover{background:#ffffff0d;border-color:#8b5cf633}body.dark-mode .showcase-step-label{color:#fffc}body.dark-mode .mock-upload-area{border-color:#8b5cf64d;color:#a78bfab3}body.dark-mode .mock-upload-text{color:#ffffff80}body.dark-mode .mock-question-text{border-bottom-color:#ffffff1a;color:#ffffffb3}body.dark-mode .mock-answer{background:#ffffff08;border-color:#ffffff0d;color:#ffffff80}body.dark-mode .mock-answer.correct{background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}body.dark-mode .mock-study-sheet{background:#ffffff05}body.dark-mode .mock-progress-bar{background:#ffffff1a}body.dark-mode .mock-progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}body.dark-mode .mock-stat-row{border-bottom-color:#ffffff0d}body.dark-mode .mock-stat-label{color:#ffffff80}body.dark-mode .mock-stat-value{color:#a78bfa}body.dark-mode .showcase-arrow{color:#8b5cf666}body.dark-mode .science-section{background:linear-gradient(180deg,#8b5cf605,#c4b5fd0d 50%,#0000)}body.dark-mode .science-title{color:#fffffff2}body.dark-mode .science-subtitle{color:#ffffff80}body.dark-mode .science-stat-card{background:#ffffff08;border-color:#ffffff14}body.dark-mode .science-stat-card:hover{background:#ffffff0d;border-color:#8b5cf633;box-shadow:0 12px 40px #0003}body.dark-mode .stat-icon-wrapper{background:linear-gradient(135deg,#8b5cf626,#8b5cf614);color:#a78bfa}body.dark-mode .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text}body.dark-mode .stat-title{color:#fffffff2}body.dark-mode .stat-description{color:#ffffff80}body.dark-mode .stat-source{background:#8b5cf61a;color:#a78bfa99}body.dark-mode .section-cta-btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9);box-shadow:0 8px 24px #8b5cf659,0 4px 12px #7c3aed40,inset 0 1px 0 #fff3}body.dark-mode .section-cta-btn.primary:hover{box-shadow:0 12px 32px #8b5cf673,0 6px 16px #7c3aed4d,inset 0 1px 0 #ffffff40}body.dark-mode .section-cta-subtext{color:#ffffff80}body.dark-mode .section-cta-btn.secondary{background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 4px 16px #0003,0 1px 3px #0000001a;color:#ffffffe6}body.dark-mode .section-cta-btn.secondary:hover{background:#ffffff1f;border-color:#8b5cf666;box-shadow:0 8px 24px #8b5cf633,0 2px 6px #00000026}@media (prefers-color-scheme:dark){.quiz-landing-page{background:linear-gradient(145deg,#0d0d10,#15151a 50%,#1a1a20)}.landing-ambient-glow{background:radial-gradient(circle,#8b5cf614 0,#8b5cf608 40%,#0000 70%)}.login-btn{background:#0000;border:1px solid #ffffff26;color:#fffc}.login-btn:hover{background:#ffffff0d;border-color:#ffffff40;color:#fff}.signup-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.signup-btn:hover{background:linear-gradient(135deg,#9d6ffa,#8b5cf6);box-shadow:0 6px 20px #8b5cf666}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text}.landing-slogan{color:#fffffff2}.slogan-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6 50%,#7c3aed);-webkit-background-clip:text;background-clip:text}.landing-subtitle{color:#fff9}.landing-action-card{background:#ffffff08;border-color:#ffffff14;box-shadow:0 4px 24px #0003,0 1px 2px #0000001a}.primary-card{animation:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9)!important;border-color:#a78bfa80!important;box-shadow:0 8px 32px #8b5cf666,0 4px 16px #7c3aed4d,inset 0 1px 0 #fff3,inset 0 -1px 0 #0000001a!important}.primary-card:hover{background:linear-gradient(135deg,#9d6ffa,#8b5cf6 50%,#7c3aed)!important;border-color:#c4b5fd99!important;box-shadow:0 12px 40px #8b5cf680,0 6px 20px #7c3aed66,0 0 60px #8b5cf640,inset 0 1px 0 #ffffff40!important}.primary-card .action-icon-wrapper{background:#ffffff26!important;border-color:#fff3!important}.primary-card .action-icon{color:#fff!important}.primary-card .action-title{color:#fff!important;font-weight:600}.primary-card .action-description{color:#ffffffd9}.landing-action-card:hover{background:#ffffff0d;border-color:#ffffff1f;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}.card-shine{background:linear-gradient(90deg,#0000,#ffffff08 50%,#0000)}.action-icon-wrapper{background:#ffffff0d;border-color:#ffffff14}.landing-action-card:hover .action-icon-wrapper{background:#ffffff14;border-color:#ffffff1f}.icon-glow{background:radial-gradient(circle,#8b5cf626 0,#0000 70%)}.action-icon{color:#a78bfa}.landing-action-card:hover .action-icon{color:#c4b5fd}.action-title{color:#fffffff2}.landing-action-card:hover .action-title{color:#fff}.action-description{color:#ffffff80}.landing-action-card:hover .action-description{color:#ffffffb3}.challenge-card .action-icon-wrapper{background:#fb923c1a;border-color:#fb923c26}.challenge-card .action-icon{color:#fb923c}.challenge-card:hover .action-icon{color:#fdba74}.challenge-card:hover{border-color:#fb923c4d;box-shadow:0 8px 32px #fb923c26,0 4px 16px #0003}.challenge-card .icon-glow.challenge-glow{background:radial-gradient(circle,#fb923c33 0,#0000 70%)}.badge-icon{color:#a78bfa}.badge-text{color:#ffffff80}.social-proof-divider{background:#ffffff1a}.footer-text{color:#ffffff59}}.product-showcase-section{background:linear-gradient(180deg,#0000,#8b5cf608 50%,#0000);padding:80px 20px;width:100%}.showcase-container{margin:0 auto;max-width:1000px;text-align:center}.showcase-title{color:#fffffff2;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.showcase-subtitle{color:#ffffff80;font-size:16px;margin:0 0 48px}.demo-container{margin:0 auto;max-width:480px}.demo-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;overflow:hidden;position:relative}.demo-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:16px 20px}.demo-phase-indicators{display:flex;gap:6px}.demo-phase-dot{background:#ffffff26;border-radius:50%;height:10px;width:10px}.demo-phase-dot.phase-1{background:#ff5f57}.demo-phase-dot.phase-2{background:#febc2e}.demo-phase-dot.phase-3{background:#28c840}.demo-phase-label{background:#8b5cf61a;border-radius:100px;color:#8b5cf6cc;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.demo-content{height:280px;overflow:hidden;position:relative}.demo-phase{align-items:center;animation:demoPhaseSequence 12s ease-in-out infinite;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:24px;position:absolute;top:0;transform:translateY(20px);width:100%}.demo-upload{animation-delay:0s}.demo-generate{animation-delay:3s}.demo-quiz{align-items:stretch;animation-delay:6s;flex-direction:column;justify-content:flex-start;padding:16px 20px}.demo-result{animation-delay:9s}@keyframes demoPhaseSequence{0%,to{opacity:0;transform:translateY(20px)}2%{opacity:1;transform:translateY(0)}23%{opacity:1;transform:translateY(0)}25%{opacity:0;transform:translateY(-20px)}}.demo-upload-area{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.demo-file-icon{animation:fileFloat 2s ease-in-out infinite;color:#8b5cf6b3}@keyframes fileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.demo-upload-text{background:#ffffff0d;border-radius:8px;color:#ffffffb3;font-family:monospace;font-size:14px;padding:8px 16px}.demo-upload-progress{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:200px}.demo-upload-progress-fill{animation:uploadProgress 2.5s ease-out infinite;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;height:100%}@keyframes uploadProgress{0%{width:0}80%,to{width:100%}}.demo-generating{align-items:center;display:flex;flex-direction:column;gap:16px}.demo-ai-icon{animation:aiSpin 3s linear infinite;color:#a78bfa}@keyframes aiSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.demo-generating-text{color:#fffc;font-size:15px;font-weight:500}.demo-typing-dots{display:flex;gap:6px}.demo-typing-dots span{animation:typingBounce 1.4s ease-in-out infinite;background:#a78bfa;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 typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.demo-quiz .demo-question{margin-bottom:12px;text-align:left;width:100%}.demo-question-number{background:#8b5cf626;border-radius:5px;color:#a78bfa;display:inline-block;font-size:11px;font-weight:700;margin-bottom:6px;padding:3px 8px}.demo-question-text{color:#ffffffe6;font-size:13px;line-height:1.4;margin:0}.demo-answers{display:flex;flex-direction:column;gap:6px;width:100%}.demo-answer{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;color:#fff9;font-size:12px;padding:10px 14px;text-align:left;transition:all .3s ease}.demo-answer.selecting{animation:answerSelect 3s ease-in-out infinite;background:#8b5cf626;border-color:#8b5cf666;color:#a78bfa}@keyframes answerSelect{0%,40%,to{background:#ffffff08;border-color:#ffffff0f;color:#fff9}50%,90%{background:#8b5cf626;border-color:#8b5cf666;color:#a78bfa}}.demo-correct{align-items:center;display:flex;flex-direction:column;gap:16px}.demo-check-icon{animation:checkPop .5s ease-out;color:#22c55e}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.demo-correct-text{color:#22c55e;font-size:24px;font-weight:700}.demo-score{align-items:center;background:#ffffff08;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px 32px}.demo-score-label{color:#ffffff80;font-size:12px;letter-spacing:1px;text-transform:uppercase}.demo-score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700}.demo-timeline{background:#ffffff1a;height:3px}.demo-timeline-fill{animation:timelineFill 12s linear infinite;background:linear-gradient(90deg,#8b5cf6,#a78bfa);height:100%}@keyframes timelineFill{0%{width:0}to{width:100%}}.demo-phase-labels{display:flex;justify-content:space-between;margin-top:8px;padding:16px 0}.phase-label{color:#fff6;font-size:12px;font-weight:500;transition:color .3s ease}body:not(.dark-mode) .demo-card{background:#fffc;border-color:#9b6fb026;box-shadow:0 8px 32px #9b6fb01a}body:not(.dark-mode) .demo-header{border-bottom-color:#0000000f}body:not(.dark-mode) .demo-phase-label{background:#9b6fb01a;color:#9b6fb0}body:not(.dark-mode) .demo-upload-text{background:#0000000d;color:#000000b3}body:not(.dark-mode) .demo-file-icon{color:#9b6fb0}body:not(.dark-mode) .demo-generating-text{color:#000c}body:not(.dark-mode) .demo-ai-icon{color:#9b6fb0}body:not(.dark-mode) .demo-typing-dots span{background:#9b6fb0}body:not(.dark-mode) .demo-question-number{background:#9b6fb01f;color:#9b6fb0}body:not(.dark-mode) .demo-question-text{color:#000000d9}body:not(.dark-mode) .demo-answer{background:#00000005;border-color:#00000014;color:#0009}body:not(.dark-mode) .demo-answer.selecting{background:#9b6fb01f;border-color:#9b6fb059;color:#9b6fb0}body:not(.dark-mode) .demo-score{background:#00000008}body:not(.dark-mode) .demo-score-label{color:#00000080}body:not(.dark-mode) .demo-score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9b6fb0,#8b5ca0);-webkit-background-clip:text;background-clip:text}body:not(.dark-mode) .demo-timeline{background:#00000014}body:not(.dark-mode) .demo-timeline-fill{background:linear-gradient(90deg,#9b6fb0,#ad7dc3)}body:not(.dark-mode) .demo-upload-progress{background:#00000014}body:not(.dark-mode) .demo-upload-progress-fill{background:linear-gradient(90deg,#9b6fb0,#ad7dc3)}body:not(.dark-mode) .phase-label{color:#0006}.showcase-flow{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.showcase-step{animation:showcaseStepReveal .6s ease forwards;flex:1 1;max-width:280px;min-width:200px;opacity:0;transform:translateY(30px)}.showcase-step:first-child{animation-delay:.1s}.showcase-step:nth-child(3){animation-delay:.3s}.showcase-step:nth-child(5){animation-delay:.5s}@keyframes showcaseStepReveal{to{opacity:1;transform:translateY(0)}}.showcase-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:20px;transition:all .3s ease}.showcase-card:hover{background:#ffffff0d;border-color:#8b5cf633;transform:translateY(-4px)}.showcase-card-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.showcase-step-number{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.showcase-step-label{color:#fffc;font-size:14px;font-weight:600}.showcase-card-visual{min-height:140px}.mock-upload-area,.showcase-card-visual{align-items:center;display:flex;justify-content:center}.mock-upload-area{animation:uploadPulse 3s ease-in-out infinite;border:2px dashed #8b5cf64d;border-radius:12px;color:#a78bfab3;flex-direction:column;gap:12px;padding:24px;transition:all .3s ease;width:100%}@keyframes uploadPulse{0%,to{border-color:#8b5cf64d}50%{border-color:#8b5cf699}}.mock-upload-area svg{animation:uploadBounce 2s ease-in-out infinite}@keyframes uploadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mock-upload-text{color:#ffffff80;font-size:13px}.mock-quiz-question{text-align:left;width:100%}.mock-question-text{border-bottom:1px solid #ffffff1a;color:#ffffffb3;font-size:12px;margin-bottom:12px;padding-bottom:8px}.mock-answers{display:flex;flex-direction:column;gap:6px}.mock-answer{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;color:#ffffff80;font-size:11px;padding:8px 12px;transition:all .3s ease}.mock-answer.correct{animation:correctPulse 2.5s ease-in-out infinite;background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa;position:relative}.mock-answer.correct:after{animation:checkAppear 2.5s ease-in-out infinite;content:"✓";font-size:12px;font-weight:700;position:absolute;right:10px}@keyframes checkAppear{0%,30%{opacity:0;transform:scale(.5)}50%,to{opacity:1;transform:scale(1)}}.mock-study-sheet{background:#ffffff05;border-radius:12px;padding:16px;width:100%}.mock-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.mock-progress-fill{animation:progressFill 3s ease-out infinite;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;height:100%;position:relative;width:0}.mock-progress-fill:after{animation:progressShine 3s ease-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShine{0%,70%{transform:translateX(-100%)}to{transform:translateX(200%)}}.mock-stat-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.mock-stat-row:last-child{border-bottom:none}.mock-stat-label{color:#ffffff80;font-size:12px}.mock-stat-value{animation:statPop 3s ease-out infinite;color:#a78bfa;font-size:14px;font-weight:600}@keyframes statPop{0%,60%{transform:scale(1)}70%{transform:scale(1.1)}80%,to{transform:scale(1)}}.showcase-arrow{animation:arrowReveal .4s ease forwards,arrowPulse 2s ease-in-out infinite;color:#8b5cf666;flex-shrink:0;opacity:0}.showcase-arrow,.showcase-flow>.showcase-arrow:first-of-type{animation-delay:.2s,.6s}.showcase-flow>.showcase-arrow:nth-of-type(2){animation-delay:.4s,.8s}@keyframes arrowReveal{to{opacity:1}}@keyframes arrowPulse{0%,to{opacity:.4;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}.section-spacer{height:40px}.section-cta{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:48px;padding-top:32px}.section-cta-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.section-cta-btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed 50%,#6d28d9);box-shadow:0 8px 24px #8b5cf659,0 4px 12px #7c3aed40,inset 0 1px 0 #fff3;color:#fff}.section-cta-btn.primary:hover{box-shadow:0 12px 32px #8b5cf673,0 6px 16px #7c3aed4d,inset 0 1px 0 #ffffff40;transform:translateY(-3px)}.section-cta-btn.primary:active{transform:translateY(-1px)}.section-cta-btn.secondary{background:#fffffff2;border:1px solid #9b6fb033;border-radius:100px;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000a;color:#7c5a8a;font-weight:600;padding:14px 28px}.section-cta-btn.secondary:hover{background:#fff;border-color:#9b6fb059;box-shadow:0 8px 24px #9b6fb026,0 2px 6px #0000000f;transform:translateY(-2px)}.section-cta-btn.secondary:active{transform:translateY(0)}.cta-emoji{font-size:18px;margin-right:2px}.section-cta-btn svg{transition:transform .3s ease}.section-cta-btn:hover svg{transform:translateX(4px)}.section-cta-subtext{color:#ffffff80;font-size:14px;margin:0}body:not(.dark-mode) .section-cta-btn.primary{background:linear-gradient(135deg,#9b6fb0,#8b5ca0 50%,#7a4d90);box-shadow:0 8px 24px #9b6fb04d,0 4px 12px #8b5ca633,inset 0 1px 0 #ffffff4d}body:not(.dark-mode) .section-cta-btn.primary:hover{box-shadow:0 12px 32px #9b6fb066,0 6px 16px #8b5ca640,inset 0 1px 0 #ffffff59}body:not(.dark-mode) .section-cta-subtext{color:#00000080}.science-section{background:linear-gradient(180deg,#8b5cf605,#c4b5fd0d 50%,#0000);padding:80px 20px;width:100%}.science-container{margin:0 auto;max-width:1100px;text-align:center}.science-title{color:#fffffff2;font-size:36px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.science-subtitle{color:#ffffff80;font-size:16px;margin:0 0 56px}.science-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.science-stat-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:32px 24px;text-align:center;transition:all .3s ease}.science-stat-card:hover{background:#ffffff0d;border-color:#8b5cf633;box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.stat-icon-wrapper{align-items:center;background:linear-gradient(135deg,#8b5cf626,#8b5cf614);border-radius:16px;color:#a78bfa;display:flex;height:56px;justify-content:center;margin:0 auto 20px;width:56px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.stat-title{color:#fffffff2;font-size:18px;font-weight:600;margin:0 0 12px}.stat-description{color:#ffffff80;font-size:14px;line-height:1.6;margin:0 0 16px}.stat-source{background:#8b5cf61a;border-radius:20px;color:#a78bfa99;display:inline-block;font-size:11px;padding:6px 12px}body:not(.dark-mode) .product-showcase-section{background:linear-gradient(180deg,#0000,#9b6fb00d 50%,#0000)}body:not(.dark-mode) .showcase-title{color:#000000d9}body:not(.dark-mode) .showcase-subtitle{color:#00000080}body:not(.dark-mode) .showcase-card{background:#fffc;border-color:#9b6fb026;box-shadow:0 4px 16px #9b6fb014}body:not(.dark-mode) .showcase-card:hover{background:#fff;border-color:#9b6fb040}body:not(.dark-mode) .showcase-step-label{color:#000000b3}body:not(.dark-mode) .mock-upload-area{border-color:#9b6fb04d;color:#9b6fb0}body:not(.dark-mode) .mock-upload-text{color:#00000080}body:not(.dark-mode) .mock-question-text{border-bottom-color:#0000001a;color:#000000b3}body:not(.dark-mode) .mock-answer{background:#00000008;border-color:#00000014;color:#0009}body:not(.dark-mode) .mock-answer.correct{background:#9b6fb01f;border-color:#9b6fb04d;color:#8b5ca0}body:not(.dark-mode) .mock-study-sheet{background:#00000005}body:not(.dark-mode) .mock-progress-bar{background:#00000014}body:not(.dark-mode) .mock-progress-fill{background:linear-gradient(90deg,#9b6fb0,#ad7dc3)}body:not(.dark-mode) .mock-stat-row{border-bottom-color:#0000000f}body:not(.dark-mode) .mock-stat-label{color:#00000080}body:not(.dark-mode) .mock-stat-value{color:#9b6fb0}body:not(.dark-mode) .showcase-arrow{color:#9b6fb066}body:not(.dark-mode) .science-section{background:linear-gradient(180deg,#9b6fb008,#c4b5fd14 50%,#0000)}body:not(.dark-mode) .science-title{color:#000000d9}body:not(.dark-mode) .science-subtitle{color:#00000080}body:not(.dark-mode) .science-stat-card{background:#ffffffe6;border-color:#9b6fb01f;box-shadow:0 4px 20px #9b6fb014}body:not(.dark-mode) .science-stat-card:hover{background:#fff;border-color:#9b6fb040;box-shadow:0 12px 40px #9b6fb026}body:not(.dark-mode) .stat-icon-wrapper{background:linear-gradient(135deg,#9b6fb01f,#9b6fb00f);color:#9b6fb0}body:not(.dark-mode) .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9b6fb0,#8b5ca0);-webkit-background-clip:text;background-clip:text}body:not(.dark-mode) .stat-title{color:#000000d9}body:not(.dark-mode) .stat-description{color:#0000008c}body:not(.dark-mode) .stat-source{background:#9b6fb01a;color:#9b6fb0}@media (max-width:480px){.quiz-landing-page{align-items:flex-start;padding:32px 16px 16px}.quiz-landing-wrapper{max-width:100%}.quiz-landing-content{gap:16px}.landing-mascot{margin-bottom:-12px}.landing-mascot .nurse-quiz-mascot{transform:scale(.85)}.landing-slogan{font-size:20px}.landing-subtitle{font-size:14px}.landing-nav{padding:12px 16px}.brand-name{font-size:16px}.auth-header-btn{font-size:13px;padding:8px 14px}.landing-actions-grid{gap:10px}.primary-card{gap:14px!important;padding:16px 18px!important}.primary-card .action-icon-wrapper{height:48px;width:48px}.primary-card .action-title{font-size:14px}.primary-card .action-description{font-size:11px}.landing-secondary-actions{gap:8px;grid-template-columns:repeat(3,1fr)}.secondary-card{border-radius:14px;gap:8px!important;padding:14px 8px!important}.secondary-card .action-icon-wrapper{border-radius:10px;height:38px;width:38px}.secondary-card .action-icon{height:18px!important;width:18px!important}.secondary-card .action-title{font-size:9px}.secondary-card .action-description{display:none}.landing-ambient-glow{height:400px;width:400px}.landing-social-proof{flex-wrap:wrap;gap:12px}.badge-icon svg{height:14px;width:14px}.badge-text{font-size:11px}.social-proof-divider{height:14px}.product-showcase-section{padding:60px 16px}.showcase-title{font-size:24px}.showcase-subtitle{font-size:14px;margin-bottom:32px}.showcase-flow{flex-direction:column;gap:16px}.showcase-step{max-width:100%;width:100%}.showcase-arrow{transform:rotate(90deg)}.showcase-card-visual{min-height:120px}.science-section{padding:60px 16px}.science-title{font-size:26px}.science-subtitle{font-size:14px;margin-bottom:40px}.science-stats-grid{gap:16px;grid-template-columns:1fr;margin:0 auto;max-width:380px}.science-stat-card{padding:24px 20px}.stat-number{font-size:40px}.stat-title{font-size:16px}.stat-description{font-size:13px}.section-cta{margin-top:32px;padding-top:24px}.section-cta-btn{font-size:15px;justify-content:center;margin:0 auto;max-width:280px;padding:14px 24px;width:100%}.section-cta-subtext{font-size:12px;text-align:center}}@media (max-width:360px){.landing-actions-grid{gap:10px;grid-template-columns:1fr}.landing-action-card{border-radius:16px;flex-direction:row;gap:16px;justify-content:flex-start;padding:18px 20px}.action-icon-wrapper{flex-shrink:0;height:44px;width:44px}.action-title{font-size:14px;text-align:left}.action-description{font-size:11px;text-align:left}}.landing-action-card:focus-visible{outline:2px solid #a78bfa;outline-offset:3px}body:not(.dark-mode) .landing-action-card:focus-visible{outline-color:#9b6fb0}@media (prefers-reduced-motion:reduce){.landing-action-card,.landing-footer,.landing-header,.quiz-landing-wrapper{animation:none!important}.action-icon,.action-icon-wrapper,.card-shine,.icon-glow,.landing-action-card{transition:none!important}.landing-action-card:hover{transform:none}.challenge-card .flame-icon,.landing-ambient-glow{animation:none!important}.landing-ambient-glow{opacity:.8}}@media (prefers-contrast:high){.landing-action-card{border-width:2px}.action-title{font-weight:700}}.simple-loading-overlay{align-items:center;animation:simpleOverlayFadeIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0d0d10f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes simpleOverlayFadeIn{0%{opacity:0}to{opacity:1}}.simple-loading-content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:40px;text-align:center}.simple-loading-spinner{animation:simpleSpinnerRotate 1s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:48px;width:48px}@keyframes simpleSpinnerRotate{to{transform:rotate(1turn)}}.simple-loading-text{color:#fffffff2;font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0}.simple-loading-subtext{color:#ffffff80;font-size:14px;font-weight:400;margin:0}body:not(.dark-mode) .simple-loading-overlay{background:#fffffff2}body:not(.dark-mode) .simple-loading-spinner{border-color:#8b5cf6 #8b5cf626 #8b5cf626}body:not(.dark-mode) .simple-loading-text{color:#1e1e32f2}body:not(.dark-mode) .simple-loading-subtext{color:#3c3c5099}.public-quiz-results{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff6;border-radius:24px;box-shadow:0 20px 60px #00000026,inset 0 1px 0 #fff9;padding:40px}.results-header{align-items:center;border-bottom:2px solid #0000000f;display:flex;gap:32px;margin-bottom:32px;padding-bottom:32px}.performance-circle{flex-shrink:0;height:140px;position:relative;width:140px}.circle-bg,.circle-progress{border-radius:50%;height:100%;position:absolute;width:100%}.circle-bg{background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.circle-progress{animation:progressFill 1.5s cubic-bezier(.34,1.56,.64,1) .3s both;background:linear-gradient(135deg,#667eea,#764ba2);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 0,50% 0);transform:rotate(calc(3.6deg*var(--progress)))}@keyframes progressFill{0%{transform:rotate(0deg)}}.circle-content{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;inset:12px;justify-content:center;position:absolute}.performance-emoji{animation:bounce .6s ease .6s both;font-size:2.5rem;margin-bottom:4px}.performance-score{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.performance-text{flex:1 1}.performance-text h2{animation:fadeIn .6s ease .4s both;color:#1a1a1a;font-size:2rem;font-weight:800;margin:0 0 8px}.performance-text p{animation:fadeIn .6s ease .5s both;color:#666;font-size:1.1rem;margin:0}.results-stats{grid-gap:16px;animation:fadeIn .6s ease .6s both;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.stat-card{background:#667eea0d;border:2px solid #667eea1a;border-radius:16px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#667eea33;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.stat-icon.correct{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-value{color:#1a1a1a;font-size:2rem;margin-bottom:4px}.stat-label{color:#666;font-size:.9rem;font-weight:500}.weak-topics-alert{animation:fadeIn .6s ease .7s both;background:#ef444414;border:2px solid #ef444433;border-radius:16px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.alert-icon{flex-shrink:0;font-size:2rem}.alert-content h3{color:#dc2626;font-size:1.1rem;font-weight:700;margin:0 0 12px}.topic-tags{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{border-radius:100px;font-size:.9rem;font-weight:600;padding:6px 14px}.topic-tag.weak{background:#ef44441f;border:1px solid #ef444433;color:#dc2626}.topic-tag.strong{background:#10b9811f;border:1px solid #10b98133;color:#059669}.strong-topics-section{animation:fadeIn .6s ease .8s both;margin-bottom:32px}.strong-topics-section h4{color:#059669;font-size:1rem;font-weight:700;margin:0 0 12px}.virality-cta{animation:fadeIn .6s ease .9s both;background:linear-gradient(135deg,#667eea14,#764ba214);border:2px solid #667eea26;border-radius:20px;margin-bottom:24px;padding:32px;text-align:center}.cta-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:100px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;margin-bottom:16px;padding:8px 20px}.badge-icon{font-size:1.1rem}.virality-cta h3{color:#1a1a1a;font-size:1.75rem;font-weight:800;margin:0 0 8px}.virality-cta>p{color:#666;font-size:1.05rem;margin:0 0 24px}.cta-buttons{flex-direction:column;gap:12px;margin-bottom:8px}.cta-buttons,.practice-btn{align-items:center;display:flex}.practice-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;gap:10px;justify-content:center;max-width:320px;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.practice-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea59;color:#fff}.practice-btn.primary:hover{box-shadow:0 10px 30px #667eea73;transform:translateY(-3px)}.practice-btn.secondary{background:#fff;border:2px solid #667eea;box-shadow:0 2px 8px #667eea26;color:#667eea}.practice-btn.secondary:hover{background:#667eea0d;box-shadow:0 4px 16px #667eea40;transform:translateY(-2px)}.btn-icon{font-size:1.2rem}.btn-arrow{font-size:1.3rem;transition:transform .3s ease}.practice-btn:hover .btn-arrow{transform:translateX(4px)}.cta-note{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px;justify-content:center;margin:20px 0 0}.sparkle{font-size:1.1rem}.social-proof{animation:fadeIn .6s ease 1s both;border-top:2px solid #0000000f;padding-top:24px;text-align:center}.proof-stats{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.95rem;gap:16px;justify-content:center}.proof-item strong{color:#667eea;font-weight:700}.proof-divider{color:#ccc}@media (max-width:768px){.public-quiz-results{padding:24px 20px}.results-header{flex-direction:column;gap:20px;text-align:center}.performance-circle{height:120px;width:120px}.performance-emoji{font-size:2rem}.performance-score{font-size:1.5rem}.performance-text h2{font-size:1.75rem}.results-stats{gap:12px;grid-template-columns:1fr}.weak-topics-alert{flex-direction:column;text-align:center}.virality-cta{padding:24px 20px}.virality-cta h3{font-size:1.5rem}.practice-btn{max-width:100%}.cta-buttons{gap:10px}.proof-stats{flex-direction:column;gap:8px}.proof-divider{display:none}}body.dark-mode .public-quiz-results{background:#1e1e28fa;border-color:#8b5cf640;box-shadow:0 8px 32px #0006}body.dark-mode .performance-text h2,body.dark-mode .stat-value,body.dark-mode .virality-cta h3{color:#f3f4f6}body.dark-mode .cta-note,body.dark-mode .performance-text p,body.dark-mode .proof-stats,body.dark-mode .stat-label,body.dark-mode .virality-cta>p{color:#9ca3af}body.dark-mode .performance-score{color:#f3f4f6}body.dark-mode .circle-bg{background:linear-gradient(135deg,#32323ce6,#23232de6)}body.dark-mode .circle-content{background:#191923f2}body.dark-mode .circle-progress{background:conic-gradient(from 0deg,#8b5cf6 calc(var(--progress)*3.6deg),#8b5cf626 calc(var(--progress)*3.6deg))}body.dark-mode .stat-card{background:#8b5cf61a;border-color:#8b5cf633}body.dark-mode .stat-icon.correct{background:#10b98133;color:#34d399}body.dark-mode .stat-icon.incorrect{background:#ef444433;color:#f87171}body.dark-mode .stat-icon.total{background:#8b5cf633}body.dark-mode .weak-topics-alert{background:#ef44441a;border-color:#ef44444d}body.dark-mode .weak-topics-alert h3{color:#fca5a5}body.dark-mode .topic-tag.weak{background:#ef444426;border-color:#ef44444d;color:#fca5a5}body.dark-mode .strong-topics-section h4{color:#a7f3d0}body.dark-mode .topic-tag.strong{background:#10b98126;border-color:#10b9814d;color:#a7f3d0}body.dark-mode .virality-cta{background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);border-color:#8b5cf640}body.dark-mode .cta-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf666}body.dark-mode .practice-btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 20px #8b5cf659}body.dark-mode .practice-btn.primary:hover{box-shadow:0 10px 30px #8b5cf673}body.dark-mode .practice-btn.secondary{background:#8b5cf61a;border-color:#8b5cf666;color:#c4b5fd}body.dark-mode .practice-btn.secondary:hover{background:#8b5cf633;box-shadow:0 4px 16px #8b5cf640}body.dark-mode .social-proof{border-top-color:#8b5cf633}body.dark-mode .proof-item strong{color:#c4b5fd}body.dark-mode .proof-divider{color:#8b5cf666}@media (prefers-color-scheme:dark){.public-quiz-results{background:#1e1e23fa;border-color:#ffffff1a}.performance-text h2,.stat-value,.virality-cta h3{color:#f5f5f5}.cta-note,.performance-text p,.proof-stats,.stat-label,.virality-cta>p{color:#aaa}.circle-bg{background:linear-gradient(135deg,#2a2a30,#1f1f24)}.circle-content{background:#1a1a1f}.stat-card{background:#667eea14;border-color:#667eea26}.practice-btn.secondary{background:#ffffff0d;border-color:#8b9bff;color:#8b9bff}}.public-quiz-container{background:#0000;min-height:100vh;overflow-x:hidden;position:relative;z-index:1}.public-quiz-container:before{background:radial-gradient(at 0 0,#ad7dc326 0,#0000 50%),radial-gradient(at 100% 0,#d9b8f41a 0,#0000 50%);bottom:0;content:"";left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:-2}.public-quiz-container .nursing-icon{animation:floatNurse 20s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(173,125,195,.4));font-size:32px;opacity:.4;pointer-events:none;position:fixed;transition:all .3s ease;z-index:-1}.nursing-icon:first-child{animation-delay:0s;animation-duration:25s;left:5%;top:15%}.nursing-icon:nth-child(2){animation-delay:-5s;animation-duration:22s;left:8%;top:30%}.nursing-icon:nth-child(3){animation-delay:-10s;animation-duration:28s;left:3%;top:50%}.nursing-icon:nth-child(4){animation-delay:-15s;animation-duration:24s;left:10%;top:65%}.nursing-icon:nth-child(5){animation-delay:-8s;animation-duration:26s;left:6%;top:80%}.nursing-icon:nth-child(6){animation-delay:-12s;animation-duration:23s;left:12%;top:10%}.nursing-icon:nth-child(7){animation-delay:-3s;animation-duration:27s;right:5%;top:18%}.nursing-icon:nth-child(8){animation-delay:-18s;animation-duration:25s;right:8%;top:35%}.nursing-icon:nth-child(9){animation-delay:-6s;animation-duration:29s;right:3%;top:55%}.nursing-icon:nth-child(10){animation-delay:-14s;animation-duration:21s;right:10%;top:70%}.nursing-icon:nth-child(11){animation-delay:-9s;animation-duration:24s;right:6%;top:85%}.nursing-icon:nth-child(12){animation-delay:-16s;animation-duration:27s;right:12%;top:12%}@keyframes floatNurse{0%,to{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(10px,-15px) rotate(5deg) scale(1.05)}50%{transform:translate(-8px,-25px) rotate(-3deg) scale(.98)}75%{transform:translate(12px,-10px) rotate(4deg) scale(1.02)}}.public-quiz-container>*{position:relative;z-index:10}.public-quiz-content .quiz-navigation,.public-quiz-content .quiz-sidebar{z-index:100!important}.public-quiz-content .quiz-nav-item{position:relative;z-index:101!important}.public-quiz-header{margin:0 auto;max-width:900px;padding:24px 20px 20px;text-align:center}.public-quiz-header .brand{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.public-quiz-header .brand-logo{height:40px;object-fit:contain;width:40px}.public-quiz-header .brand h1{color:#1f1f1f;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.public-quiz-header .quiz-info{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ad7dc32e;border-radius:16px;box-shadow:0 4px 16px #9b6fb01f;padding:20px 28px}.public-quiz-header .quiz-info h2{color:#1f1f1f;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin:0 0 12px}.public-quiz-header .quiz-meta{align-items:center;color:#5f6368;display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;margin:0 0 16px}.public-quiz-header .meta-divider{color:#ad7dc380}.public-quiz-header .quiz-topics{border-top:1px solid #ad7dc31f;padding-top:14px}.public-quiz-header .topics-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.public-quiz-header .topic-tag{align-items:center;background:#ad7dc31a;border:1px solid #ad7dc333;border-radius:16px;color:#663a82;display:inline-flex;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.public-quiz-header .topic-tag:hover{background:#ad7dc326;border-color:#ad7dc34d}.public-quiz-content{animation:fadeInUp .8s ease .4s both;margin:0 auto;max-width:900px;padding:0 20px 40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.public-quiz-error,.public-quiz-loading{animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ad7dc32e;border-radius:24px;box-shadow:0 8px 32px #9b6fb029;margin:80px auto;max-width:500px;padding:60px 40px;text-align:center}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.public-quiz-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ad7dc326;border-radius:50%;border-top-color:#ad7dc3;height:56px;margin:0 auto 24px;width:56px}.public-quiz-loading p{color:#666;font-size:1.1rem;font-weight:500;margin:0}.public-quiz-error .error-icon{animation:bounce .6s ease;font-size:5rem;margin-bottom:20px}.public-quiz-error h2{color:#333;font-size:1.75rem;font-weight:700;margin:0 0 12px}.public-quiz-error p{color:#666;font-size:1.05rem;margin:0 0 32px}.back-home-btn{background:linear-gradient(135deg,#ad7dc3,#9b6fb0);border:none;border-radius:12px;box-shadow:0 4px 12px #9b6fb04d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 36px;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-home-btn:hover{background:linear-gradient(135deg,#9b6fb0,#663a82);box-shadow:0 6px 20px #9b6fb066;transform:translateY(-3px)}.back-home-btn:active{transform:translateY(-1px)}.public-quiz-footer{animation:fadeInUp .8s ease .6s both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ad7dc32e;border-radius:20px;box-shadow:0 4px 16px #9b6fb01f;margin:32px auto 0;max-width:900px;padding:28px 20px;text-align:center}.public-quiz-footer p{color:#1f1f1f;font-size:1rem;font-weight:500;margin:0}.public-quiz-footer .signup-link{background:#ad7dc31a;border-radius:8px;color:#ad7dc3;display:inline-block;font-weight:700;margin-left:4px;padding:4px 12px;text-decoration:none;transition:all .3s ease}.public-quiz-footer .signup-link:hover{background:#ad7dc333;box-shadow:0 4px 12px #ad7dc34d;transform:translateY(-2px)}@media (max-width:768px){.nursing-icon{display:none}.public-quiz-container{padding:0}.public-quiz-header{padding:20px 16px 16px}.public-quiz-header .brand-logo{height:32px;width:32px}.public-quiz-header .brand h1{font-size:1.5rem}.public-quiz-header .quiz-info{padding:16px 20px}.public-quiz-header .quiz-info h2{font-size:1.3rem;margin-bottom:10px}.public-quiz-header .quiz-meta{font-size:.85rem;gap:6px;margin-bottom:14px}.public-quiz-header .quiz-topics{padding-top:12px}.public-quiz-header .topics-list{gap:6px}.public-quiz-header .topic-tag{font-size:.8rem;padding:5px 10px}.public-quiz-content{padding:0 12px 24px}.public-quiz-error,.public-quiz-loading{margin:40px 16px;padding:40px 24px}.public-quiz-error .error-icon{font-size:4rem}.public-quiz-error h2{font-size:1.5rem}.public-quiz-footer{border-radius:16px;margin:24px 16px 0;padding:20px 16px}.public-quiz-footer p{font-size:.95rem;line-height:1.6}.public-quiz-footer .signup-link{display:inline;margin:0 0 0 4px}}@media (max-width:1024px) and (min-width:769px){.public-quiz-header .brand h1{font-size:2rem}.public-quiz-header .quiz-info h2{font-size:1.6rem}}@media (prefers-color-scheme:dark){.public-quiz-error,.public-quiz-loading{background:#1e1e23fa;border-color:#ffffff1a}.public-quiz-error h2{color:#f5f5f5}.public-quiz-error p,.public-quiz-loading p{color:#aaa}}.public-quiz-content .quiz-compact-option{background:#f9f5fde6;border:1.5px solid #e0d6f5cc}.public-quiz-content .quiz-compact-option.disabled{background:#f9f5fdb3;opacity:.8}.public-quiz-content .quiz-compact-option .option-text{color:#2d3748}.public-quiz-content .quiz-compact-option.disabled .option-text{color:#4a5568}.public-quiz-content .quiz-compact-option.correct{background:#c6f6d5e6;border-color:#48bb78}.public-quiz-content .quiz-compact-option.correct .option-text{color:#22543d}.public-quiz-content .quiz-compact-option.incorrect{background:#fed7d7e6;border-color:#fc8181}.public-quiz-content .quiz-compact-option.incorrect .option-text{color:#742a2a}.public-quiz-container .theme-toggle-btn{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:none;border-radius:12px;box-shadow:0 4px 16px #00000014;color:#00000073;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:1000}.public-quiz-container .theme-toggle-btn:hover{background:#64748b26;box-shadow:0 0 16px #64748b4d;color:#64748b}.public-quiz-container .theme-toggle-btn:active{transform:scale(.95)}.public-quiz-container .theme-toggle-btn svg{transition:transform .4s ease,filter .3s ease}.public-quiz-container .theme-toggle-btn:hover svg{filter:drop-shadow(0 0 3px rgba(100,116,139,.4));transform:rotate(15deg)}body.dark-mode{background:linear-gradient(135deg,#0f0f12,#1a1a22 50%,#12121a)}body.dark-mode .public-quiz-container{background:#0000}body.dark-mode .public-quiz-container:before{background:radial-gradient(at 0 0,#8b5cf626 0,#0000 50%),radial-gradient(at 100% 0,#a78bfa1a 0,#0000 50%)}body.dark-mode .public-quiz-container .theme-toggle-btn{background:#1e1e28e6;box-shadow:0 4px 16px #0000004d;color:#fff6}body.dark-mode .public-quiz-container .theme-toggle-btn:hover{background:#fbbf2426;box-shadow:0 0 16px #fbbf2480;color:#fbbf24}body.dark-mode .public-quiz-container .theme-toggle-btn:hover svg{filter:drop-shadow(0 0 4px rgba(251,191,36,.6));transform:rotate(15deg)}body.dark-mode .public-quiz-header .brand h1{color:#f3f4f6}body.dark-mode .public-quiz-header .quiz-info{background:#1e1e28e6;border-color:#8b5cf640;box-shadow:0 8px 32px #0006}body.dark-mode .public-quiz-header .quiz-info h2{color:#f3f4f6}body.dark-mode .public-quiz-header .quiz-meta{color:#9ca3af}body.dark-mode .public-quiz-header .meta-divider{color:#8b5cf680}body.dark-mode .public-quiz-header .topic-tag{background:#8b5cf626;border-color:#8b5cf64d;color:#c4b5fd}body.dark-mode .public-quiz-header .topic-tag:hover{background:#8b5cf640;border-color:#8b5cf666}body.dark-mode .public-quiz-content .quiz-compact-container.glassmorphic{background:linear-gradient(135deg,#1e1e23fa,#23232afa);border-color:#8b5cf640;box-shadow:0 8px 32px #0006}body.dark-mode .public-quiz-content .quiz-compact-option{background:#32353ecc;border-color:#ffffff1f;box-shadow:0 2px 8px #0003}body.dark-mode .public-quiz-content .quiz-compact-option:hover:not(.disabled){background:#3c3f48e6;border-color:#fff3;box-shadow:0 4px 12px #0000004d}body.dark-mode .public-quiz-content .quiz-compact-option.disabled{background:#2d303999;opacity:.7}body.dark-mode .public-quiz-content .quiz-compact-option .option-text{color:#f3f4f6}body.dark-mode .public-quiz-content .quiz-compact-option.disabled .option-text{color:#9ca3af}body.dark-mode .public-quiz-content .quiz-compact-option.correct{background:linear-gradient(135deg,#10b9814d,#0596694d);border-color:#34d399;box-shadow:0 4px 16px #10b98140}body.dark-mode .public-quiz-content .quiz-compact-option.correct .option-text{color:#a7f3d0}body.dark-mode .public-quiz-content .quiz-compact-option.incorrect{background:linear-gradient(135deg,#ef44444d,#dc26264d);border-color:#f87171;box-shadow:0 4px 16px #ef444440}body.dark-mode .public-quiz-content .quiz-compact-option.incorrect .option-text{color:#fecaca}body.dark-mode .public-quiz-content .option-letter{background:#ffffff26;color:#e5e7eb}body.dark-mode .public-quiz-content .quiz-compact-option.correct .option-letter{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98166;color:#fff}body.dark-mode .public-quiz-content .quiz-compact-option.incorrect .option-letter{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444466;color:#fff}body.dark-mode .public-quiz-content .quiz-compact-title{color:#c4b5fd}body.dark-mode .public-quiz-content .quiz-compact-question{color:#f3f4f6}body.dark-mode .public-quiz-content .quiz-topic-badge{background:linear-gradient(135deg,#8b5cf633,#a78bfa33);border-color:#8b5cf666}body.dark-mode .public-quiz-content .topic-badge-text{color:#c4b5fd}body.dark-mode .public-quiz-content .quiz-compact-feedback{background:linear-gradient(135deg,#23262ff2,#1e212af2)}body.dark-mode .public-quiz-content .quiz-compact-feedback.correct{border-left-color:#34d399}body.dark-mode .public-quiz-content .quiz-compact-feedback.incorrect{border-left-color:#f87171}body.dark-mode .public-quiz-content .feedback-status.correct{color:#34d399}body.dark-mode .public-quiz-content .feedback-status.incorrect{color:#f87171}body.dark-mode .public-quiz-content .feedback-rationale-label{color:#a78bfa}body.dark-mode .public-quiz-content .feedback-rationale-content{color:#e5e7eb}body.dark-mode .public-quiz-content .feedback-rationale-content b,body.dark-mode .public-quiz-content .feedback-rationale-content strong{color:#fff}body.dark-mode .public-quiz-content .quiz-compact-next-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #8b5cf64d}body.dark-mode .public-quiz-content .quiz-compact-next-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666}body.dark-mode .public-quiz-content .quiz-skip-btn{background:#4b55634d;border-color:#9ca3af4d;color:#9ca3af}body.dark-mode .public-quiz-content .quiz-skip-btn:hover{background:#4b556380;border-color:#9ca3af80;color:#e5e7eb}body.dark-mode .public-quiz-content .quiz-compact-progress-track{background:#ffffff1a}body.dark-mode .public-quiz-content .quiz-compact-progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}body.dark-mode .public-quiz-content .quiz-nav-item{background:#32353ecc;border-color:#ffffff1a;color:#e5e7eb}body.dark-mode .public-quiz-content .quiz-nav-item:hover{background:#3c3f48e6;border-color:#8b5cf666}body.dark-mode .public-quiz-content .quiz-nav-item.active{background:#8b5cf640;border-color:#8b5cf6;color:#c4b5fd}body.dark-mode .public-quiz-content .quiz-nav-item.correct{background:#10b98133;border-color:#34d399}body.dark-mode .public-quiz-content .quiz-nav-item.incorrect{background:#ef444433;border-color:#f87171}body.dark-mode .public-quiz-footer{background:#1e1e28e6;border-color:#8b5cf640}body.dark-mode .public-quiz-footer p{color:#e5e7eb}body.dark-mode .public-quiz-footer .signup-link{background:#8b5cf626;color:#a78bfa}body.dark-mode .public-quiz-footer .signup-link:hover{background:#8b5cf640}body.dark-mode .public-quiz-error,body.dark-mode .public-quiz-loading{background:#1e1e28fa;border-color:#8b5cf640;box-shadow:0 8px 32px #00000080}body.dark-mode .public-quiz-loading .spinner{border-color:#8b5cf6 #8b5cf633 #8b5cf633}body.dark-mode .public-quiz-loading p{color:#9ca3af}body.dark-mode .public-quiz-error h2{color:#f3f4f6}body.dark-mode .public-quiz-error p{color:#9ca3af}body.dark-mode .back-home-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #8b5cf64d}body.dark-mode .back-home-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666}body.dark-mode .public-quiz-container .nursing-icon{filter:drop-shadow(0 0 8px rgba(139,92,246,.3));opacity:.25}@media (max-width:768px){.public-quiz-container .theme-toggle-btn{border-radius:10px;height:36px;right:12px;top:12px;width:36px}.public-quiz-container .theme-toggle-btn svg{height:16px;width:16px}}@media print{.back-home-btn,.public-quiz-footer,.public-quiz-header .brand{display:none}.public-quiz-container{background:#fff}.public-quiz-content{max-width:100%}}.hospital-corridor{background:linear-gradient(145deg,#0d0d10,#15151a 50%,#1a1a20);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;inset:0;overflow:hidden;position:absolute}.ambient-light{background:radial-gradient(ellipse 80% 50% at 50% 0,#8b5cf60f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 50% 100%,#22d3ee0a 0,#0000 50%);inset:0}.ambient-glow,.ambient-light{pointer-events:none;position:absolute;z-index:1}.ambient-glow{animation:ambientPulse 8s ease-in-out infinite;background:radial-gradient(circle,#8b5cf614 0,#8b5cf608 40%,#0000 70%);height:400px;left:50%;top:20%;transform:translateX(-50%);width:400px}@keyframes ambientPulse{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.1)}}.corridor-track{height:100%;left:0;position:absolute;top:0;transform:translateX(0);transform:translateX(calc(var(--progress, 0)*-.65%));transition:transform 1.2s cubic-bezier(.16,1,.3,1);width:280%;will-change:transform}.corridor-ceiling{background:linear-gradient(180deg,#1a1a22,#22222c 60%,#2a2a36);border-bottom:1px solid #8b5cf61a;height:14%;left:0;position:absolute;right:0;top:0}.ceiling-panels{display:flex;height:100%}.ceiling-panel{align-items:flex-end;border-right:1px solid #ffffff08;flex:1 1;padding-bottom:10px}.ceiling-light,.ceiling-panel{display:flex;justify-content:center;position:relative}.ceiling-light{align-items:center;background:linear-gradient(180deg,#1e1e28e6,#232330e6);border:1px solid #ffffff08;border-radius:6px;box-shadow:0 2px 8px #0006,inset 0 1px 0 #ffffff0d,inset 0 -1px 2px #0000004d;flex-direction:column;gap:4px;height:50%;padding:6px 8px;width:65%}.light-tube{background:#282837cc;border-radius:3px;height:5px;position:relative;transition:all .5s cubic-bezier(.16,1,.3,1);width:80%}.light-bloom{background:radial-gradient(ellipse at top center,#a78bfa00 0,#0000 70%);height:1000%;left:50%;opacity:0;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .8s cubic-bezier(.16,1,.3,1);width:250%}.ceiling-light.on .light-tube{background:linear-gradient(180deg,#a78bfaf2,#8b5cf6e6 50%,#a78bfaf2);box-shadow:0 0 15px #8b5cf6b3,0 0 30px #8b5cf666,0 0 60px #8b5cf633,0 0 100px #8b5cf61a}.ceiling-light.on .light-bloom{background:radial-gradient(ellipse at top center,#8b5cf626 0,#a78bfa0f 40%,#0000 70%);opacity:1}.stage-1 .ceiling-light.on .light-tube{animation:smoothFlicker .7s cubic-bezier(.16,1,.3,1)}@keyframes smoothFlicker{0%{opacity:.15}12%{opacity:.95}20%{opacity:.35}35%{opacity:1}48%{opacity:.65}60%{opacity:1}to{opacity:1}}.corridor-wall{background:linear-gradient(180deg,#1e1e28,#252530 50%,#2a2a38);height:56%;top:14%}.corridor-wall,.wall-upper{left:0;position:absolute;right:0}.wall-upper{background:linear-gradient(180deg,#232330f2,#282837e6);border-bottom:1px solid #8b5cf614;height:42%;top:0}.wall-accent{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,#8b5cf640,#7c3aed59 50%,#8b5cf640);box-shadow:0 0 20px #8b5cf64d,0 0 40px #8b5cf626,inset 0 1px 0 #ffffff26;height:5%;top:42%}.wall-accent,.wall-lower{left:0;position:absolute;right:0}.wall-lower{background:linear-gradient(180deg,#1e1e2af2,#232332e6);bottom:0;top:47%}.corridor-door{filter:drop-shadow(0 8px 25px rgba(0,0,0,.35));height:92%;position:absolute;top:5%;transform:translateX(-50%);width:7%}.door-frame{height:100%;position:relative;width:100%}.door-surface{background:radial-gradient(ellipse 120% 80% at 30% 20%,#464e62fc 0,#373e50fc 40%,#303646fc 100%);border-radius:8px;bottom:0;box-shadow:0 4px 20px #0000004d,inset 0 2px 6px #ffffff14,inset 0 -2px 4px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:0}.door-surface:before{background:radial-gradient(ellipse 80% 50% at 70% 80%,#8b5cf605 0,#0000 60%),radial-gradient(ellipse 60% 40% at 20% 30%,#ffffff08 0,#0000 50%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.door-edge{background:linear-gradient(90deg,#262a37fc,#303441fc);border-radius:4px 0 0 3px;box-shadow:inset -2px 0 4px #00000040;height:100%;left:0;position:absolute;top:0;width:3%}.door-seam{background:linear-gradient(180deg,#0000001a,#0003 50%,#0000001a);border-radius:1px;height:98%;position:absolute;right:1%;top:1%;width:2px}.door-vision-panel{border-radius:6px;height:28%;left:50%;overflow:visible;position:absolute;top:5%;transform:translateX(-50%);width:55%}.vision-frame{background:linear-gradient(180deg,#646e82fa,#505a70fa);border-radius:8px;box-shadow:inset 0 2px 3px #ffffff26,inset 0 -2px 3px #00000026,0 3px 10px #0003;inset:-2px;pointer-events:none;position:absolute;z-index:1}.vision-frame:before{background:linear-gradient(180deg,#373e4efa,#41485afa);border-radius:6px;box-shadow:inset 0 1px 3px #0000004d;content:"";inset:2px;position:absolute}.vision-glass{background:radial-gradient(ellipse 100% 80% at 30% 30%,#96b4dc73 0,#789bc859 30%,#5f82af4d 60%,#5578a552 100%);border-radius:4px;box-shadow:inset 0 0 20px #648cc826,inset 0 0 0 1px #ffffff14;inset:4px;overflow:hidden;position:absolute;z-index:2}.wire-pattern{background:repeating-linear-gradient(0deg,#0000,#0000 6px,#c8d2e61f 0,#c8d2e61f 7px),repeating-linear-gradient(90deg,#0000,#0000 6px,#c8d2e61f 0,#c8d2e61f 7px);inset:0;opacity:.85;position:absolute}.glass-reflection{background:linear-gradient(125deg,#ffffff59,#ffffff26 20%,#ffffff0d 40%,#0000 60%);height:200%;left:-20%;pointer-events:none;position:absolute;top:-40%;transform:rotate(-20deg);width:60%}.glass-reflection:before{background:linear-gradient(145deg,#ffffff14,#0000 60%);content:"";height:60%;left:80%;position:absolute;top:60%;transform:rotate(10deg);width:40%}.glass-inner-glow{background:radial-gradient(ellipse 80% 60% at 50% 70%,#8b5cf61f 0,#8b5cf60d 40%,#0000 70%),radial-gradient(ellipse at 30% 25%,#c8dcff14 0,#0000 50%);inset:0;pointer-events:none;position:absolute}.door-push-plate{background:linear-gradient(90deg,#a0a8bcfa,#b4bcd0fa 50%,#a0a8bcfa);border-radius:4px;box-shadow:0 3px 10px #0000004d,0 1px 3px #0003,inset 0 2px 0 #fff6,inset 0 -1px 0 #0000001a;height:14%;left:50%;position:absolute;top:42%;transform:translateX(-50%);width:28%}.push-plate-texture{background:linear-gradient(180deg,#ffffff14,#0000 50%,#00000008);border-radius:2px;inset:2px;position:absolute}.push-plate-texture:after{border-radius:2px;box-shadow:inset 0 1px 0 #fff3;content:"";inset:0;position:absolute}.door-handle{background:linear-gradient(180deg,#c8d0e4fa,#aab2c8fa 50%,#969eb6fa);border-radius:50px;box-shadow:0 2px 6px #00000040,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000001a;height:3%;position:absolute;right:5%;top:54%;width:20%}.room-number-display{left:50%;padding:0;position:absolute;top:-1%;transform:translateX(-50%);z-index:5}.display-screen{background:linear-gradient(180deg,#191c28fa,#121420fa);border:1px solid #8b5cf633;border-radius:6px;box-shadow:0 2px 8px #0006,inset 0 1px 0 #ffffff0d,0 0 15px #8b5cf61f;padding:4px 12px 3px}.room-number{color:#a78bfaf2;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px #8b5cf699,0 0 20px #8b5cf64d}.display-indicator{background:linear-gradient(90deg,#0000,#8b5cf699 30%,#8b5cf699 70%,#0000);border-radius:1px;bottom:-3px;box-shadow:0 0 6px #8b5cf666;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:35%}.door-status-light{background:linear-gradient(180deg,#232632f2,#1c1e2af2);border-radius:10px;box-shadow:inset 0 1px 2px #0000004d;height:2.5%;padding:2px;position:absolute;right:10%;top:5%;width:8%}.status-led{animation:ledPulse 3s ease-in-out infinite;background:radial-gradient(ellipse at 40% 40%,#64e68cf2 0,#4ade80d9 50%,#22c55ebf 100%);border-radius:8px;box-shadow:0 0 8px #4ade8080,0 0 15px #22c55e40;height:100%;width:100%}@keyframes ledPulse{0%,to{opacity:.8}50%{opacity:1}}.corridor-door.destination .door-surface,.corridor-door.destination .room-number-display{transition:all .8s cubic-bezier(.16,1,.3,1)}.corridor-door.destination .status-led{background:radial-gradient(ellipse at center,#fbbf24e6 0,#f59e0bcc 50%,#d97706b3 100%);box-shadow:0 0 8px #fbbf2499,0 0 15px #f59e0b4d}.door-glow{background:radial-gradient(ellipse at center,#22d3ee00 0,#0000 70%);border-radius:12px;inset:-25px;opacity:0;pointer-events:none;position:absolute;transition:all 1s cubic-bezier(.16,1,.3,1);z-index:-1}.corridor-door.approaching .door-surface{background:linear-gradient(180deg,#3c465afa,#374155fa 20%,#343e52fa 80%,#303a4efa);box-shadow:inset 0 1px 0 #ffffff1a,0 0 40px #22d3ee33,0 0 80px #22d3ee1a}.corridor-door.approaching .vision-glass{background:linear-gradient(165deg,#50b4d266,#3ca0c359 25%,#3296b961 50%,#288caf66)}.corridor-door.approaching .glass-inner-glow{background:radial-gradient(ellipse at 30% 30%,#22d3ee33 0,#0000 60%)}.corridor-door.approaching .display-screen{background:linear-gradient(180deg,#0a232dfa,#081c26fa);border-color:#22d3ee59;box-shadow:0 3px 10px #00000080,0 0 25px #22d3ee4d}.corridor-door.approaching .room-number{color:#64dcf5fa;text-shadow:0 0 12px #22d3eecc,0 0 25px #22d3ee80}.corridor-door.approaching .display-indicator{background:#22d3eecc;box-shadow:0 0 10px #22d3eeb3}.corridor-door.approaching .status-led{animation:none;background:radial-gradient(ellipse at center,#22d3eef2 0,#06b6d4d9 50%,#0891b2bf 100%);box-shadow:0 0 10px #22d3eeb3,0 0 20px #06b6d466}.corridor-door.approaching .door-glow{background:radial-gradient(ellipse at center,#22d3ee2e 0,#22d3ee0f 50%,#0000 70%);opacity:1}.corridor-door.arrived .door-surface{animation:doorOpen 2s ease-out .5s forwards;box-shadow:inset 0 1px 0 #ffffff26,0 0 60px #22d3ee59,0 0 120px #22d3ee2e;transform-origin:left center}@keyframes doorOpen{0%{transform:perspective(800px) rotateY(0deg)}to{transform:perspective(800px) rotateY(-88deg)}}.room-interior{border-radius:4px 0 0 4px;clip-path:inset(0 0 0 0);height:100%;left:0;opacity:0;overflow:hidden;perspective:300px;position:absolute;top:0;transform-style:preserve-3d;transition:opacity 1s ease-out;width:100%;z-index:-2}.corridor-door.arrived .room-interior{animation:roomRevealPulse 3s ease-out forwards;opacity:1}@keyframes roomRevealPulse{0%{filter:brightness(.3);opacity:0}30%{filter:brightness(1.3);opacity:1}50%{filter:brightness(1.1)}to{filter:brightness(1)}}.room-back-wall{background:radial-gradient(ellipse 80% 70% at 50% 40%,#322d3e 0,#262232 50%,#191626 100%);box-shadow:inset 0 0 40px #000000b3,inset 0 -15px 30px #0006,inset 0 15px 20px #0000004d;height:100%;left:0;position:absolute;top:0;transform:translateZ(-40px) scale(1.2);width:100%}.room-back-wall:before{background:linear-gradient(90deg,#0f0c19e6,#0000);left:0}.room-back-wall:after,.room-back-wall:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:20%}.room-back-wall:after{background:linear-gradient(90deg,#0000,#0f0c19e6);right:0}.room-floor{background:repeating-linear-gradient(90deg,#28243440,#28243440 1px,#0000 0,#0000 15px),linear-gradient(180deg,#232030,#2d2a3c 40%,#373246);bottom:0;box-shadow:inset 0 15px 30px #00000080,inset 0 0 20px #0000004d;height:40%;left:0;position:absolute;transform-origin:bottom center;width:100%}.room-ceiling-light{background:linear-gradient(180deg,#fffcf5fa,#fff8ebf2 50%,#fff5e1e6);border-radius:3px;box-shadow:0 0 25px #fff8e6cc,0 0 50px #fff0d280,0 0 80px #ffe6be4d,0 3px 15px #fff5dc99;height:8%;left:50%;position:absolute;top:5%;transform:translateX(-50%);width:50%;z-index:3}.corridor-door.arrived .room-ceiling-light{animation:ceilingLightDrama 4s ease-out forwards}@keyframes ceilingLightDrama{0%{box-shadow:0 0 30px #fff5dc4d,0 0 60px #ffebc833}20%{box-shadow:0 0 60px #fff5dc,0 0 120px #ffebc8cc,0 0 200px #ffdcaa80,0 20px 60px #fff0d2cc}40%{box-shadow:0 0 50px #fff5dce6,0 0 100px #ffebc899,0 0 160px #ffdcaa4d,0 10px 40px #fff0d299}to{box-shadow:0 0 30px #fff5dcb3,0 0 60px #ffebc866,0 0 100px #ffdcaa33,0 5px 20px #fff0d280}}.room-ceiling-light:after{background:radial-gradient(ellipse 50% 100% at 50% 0,#fff8e133 0,#fff0d21a 30%,#ffe6c30a 60%,#0000 100%);content:"";height:600%;left:50%;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);width:150%}.room-interior:before{background:repeating-linear-gradient(180deg,#373246f2,#373246f2 2px,#5a82af59 0,#5a82af59 5px);border:2px solid #413c50;border-radius:2px;box-shadow:inset 0 0 15px #6496c833,0 0 20px #6496c814;content:"";height:25%;position:absolute;right:10%;top:15%;width:20%;z-index:1}.hope-glow-burst{background:radial-gradient(circle,#ffe6aae6 0,#ffd28280 30%,#ffbe6433 60%,#0000 80%);border-radius:50%;height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:45%;transform:translate(-50%,-50%);width:0;z-index:4}.corridor-door.arrived .hope-glow-burst{animation:hopeGlowExpand 3s ease-out .8s forwards}@keyframes hopeGlowExpand{0%{height:0;opacity:0;width:0}20%{height:80%;opacity:1;width:80%}40%{height:100%;opacity:.8;width:100%}70%{height:120%;opacity:.4;width:120%}to{height:130%;opacity:0;width:130%}}.room-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.particle{background:radial-gradient(circle,#fff5dce6 0,#ffebc880 50%,#0000 100%);border-radius:50%;opacity:0;position:absolute}.corridor-door.arrived .particle{animation:particleFloat 8s ease-in-out infinite}.p1{animation-delay:0s;height:3px;left:25%;top:55%;width:3px}.p2{animation-delay:.4s;height:2px;left:40%;top:65%;width:2px}.p3{animation-delay:.8s;height:4px;left:50%;top:50%;width:4px}.p4{animation-delay:1.2s;height:2px;left:60%;top:60%;width:2px}.p5{animation-delay:1.6s;height:3px;left:70%;top:48%;width:3px}.p6{animation-delay:2s;left:30%;top:42%}.p6,.p7{height:2px;width:2px}.p7{animation-delay:2.4s;left:55%;top:38%}.p8{animation-delay:2.8s;height:3px;left:45%;top:32%;width:3px}@keyframes particleFloat{0%{opacity:0;transform:translateY(10px) scale(.6)}15%{opacity:.7}50%{opacity:.9;transform:translateY(-15px) scale(1)}85%{opacity:.5}to{opacity:0;transform:translateY(-30px) scale(.4)}}.corridor-door.arrived .p1,.corridor-door.arrived .p3,.corridor-door.arrived .p5,.corridor-door.arrived .p7{animation:particleFloat 8s ease-in-out infinite,particleShimmer 2s ease-in-out infinite}@keyframes particleShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.person-silhouette,.room-silhouette{position:absolute;z-index:2}.person-silhouette{align-items:center;animation:personBreathe 3s ease-in-out infinite;display:flex;flex-direction:column}.person-doctor{animation-delay:0s}.person-nurse{animation-delay:.8s}.person-family{animation-delay:1.5s}.person-back-1{animation-delay:.3s}.person-back-2{animation-delay:1.2s}.person-back-3{animation-delay:.6s}@keyframes personBreathe{0%,to{opacity:inherit;transform:scaleY(1) translateY(0)}50%{opacity:inherit;transform:scaleY(1.008) translateY(-.5px)}}.person-head{border-radius:50%}.person-body,.person-head{background:#16121eeb;position:relative}.person-body{margin-top:-2px}.person-doctor{bottom:6%;height:52%;left:0;width:18%}.person-doctor .person-head{border-radius:48% 48% 45% 45%;box-shadow:0 1px 3px #0006;height:14%;width:40%}.person-doctor .person-body{background:linear-gradient(180deg,#14101cf2,#191423eb);border-radius:35% 35% 5% 5%;box-shadow:1px 0 4px #0000004d;clip-path:polygon(10% 0,90% 0,95% 8%,92% 40%,85% 60%,82% 75%,85% 100%,58% 100%,52% 72%,48% 72%,42% 100%,15% 100%,18% 75%,15% 60%,8% 40%,5% 8%);height:84%;width:60%}.person-nurse{bottom:6%;height:48%;right:0;width:15%}.person-nurse .person-head{border-radius:50%;box-shadow:0 1px 3px #0000004d;height:15%;width:44%}.person-nurse .person-body{background:linear-gradient(180deg,#161220ed,#1a1626e6);border-radius:32% 32% 5% 5%;box-shadow:-1px 0 4px #00000040;clip-path:polygon(12% 0,88% 0,94% 10%,90% 45%,84% 60%,80% 75%,82% 100%,56% 100%,52% 72%,48% 72%,44% 100%,18% 100%,20% 75%,16% 60%,10% 45%,6% 10%);height:83%;width:62%}.person-family{bottom:5%;height:38%;right:16%;width:13%}.person-family .person-head{background:#181423e6;border-radius:50%;box-shadow:0 1px 2px #00000040;height:20%;width:50%}.person-family .person-body{background:linear-gradient(180deg,#181423e6,#1c1828e0);border-radius:28% 28% 8% 8%;clip-path:polygon(12% 0,88% 0,94% 12%,90% 55%,85% 72%,82% 100%,56% 100%,50% 74%,44% 100%,18% 100%,15% 72%,10% 55%,6% 12%);height:78%;width:68%}.person-back-1{bottom:48%;height:20%;left:28%;opacity:.55;width:9%;z-index:1}.person-back-1 .person-head{background:#1c1828cc;border-radius:50%;height:22%;width:55%}.person-back-1 .person-body{background:#1c1828cc;border-radius:30% 30% 5% 5%;clip-path:polygon(15% 0,85% 0,92% 15%,88% 60%,82% 100%,56% 100%,50% 68%,44% 100%,18% 100%,12% 60%,8% 15%);height:76%;width:75%}.person-back-2{bottom:50%;height:18%;left:45%;opacity:.5;width:8%;z-index:1}.person-back-2 .person-head{background:#1e1a2cbf;border-radius:50%;height:24%;width:58%}.person-back-2 .person-body{background:#1e1a2cbf;border-radius:28% 28% 5% 5%;clip-path:polygon(14% 0,86% 0,92% 14%,88% 58%,82% 100%,56% 100%,50% 66%,44% 100%,18% 100%,12% 58%,8% 14%);height:74%;width:78%}.person-back-3{bottom:49%;height:19%;opacity:.52;right:28%;width:8%;z-index:1}.person-back-3 .person-head{background:#1a1626c7;border-radius:50%;height:23%;width:56%}.person-back-3 .person-body{background:#1a1626c7;border-radius:29% 29% 5% 5%;clip-path:polygon(14% 0,86% 0,93% 14%,89% 58%,83% 100%,56% 100%,50% 67%,44% 100%,17% 100%,11% 58%,7% 14%);height:75%;width:76%}.hospital-bed-svg{bottom:5%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));height:55%;left:5%;opacity:0;position:absolute;transition:opacity .8s ease-out;width:90%;z-index:2}.corridor-door.arrived .hospital-bed-svg{animation:bedFadeIn 1.5s ease-out .3s forwards;opacity:1}@keyframes bedFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hospital-bed-svg .monitor path[stroke="rgba(100,220,150,0.9)"]{stroke-dasharray:30;stroke-dashoffset:30}.corridor-door.arrived .hospital-bed-svg .monitor path[stroke="rgba(100,220,150,0.9)"]{animation:heartbeatLine 1.5s ease-in-out infinite}@keyframes heartbeatLine{0%{stroke-dashoffset:30}to{stroke-dashoffset:0}}body:not(.dark-mode) .hospital-bed-svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.corridor-door.arrived .door-glow{animation:pulseGlow 3s ease-in-out infinite;background:radial-gradient(ellipse at center,#ffdc9666 0,#ffc87833 40%,#0000 70%);opacity:1}@keyframes pulseGlow{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.corridor-floor{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:70%}.floor-surface{background:linear-gradient(180deg,#2d2d3ef2,#262637f2 30%,#202030f2 70%,#191928f2);inset:0;position:absolute}.floor-surface:before{background:repeating-linear-gradient(90deg,#0000,#0000 59px,#8b5cf608 0,#8b5cf608 60px),repeating-linear-gradient(0deg,#0000,#0000 59px,#8b5cf608 0,#8b5cf608 60px);content:"";inset:0;position:absolute}.floor-reflection{background:linear-gradient(180deg,#8b5cf60f,#8b5cf605 50%,#0000);height:40%;left:0;pointer-events:none;position:absolute;right:0;top:0}.floor-guideline{background:linear-gradient(90deg,#22d3ee99,#22d3eee6 50%,#22d3ee99);border-radius:2px;box-shadow:0 0 12px #22d3ee80,0 0 25px #22d3ee4d,0 0 50px #22d3ee26;height:4px;left:0;position:absolute;right:0;top:50%}.serum-presence{animation:serumFloat 4s ease-in-out infinite;background:radial-gradient(ellipse at center bottom,#22d3ee1f 0,#22d3ee0a 50%,#0000 70%);bottom:20%;height:100px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:180px;z-index:5}@keyframes serumFloat{0%,to{opacity:.5;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(-8px)}}.corridor-vignette{background:radial-gradient(ellipse 70% 60% at 50% 50%,#0000 20%,#0a0a1099 100%);inset:0;pointer-events:none;position:absolute;transition:background 1s cubic-bezier(.16,1,.3,1);z-index:10}.stage-4 .corridor-vignette,.stage-5 .corridor-vignette{background:radial-gradient(ellipse 80% 70% at 50% 50%,#0000 35%,#0a0a1080 100%)}.stage-0 .corridor-floor,.stage-0 .corridor-wall{filter:brightness(.5) saturate(.8)}.stage-1 .corridor-floor,.stage-1 .corridor-wall{filter:brightness(.65) saturate(.85)}.stage-2 .corridor-floor,.stage-2 .corridor-wall{filter:brightness(.78) saturate(.9)}.stage-3 .corridor-floor,.stage-3 .corridor-wall{filter:brightness(.9) saturate(.95)}.stage-4 .corridor-floor,.stage-4 .corridor-wall,.stage-5 .corridor-floor,.stage-5 .corridor-wall{filter:brightness(1) saturate(1)}.corridor-floor,.corridor-wall{transition:filter 1s cubic-bezier(.16,1,.3,1)}.corridor-progress{align-items:center;bottom:20px;display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:20}.progress-bar{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff14;border-radius:2px;height:3px;overflow:hidden;width:160px}.progress-fill{background:linear-gradient(90deg,#8b5cf6cc,#22d3eee6);border-radius:2px;box-shadow:0 0 12px #22d3ee80,0 0 25px #8b5cf64d;height:100%;transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1)}.progress-label{color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}body:not(.dark-mode) .hospital-corridor{background:linear-gradient(145deg,#f8f9fc,#eef0f5 50%,#e8eaf0)}body:not(.dark-mode) .ambient-light{background:radial-gradient(ellipse 80% 50% at 50% 0,#8b5cf60f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 50% 100%,#22d3ee0d 0,#0000 50%)}body:not(.dark-mode) .ambient-glow{background:radial-gradient(circle,#8b5cf60d 0,#8b5cf605 40%,#0000 70%)}body:not(.dark-mode) .corridor-ceiling{background:linear-gradient(180deg,#e8eaef,#dfe2e8 60%,#d5d8e0);border-bottom:1px solid #8b5cf61f}body:not(.dark-mode) .ceiling-panel{border-right:1px solid #0000000a}body:not(.dark-mode) .ceiling-light{background:linear-gradient(180deg,#f0f2f8f2,#e6e8f0f2);border:1px solid #0000000d;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #fffc,inset 0 -1px 2px #00000014}body:not(.dark-mode) .light-tube{background:#dce1ebe6}body:not(.dark-mode) .ceiling-light.on .light-tube{background:linear-gradient(180deg,#fffffffa,#f5f8fff2 50%,#fffffffa);box-shadow:0 0 15px #ffffffe6,0 0 30px #8b5cf64d,0 0 60px #8b5cf626}body:not(.dark-mode) .ceiling-light.on .light-bloom{background:radial-gradient(ellipse at top center,#8b5cf614 0,#8b5cf608 40%,#0000 70%)}body:not(.dark-mode) .corridor-wall{background:linear-gradient(180deg,#f0f2f8,#e8eaf2 50%,#e2e4ec)}body:not(.dark-mode) .wall-upper{background:linear-gradient(180deg,#f8fafffa,#f0f2faf2);border-bottom:1px solid #8b5cf61a}body:not(.dark-mode) .wall-accent{background:linear-gradient(180deg,#8b5cf680,#7c3aed99 50%,#8b5cf680);box-shadow:0 0 20px #8b5cf640,0 0 40px #8b5cf61a,inset 0 1px 0 #ffffff4d}body:not(.dark-mode) .wall-lower{background:linear-gradient(180deg,#ebeef8fa,#e4e6f2f2)}body:not(.dark-mode) .door-surface{background:radial-gradient(ellipse 120% 80% at 30% 20%,#649bd2fa 0,#5087befa 40%,#4178affa 100%);box-shadow:0 4px 15px #00000026,inset 0 2px 6px #ffffff26,inset 0 -2px 4px #00000014}body:not(.dark-mode) .door-edge{background:linear-gradient(90deg,#376496fa,#416ea0fa)}body:not(.dark-mode) .vision-frame{background:linear-gradient(180deg,#7887a5fa,#647391fa);box-shadow:inset 0 2px 3px #fff3,inset 0 -2px 3px #0000001a,0 3px 8px #0000001f}body:not(.dark-mode) .vision-glass{background:radial-gradient(ellipse 100% 80% at 30% 30%,#bedaf88c 0,#a5c6eb73 30%,#8cb2dc66 60%,#82a8d26b 100%)}body:not(.dark-mode) .wire-pattern{background:repeating-linear-gradient(0deg,#0000,#0000 8px,#6478961a 0,#6478961a 9px),repeating-linear-gradient(90deg,#0000,#0000 8px,#6478961a 0,#6478961a 9px)}body:not(.dark-mode) .glass-reflection{background:linear-gradient(135deg,#ffffff59,#ffffff1f 35%,#0000 55%)}body:not(.dark-mode) .door-push-plate{background:linear-gradient(180deg,#e1e6f5fa,#cdd4e8fa 50%,#c3cadefa);box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000d}body:not(.dark-mode) .push-plate-texture{background:linear-gradient(180deg,#ffffff26,#0000 50%)}body:not(.dark-mode) .door-handle{background:linear-gradient(180deg,#e6ebfafa,#c8d0e4fa 50%,#b9c0d7fa);box-shadow:0 2px 5px #0000001a,inset 0 1px 0 #fff9,inset 0 -1px 0 #0000000d}body:not(.dark-mode) .display-screen{background:linear-gradient(180deg,#283246fa,#1e283afa);border-color:#8b5cf633;box-shadow:0 3px 8px #00000040,0 0 15px #8b5cf61f}body:not(.dark-mode) .room-number{color:#b4c8ebfa;text-shadow:0 0 8px #8b5cf680,0 0 15px #8b5cf64d}body:not(.dark-mode) .corridor-door.approaching .door-surface{background:linear-gradient(180deg,#4b96c3fa,#418cb9fa 20%,#3c87b2fa 80%,#3780aafa);box-shadow:inset 0 1px 0 #fff3,0 0 35px #22d3ee33,0 0 70px #22d3ee1a}body:not(.dark-mode) .corridor-door.approaching .display-screen{background:linear-gradient(180deg,#0f3246fa,#0a283afa);border-color:#22d3ee59;box-shadow:0 3px 8px #0000004d,0 0 20px #22d3ee40}body:not(.dark-mode) .corridor-door.approaching .room-number{color:#78dcf5fa;text-shadow:0 0 10px #22d3eeb3,0 0 20px #22d3ee66}body:not(.dark-mode) .corridor-floor{background:linear-gradient(180deg,#e0e4ec,#d5d9e2)}body:not(.dark-mode) .floor-surface{background:linear-gradient(180deg,#e1e6f2fa,#d7dcebfa 30%,#cdd2e4fa 70%,#c3c8dafa)}body:not(.dark-mode) .floor-surface:before{background:repeating-linear-gradient(90deg,#0000,#0000 59px,#8b5cf60a 0,#8b5cf60a 60px),repeating-linear-gradient(0deg,#0000,#0000 59px,#8b5cf60a 0,#8b5cf60a 60px)}body:not(.dark-mode) .floor-reflection{background:linear-gradient(180deg,#fff6,#ffffff26 50%,#0000)}body:not(.dark-mode) .floor-guideline{background:linear-gradient(90deg,#22d3eeb3,#22d3ee 50%,#22d3eeb3);box-shadow:0 0 10px #22d3ee80,0 0 20px #22d3ee4d,0 0 40px #22d3ee26}body:not(.dark-mode) .serum-presence{background:radial-gradient(ellipse at center bottom,#22d3ee1a 0,#22d3ee08 50%,#0000 70%)}body:not(.dark-mode) .corridor-vignette{background:radial-gradient(ellipse 80% 70% at 50% 50%,#0000 30%,#c8cddc66 100%)}body:not(.dark-mode) .stage-4 .corridor-vignette,body:not(.dark-mode) .stage-5 .corridor-vignette{background:radial-gradient(ellipse 85% 75% at 50% 50%,#0000 40%,#c8cddc4d 100%)}body:not(.dark-mode) .stage-0 .corridor-floor,body:not(.dark-mode) .stage-0 .corridor-wall{filter:brightness(.85) saturate(.9)}body:not(.dark-mode) .stage-1 .corridor-floor,body:not(.dark-mode) .stage-1 .corridor-wall{filter:brightness(.9) saturate(.92)}body:not(.dark-mode) .stage-2 .corridor-floor,body:not(.dark-mode) .stage-2 .corridor-wall{filter:brightness(.95) saturate(.95)}body:not(.dark-mode) .stage-3 .corridor-floor,body:not(.dark-mode) .stage-3 .corridor-wall{filter:brightness(.98) saturate(.98)}body:not(.dark-mode) .stage-4 .corridor-floor,body:not(.dark-mode) .stage-4 .corridor-wall,body:not(.dark-mode) .stage-5 .corridor-floor,body:not(.dark-mode) .stage-5 .corridor-wall{filter:brightness(1) saturate(1)}body:not(.dark-mode) .progress-bar{background:#00000014}body:not(.dark-mode) .progress-label{color:#3c465ab3}@media (max-width:768px){.corridor-track{transform:translateX(0);transform:translateX(calc(var(--progress, 0)*-.7%));width:320%}.corridor-door{width:11%}.display-screen{padding:3px 10px 2px}.room-number{font-size:9px;letter-spacing:1.5px}.corridor-progress{bottom:12px}.progress-bar{height:2px;width:120px}.progress-label{font-size:10px}.ceiling-light{height:45%;width:75%}.light-tube{height:4px}.door-vision-panel{height:26%}.door-push-plate{display:none}}@media (max-width:480px){.corridor-door{width:14%}.door-vision-panel{height:24%;width:48%}.door-handle-assembly{width:26%}.progress-bar{width:100px}.door-status-light{display:none}}.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{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);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;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);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(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.login-prompt-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);border-radius:24px;max-width:420px;padding:40px 32px;position:relative;text-align:center;width:100%}.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,#8b5cf6,#06b6d4);box-shadow:0 4px 20px #8b5cf64d;color:#fff}.login-prompt-btn.primary:hover{box-shadow:0 6px 30px #8b5cf666;transform:translateY(-2px)}.login-prompt-btn.secondary{background:#ffffff1a;border:1px solid #ffffff26;color:#ffffffd9}.login-prompt-btn.secondary:hover{background:#ffffff26;color:#fff}.light-theme .login-prompt-overlay{background:#00000080}.light-theme .login-prompt-modal{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 25px 50px -12px #00000040}.light-theme .login-prompt-close{background:#0000000d;color:#00000080}.light-theme .login-prompt-close:hover{background:#0000001a;color:#000c}.light-theme .login-prompt-title{color:#1a1a2e}.light-theme .login-prompt-message{color:#0009}.light-theme .login-prompt-benefits li{border-bottom-color:#00000014;color:#000000bf}.light-theme .login-prompt-benefits li svg{color:#8b5cf6}.light-theme .login-prompt-btn.secondary{background:#0000000d;border-color:#0000001a;color:#000000bf}.light-theme .login-prompt-btn.secondary:hover{background:#0000001a;color:#000000e6}@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}.question-bank-admin{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:40px}.admin-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.admin-header h1{color:#f8fafc;font-size:28px;font-weight:600;margin:0}.dev-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#000;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px}.format-card,.import-card,.stats-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b81a;border-radius:16px;margin-bottom:24px;padding:24px}.format-card h2,.import-card h2,.stats-card h2{color:#f8fafc;font-size:18px;font-weight:600;margin:0 0 16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:16px}.stat-item{align-items:center;background:#0f172a80;border-radius:12px;display:flex;flex-direction:column;padding:16px}.stat-item.categories{align-items:flex-start;grid-column:1/-1}.stat-value{color:#22d3ee;font-size:32px;font-weight:700}.stat-label{color:#94a3b8;font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.category-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.category-tag{background:#22d3ee26;border-radius:6px;color:#22d3ee;font-size:13px;padding:4px 10px}.refresh-btn{background:#0000;border:1px solid #94a3b84d;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.refresh-btn:hover:not(:disabled){border-color:#22d3ee;color:#22d3ee}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.instructions{color:#94a3b8;font-size:14px;line-height:1.6;margin-bottom:16px}.instructions code{background:#0f172acc;border-radius:4px;color:#22d3ee;font-family:Monaco,Menlo,monospace;font-size:12px;margin:0 2px;padding:2px 6px}.action-row{margin-bottom:16px}.sample-btn{background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:8px;color:#22d3ee;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.sample-btn:hover{background:#22d3ee33;border-color:#22d3ee}.json-input{background:#0f172acc;border:1px solid #94a3b833;border-radius:12px;color:#e2e8f0;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;line-height:1.5;margin-bottom:16px;min-height:400px;padding:16px;resize:vertical;width:100%}.json-input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee1a;outline:none}.json-input::placeholder{color:#475569}.error-box{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;font-size:14px}.error-box,.result-box{margin-bottom:16px;padding:16px}.result-box{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px}.result-box h3{color:#86efac;font-size:16px;margin:0 0 12px}.result-stats{display:flex;flex-wrap:wrap;gap:16px}.result-imported{color:#86efac;font-weight:600}.result-duplicates{color:#fcd34d;font-weight:600}.result-errors{color:#fca5a5;font-weight:600}.error-list{border-top:1px solid #ef444433;margin-top:12px;padding-top:12px}.error-list p{color:#fca5a5;font-size:13px;margin:4px 0}.import-btn{background:linear-gradient(135deg,#22d3ee,#06b6d4);border:none;border-radius:12px;color:#0f172a;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s;width:100%}.import-btn:hover:not(:disabled){box-shadow:0 8px 24px #22d3ee4d;transform:translateY(-2px)}.import-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.format-card pre{background:#0f172acc;border-radius:12px;color:#94a3b8;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:16px}.loading{color:#94a3b8;font-style:italic}@media (max-width:768px){.question-bank-admin{padding:20px}.admin-header{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.json-input{min-height:300px}}.onboarding-overlay{align-items:center;animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.onboarding-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:550px;overflow:hidden;padding:40px;position:relative;text-align:center;width:90%}body.dark-mode .onboarding-modal{background:linear-gradient(145deg,#1e1e24,#25252b);border:1px solid #ffffff14;box-shadow:0 20px 60px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-intro{color:#6b7280;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:16px}body.dark-mode .onboarding-intro{-webkit-text-fill-color:#0000;color:#9ca3af}.onboarding-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7);background-clip:text;-webkit-background-clip:text;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:32px}body.dark-mode .onboarding-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#c084fc);background-clip:text;-webkit-background-clip:text}.onboarding-options{display:flex;flex-direction:column;gap:16px}.onboarding-option-btn{align-items:center;background:#f3f4f6;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 6px #00000005;color:#374151;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:20px 24px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1)}body.dark-mode .onboarding-option-btn{background:#ffffff0d;color:#e5e7eb}.onboarding-option-btn:hover{background:#fff;border-color:#818cf8;box-shadow:0 12px 20px #6366f126;color:#4f46e5;transform:translateY(-4px) scale(1.02)}body.dark-mode .onboarding-option-btn:hover{background:#ffffff1a;border-color:#818cf8;box-shadow:0 12px 20px #818cf833;color:#fff}.onboarding-option-btn:active{transform:translateY(-1px) scale(.98)}.onboarding-progress{display:flex;gap:12px;justify-content:center;margin-top:40px}.progress-dot{background-color:#e5e7eb;border-radius:50%;height:10px;transition:all .3s ease;width:10px}body.dark-mode .progress-dot{background-color:#4b5563}.progress-dot.active{background-color:#818cf8;box-shadow:0 0 10px #818cf880;transform:scale(1.2)}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #6366f11a;border-radius:50%;border-top-color:#6366f1;height:48px;margin-bottom:24px;width:48px}body.dark-mode .loading-spinner{border-color:#818cf8 #818cf81a #818cf81a}.loading-text{color:#6b7280;font-size:18px;font-weight:500}body.dark-mode .loading-text{color:#9ca3af}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.onboarding-tracker{color:#9ca3af;font-size:14px;font-weight:500;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.success-step{align-items:center;display:flex;flex-direction:column;padding:20px 0}.success-icon{animation:bounce .6s cubic-bezier(.175,.885,.32,1.275);font-size:64px;margin-bottom:24px}@keyframes bounce{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.onboarding-start-btn{background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:12px;box-shadow:0 10px 20px #6366f14d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:24px;padding:16px 32px;transition:all .3s ease;width:100%}.onboarding-start-btn:hover{box-shadow:0 15px 30px #6366f166;filter:brightness(1.1);transform:translateY(-2px)}.onboarding-start-btn:active{transform:translateY(1px)}.onboarding-skip-btn{background:#ef44441a;border:1px dashed #ef4444;border-radius:8px;bottom:12px;color:#ef4444;cursor:pointer;font-size:12px;font-weight:600;opacity:.7;padding:8px 16px;position:absolute;right:12px;transition:all .2s ease}.onboarding-skip-btn:hover{background:#ef444433;opacity:1;transform:scale(1.05)}body.dark-mode .onboarding-skip-btn{background:#ef444426;border-color:#f87171;color:#f87171}
/*# sourceMappingURL=main.6279cb58.css.map*/