@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Kalam:wght@300;400;700&family=Patrick+Hand&family=Shadows+Into+Light&display=swap);:root{--glass-bg:#fffef9d9;--glass-bg-strong:#fffef9f2;--bg-white:#fffef9;--bg-light:#fdf8f3;--bg-cream:#fff5eb;--border-light:#6464641a;--border-purple:#e88d7d33;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--radius-pill:28px;--gradient-mesh:radial-gradient(at 0% 0%,#f8c8c41f 0px,#0000 50%),radial-gradient(at 100% 0%,#fff3cd1a 0px,#0000 50%)}.chat-container{background:linear-gradient(180deg,#fffef9,#fdf8f3);background:linear-gradient(180deg,var(--bg-white) 0,var(--bg-light) 100%);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%}.messages-container{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:0;overflow-x:hidden;overflow-y:auto;padding:40px 0 180px;position:relative;scroll-behavior:smooth;z-index:1}.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;color:#e88d7d;color:var(--primary-coral);filter:blur(.3px) drop-shadow(0 2px 4px rgba(232,141,125,.1));font-size:24px;opacity:.12;transition:all .3s ease}body.dark-mode .nursing-icon{display:none}.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 #e88d7d26;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{background:#0000;display:flex;flex-direction:column;gap:0;overflow-anchor:auto;overflow-x:hidden;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(232,141,125,.4))}.streaming-logo-svg .gradient-stop-1{stop-color:#f4a896;animation:colorShift1 1.8s ease-in-out infinite}.streaming-logo-svg .gradient-stop-2{stop-color:#e88d7d;animation:colorShift2 1.8s ease-in-out infinite}.streaming-logo-svg .gradient-stop-3{stop-color:#d67a6a;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(232,141,125,.35));transform:scale(1)}50%{filter:drop-shadow(0 4px 16px rgba(232,141,125,.5));transform:scale(1.05)}}@keyframes colorShift1{0%,to{stop-color:#f4a896}33%{stop-color:#e88d7d}66%{stop-color:#f8c8c4}}@keyframes colorShift2{0%,to{stop-color:#e88d7d}33%{stop-color:#d67a6a}66%{stop-color:#f4a896}}@keyframes colorShift3{0%,to{stop-color:#d67a6a}33%{stop-color:#f4a896}66%{stop-color:#e88d7d}}@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(232,141,125,.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{background:#e88d7d40;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#e88d7d66}.scroll-to-bottom-btn{align-items:center;animation:fadeInUp .3s cubic-bezier(.34,1.56,.64,1);background:#fffef9;background:var(--bg-white);border:1.5px solid #6464641a;border:1.5px solid var(--border-light);border-radius:50%;border-radius:var(--radius-full);bottom:140px;box-shadow:0 4px 16px #64503c14;box-shadow:var(--shadow-md);color:#e88d7d;color:var(--primary-coral);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:#e88d7d14;border-color:#e88d7d;border-color:var(--primary-coral);box-shadow:0 8px 32px #64503c1a,0 0 16px #e88d7d33;box-shadow:var(--shadow-lg),0 0 16px #e88d7d33;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;background:radial-gradient(circle,#e88d7d40,#e88d7d0f);border-radius:50%;height:70px;justify-content:center;position:relative;width:70px}.loader-icon{color:#e88d7d;color:var(--primary-coral);height:34px;opacity:.9;width:34px}.sparkle{animation:sparkleFloat 2.4s ease-in-out infinite;background:radial-gradient(circle,#f8c8c4 0,#e88d7d00 70%);height:8px;width:8px}.sparkle-1{right:12px;top:-4px}.sparkle-2{animation-delay:.6s;left:-6px;top:8px}.sparkle-3{animation-delay:1.2s;bottom:-4px;right:-2px}.loader-text{color:#e88d7d;color:var(--primary-coral);font-size:14px;letter-spacing:.2px;opacity:.8}.chat-loading-overlay{align-items:center;animation:fadeIn .3s ease;background:#fffef9;background:var(--bg-white);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,#e88d7d14,#e88d7d26 50%,#e88d7d14);background-size:200% 100%;border-radius:50%;border-radius:var(--radius-full);flex-shrink:0;height:40px;width:40px}.skeleton-content{background:#fdf8f3;background:var(--bg-light);border:1px solid #6464641a;border:1px solid var(--border-light);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,#e88d7d14,#e88d7d26 50%,#e88d7d14);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%}.message:has(.chat-mindmap),.message:has(.mindmap-viewer){max-width:800px;width:100%}.message:has(.chat-mindmap) .message-content,.message:has(.mindmap-viewer) .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:#fffef9f2;background:var(--glass-bg-strong);border:1px solid #ad7dc333;border-radius:50%;border-radius:var(--radius-full);box-shadow:0 2px 8px #64503c0f;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:#c46a5a;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:#fffef9f2;background:var(--glass-bg-strong);border:1px solid #ffffff4d;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #64503c14,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 #64503c1a,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{background:#e88d7d14;border:1px solid #e88d7d1f;border-radius:20px;box-shadow:0 1px 3px #64503c0f;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:#e88d7d;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-state{align-items:center;display:flex;flex-direction:column;gap:16px;margin:auto;max-width:400px;padding:20px}.empty-chat-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;width:100%}.empty-chat-actions.two-cards{gap:16px;grid-template-columns:1fr 1fr;max-width:500px}.empty-action-card{align-items:center;background:#fffef9;background:var(--bg-white);border:1.5px solid #6464641a;border:1.5px solid var(--border-light);border-radius:18px;box-shadow:0 2px 8px #64503c0f;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:28px 20px;text-align:center;transition:all .25s ease}.empty-action-card:hover{background:#fff;border-color:#e88d7d;border-color:var(--primary-coral);box-shadow:0 4px 16px #64503c14;box-shadow:var(--shadow-md);transform:translateY(-3px)}.empty-action-card svg{fill:#e88d7d;fill:var(--primary-coral);filter:drop-shadow(0 2px 4px rgba(232,141,125,.15));height:40px;width:40px}.empty-action-icon{font-size:36px;line-height:1}.empty-action-icon-svg{align-items:center;display:flex;height:64px;justify-content:center;width:64px}.empty-action-icon-svg svg{fill:none;height:100%;width:100%}.empty-action-card.study-journey-card{background:linear-gradient(135deg,#fff5f2,#ffe8e4);border-color:#e88d7d4d;overflow:hidden;position:relative}.empty-action-card.study-journey-card:before{background:#fff8b8e6;border:1px solid #d9770626;content:"";height:18px;position:absolute;right:15%;top:-8px;transform:rotate(3deg);width:50px;z-index:1}.empty-action-card.study-journey-card:hover{background:linear-gradient(135deg,#ffefeb,#ffddd7);border-color:#e88d7d80;box-shadow:0 8px 24px #e88d7d33;transform:translateY(-4px)}.recommended-badge{background:linear-gradient(135deg,#e88d7d,#d67a6a);border-radius:6px;box-shadow:0 2px 6px #e88d7d4d;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:2}.empty-action-card.recommended{border-color:#e88d7d80;border-width:2px}.empty-action-card.upload-chat-card{background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border-color:#4169e133;overflow:hidden;position:relative}.empty-action-card.upload-chat-card:before{background:#d4f0fce6;border:1px solid #4169e126;content:"";height:18px;left:15%;position:absolute;top:-8px;transform:rotate(-3deg);width:50px;z-index:1}.empty-action-card.upload-chat-card:hover{background:linear-gradient(135deg,#e8f2ff,#dceefb);border-color:#4169e166;box-shadow:0 8px 24px #4169e126;transform:translateY(-4px)}.study-journey-icon{font-size:40px!important}.empty-action-title{color:#c46a5a;color:var(--primary-purple-dark);font-size:14px;font-weight:600;margin:0}.empty-action-subtitle{color:#888;font-size:12px;line-height:1.3;margin:0}.empty-chat-single-cta{align-items:center;display:flex;justify-content:center;width:100%}.empty-cta-card{align-items:center;background:linear-gradient(135deg,#fff5f2,#ffe8e4);border:2px solid #e88d7d4d;border-radius:24px;box-shadow:0 4px 20px #e88d7d1f;cursor:pointer;display:flex;flex-direction:column;gap:16px;max-width:320px;overflow:hidden;padding:40px 48px;position:relative;text-align:center;transition:all .3s ease}.empty-cta-card:before{background:#fff8b8e6;border:1px solid #d9770626;content:"";height:20px;position:absolute;right:20%;top:-10px;transform:rotate(3deg);width:60px;z-index:1}.empty-cta-card:hover{background:linear-gradient(135deg,#ffefeb,#ffddd7);border-color:#e88d7d80;box-shadow:0 12px 32px #e88d7d33;transform:translateY(-4px)}.empty-cta-icon{align-items:center;display:flex;height:72px;justify-content:center;width:72px}.empty-cta-icon svg{height:100%;width:100%}.empty-cta-title{color:#c46a5a;color:var(--primary-coral-dark);font-size:20px;font-weight:700;margin:0}.empty-cta-subtitle{color:#777;font-size:14px;line-height:1.4;margin:0}.empty-cta-button{align-items:center;background:linear-gradient(135deg,#e88d7d,#c46a5a);background:linear-gradient(135deg,var(--primary-coral) 0,var(--primary-coral-dark) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #e88d7d4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;margin-top:8px;padding:12px 24px;transition:all .25s ease}.empty-cta-button:hover{background:linear-gradient(135deg,#d67a6a,#c46a5a);background:linear-gradient(135deg,var(--primary-coral-hover) 0,var(--primary-coral-dark) 100%);box-shadow:0 6px 16px #e88d7d66;transform:translateY(-2px)}.empty-cta-button svg{fill:none;stroke:currentColor;stroke-width:2;height:18px;width:18px}body.dark-mode .empty-cta-card{background:linear-gradient(135deg,#b8a5d426,#b8a5d414);border-color:#b8a5d44d;box-shadow:0 4px 20px #0000004d}body.dark-mode .empty-cta-card:before{background:#b8a5d44d;border-color:#b8a5d433}body.dark-mode .empty-cta-card:hover{background:linear-gradient(135deg,#b8a5d433,#b8a5d41f);border-color:#b8a5d480;box-shadow:0 12px 32px #0006}body.dark-mode .empty-cta-title{color:#e5e7eb}body.dark-mode .empty-cta-subtitle{color:#9ca3af}body.dark-mode .empty-cta-button{background:linear-gradient(135deg,#b8a5d4,#a894c9);background:linear-gradient(135deg,var(--dark-accent) 0,var(--dark-accent-hover) 100%);box-shadow:0 4px 12px #0000004d}body.dark-mode .empty-cta-button:hover{background:linear-gradient(135deg,#a894c9,#9a87be);background:linear-gradient(135deg,var(--dark-accent-hover) 0,#9a87be 100%);box-shadow:0 6px 16px #0006}.empty-cta-note{color:#999;font-size:12px;margin-top:4px;opacity:.8}body.dark-mode .empty-cta-note{color:#6b7280}.empty-chat-state.exam-linked{gap:12px}.empty-chat-state.exam-linked,.exam-context-header{align-items:center;display:flex;flex-direction:column}.exam-context-header{gap:4px;text-align:center}.exam-context-title{color:#c46a5a;color:var(--primary-purple-dark);font-size:16px;font-weight:600;margin:0}body.dark-mode .exam-context-title{color:#e5e7eb}.exam-countdown{background:#e88d7d1a;border-radius:20px;gap:6px;margin:4px 0;padding:6px 12px}.exam-countdown.urgent{background:#ef44441f}.exam-countdown.past{background:#9ca3af1a}.countdown-days{color:#e88d7d;color:var(--primary-purple);font-size:14px;font-weight:700}.countdown-time{font-feature-settings:"tnum";color:#888;font-size:12px;font-variant-numeric:tabular-nums;font-weight:500}.countdown-text{font-size:13px;font-weight:600}.exam-countdown.urgent .countdown-text{animation:pulse-urgent 1.5s ease-in-out infinite;color:#dc2626}.exam-countdown.past .countdown-text{color:#9ca3af}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.6}}body.dark-mode .exam-countdown{background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc26)}body.dark-mode .exam-countdown.urgent{background:#ef444426}body.dark-mode .exam-countdown.past{background:#6b728026}body.dark-mode .countdown-days{color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}body.dark-mode .countdown-time{color:#a0a0a0}body.dark-mode .exam-countdown.urgent .countdown-text{color:#f87171}body.dark-mode .exam-upload-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14);box-shadow:none;outline:none}body.dark-mode .exam-upload-subtitle{color:#e5e5e5}body.dark-mode .exam-upload-hint{color:#a0a0a0}.exam-upload-card{grid-gap:12px;align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff59,#ffffff2e);border:1px solid #a78bfa59;border-radius:16px;box-shadow:0 18px 38px #0000002e;display:grid;gap:12px;justify-items:center;padding:20px}.exam-upload-subtitle{color:#0f172a;font-size:15px;font-weight:600;margin:0;text-align:center}.exam-upload-hint{color:#334155;font-size:13px;margin:0;text-align:center}.exam-start-btn{align-items:center;background:linear-gradient(135deg,#f4a896,#e88d7d);border:none;border-radius:14px;box-shadow:0 4px 12px #e88d7d4d;cursor:pointer;display:flex;gap:12px;justify-content:center;max-width:360px;padding:14px 20px;transition:all .2s ease;width:100%}.exam-start-btn:hover{box-shadow:0 6px 20px #e88d7d66;transform:translateY(-2px)}.exam-start-btn:active{transform:translateY(0)}.exam-start-icon{display:inline-flex;font-size:18px}.exam-start-text{color:#fff;font-size:14px;font-weight:600}.exam-start-arrow{color:#fffc;font-size:16px;margin-left:auto;transition:transform .2s ease}.exam-start-btn:hover .exam-start-arrow{transform:translateX(3px)}.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:#e88d7d;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:#c46a5a;color:var(--primary-purple-dark);font-size:20px;font-weight:600;margin-bottom:24px}.empty-upload-btn{background:#0000;border:1.5px solid #f4a896;border:1.5px solid var(--primary-purple-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #64503c0f;box-shadow:var(--shadow-sm);color:#e88d7d;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:#e88d7d;border-color:var(--primary-purple);box-shadow:0 4px 16px #64503c14;box-shadow:var(--shadow-md);transform:translateY(-4px) scale(1.05)}body.dark-mode .empty-action-card{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .empty-action-card:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40);box-shadow:none}body.dark-mode .empty-action-card svg{fill:#b8a5d4;fill:var(--dark-accent,#b8a5d4)}body.dark-mode .empty-action-card.study-journey-card{background:linear-gradient(135deg,#3d2f2f,#4a3535);border-color:#e88d7d4d}body.dark-mode .empty-action-card.study-journey-card:hover{background:linear-gradient(135deg,#4a3838,#5a4040);border-color:#e88d7d80}body.dark-mode .empty-action-card.study-journey-card:before{background:#fff8b8b3}body.dark-mode .empty-action-card.upload-chat-card{background:linear-gradient(135deg,#2a3040,#303848);border-color:#4169e14d}body.dark-mode .empty-action-card.upload-chat-card:hover{background:linear-gradient(135deg,#323a4d,#3a4458);border-color:#4169e180}body.dark-mode .empty-action-card.upload-chat-card:before{background:#d4f0fcb3}body.dark-mode .recommended-badge{background:linear-gradient(135deg,#d67a6a,#c46a5a);box-shadow:0 2px 6px #c46a5a66}body.dark-mode .empty-action-title{color:#e5e5e5}body.dark-mode .empty-action-subtitle{color:#a0a0a0}@media (max-width:400px){.empty-chat-actions{grid-template-columns:1fr}.empty-chat-actions.two-cards{grid-template-columns:1fr;max-width:100%}.empty-action-card{flex-direction:row;gap:14px;padding:16px 20px;text-align:left}.empty-action-card svg,.empty-action-icon,.empty-action-icon-svg{flex-shrink:0;font-size:28px;height:48px;width:48px}.empty-action-content{display:flex;flex-direction:column;gap:2px}}.input-area{align-items:flex-end;background:#0000;background:linear-gradient(0deg,#fdf8f3 0,#fdf8f3fa 70%,#fdf8f300);background:linear-gradient(to top,var(--bg-light) 0,#fdf8f3fa 70%,#fdf8f300 100%);border:none;bottom:0;box-shadow:none;display:flex;gap:12px;left:0;margin:0 auto;max-width:800px;padding:20px 32px;position:fixed;right:0;width:100%;z-index:30}.main-content.rail-shifted .input-area{left:60px;width:calc(100% - 60px)}.main-content.shifted .input-area{left:320px;width:calc(100% - 320px)}.input-wrapper-container{background:#fffef9;background:var(--bg-white);border:1.5px solid #6464641a;border:1.5px solid var(--border-light);border-radius:24px;box-shadow:0 2px 8px #64503c0f;box-shadow:var(--shadow-sm);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,#e88d7d1a,#f8c8c41a,#e88d7d1a);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:.4;transform:scale(.98)}50%{opacity:.8;transform:scale(1.02)}}.input-wrapper-container:focus-within{background:#fff;border-color:#e88d7d59;box-shadow:0 4px 16px #64503c14,0 0 0 3px #e88d7d0f;box-shadow:var(--shadow-md),0 0 0 3px #e88d7d0f;transform:translateY(-1px)}.message-textarea{background:#0000;border:none;color:#3d3d3d;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;resize:none;width:100%}.message-textarea::-webkit-scrollbar-track{background:#00000005;border-radius:10px;margin:4px 0}.message-textarea::-webkit-scrollbar-thumb{background:#e88d7d33;background-clip:padding-box;border:2px solid #0000;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.message-textarea::-webkit-scrollbar-thumb:hover{background:#e88d7d59}.message-textarea::-webkit-scrollbar-thumb:active{background:#e88d7d73}.message-textarea::placeholder{color:#00000061;font-weight:400}.message-textarea.textarea-disabled{background:#00000005;cursor:not-allowed;opacity:.5}.message-textarea.textarea-disabled::placeholder{color:#00000040}.input-actions-bottom{align-items:center;display:flex;gap:12px;justify-content:space-between}.input-actions-left-group,.input-actions-right-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:#3d3d3d;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:#e88d7d;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:#e8dff5;border:1px solid #00000014;border-radius:50%;box-shadow:none;color:#2d2d2d;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:40px;min-width:40px;padding:10px;transition:all .2s ease}.send-button-icon:not(:disabled){animation:none;box-shadow:0 2px 8px #00000014;transform:scale(1.05)}@keyframes sendButtonReady{0%,to{box-shadow:0 2px 8px #00000014;transform:scale(1.05)}50%{box-shadow:0 3px 12px #0000001a;transform:scale(1.08)}}.send-button-icon:hover:not(:disabled){background:#ddd0f0;box-shadow:0 3px 12px #0000001a;transform:scale(1.1)}.send-button-icon:disabled{box-shadow:none;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:none;background:#e8dff5;border:1px solid #00000014;border-radius:50%;box-shadow:none;color:#2d2d2d;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:40px;min-width:40px;padding:10px;transition:all .2s ease}.stop-button-icon:hover{animation:none;background:#ddd0f0;box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.stop-button-icon:active{transform:scale(.95)}.stop-button-icon svg{height:20px;width:20px}@keyframes pulse-coral{0%,to{box-shadow:0 2px 8px #00000014}50%{box-shadow:0 2px 12px #0000001f}}.send-button{background:#e8dff5;border:1px solid #00000014;border-radius:28px;border-radius:var(--radius-pill);box-shadow:none;color:#2d2d2d;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .2s ease;white-space:nowrap}.send-button:hover:not(:disabled){background:#ddd0f0;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.send-button:disabled{cursor:not-allowed;opacity:.5}.send-button-busy{background:#c8b4dc4d}.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;background:#fffef9;background:var(--bg-white);border:1px solid #6464641a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #64503c0f;box-shadow:var(--shadow-sm);display:flex;gap:12px;padding:16px 20px}.typing-indicator h4{align-items:center;color:#3d3d3d;color:var(--text-primary);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:#e88d7d;background:var(--primary-coral);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;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#3c322d80;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{border:1px solid #6464641a;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #64503c1a;box-shadow:var(--shadow-lg);flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.modal-content,.modal-header{background:#fffef9;background:var(--bg-white);display:flex}.modal-header{align-items:center;border-bottom:1px solid #6464641a;border-bottom:1px solid var(--border-light);justify-content:space-between;min-height:60px;padding:20px}.modal-header h3{color:#3d3d3d;color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:#e88d7d14;border:none;border-radius:12px;border-radius:var(--radius-md);color:#e88d7d;color:var(--primary-coral);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:#e88d7d26;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{background:#fdf8f3;background:var(--bg-light);border:1px solid #6464641a;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #64503c0f;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 #64503c14;box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-info{align-items:center;display:flex;gap:16px}.file-icon svg{color:#e88d7d;color:var(--primary-purple);height:32px;width:32px}.file-name{color:#c46a5a;color:var(--primary-purple-dark);font-size:15px;font-weight:600;margin-bottom:4px}.file-meta{color:#6b6b6b;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:#c46a5a;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 #64503c0f;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:#c46a5a;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 #64503c0f;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);background:#f8fafc;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;width:70%;z-index:1000}.study-guide-content{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}body.dark-mode .study-sheet-panel{background:#1a1a1a;background:var(--dark-bg-primary,#1a1a1a);box-shadow:-4px 0 20px #0000004d}@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;right:0}.input-area,.main-content.rail-shifted .input-area,.main-content.shifted .input-area{left:0;width:100%}.input-wrapper-container{border-radius:22px;gap:8px;padding:10px 14px}.input-actions-bottom{gap:8px}.input-actions-left-group,.input-actions-right-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{background:var(--dark-bg-primary,#1a1a1a);color:#e5e5e5}body.dark-mode .chat-container{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);background-image:none;border:none;border-left:1px solid #ffffff14;border-left:1px solid var(--dark-border,#ffffff14);box-shadow:none}body.dark-mode .messages-container{background:#0000}body.dark-mode .ai-message .message-content{background:#0000;color:#e5e5e5}body.dark-mode .ai-message .message-text{color:#e5e5e5;font-size:16px;font-weight:400;line-height:1.8}body.dark-mode .user-message .message-content{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14);box-shadow:none;color:#e5e5e5}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}.chat-header{flex-direction:column;gap:0;padding:10px 20px}.chat-header,.chat-header-row{align-items:center;display:flex;justify-content:center}.chat-header-row{flex-wrap:wrap;gap:16px}.chat-header-title{color:#1f1f1f;cursor:pointer;font-size:1.25rem;font-weight:600;margin:0;text-align:center;transition:color .2s ease}.chat-header-title:hover{color:#e88d7d;color:var(--primary-purple)}body.dark-mode .chat-header{background:#0000}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:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14);box-shadow:none;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:#262626;background:var(--dark-bg-elevated,#262626);border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40);box-shadow:none;transform:none}body.dark-mode .input-wrapper-container:has(.message-textarea:not(:placeholder-shown)){background:#262626;background:var(--dark-bg-elevated,#262626);border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40);box-shadow:none}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.textarea-disabled{background:#ffffff05}body.dark-mode .message-textarea.textarea-disabled::placeholder{color:#ffffff40}body.dark-mode .message-textarea::-webkit-scrollbar-track{background:#ffffff08}body.dark-mode .message-textarea::-webkit-scrollbar-thumb{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d)}body.dark-mode .message-textarea::-webkit-scrollbar-thumb:hover{background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc26)}body.dark-mode .message-textarea::-webkit-scrollbar-thumb:active{background:#b8a5d4;background:var(--dark-accent,#b8a5d4)}body.dark-mode .input-wrapper{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14)}body.dark-mode .input-wrapper:focus-within{background:#262626;background:var(--dark-bg-elevated,#262626);border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40);box-shadow:none}body.dark-mode .input-wrapper textarea{color:#e5e5e5;font-weight:400}body.dark-mode .input-wrapper textarea::placeholder{color:grey;font-weight:400}body.dark-mode .send-button{background:#c8b4dc33;border-color:#ffffff1a;color:#e5e5e5}body.dark-mode .send-button:hover:not(:disabled){background:#c8b4dc4d}body.dark-mode .send-button-icon{background:#c8b4dc33;border-color:#ffffff1a;box-shadow:none;color:#e5e5e5;transition:all .2s ease}body.dark-mode .send-button-icon:not(:disabled){background:#c8b4dc40;box-shadow:none;transform:scale(1.05)}body.dark-mode .send-button-icon:hover:not(:disabled){background:#c8b4dc59;box-shadow:none;transform:scale(1.1)}body.dark-mode .send-button-icon:disabled{box-shadow:none;opacity:.4;transform:scale(1)}body.dark-mode .stop-button-icon{background:#c8b4dc33;border-color:#ffffff1a;box-shadow:none;color:#e5e5e5}body.dark-mode .stop-button-icon:hover{background:#c8b4dc4d;box-shadow:none}body.dark-mode .upload-button{background:#0000;border-color:#ffffff14;border-color:var(--dark-border,#ffffff14);box-shadow:none;color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}body.dark-mode .upload-button:before{background:#0000}body.dark-mode .upload-button:hover:not(:disabled){background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc26);border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40);box-shadow:none}body.dark-mode .empty-upload-btn,body.dark-mode .empty-upload-text{color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}body.dark-mode .empty-upload-btn{border-color:#b8a5d4;border-color:var(--dark-accent,#b8a5d4)}body.dark-mode .empty-upload-btn:hover{background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc26);border-color:#d4c8e8;border-color:var(--dark-accent-light,#d4c8e8)}body.dark-mode .scroll-to-bottom-btn{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14);color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}body.dark-mode .scroll-to-bottom-btn:hover{background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc26);border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40)}body.dark-mode .typing-indicator{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .loader-text,body.dark-mode .typing-indicator h4{color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}body.dark-mode .modal-overlay{background:#000000b3}body.dark-mode .modal-content{border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .modal-content,body.dark-mode .modal-header{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f)}body.dark-mode .modal-header{border-bottom-color:#ffffff14;border-bottom-color:var(--dark-border,#ffffff14)}body.dark-mode .close-button,body.dark-mode .modal-header h3{color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}body.dark-mode .close-button{background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc26)}body.dark-mode .close-button:hover{background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc40)}body.dark-mode .file-item{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .file-item:hover{border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40)}body.dark-mode .file-name{color:#e5e5e5}body.dark-mode .file-meta{color:grey}body.dark-mode .file-action-btn{background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc26);border-color:#0000;color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}body.dark-mode .file-action-btn:hover{background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc40)}body.dark-mode .message-text ul>li:before{color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}.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:#e88d7d0f;border:1px solid #e88d7d26;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,#f4a896,#e88d7d);box-shadow:0 0 8px #e88d7d66;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:#e88d7d;font-size:13px;font-weight:500;letter-spacing:.5px;opacity:.9;text-transform:lowercase}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleGlow{0%,to{box-shadow:0 0 0 #e88d7d00}50%{box-shadow:0 0 20px #e88d7d26}}body.dark-mode .streaming-bar{animation:slideInFromTop .3s ease-out;background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .streaming-dot{background:#b8a5d4;background:var(--dark-accent,#b8a5d4);box-shadow:none}body.dark-mode .streaming-text{color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}.game-chat-empty-state{align-items:center;animation:fadeInUp .4s ease-out;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:420px;padding:48px 24px;text-align:center}.game-empty-icon{animation:bounceIn .6s ease-out;font-size:64px;margin-bottom:16px}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.game-empty-title{color:#3d3d3d;color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 12px}body.dark-mode .game-empty-title{color:#e5e5e5}.game-empty-description{color:#6b6b6b;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 8px}body.dark-mode .game-empty-description{color:#a0a0a0}.game-empty-hint{color:#9ca3af;font-size:12px;font-style:italic;margin:0 0 24px}body.dark-mode .game-empty-hint{color:grey}.game-replay-btn{align-items:center;background:linear-gradient(135deg,#e88d7d,#c46a5a);background:linear-gradient(135deg,var(--primary-coral) 0,var(--primary-coral-dark) 100%);border:none;border-radius:28px;border-radius:var(--radius-pill);box-shadow:0 4px 12px #e88d7d40;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.game-replay-btn:hover{box-shadow:0 6px 20px #e88d7d59;transform:translateY(-2px)}.game-replay-btn:active{transform:translateY(0)}body.dark-mode .game-replay-btn{background:#b8a5d4;background:var(--dark-accent,#b8a5d4);box-shadow:none}body.dark-mode .game-replay-btn:hover{background:#a894c9;background:var(--dark-accent-hover,#a894c9);box-shadow:none}.audio-error-message{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:12px;border-radius:var(--radius-md);color:#dc2626;display:flex;font-size:.875rem;gap:10px;margin:8px 0;padding:12px 16px}.audio-error-message .error-icon{flex-shrink:0;font-size:1.1rem}body.dark-mode .audio-error-message{background:#ef44441f;border-color:#ef44444d;color:#f87171}.voice-input-button{align-items:center;background:#0000;border:1.5px solid #0000001a;border-radius:50%;color:#6b6b6b;cursor:pointer;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;overflow:hidden;position:relative;transition:all .2s ease;width:44px}.voice-input-button:hover:not(:disabled){background:#c8b4dc26;border-color:#c8b4dc66;color:#7c6b9e;transform:scale(1.05)}.voice-input-button:disabled{cursor:not-allowed;opacity:.4}.voice-input-button.recording{animation:voicePulse 1.5s ease-in-out infinite;background:#ef444426;border-color:#ef444480;color:#dc2626}.voice-input-button.recording:before{animation:voiceRipple 1.5s ease-out infinite;background:#ef444433;border-radius:50%;content:"";inset:-4px;position:absolute}@keyframes voicePulse{0%,to{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}50%{box-shadow:0 0 0 8px #ef444400;transform:scale(1.05)}}@keyframes voiceRipple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.voice-input-button.transcribing{background:#c8b4dc33;border-color:#c8b4dc66}.voice-transcribing{align-items:center;display:flex;gap:3px}.voice-transcribing span{animation:voiceTranscribeDot 1.2s ease-in-out infinite;background:#7c6b9e;border-radius:50%;height:4px;width:4px}.voice-transcribing span:nth-child(2){animation-delay:.2s}.voice-transcribing span:nth-child(3){animation-delay:.4s}@keyframes voiceTranscribeDot{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}body.dark-mode .voice-input-button{background:#0000;border-color:#ffffff1a;color:#a0a0a0}body.dark-mode .voice-input-button:hover:not(:disabled){background:#c8b4dc26;border-color:#c8b4dc4d;color:#b8a5d4}body.dark-mode .voice-input-button.recording{background:#ef444433;border-color:#ef444480;color:#f87171}body.dark-mode .voice-input-button.transcribing{background:#c8b4dc26;border-color:#c8b4dc4d}body.dark-mode .voice-transcribing span{background:#b8a5d4}@media (max-width:768px){.voice-input-button{height:40px;min-height:40px;min-width:40px;width:40px}.voice-input-button svg{height:18px;width:18px}}.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-xp-animation{animation:quizXpFloat 1.5s cubic-bezier(.4,0,.2,1) forwards;color:#3b82f6;font-size:24px;font-weight:800;left:50%;letter-spacing:1px;pointer-events:none;position:absolute;text-shadow:0 0 10px #3b82f699,0 0 20px #3b82f666,0 0 30px #3b82f633;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:100}@keyframes quizXpFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}30%{transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-80%) scale(1.1)}to{opacity:0;transform:translate(-50%,-120%) scale(.8)}}body.dark-mode .quiz-xp-animation{color:#60a5fa;text-shadow:0 0 10px #60a5fab3,0 0 20px #60a5fa80,0 0 30px #60a5fa4d}.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}.option-text,body:not(.dark-mode) .option-text{color:#1a202c}body:not(.dark-mode) .quiz-compact-option.correct .option-text{color:#22543d}body:not(.dark-mode) .quiz-compact-option.incorrect .option-text{color:#742a2a}.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!important;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!important;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-trigger-btn{animation:feedbackPulse 2s infinite;background:linear-gradient(135deg,#6b46c1,#9f7aea);box-shadow:0 4px 12px #6b46c14d;height:44px;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;bottom:0;box-shadow:0 4px 16px #00000014;left:48px;padding:12px;position:absolute;transform-origin:bottom left;width:220px;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}@keyframes popoverSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.feedback-header{padding-bottom:6px}.feedback-header h4{color:#553c9a}.close-btn{color:#a0aec0;font-size:16px;padding:0 4px}.close-btn:hover{color:#553c9a}.feedback-content p{color:#4a5568;line-height:1.4}.emoji-rating button{font-size:24px;padding:4px;transition:transform .2s}.emoji-rating button:hover{background:#6b46c11a}.feedback-options{gap:6px}.feedback-options button{background:#f9f5fdcc;border:1px solid #e0d6f5cc;border-radius:6px;color:#553c9a;padding:6px 10px;transition:all .15s}.feedback-options button:hover{background:#f3e8ff;border-color:#d6bcfa}.feedback-step-thanks{color:#48bb78;padding:10px 0}@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-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}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}.dev-feedback-content{display:flex;flex-direction:column;gap:6px}.dev-feedback-row{align-items:center}.dev-feedback-label{min-width:50px}.dev-feedback-value{font-weight:500}body.dark-mode .quiz-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-label{color:#fdba74}body.dark-mode .dev-feedback-value{color:#fb923c}.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;font-weight:600}.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}@keyframes feedbackSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.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{border-bottom:1px solid #0000000f}.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}}.flashcard-compact-container{--sticky-pink:#ffd6e0;--sticky-pink-light:#fff0f3;--sticky-pink-dark:#ffc5d3;--accent-pink:#db2777;--accent-pink-light:#ff69b440;--text-primary:#3d3d3d;--text-secondary:#6b6b6b;--transition-wobbly:cubic-bezier(0.68,-0.55,0.265,1.55)}.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:720px!important;min-height:160px;padding:0 12px!important;position:relative;width:100%!important}.flashcard-compact-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:720px;padding:0;width:100%}.flashcard-compact-container.glassmorphic{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none}.flashcard-compact-single{max-width:100%;width:100%}.flashcard-compact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 4px}.flashcard-compact-title{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.flashcard-compact-title:before{content:"💕";font-size:16px}.flashcard-expand-btn{background:var(--accent-pink-light);border:none;border-radius:6px 8px 7px 6px;color:var(--accent-pink);cursor:pointer;padding:6px;transition:all .3s var(--transition-wobbly)}.flashcard-expand-btn:hover{background:#ff69b459;transform:rotate(-5deg) scale(1.1)}.flashcard-expand-btn svg{height:14px;width:14px}.flashcard-compact-wrapper{background:var(--sticky-pink);border:1.5px solid #6464641f;border-radius:12px 14px 12px 13px;box-shadow:2px 2px 0 #3c3c3c0f,0 2px 8px #0000000a;box-sizing:border-box;max-width:100%;overflow:hidden;padding:14px 16px;transform:rotate(.3deg);transition:all .3s var(--transition-wobbly);width:100%}.flashcard-compact-wrapper:hover{box-shadow:3px 3px 0 #3c3c3c14,0 4px 12px #0000000f;transform:rotate(0deg) translateY(-2px)}.flashcard-topic-badge{align-items:center;background:#fff9;border:none;border-radius:6px 8px 7px 6px;color:var(--accent-pink);display:inline-flex;font-size:11px;font-weight:600;gap:6px;margin-bottom:10px;padding:4px 10px;transition:all .2s ease}.topic-badge-icon{font-size:13px}.flashcard-compact-progress-container{margin-bottom:10px}.flashcard-compact-progress-track{background:#ffffff80;border-radius:3px;height:3px;margin-bottom:6px;overflow:hidden}.flashcard-compact-progress-fill{background:var(--accent-pink);border-radius:4px;height:100%;transition:width .3s ease}.flashcard-compact-progress-text{color:var(--text-secondary);font-size:12px;font-weight:500;text-align:center}.flashcard-mastered-count{color:var(--accent-pink);font-weight:600}.flashcard-card{cursor:pointer;flex-shrink:0;height:180px;margin:0 auto 12px;max-height:180px;max-width:100%;min-height:180px;overflow:hidden;perspective:2000px;position:relative;width:100%}.flashcard-card-face{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;overflow-x:hidden;overflow-y:auto;padding:14px 16px;position:absolute;scrollbar-color:#db27774d #0000;scrollbar-width:thin;top:0;transition:transform .6s ease;width:100%}.flashcard-card-face::-webkit-scrollbar{width:4px}.flashcard-card-face::-webkit-scrollbar-track{background:#0000}.flashcard-card-face::-webkit-scrollbar-thumb{background:#db27774d;border-radius:4px}.flashcard-card-face::-webkit-scrollbar-thumb:hover{background:#db277780}.flashcard-card-front{background:#ffffffd9;transform:rotateY(0deg)}.flashcard-card-back,.flashcard-card-front{border:1px dashed #db277740;color:var(--text-primary)}.flashcard-card-back{background:#ffffffe6;transform:rotateY(180deg)}.flashcard-card.flipped .flashcard-card-front{transform:rotateY(-180deg)}.flashcard-card.flipped .flashcard-card-back{transform:rotateY(0deg)}.flashcard-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 4px;text-align:center;width:100%}.flashcard-card-back .flashcard-content{align-items:flex-start;justify-content:flex-start;padding-top:4px;text-align:left}.flashcard-label{color:var(--accent-pink);flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:1.2px;margin-bottom:6px;text-transform:uppercase}.flashcard-text{word-wrap:break-word;color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.45;max-width:100%}.flashcard-card-back .flashcard-text{font-size:12px;font-weight:400;line-height:1.5;width:100%}.flashcard-card-back .flashcard-text b,.flashcard-card-back .flashcard-text strong{color:var(--accent-pink);font-weight:600}.flashcard-text-formatted strong{background:#db277714;border-radius:3px;color:var(--accent-pink);padding:1px 4px}.flashcard-hint{margin-top:16px}.flashcard-hint-btn{align-items:center;background:#ffc10733;border:none;border-radius:6px;color:#d97706;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.flashcard-hint-btn:hover{background:#ffc10759;transform:translateY(-1px)}.flashcard-hint-revealed{animation:hintReveal .3s ease-out;padding:8px 0}@keyframes hintReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.flashcard-hint-header{align-items:center;color:#d97706;display:flex;font-size:11px;font-weight:600;gap:6px;margin-bottom:4px;text-transform:uppercase}.flashcard-hint-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.flashcard-flip-instruction{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:6px;margin-top:12px;opacity:.7}.flashcard-flip-instruction svg{height:14px;width:14px}.flashcard-review-section{margin-top:8px}.flashcard-review-prompt{color:var(--text-secondary);font-size:11px;font-weight:500;margin-bottom:8px;text-align:center}.flashcard-review-buttons{display:flex;gap:8px;justify-content:center}.flashcard-review-btn{align-items:center;background:#ffffffb3;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .3s var(--transition-wobbly)}.flashcard-review-again{color:#dc2626}.flashcard-review-again:hover{background:#dc262626;transform:translateY(-2px) scale(1.02)}.flashcard-review-good{color:#059669}.flashcard-review-good:hover{background:#05966926;transform:translateY(-2px) scale(1.02)}.review-btn-icon{font-size:16px}.flashcard-reviewed-feedback{align-items:center;border-radius:8px;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;margin-top:10px;padding:8px 12px}.flashcard-reviewed-feedback.positive{background:#05966926;color:#059669}.flashcard-reviewed-feedback.negative{background:#dc262626;color:#dc2626}.feedback-icon{font-size:14px}.flashcard-compact-navigation{display:flex;gap:8px;justify-content:center;margin-top:8px}.flashcard-nav-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .3s var(--transition-wobbly)}.flashcard-skip-btn{background:#fff9;color:var(--text-secondary)}.flashcard-skip-btn:hover{background:#ffffffe6;transform:translateY(-2px)}.flashcard-next-btn{background:var(--accent-pink);box-shadow:0 2px 6px #db27774d;color:#fff}.flashcard-next-btn:hover{background:#be185d;box-shadow:0 4px 12px #db277766;transform:translateY(-2px)}.flashcard-streaming-bar{align-items:center;background:#ffffff80;border:1px dashed #db277733;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:var(--accent-pink);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:var(--accent-pink);font-size:13px;font-weight:500}.flashcard-modal-overlay{align-items:center;animation:modalFadeIn .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.flashcard-modal-overlay.closing{animation:modalFadeOut .2s ease forwards}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}.flashcard-modal-content{animation:modalSlideUp .3s ease;background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:1000px;overflow:hidden;width:100%}.flashcard-modal-content.closing{animation:modalSlideDown .2s ease forwards}@keyframes modalSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}.flashcard-modal-header{align-items:center;background:#fff5f7;border-bottom:1px solid #db27771a;display:flex;justify-content:space-between;padding:16px 20px}.flashcard-modal-title{align-items:center;color:#db2777;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.flashcard-modal-title:before{content:"💕";font-size:18px}.flashcard-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#db2777;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.flashcard-modal-close:hover{background:#db27771a;color:#be185d}.flashcard-modal-close svg{height:18px;width:18px}.flashcard-modal-body{display:flex;flex:1 1;gap:0;min-height:0;overflow:hidden}.flashcard-modal-sidebar{background:#fff5f7;border-right:1px solid #db27771a;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:220px}.flashcard-modal-sidebar-inner{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:16px;scrollbar-width:none}.flashcard-modal-sidebar-inner::-webkit-scrollbar{display:none}.flashcard-modal-stats{border-bottom:1px solid #db27771f;display:flex;gap:16px;justify-content:center;margin-bottom:16px;padding-bottom:16px}.flashcard-modal-stat{align-items:center;color:#6b6b6b;display:flex;font-size:13px;font-weight:500;gap:4px}.flashcard-modal-stat-dot{border-radius:50%;height:8px;width:8px}.flashcard-modal-stat-dot.green{background:#059669}.flashcard-modal-stat-dot.yellow{background:#d97706}.flashcard-modal-stat-dot.gray{background:#db2777}.flashcard-modal-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.flashcard-modal-grid-item{align-items:center;aspect-ratio:1;background:#ffd6e0;border:1.5px solid #db277726;border-radius:6px 8px 7px 6px;box-shadow:1px 1px 0 #3c3c3c0a;color:#db2777;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;transition:all .25s cubic-bezier(.68,-.55,.265,1.55)}.flashcard-modal-grid-item:hover{background:#ffb8cc;border-color:#db27774d;box-shadow:2px 2px 0 #3c3c3c0f;transform:translateY(-2px) scale(1.05)}.flashcard-modal-grid-item.active{background:#db2777;border-color:#db2777;box-shadow:2px 2px 0 #db277733;color:#fff}.flashcard-modal-grid-item.mastered{background:#d8f5d8;border-color:#05966940;color:#059669}.flashcard-modal-grid-item.mastered:hover{background:#c5eec5;border-color:#05966966}.flashcard-modal-grid-item.review{background:#fff8b8;border-color:#d9770640;color:#d97706}.flashcard-modal-grid-item.review:hover{background:#ffefa6;border-color:#d9770666}.flashcard-modal-main{-ms-overflow-style:none;align-items:flex-start;background:snow;display:flex;flex:1 1;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:20px;scrollbar-width:none}.flashcard-modal-main::-webkit-scrollbar{display:none}.flashcard-modal-main .flashcard-compact-wrapper{background:var(--sticky-pink);max-width:700px;width:100%}.flashcard-modal-main .flashcard-card{height:220px;max-height:220px;min-height:220px}.flashcard-compact-loading{color:var(--text-secondary);font-size:14px;padding:40px 20px;text-align:center}body.dark-mode .flashcard-compact-container{--sticky-pink:#2a2a2a;--sticky-pink-light:#333;--accent-pink:#f472b6;--accent-pink-light:#f472b633;--text-primary:#e5e5e5;--text-secondary:#999}body.dark-mode .flashcard-compact-wrapper{background:#2a2a2a;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d;transform:none}body.dark-mode .flashcard-compact-wrapper:hover{box-shadow:0 4px 12px #0006;transform:translateY(-2px)}body.dark-mode .flashcard-compact-title{color:#e5e5e5}body.dark-mode .flashcard-compact-title:before{filter:grayscale(.3)}body.dark-mode .flashcard-topic-badge{background:#ffffff14;color:#f472b6}body.dark-mode .flashcard-compact-progress-track{background:#ffffff1a}body.dark-mode .flashcard-compact-progress-fill{background:#f472b6}body.dark-mode .flashcard-compact-progress-text{color:#999}body.dark-mode .flashcard-mastered-count{color:#f472b6}body.dark-mode .flashcard-card-back,body.dark-mode .flashcard-card-front{background:#1e1e1e;border:1px solid #ffffff1a}body.dark-mode .flashcard-card-face{scrollbar-color:#f472b64d #0000}body.dark-mode .flashcard-card-face::-webkit-scrollbar-thumb{background:#f472b64d}body.dark-mode .flashcard-card-face::-webkit-scrollbar-thumb:hover{background:#f472b680}body.dark-mode .flashcard-label{color:#f472b6}body.dark-mode .flashcard-text{color:#e5e5e5}body.dark-mode .flashcard-card-back .flashcard-text strong{color:#f472b6}body.dark-mode .flashcard-text-formatted strong{background:#f472b626;color:#f472b6}body.dark-mode .flashcard-hint-btn{background:#fbbf2426;color:#fbbf24}body.dark-mode .flashcard-hint-btn:hover{background:#fbbf2440}body.dark-mode .flashcard-hint-header{color:#fbbf24}body.dark-mode .flashcard-hint-text{color:#999}body.dark-mode .flashcard-flip-instruction{color:#666}body.dark-mode .flashcard-review-prompt{color:#999}body.dark-mode .flashcard-review-again{color:#f87171}body.dark-mode .flashcard-review-again:hover{background:#f8717126}body.dark-mode .flashcard-review-good{color:#4ade80}body.dark-mode .flashcard-review-good:hover{background:#4ade8026}body.dark-mode .flashcard-reviewed-feedback.positive{background:#4ade8026;color:#4ade80}body.dark-mode .flashcard-reviewed-feedback.negative{background:#f8717126;color:#f87171}body.dark-mode .flashcard-skip-btn{background:#ffffff14;color:#999}body.dark-mode .flashcard-skip-btn:hover{background:#ffffff26}body.dark-mode .flashcard-next-btn{background:#db2777}body.dark-mode .flashcard-next-btn:hover{background:#be185d}body.dark-mode .flashcard-expand-btn{background:#ffffff14;color:#f472b6}body.dark-mode .flashcard-expand-btn:hover{background:#ffffff1f}body.dark-mode .flashcard-streaming-bar{background:#ffffff0d;border-color:#ffffff1a}body.dark-mode .flashcard-streaming-dot{background:#f472b6}body.dark-mode .flashcard-streaming-text{color:#f472b6}body.dark-mode .flashcard-modal-overlay{background:#000000b3}body.dark-mode .flashcard-modal-content{background:#1e1e1e;border-color:#ffffff1a;box-shadow:0 20px 60px #00000080}body.dark-mode .flashcard-modal-header{background:#2a2028;border-bottom-color:#f472b626}body.dark-mode .flashcard-modal-title{color:#f472b6}body.dark-mode .flashcard-modal-close{background:#0000;color:#f472b6}body.dark-mode .flashcard-modal-close:hover{background:#f472b626;color:#f9a8d4}body.dark-mode .flashcard-modal-sidebar{background:#1e1a1c;border-right-color:#f472b61a}body.dark-mode .flashcard-modal-stats{border-bottom-color:#f472b61f}body.dark-mode .flashcard-modal-stat{color:#aaa}body.dark-mode .flashcard-modal-grid-item{background:#3d2832;border-color:#f472b633;color:#f472b6}body.dark-mode .flashcard-modal-grid-item:hover{background:#4a2d3a;border-color:#f472b666}body.dark-mode .flashcard-modal-grid-item.active{background:#db2777;border-color:#db2777;box-shadow:0 0 12px #db27774d;color:#fff}body.dark-mode .flashcard-modal-grid-item.mastered{background:#1e3a2a;border-color:#4ade804d;color:#4ade80}body.dark-mode .flashcard-modal-grid-item.mastered:hover{background:#254a35;border-color:#4ade8080}body.dark-mode .flashcard-modal-grid-item.review{background:#3d3520;border-color:#fbbf244d;color:#fbbf24}body.dark-mode .flashcard-modal-grid-item.review:hover{background:#4a4025;border-color:#fbbf2480}body.dark-mode .flashcard-modal-main{background:#1a1a1a}body.dark-mode .flashcard-modal-main .flashcard-compact-wrapper{background:#2a2a2a;border-color:#ffffff1a}body.dark-mode .flashcard-modal-main .flashcard-card-back,body.dark-mode .flashcard-modal-main .flashcard-card-front{background:#1e1e1e;border-color:#ffffff1a}body.dark-mode .flashcard-modal-main .flashcard-topic-badge{background:#ffffff14}body.dark-mode .flashcard-modal-main .flashcard-compact-progress-track{background:#ffffff1a}body.dark-mode .flashcard-compact-loading{color:#c9b8bd}.flashcard-feedback-dev-display{background:#f973161a;border:1px solid #f973164d;border-radius:8px;font-size:12px;margin-top:12px}.dev-feedback-header{align-items:center;background:#f9731626;border-bottom:1px solid #f9731633;display:flex;gap:8px;padding:8px 10px}.dev-badge{font-size:9px;padding:2px 5px}.dev-feedback-title{color:#ea580c;font-size:11px;font-weight:600}.dev-feedback-content{padding:10px}.dev-feedback-row{display:flex;gap:8px;margin-bottom:4px}.dev-feedback-label{color:#9a3412;font-weight:600}.dev-feedback-value{color:#ea580c}.flashcard-results-feedback{border-top:1px dashed #db277733;display:flex;justify-content:center;margin-top:14px;padding-top:12px}body.dark-mode .flashcard-results-feedback{border-top-color:#f472b633}body.dark-mode .flashcard-feedback-dev-display{background:#f973161a;border-color:#f9731633}body.dark-mode .dev-feedback-header{background:#f973161f}body.dark-mode .dev-feedback-label,body.dark-mode .dev-feedback-title{color:#fb923c}body.dark-mode .dev-feedback-value{color:#fdba74}@media (max-width:768px){.flashcard-compact-wrapper{padding:12px 14px;transform:rotate(0deg)}.flashcard-card{height:160px;max-height:160px;min-height:160px}.flashcard-card-face{padding:12px 14px}.flashcard-text{font-size:13px}.flashcard-card-back .flashcard-text{font-size:11px}.flashcard-review-buttons{width:100%}.flashcard-review-btn{flex:1 1;padding:8px 12px}.flashcard-modal-body{flex-direction:column}.flashcard-modal-sidebar{border-bottom:1px solid #0000000f;border-right:none;max-height:150px;width:100%}body.dark-mode .flashcard-modal-sidebar{border-bottom-color:#ffffff0f}.flashcard-modal-grid{grid-template-columns:repeat(8,1fr)}.flashcard-modal-main{padding:16px}.flashcard-modal-main .flashcard-card{height:180px;max-height:180px;min-height:180px}}@media (prefers-reduced-motion:reduce){.flashcard-card-face,.flashcard-compact-wrapper,.flashcard-nav-btn,.flashcard-review-btn{transition:none}.flashcard-compact-wrapper{transform:none}}.flashcard-nav{background:#0000;display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden;padding:12px}.flashcard-nav-header{align-items:center;display:flex;flex-shrink:0;gap:16px;justify-content:center;padding:10px 8px}.nav-stat{align-items:center;display:flex;gap:6px}.nav-dot{border-radius:50%;height:8px;width:8px}.nav-dot.known{background:#4ade80}.nav-dot.review{background:#fbbf24}.nav-dot.new{background:#6b7280}.nav-value{color:#fffc;font-size:13px;font-weight:600}.flashcard-nav-grid{grid-gap:6px;align-content:start;display:grid;flex:1 1;gap:6px;grid-template-columns:repeat(4,1fr);overflow-x:hidden;overflow-y:auto;padding:2px}.flashcard-nav-grid::-webkit-scrollbar{width:3px}.flashcard-nav-grid::-webkit-scrollbar-track{background:#0000}.flashcard-nav-grid::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.nav-card-btn{align-items:center;aspect-ratio:1;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:600;justify-content:center;transition:all .15s ease}.nav-card-btn.status-new{background:#6b728026;color:#9ca3af}.nav-card-btn.status-new:hover{background:#6b728040}.nav-card-btn.status-known{background:#4ade8033;color:#4ade80}.nav-card-btn.status-known:hover{background:#4ade804d}.nav-card-btn.status-review{background:#fbbf2433;color:#fbbf24}.nav-card-btn.status-review:hover{background:#fbbf244d}.nav-card-btn.active{box-shadow:0 0 0 2px #a78bfa;transform:scale(1.05)}.nav-card-btn.active.status-new{background:#a78bfa40;color:#c4b5fd}.flashcard-nav-feedback{display:flex;flex-shrink:0;justify-content:center;padding-top:12px}.flashcard-feedback-container{position:relative}.feedback-trigger-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:50%;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s ease;width:34px}.feedback-trigger-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:scale(1.1)}.feedback-trigger-btn.submitted{background:linear-gradient(135deg,#a78bfa,#c4b5fd);opacity:.7}.feedback-icon{font-size:15px}.feedback-popover{background:#1e1e24;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 8px 30px #0006;padding:14px;position:fixed;width:200px;z-index:99999}.feedback-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.feedback-header h4{color:#c4b5fd;font-size:13px;font-weight:600;margin:0}.close-btn{background:none;color:#6b7280;font-size:14px;padding:2px}.close-btn:hover{color:#c4b5fd}.feedback-content p{color:#9ca3af;font-size:12px;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:22px;padding:6px;transition:transform .15s ease}.emoji-rating button:hover{background:#8b5cf626;transform:scale(1.2)}.feedback-options{display:flex;flex-direction:column;gap:5px}.feedback-options button{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;color:#c4b5fd;cursor:pointer;font-size:11px;padding:8px 10px;text-align:left;transition:all .15s ease}.feedback-options button:hover{background:#8b5cf633;transform:translateX(2px)}.feedback-step-thanks{color:#4ade80;font-size:13px;font-weight:600;padding:12px;text-align:center}.dev-feedback-box{align-items:center;background:#f973161a;border-radius:6px;display:flex;flex-shrink:0;font-size:9px;gap:6px;padding:6px 8px}.dev-badge{background:#f97316;border-radius:3px;color:#fff;font-size:8px;padding:2px 4px}.dev-text{color:#fb923c;font-weight:500}body:not(.dark-mode) .nav-dot.known{background:#22c55e}body:not(.dark-mode) .nav-dot.review{background:#f59e0b}body:not(.dark-mode) .nav-dot.new{background:#9ca3af}body:not(.dark-mode) .nav-value{color:#000000b3}body:not(.dark-mode) .nav-card-btn.status-new{background:#6b72801a;color:#6b7280}body:not(.dark-mode) .nav-card-btn.status-known{background:#22c55e26;color:#16a34a}body:not(.dark-mode) .nav-card-btn.status-review{background:#f59e0b26;color:#d97706}body:not(.dark-mode) .nav-card-btn.active{box-shadow:0 0 0 2px #8b5cf6}body:not(.dark-mode) .nav-card-btn.active.status-new{background:#8b5cf626;color:#7c3aed}body:not(.dark-mode) .feedback-popover{background:#fff;border-color:#0000001a;box-shadow:0 8px 30px #00000026}body:not(.dark-mode) .feedback-header{border-bottom-color:#00000014}body:not(.dark-mode) .feedback-header h4{color:#7c3aed}body:not(.dark-mode) .feedback-content p{color:#6b7280}body:not(.dark-mode) .feedback-options button{color:#6b46c1}@media (max-width:768px){.flashcard-nav{gap:10px;padding:10px}.flashcard-nav-header{gap:12px;padding:8px}.nav-dot{height:6px;width:6px}.nav-value{font-size:12px}.flashcard-nav-grid{gap:5px;grid-template-columns:repeat(5,1fr)}.nav-card-btn{border-radius:6px;font-size:10px}}.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;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}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(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}@keyframes statPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.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{color:#1a202c;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;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}.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:14px;box-shadow:0 4px 16px #8b5cf614,0 2px 4px #00000008;margin:.75rem auto;max-width:480px;padding:1rem 1.25rem;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)}}.loading-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.loading-spinner{height:20px;position:relative;width:20px}.spinner-circle{animation:spin .8s linear infinite;border:2px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:100%;width:100%}.loading-text{color:#6b21a8;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.01em;overflow:hidden;position:relative}.loading-text-content{position:relative;z-index:1}.loading-text-shimmer{animation:textShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#8b5cf64d 50%,#0000);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes textShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-message-box.complete-with-insights .loading-text-shimmer,.loading-message-box.completed .loading-text-shimmer{display:none}.progress-stats{background:#f9fafb99;border:1px solid #8b5cf61a;border-radius:8px;display:flex;gap:1rem;margin-bottom:.75rem;padding:.5rem .75rem}.stat-item{gap:.375rem}.stat-number{color:#8b5cf6;font-size:1.125rem}.stat-label{color:#6b7280;font-size:.7rem;line-height:1.2}.latest-insights{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.5rem}.insight-preview{align-items:center;background:#ffffff80;border-left:2px solid #8b5cf6;border-radius:6px;display:flex;gap:.375rem;padding:.5rem .625rem}.insight-icon{flex-shrink:0;font-size:.875rem}.insight-text{color:#374151;font-size:.8rem;font-weight:500;line-height:1.3}.insight-text strong{font-weight:600}.insight-detail{color:#6b7280;font-size:.75rem;font-weight:400}.summary-preview{background:#ffffffb3;border-left:2px solid #10b981;border-radius:6px;color:#374151;font-size:.8rem;line-height:1.4;margin-top:.5rem;padding:.625rem .75rem}.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:.75rem 1rem}.loading-header{gap:.5rem;margin-bottom:.5rem}.loading-text{font-size:.8rem}.progress-stats{flex-wrap:wrap;gap:.5rem;padding:.375rem .5rem}.stat-number{font-size:1rem}.stat-label{font-size:.65rem}.insight-preview{padding:.375rem .5rem}.insight-icon{font-size:.8rem}.insight-text{font-size:.75rem}.summary-preview{font-size:.75rem;padding:.5rem .625rem}}@media (max-width:480px){.loading-message-box{margin:.375rem;padding:.625rem .75rem}.progress-stats{gap:.375rem;padding:.25rem .375rem}.stat-number{font-size:.9rem}.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 .loading-text-shimmer{background:linear-gradient(90deg,#0000,#a78bfa66 50%,#0000)}body.dark-mode .progress-stats{background:#3c3f48cc;border-color:#8b5cf64d}body.dark-mode .stat-number{color:#e9d5ff;text-shadow:0 0 1px #e9d5ff80}body.dark-mode .stat-label{color:#d1d5db}body.dark-mode .insight-preview{background:#32353e80;border-left-color:#8b5cf6}body.dark-mode .insight-text{color:#e5e7eb}body.dark-mode .insight-detail{color:#9ca3af}body.dark-mode .summary-preview{background:#32353e99;color:#e5e7eb}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}.post-upload-message{--sticky-blue:#d4f0fc;--sticky-pink:#ffd6e0;--sticky-green:#d8f5d8;--sticky-yellow:#fff8b8;--sticky-purple:#e8dff5;--text-primary:#3d3d3d;--text-secondary:#6b6b6b;--transition-wobbly:cubic-bezier(0.68,-0.55,0.265,1.55);animation:fadeInUp .4s ease-out;display:flex;flex-direction:column;gap:16px}.post-upload-text{color:var(--text-primary);font-size:15px;line-height:1.55}.post-upload-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:4px}.post-upload-action-btn{align-items:center;background:#fff;border:1.5px solid #6464641f;border-radius:10px 12px 10px 11px;box-shadow:2px 2px 0 #3c3c3c0f,0 2px 8px #0000000a;cursor:pointer;display:inline-flex;gap:8px;min-height:44px;padding:10px 16px 10px 12px;text-align:left;transition:all .3s var(--transition-wobbly)}.post-upload-action-btn:first-child{transform:rotate(-.5deg)}.post-upload-action-btn:nth-child(2){transform:rotate(.5deg)}.post-upload-action-btn:nth-child(3){transform:rotate(-.3deg)}.post-upload-action-btn:nth-child(4){transform:rotate(.4deg)}.post-upload-action-btn:hover{box-shadow:3px 3px 0 #3c3c3c14,0 6px 16px #00000014;transform:translateY(-3px) rotate(0deg) scale(1.02)}.post-upload-action-btn:active{box-shadow:1px 1px 0 #3c3c3c0f,0 2px 4px #0000000a;transform:translateY(-1px) scale(.98)}.action-icon-circle{align-items:center;border-radius:6px 8px 7px 6px;display:flex;flex-shrink:0;height:28px;justify-content:center;min-width:28px;transition:all .3s var(--transition-wobbly);width:28px}.action-icon-circle svg{height:16px;width:16px}.post-upload-action-btn:hover .action-icon-circle{transform:rotate(-10deg) scale(1.1)}.post-upload-action-btn .action-label{color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap}.post-upload-action-btn.action-quiz{background:var(--sticky-blue)}.post-upload-action-btn.action-quiz:hover{border-color:#4169e166}.action-quiz .action-icon-circle{background:#6495ed4d;color:#4169e1}.post-upload-action-btn.action-flashcards{background:var(--sticky-pink)}.post-upload-action-btn.action-flashcards:hover{border-color:#db277766}.action-flashcards .action-icon-circle{background:#ff69b440;color:#db2777}.post-upload-action-btn.action-audio{background:var(--sticky-green)}.post-upload-action-btn.action-audio:hover{border-color:#05966966}.action-audio .action-icon-circle{background:#3cb3714d;color:#059669}.post-upload-action-btn.action-studysheet{background:var(--sticky-yellow)}.post-upload-action-btn.action-studysheet:hover{border-color:#d9770666}.action-studysheet .action-icon-circle{background:#ffc10759;color:#d97706}.post-upload-action-btn.action-mindmap{background:var(--sticky-purple)}.post-upload-action-btn.action-mindmap:hover{border-color:#8b5cf666}.action-mindmap .action-icon-circle{background:#a78bfa4d;color:#7c3aed}.post-upload-action-btn.action-studyjourney{background:linear-gradient(135deg,#ffd6cc,#ffe4d9);border-color:#e88d7d40}.post-upload-action-btn.action-studyjourney:hover{background:linear-gradient(135deg,#ffcabf,#ffd9cc);border-color:#e88d7d80}.action-studyjourney .action-icon-circle{background:#e88d7d59;color:#e88d7d}.post-upload-action-btn{animation:buttonPopIn .4s var(--transition-wobbly) backwards}.post-upload-action-btn:first-child{animation-delay:.1s}.post-upload-action-btn:nth-child(2){animation-delay:.15s}.post-upload-action-btn:nth-child(3){animation-delay:.2s}.post-upload-action-btn:nth-child(4){animation-delay:.25s}.post-upload-action-btn:nth-child(5){animation-delay:.3s}.post-upload-action-btn:nth-child(6){animation-delay:.35s}@keyframes buttonPopIn{0%{opacity:0;transform:translateY(15px) scale(.9)}60%{transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}body.dark-mode .post-upload-text{color:#e5e7eb}body.dark-mode .post-upload-action-btn{border-color:#ffffff1a;box-shadow:2px 2px 0 #0003,0 2px 8px #00000026}body.dark-mode .post-upload-action-btn:hover{box-shadow:3px 3px 0 #00000040,0 6px 16px #0003}body.dark-mode .post-upload-action-btn .action-label{color:#1f1f1f}body.dark-mode .post-upload-action-btn.action-quiz{background:#b8e4f7}body.dark-mode .post-upload-action-btn.action-quiz:hover{border-color:#6495ed99}body.dark-mode .post-upload-action-btn.action-flashcards{background:#ffc5d3}body.dark-mode .post-upload-action-btn.action-flashcards:hover{border-color:#db277799}body.dark-mode .post-upload-action-btn.action-audio{background:#c5eec5}body.dark-mode .post-upload-action-btn.action-audio:hover{border-color:#05966999}body.dark-mode .post-upload-action-btn.action-studysheet{background:#ffefa6}body.dark-mode .post-upload-action-btn.action-studysheet:hover{border-color:#d9770699}body.dark-mode .post-upload-action-btn.action-mindmap{background:#ddd0f0}body.dark-mode .post-upload-action-btn.action-mindmap:hover{border-color:#8b5cf699}body.dark-mode .post-upload-action-btn.action-studyjourney{background:linear-gradient(135deg,#f5c4b8,#ffd4c9)}body.dark-mode .post-upload-action-btn.action-studyjourney:hover{border-color:#e88d7db3}.post-upload-actions.actions-disabled{opacity:.6;pointer-events:none}.post-upload-action-btn.btn-disabled{cursor:not-allowed;opacity:.5;transform:none!important}.post-upload-action-btn.btn-disabled:hover{box-shadow:2px 2px 0 #3c3c3c0f,0 2px 8px #0000000a!important;transform:none!important}.post-upload-action-btn.btn-disabled .action-icon-circle{transform:none!important}@media (max-width:600px){.post-upload-actions{gap:8px}.post-upload-action-btn{gap:7px;padding:9px 14px 9px 10px}.action-icon-circle{height:26px;min-width:26px;width:26px}.action-icon-circle svg{height:14px;width:14px}.post-upload-action-btn .action-label{font-size:12px}}@media (max-width:400px){.post-upload-message{gap:12px}.post-upload-text{font-size:14px}.post-upload-actions{gap:6px}.post-upload-action-btn{gap:6px;min-height:40px;padding:8px 12px 8px 9px}.action-icon-circle{height:24px;min-width:24px;width:24px}.action-icon-circle svg{height:13px;width:13px}.post-upload-action-btn .action-label{font-size:11px}}.quiz-mode-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.quiz-mode-modal{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000026,0 0 0 1px #0000000d;max-width:420px;padding:24px;width:100%}.quiz-mode-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.quiz-mode-title{color:#1f2937;font-size:18px;font-weight:600;margin:0}.quiz-mode-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.quiz-mode-close:hover{background:#e5e7eb;color:#374151}.quiz-mode-close svg{height:18px;width:18px}.quiz-mode-context{color:#6b7280;font-size:13px;line-height:1.4;margin:0 0 20px}.quiz-mode-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.quiz-mode-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:16px;position:relative;text-align:left;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.quiz-mode-option:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.quiz-mode-option:active{transform:translateY(0)}.quiz-mode-option.nclex{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#dbeafe}.quiz-mode-option.nclex:hover{background:linear-gradient(135deg,#dbeafe,#fff);border-color:#93c5fd}.quiz-mode-option.knowledge{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#d1fae5}.quiz-mode-option.knowledge:hover{background:linear-gradient(135deg,#d1fae5,#fff);border-color:#6ee7b7}.mode-icon{align-items:center;border-radius:10px;display:flex;height:44px;justify-content:center;min-width:44px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:44px}.mode-icon svg{height:24px;width:24px}.quiz-mode-option:hover .mode-icon{transform:scale(1.1) rotate(-5deg)}.nclex-icon{background:#3b82f626;color:#2563eb}.knowledge-icon{background:#10b98126;color:#059669}.mode-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.mode-name{color:#1f2937;font-size:15px;font-weight:600}.mode-description{color:#6b7280;font-size:13px;line-height:1.3}.mode-badge{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.mode-badge.recommended{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.quiz-mode-hint{color:#9ca3af;font-size:12px;line-height:1.4;margin:0;text-align:center}body.dark-mode .quiz-mode-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a14cc}body.dark-mode .quiz-mode-modal{background:linear-gradient(145deg,#1e2332f2,#141928fa);border:1px solid #ffffff14;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff0d}body.dark-mode .quiz-mode-title{color:#e8e8ec}body.dark-mode .quiz-mode-close{background:#ffffff0f;border:1px solid #ffffff14;color:#9ca3af}body.dark-mode .quiz-mode-close:hover{background:#ffffff1a;color:#e5e7eb}body.dark-mode .quiz-mode-context{color:#fff9}body.dark-mode .quiz-mode-option{background:#ffffff0a;border:1px solid #ffffff14}body.dark-mode .quiz-mode-option:hover{background:#ffffff14;box-shadow:0 8px 24px #0000004d}body.dark-mode .quiz-mode-option.knowledge{background:linear-gradient(135deg,#10b9811f,#ffffff0a);border-color:#10b98140}body.dark-mode .quiz-mode-option.knowledge:hover{background:linear-gradient(135deg,#10b9812e,#ffffff0f);border-color:#10b98166}body.dark-mode .knowledge-icon{background:#10b98133;color:#34d399}body.dark-mode .quiz-mode-option.nclex{background:linear-gradient(135deg,#6366f11a,#ffffff08);border-color:#6366f133}body.dark-mode .quiz-mode-option.nclex:hover{background:linear-gradient(135deg,#6366f126,#ffffff0d);border-color:#6366f159}body.dark-mode .nclex-icon{background:#6366f133;color:#818cf8}body.dark-mode .mode-name{color:#e8e8ec}body.dark-mode .mode-description{color:#ffffff8c}body.dark-mode .mode-badge{background:#ffffff14;border:1px solid #ffffff1a;color:#fff9}body.dark-mode .mode-badge.recommended{background:linear-gradient(135deg,#10b98140,#05966933);border-color:#10b9814d;color:#6ee7b7}body.dark-mode .quiz-mode-hint{color:#fff6}@media (max-width:480px){.quiz-mode-overlay{align-items:flex-end;padding:16px}.quiz-mode-modal{animation:slideUpMobile .3s cubic-bezier(.34,1.56,.64,1);border-radius:16px 16px 0 0;max-width:100%;padding:20px}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.quiz-mode-title{font-size:16px}.quiz-mode-option{gap:12px;padding:14px}.mode-icon{height:40px;min-width:40px;width:40px}.mode-icon svg{height:20px;width:20px}.mode-name{font-size:14px}.mode-description{font-size:12px}.mode-badge{font-size:9px;padding:3px 6px}}: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;--shadow-sm:0 2px 8px #9b6fb014;--shadow-md:0 4px 16px #9b6fb01f;--shadow-lg:0 8px 32px #9b6fb029}.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);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}}.study-sheet-simple-wrapper{background:#0000;display:flex;flex-direction:column;max-width:100%;overflow:hidden;position:relative;width:100%}.study-sheet-inline{margin:0;max-width:100%}.study-sheet-inline .study-sheet-simple-content{max-height:none;overflow-y:visible;padding:0}.study-sheet-message .message-content{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.study-sheet-simple-header{border-bottom:1px solid #ad7dc326;flex-shrink:0;margin-bottom:6px;padding:14px 0;position:relative}.study-header-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.study-sheet-title{align-items:center;color:#1f1f1f;display:flex;font-size:1rem;font-weight:600;gap:8px;letter-spacing:-.01em;margin:0}.title-icon{font-size:1rem}.study-download-btn{align-items:center;background:#0000;border:1px solid #ad7dc340;border-radius:6px;color:#9b6fb0;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:5px;padding:5px 10px;transition:all .15s ease}.study-download-btn:hover{background:#ad7dc314}.study-download-btn svg{flex-shrink:0;height:13px;width:13px}.pdf-header{display:none}.pdf-header-top{justify-content:space-between;margin-bottom:20px}.pdf-brand,.pdf-header-top{align-items:center;display:flex}.pdf-brand{gap:12px}.pdf-logo{border-radius:8px;height:40px;object-fit:contain;width:40px}.pdf-brand-text{display:flex;flex-direction:column;gap:2px}.pdf-brand-name{color:#1f1f1f;font-size:18px;font-weight:700;letter-spacing:-.02em}.pdf-link{color:#9b6fb0;font-size:13px;font-weight:500;letter-spacing:.01em;text-decoration:none}.pdf-tagline{color:#888;font-size:11px;font-style:italic}.pdf-title-section{padding:16px 0;text-align:center}.pdf-title{color:#1f1f1f;font-size:26px;font-weight:700;line-height:1.3;margin:0 0 8px}.pdf-subtitle{color:#9b6fb0;font-size:14px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.pdf-footer{display:none}.pdf-footer-line{background:linear-gradient(90deg,#0000,#9b6fb0,#0000);height:2px;margin-bottom:16px}.pdf-footer-content{align-items:center;color:#888;display:flex;font-size:11px;justify-content:space-between}.pdf-footer-text{color:#888}.pdf-footer-link{color:#9b6fb0;font-weight:500}@media print{.pdf-header{border-bottom:3px solid #9b6fb0;break-after:avoid;display:block;margin-bottom:28px;padding-bottom:24px;page-break-after:avoid}.pdf-footer{break-inside:avoid;display:block;margin-top:40px;padding-top:20px;page-break-inside:avoid}}.streaming-indicator{align-items:center;color:#9b6fb0;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:6px}.streaming-dot{animation:pulse 1.4s ease-in-out infinite;background:#ad7dc3;border-radius:50%;height:4px;width:4px}.streaming-dot:first-child{animation-delay:-.32s}.streaming-dot:nth-child(2){animation-delay:-.16s}.streaming-dot:nth-child(3){animation-delay:0s}.complete-badge{align-items:center;color:#22c55e;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-top:6px}.study-sheet-simple-content{background:#0000;flex:1 1;overflow-y:auto;padding:0}.study-text-content{max-width:100%}.study-main-header{color:#1f1f1f;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:8px 0 20px;padding:0}.study-main-header:first-child{margin-top:4px}.study-section-header{background:linear-gradient(135deg,#9b6fb0,#7b5a90);border-radius:8px;box-shadow:0 2px 8px #9b6fb033;break-after:avoid;break-inside:avoid;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.06em;margin:32px 0 16px;padding:10px 18px;page-break-after:avoid;page-break-inside:avoid;text-transform:uppercase}.study-section-header:first-child{margin-top:4px}.study-subsection-header{border-left:3px solid #9b6fb0;break-after:avoid;color:#4a3660;font-size:.9rem;font-weight:600;line-height:1.4;margin:24px 0 12px;padding:0 0 0 12px;page-break-after:avoid}.study-paragraph{break-inside:avoid;color:#333;font-size:14px;line-height:1.8;margin:10px 0;padding:0;page-break-inside:avoid}.study-spacer{height:6px}.study-bullet{align-items:flex-start;break-inside:avoid;display:flex;gap:10px;margin:8px 0;padding:0 0 0 4px;page-break-inside:avoid}.bullet-marker{color:#9b6fb0;flex-shrink:0;font-size:14px;font-weight:700;line-height:1.8}.bullet-content{color:#333;flex:1 1;font-size:14px;line-height:1.8}.study-divider{background:#9b6fb033;border:none;height:1px;margin:20px 0}.study-numbered{align-items:flex-start;background:linear-gradient(135deg,#9b6fb014,#9b6fb008);border:1px solid #9b6fb01f;border-radius:10px;break-inside:avoid;display:flex;gap:12px;margin:10px 0;padding:14px 16px;page-break-inside:avoid}.number-marker{align-items:center;background:linear-gradient(135deg,#9b6fb0,#7b5a90);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:26px;justify-content:center;min-width:26px}.numbered-content{color:#333;flex:1 1;font-size:14px;line-height:1.75;padding-top:2px}.typing-cursor{animation:blink .8s infinite;color:#9b6fb0;display:inline-block;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.study-error{align-items:center;background:#fef2f2;border-radius:12px;color:#dc2626;display:flex;flex-direction:column;gap:12px;padding:28px;text-align:center}.error-icon{font-size:28px}.retry-btn{background:#dc2626;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.retry-btn:hover{background:#b91c1c}body.dark-mode .study-sheet-simple-wrapper{background:#0000}body.dark-mode .study-sheet-simple-header{border-bottom-color:#b4a0c840}body.dark-mode .study-sheet-title{color:#f5f5f5}body.dark-mode .study-download-btn{border-color:#b4a0c866;color:#e0d0f0}body.dark-mode .study-download-btn:hover{background:#b4a0c826}body.dark-mode .streaming-indicator{color:#d8c8e8}body.dark-mode .streaming-dot{background:#b8a0d0}body.dark-mode .complete-badge{color:#4ade80}body.dark-mode .study-main-header{color:#f5f5f5}body.dark-mode .study-section-header{background:linear-gradient(135deg,#8b70a8,#6b5588)}body.dark-mode .study-subsection-header{color:#f0f0f0}body.dark-mode .study-bullet .bullet-marker{color:#b8a0d0}body.dark-mode .study-bullet .bullet-content{color:#e8e8e8}body.dark-mode .study-divider{background:#b4a0c84d}body.dark-mode .study-paragraph{color:#e8e8e8}body.dark-mode .study-numbered{background:linear-gradient(135deg,#8c78aa2e,#8c78aa14);border-color:#b4a0c833}body.dark-mode .number-marker{background:linear-gradient(135deg,#8b70a8,#6b5588)}body.dark-mode .numbered-content{color:#e8e8e8}body.dark-mode .typing-cursor{color:#b8a0d0}body.dark-mode .study-error{background:#2a1a1a;color:#f0a0a0}@media (max-width:768px){.study-sheet-simple-header{padding:12px 0}.study-sheet-title{font-size:.95rem}.study-section-header{font-size:.65rem;margin:24px 0 12px;padding:7px 12px}.study-subsection-header{font-size:.85rem}.study-paragraph{font-size:13px}.study-numbered{gap:10px;padding:10px 12px}.number-marker{font-size:10px;height:22px;min-width:22px}.numbered-content{font-size:13px}}.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}.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}.audio-confirm-card{background:#9b6fb00a;border:1px solid #9b6fb026;border-radius:16px;margin:8px 0;max-width:400px;padding:20px}.audio-confirm-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.audio-icon{font-size:28px;line-height:1}.audio-header-text{display:flex;flex-direction:column;gap:2px}.audio-title{color:#1f1f1f;font-size:1rem;font-weight:600;margin:0}.audio-style-name{color:#9b6fb0;font-size:.8rem;font-weight:500}.audio-confirm-content{display:flex;flex-direction:column;gap:14px}.audio-topic-row{align-items:baseline;display:flex;gap:8px}.audio-label{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.audio-topic{color:#333;font-size:.95rem;font-weight:500}.audio-style-description{background:#9b6fb00f;border-radius:8px;color:#555;font-size:.85rem;line-height:1.5;margin:0;padding:10px 12px}.audio-duration-section{display:flex;flex-direction:column;gap:8px}.audio-duration-options{display:flex;flex-wrap:wrap;gap:8px}.audio-duration-btn{background:#fff;border:1px solid #9b6fb040;border-radius:20px;color:#666;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .15s ease}.audio-duration-btn:hover:not(:disabled){border-color:#9b6fb0;color:#9b6fb0}.audio-duration-btn.selected{background:#9b6fb0;border-color:#9b6fb0;color:#fff}.audio-duration-btn:disabled{cursor:not-allowed;opacity:.5}.audio-confirm-actions{border-top:1px solid #9b6fb01a;display:flex;gap:10px;justify-content:flex-end;margin-top:18px;padding-top:16px}.audio-cancel-btn{background:#0000;border:1px solid #00000026;border-radius:8px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .15s ease}.audio-cancel-btn:hover:not(:disabled){background:#0000000d}.audio-generate-btn{align-items:center;background:#9b6fb0;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .15s ease}.audio-generate-btn:hover:not(:disabled){background:#8a5fa0;transform:translateY(-1px)}.audio-generate-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.audio-generate-btn svg{flex-shrink:0}.audio-spinner{animation:audio-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes audio-spin{to{transform:rotate(1turn)}}body.dark-mode .audio-confirm-card{background:#8c78aa1a;border-color:#b4a0c833}body.dark-mode .audio-title{color:#f0f0f0}body.dark-mode .audio-style-name{color:#c8b0e0}body.dark-mode .audio-label{color:#999}body.dark-mode .audio-topic{color:#e0e0e0}body.dark-mode .audio-style-description{background:#8c78aa26;color:#ccc}body.dark-mode .audio-duration-btn{background:#1e1e2880;border-color:#b4a0c84d;color:#aaa}body.dark-mode .audio-duration-btn:hover:not(:disabled){border-color:#b8a0d0;color:#d8c8e8}body.dark-mode .audio-duration-btn.selected{background:#8b70a8;border-color:#8b70a8;color:#fff}body.dark-mode .audio-confirm-actions{border-top-color:#b4a0c826}body.dark-mode .audio-cancel-btn{border-color:#ffffff26;color:#aaa}body.dark-mode .audio-cancel-btn:hover:not(:disabled){background:#ffffff0d}body.dark-mode .audio-generate-btn{background:#8b70a8}body.dark-mode .audio-generate-btn:hover:not(:disabled){background:#9b80b8}@media (max-width:480px){.audio-confirm-card{padding:16px}.audio-confirm-actions{flex-direction:column}.audio-cancel-btn,.audio-generate-btn{justify-content:center;width:100%}}.chat-audio-player{--sticky-green:#d8f5d8;--sticky-green-dark:#c5eec5;--accent-green:#059669;--accent-green-light:#3cb3714d;--text-primary:#3d3d3d;--text-secondary:#6b6b6b;--transition-wobbly:cubic-bezier(0.68,-0.55,0.265,1.55);background:var(--sticky-green);border:1.5px solid #6464641f;border-radius:12px 14px 12px 13px;box-shadow:2px 2px 0 #3c3c3c0f,0 2px 8px #0000000a;margin:8px 0;max-width:400px;padding:14px 16px;transform:rotate(-.3deg);transition:all .3s var(--transition-wobbly)}.chat-audio-player:hover{box-shadow:3px 3px 0 #3c3c3c14,0 4px 12px #0000000f;transform:rotate(0deg) translateY(-2px)}.audio-player-title-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.audio-player-topic{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:600;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-download-btn{align-items:center;background:var(--accent-green-light);border:none;border-radius:6px 8px 7px 6px;color:var(--accent-green);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .3s var(--transition-wobbly);width:30px}.audio-download-btn:hover{background:#3cb37166;transform:rotate(-5deg) scale(1.1)}.audio-player-main{align-items:center;display:flex;gap:10px;margin-bottom:10px}.audio-play-btn{align-items:center;background:var(--accent-green);border:none;border-radius:50%;box-shadow:0 2px 6px #0596694d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;transition:all .3s var(--transition-wobbly);width:40px}.audio-play-btn:hover{box-shadow:0 3px 10px #05966966;transform:scale(1.08)}.audio-play-btn:active{transform:scale(.95)}.audio-play-btn.playing{background:#047857}.audio-waveform-container{align-items:center;background:#ffffff80;border-radius:6px;cursor:pointer;display:flex;flex:1 1;height:32px;padding:4px 8px;position:relative;transition:background .2s ease}.audio-waveform-container:hover{background:#ffffffb3}.waveform-bars{align-items:center;display:flex;gap:2px;height:100%;justify-content:space-between;width:100%}.waveform-bar{background:#05966940;border-radius:2px;flex:1 1;max-width:5px;min-height:3px;min-width:3px;transition:height .08s ease-out,background .15s ease}.waveform-bar.played{background:var(--accent-green)}.waveform-bar.active{background:#047857}.waveform-bar.active.played{background:#065f46}.audio-skip-controls{align-items:center;display:flex;gap:2px}.audio-skip-btn{align-items:center;background:#ffffff80;border:none;border-radius:6px;color:var(--accent-green);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.audio-skip-btn:hover{background:#fffc;transform:scale(1.05)}.audio-player-footer{align-items:center;border-top:1px dashed #05966933;display:flex;justify-content:space-between;padding-top:8px}.audio-time-display{align-items:center;display:flex;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8rem;gap:4px}.time-current{color:var(--accent-green);font-weight:600}.time-separator{color:#05966966}.time-total{color:var(--text-secondary);font-weight:500}.audio-speed-btn{background:#fff9;border:1px solid #05966933;border-radius:6px;color:var(--accent-green);cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 10px;transition:all .2s ease}.audio-speed-btn:hover{background:#ffffffe6;border-color:#05966966}.chat-audio-player.generating{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #c8b4dc4d;border-radius:16px;box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a;padding:16px 20px;transform:none}.chat-audio-player.generating:hover{box-shadow:0 4px 24px #00000014,0 1px 2px #0000000a;transform:none}.chat-audio-player.generating .audio-player-header{align-items:center;display:flex;gap:16px}.chat-audio-player.generating .audio-waveform-container{background:linear-gradient(135deg,#c8b4dc26,#b4a0c81a);border-radius:12px;cursor:default;height:40px;min-width:56px;padding:8px;width:56px}.chat-audio-player.generating .audio-waveform-container:hover{background:linear-gradient(135deg,#c8b4dc26,#b4a0c81a)}.waveform-bar.generating{animation:waveform-pulse 1.2s ease-in-out infinite;background:linear-gradient(180deg,#9b87c2,#7c6b9e);border-radius:2px;height:30%}@keyframes waveform-pulse{0%,to{height:20%;opacity:.5}50%{height:85%;opacity:1}}.generating-text-shimmer{-webkit-text-fill-color:#0000;animation:shimmer-text 2s linear infinite;background:linear-gradient(90deg,#7c6b9e,#7c6b9e 35%,#b8a5d4 48%,#d4c8e8 52%,#b8a5d4 56%,#7c6b9e 70%,#7c6b9e);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;font-size:.85rem;font-weight:500;letter-spacing:.01em}@keyframes shimmer-text{0%{background-position:100% 0}to{background-position:-100% 0}}.chat-audio-player.generating .audio-player-info{flex:1 1;min-width:0}.chat-audio-player.generating .audio-player-topic{color:#3d3d3d;font-size:.95rem;font-weight:600;letter-spacing:-.01em;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-player-status.generating{display:block;font-size:.85rem}.audio-transcript-section{border-top:1px dashed #05966933;margin-top:10px;padding-top:10px}.audio-transcript-toggle{align-items:center;background:#ffffff80;border:none;border-radius:6px;color:var(--accent-green);cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:6px 10px;transition:all .2s ease}.audio-transcript-toggle:hover{background:#fffc}.audio-transcript-content{background:#fff9;border-radius:8px;color:var(--text-primary);font-size:.85rem;line-height:1.7;margin-top:10px;max-height:160px;overflow-y:auto;padding:12px;scrollbar-color:#0596694d #0000;scrollbar-width:thin}.audio-transcript-content::-webkit-scrollbar{width:5px}.audio-transcript-content::-webkit-scrollbar-track{background:#0000}.audio-transcript-content::-webkit-scrollbar-thumb{background:#0596694d;border-radius:3px}.audio-transcript-content::-webkit-scrollbar-thumb:hover{background:#05966980}body.dark-mode .chat-audio-player{--sticky-green:#c5eec5;--sticky-green-dark:#b0e0b0;background:var(--sticky-green);border-color:#ffffff1a;box-shadow:2px 2px 0 #0003,0 2px 8px #00000026}body.dark-mode .chat-audio-player:hover{box-shadow:3px 3px 0 #00000040,0 4px 12px #0003}body.dark-mode .audio-player-topic{color:#1f1f1f}body.dark-mode .audio-download-btn{background:#05966940;color:#047857}body.dark-mode .audio-download-btn:hover{background:#05966959}body.dark-mode .audio-play-btn{background:#047857;box-shadow:0 2px 6px #0000004d}body.dark-mode .audio-play-btn:hover{box-shadow:0 3px 10px #0006}body.dark-mode .audio-play-btn.playing{background:#065f46}body.dark-mode .audio-waveform-container{background:#fff9}body.dark-mode .audio-waveform-container:hover{background:#ffffffbf}body.dark-mode .waveform-bar{background:#0596694d}body.dark-mode .waveform-bar.played{background:#047857}body.dark-mode .waveform-bar.active{background:#065f46}body.dark-mode .waveform-bar.generating{background:#047857}body.dark-mode .audio-skip-btn{background:#fff9;color:#047857}body.dark-mode .audio-skip-btn:hover{background:#fffc}body.dark-mode .audio-player-footer{border-top-color:#05966940}body.dark-mode .time-current{color:#047857}body.dark-mode .time-separator{color:#05966966}body.dark-mode .time-total{color:#4a4a4a}body.dark-mode .audio-speed-btn{background:#ffffffb3;border-color:#05966940;color:#047857}body.dark-mode .audio-speed-btn:hover{background:#ffffffe6}body.dark-mode .chat-audio-player.generating{background:#2d2d2df2;border-color:#c8b4dc33;box-shadow:0 4px 24px #00000040,0 1px 2px #00000026}body.dark-mode .chat-audio-player.generating:hover{box-shadow:0 4px 24px #0000004d,0 1px 2px #00000026}body.dark-mode .generating-text-shimmer{-webkit-text-fill-color:#0000;animation:shimmer-text 2s linear infinite;background:linear-gradient(90deg,#b8a5d4,#b8a5d4 35%,#d4c8e8 48%,#e8e0f0 52%,#d4c8e8 56%,#b8a5d4 70%,#b8a5d4);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}body.dark-mode .chat-audio-player.generating .audio-player-topic{color:#e5e5e5}body.dark-mode .chat-audio-player.generating .audio-waveform-container{background:linear-gradient(135deg,#c8b4dc33,#b4a0c826)}body.dark-mode .waveform-bar.generating{background:linear-gradient(180deg,#b8a5d4,#9b87c2)}body.dark-mode .audio-transcript-section{border-top-color:#05966940}body.dark-mode .audio-transcript-toggle{background:#fff9;color:#047857}body.dark-mode .audio-transcript-toggle:hover{background:#fffc}body.dark-mode .audio-transcript-content{background:#ffffffb3;color:#1f1f1f;scrollbar-color:#05966966 #0000}body.dark-mode .audio-transcript-content::-webkit-scrollbar-thumb{background:#05966966}body.dark-mode .audio-transcript-content::-webkit-scrollbar-thumb:hover{background:#05966999}@media (max-width:480px){.chat-audio-player{max-width:100%;padding:12px 14px;transform:rotate(0deg)}.audio-player-title-row{margin-bottom:10px}.audio-player-topic{font-size:.85rem}.audio-download-btn{height:28px;width:28px}.audio-player-main{gap:8px;margin-bottom:8px}.audio-play-btn{height:36px;min-width:36px;width:36px}.audio-play-btn svg{height:16px;width:16px}.audio-waveform-container{height:28px}.waveform-bar{max-width:4px;min-width:2px}.audio-skip-btn{height:26px;width:26px}.audio-skip-btn svg{height:12px;width:12px}.audio-time-display{font-size:.75rem}.audio-speed-btn{font-size:.7rem;padding:3px 8px}.chat-audio-player.generating{border-radius:14px;padding:14px 16px}.chat-audio-player.generating .audio-waveform-container{border-radius:10px;height:36px;min-width:48px;padding:6px;width:48px}.chat-audio-player.generating .audio-player-header{gap:12px}.chat-audio-player.generating .audio-player-topic{font-size:.9rem;margin-bottom:4px}.generating-text-shimmer{font-size:.8rem}}.compact-progress-widget{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 4px -1px #00000014;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;gap:8px;padding:6px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;z-index:100}.xp-float-animation{animation:xpFloatUp 1s cubic-bezier(.4,0,.2,1) forwards;color:#3b82f6;font-size:14px;font-weight:700;pointer-events:none;position:absolute;right:50%;text-shadow:0 0 10px #3b82f680,0 0 20px #3b82f64d;top:-8px;transform:translateX(50%);white-space:nowrap;z-index:1000}@keyframes xpFloatUp{0%{opacity:1;transform:translateX(50%) translateY(0) scale(1)}50%{opacity:1;transform:translateX(50%) translateY(-20px) scale(1.2)}to{opacity:0;transform:translateX(50%) translateY(-35px) scale(.9)}}.compact-progress-widget.xp-pulse{animation:widgetPulse .4s cubic-bezier(.4,0,.2,1)}@keyframes widgetPulse{0%{box-shadow:0 2px 4px -1px #00000014;transform:scale(1)}50%{box-shadow:0 0 0 4px #3b82f64d,0 4px 12px -2px #3b82f666;transform:scale(1.05)}to{box-shadow:0 2px 4px -1px #00000014;transform:scale(1)}}body.dark-mode .xp-float-animation{color:#60a5fa;text-shadow:0 0 10px #60a5fa99,0 0 20px #60a5fa66}.compact-progress-widget:hover{background:#ffffff26;box-shadow:0 6px 8px -1px #00000026,0 3px 6px -1px #0000001a;transform:translateY(-1px)}.compact-progress-widget:active{transform:scale(.98)}body.dark-mode .compact-progress-widget{background:#1e293b66;border-color:#8b5cf64d}body.dark-mode .compact-progress-widget:hover{background:#1e293b99;border-color:#8b5cf680}.compact-progress-widget.loading{height:40px;min-width:120px}.widget-skeleton{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#8b5cf61a 25%,#8b5cf633 50%,#8b5cf61a 75%);background-size:200% 100%;border-radius:16px;height:100%;width:100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.level-badge{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:12px;box-shadow:0 2px 4px #8b5cf64d;display:flex;gap:3px;padding:2px 8px}.level-icon,.level-text{font-size:10px}.level-text{color:#fff;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.widget-xp-row{align-items:center;display:flex;gap:6px}.widget-xp-row .xp-bar-track{background:#0000001a;border-radius:3px;height:4px;overflow:hidden;width:50px}body.dark-mode .widget-xp-row .xp-bar-track{background:#ffffff26}.widget-xp-row .xp-bar-fill{background:linear-gradient(90deg,#8b5cf6,#a855f7,#ec4899);border-radius:3px;box-shadow:0 0 6px #8b5cf666;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.widget-xp-row .xp-text{color:#6b7280;font-size:9px;font-weight:600;white-space:nowrap}body.dark-mode .widget-xp-row .xp-text{color:#94a3b8}.streak-section{align-items:center;background:#f973161a;border:1px solid #f9731633;border-radius:8px;display:flex;flex-shrink:0;gap:2px;padding:2px 6px}body.dark-mode .streak-section{background:#f9731626}.streak-fire{font-size:11px}.streak-count{color:#ea580c;font-size:10px;font-weight:700}body.dark-mode .streak-count{color:#fb923c}.streak-label{color:#c2410c;font-size:9px;font-weight:600;text-transform:lowercase}body.dark-mode .streak-label{color:#fdba74}.serum-section{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;display:flex;flex-shrink:0;gap:2px;padding:2px 6px}body.dark-mode .serum-section{background:#3b82f626}.serum-section.complete{background:#22c55e1a;border-color:#22c55e33}.serum-icon{font-size:11px}.serum-mini-svg{filter:drop-shadow(0 0 2px rgba(6,182,212,.4))}.serum-text{color:#2563eb;font-size:10px;font-weight:700}body.dark-mode .serum-text{color:#60a5fa}.serum-section.complete .serum-text{color:#16a34a}body.dark-mode .serum-section.complete .serum-text{color:#4ade80}.widget-expand-hint{color:#9ca3af;flex-shrink:0;height:12px;opacity:.6;width:12px}body.dark-mode .widget-expand-hint{color:#64748b}@media (max-width:480px){.compact-progress-widget{gap:4px;padding:6px 10px}.widget-pills-row{gap:6px}.level-text,.streak-label{display:none}.level-badge{padding:2px 4px}}.progress-dashboard-overlay{align-items:center;animation:overlay-fade-in .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(ellipse at center,#8b5cf626 0,#000c 100%);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.progress-dashboard-modal{grid-gap:20px;animation:modal-slide-in .4s cubic-bezier(.34,1.56,.64,1);display:grid;gap:20px;grid-template-columns:1fr 240px;max-height:calc(100vh - 40px);max-width:950px;padding:24px;position:relative;width:100%}.progress-dashboard-modal::-webkit-scrollbar{width:6px}.progress-dashboard-modal::-webkit-scrollbar-track{background:#0000}.progress-dashboard-modal::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-close-btn{align-items:center;background:linear-gradient(135deg,#2a2a3e,#1e1e32);border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 4px 12px #0006;color:#9ca3af;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .25s cubic-bezier(.4,0,.2,1);width:36px;z-index:10}.dashboard-close-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef44444d;box-shadow:0 4px 16px #ef44444d;color:#fff;transform:scale(1.1) rotate(90deg)}.dashboard-close-btn svg{height:18px;width:18px}.progress-card{background:linear-gradient(145deg,#1e1e32,#151528);border:1px solid #8b5cf626;border-radius:24px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08,inset 0 1px 0 #ffffff0f;overflow:hidden;padding:24px;position:relative}.progress-card:before{background:linear-gradient(90deg,#0000,#8b5cf64d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#fff;font-size:20px;font-weight:800;gap:12px;letter-spacing:-.3px}.title-content{display:flex;flex-direction:column;gap:4px}.title-subtitle{color:#9ca3af;font-size:13px;font-weight:500;letter-spacing:0}.card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:28px}.card-mascot{filter:drop-shadow(0 4px 8px rgba(139,92,246,.3));height:48px;object-fit:contain;width:48px}.card-mascot-wrapper{align-items:center;display:flex;filter:drop-shadow(0 4px 12px rgba(139,92,246,.25));flex-shrink:0;height:56px;justify-content:center;width:56px}.overall-accuracy{align-items:center;background:linear-gradient(135deg,#22c55e26,#10b9811a);border:1px solid #22c55e33;border-radius:16px;display:flex;flex-direction:column;gap:4px;padding:12px 20px}.accuracy-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;line-height:1}.accuracy-label{color:#22c55e;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.topics-card{grid-column:1;max-height:550px;min-height:400px}.topics-card,.topics-empty{display:flex;flex-direction:column}.topics-empty{align-items:center;background:radial-gradient(ellipse at center,#8b5cf60d 0,#0000 70%);border-radius:16px;flex:1 1;justify-content:center;padding:60px 24px;text-align:center}.topics-empty .empty-icon{animation:bounce-icon 2s ease-in-out infinite;font-size:64px;margin-bottom:20px}@keyframes bounce-icon{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.topics-empty p{color:#e2e8f0;font-size:16px;font-weight:600;margin:0}.empty-hint{color:#6b7280;font-size:13px;margin-top:8px}.topics-grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;padding-bottom:4px;padding-right:4px}.topics-grid::-webkit-scrollbar{width:4px}.topics-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.topics-grid::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px}.topic-chip{align-items:center;animation:chip-pop-in .3s ease-out backwards;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid #ffffff0f;border-radius:12px;cursor:default;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.topic-chip:hover{background:linear-gradient(135deg,#8b5cf614,#6366f10a);border-color:#8b5cf640;border-color:var(--performance-color,#8b5cf640);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.topic-chip.mastered{border-color:#22c55e33}.topic-chip.learning{border-color:#3b82f633}.topic-chip.needs-work{border-color:#f59e0b26}@keyframes chip-pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chip-icon-wrapper{align-items:center;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.topic-chip:hover .chip-icon-wrapper{background:linear-gradient(145deg,#8b5cf61f,#8b5cf60f);border-color:#8b5cf64d;border-color:var(--performance-color,#8b5cf64d);transform:scale(1.05)}.performance-icon{color:#8b5cf6;color:var(--performance-color,#8b5cf6);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:24px;transition:transform .3s ease;width:24px}.topic-chip:hover .performance-icon{transform:scale(1.1)}.performance-icon.mastered{animation:trophy-shine 3s ease-in-out infinite;color:#fbbf24}@keyframes trophy-shine{0%,to{filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}50%{filter:drop-shadow(0 4px 12px rgba(251,191,36,.6))}}.performance-icon.excellent{animation:star-pulse 2.5s ease-in-out infinite;color:#22c55e}@keyframes star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.performance-icon.good{color:#3b82f6}.performance-icon.learning{color:#f59e0b}.performance-icon.practice{animation:target-pulse 2s ease-in-out infinite;color:#ef4444}@keyframes target-pulse{0%,to{opacity:1}50%{opacity:.7}}.chip-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.chip-name{color:#fff;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-stats{align-items:center;display:flex;font-size:13px;font-weight:700;gap:6px}.chip-ratio{color:#6b7280;font-size:11px;font-weight:500}.gamification-sidebar{display:flex;flex-direction:column;gap:16px;grid-column:2}.compact-card{border-radius:20px;padding:18px;transition:all .3s ease}.compact-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.compact-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.compact-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:22px}.compact-title{color:#fff;font-size:15px;font-weight:700}.compact-subtitle{color:#9ca3af;display:block;font-size:12px;font-weight:500}.level-card{background:linear-gradient(145deg,#8b5cf626,#151528);border-color:#8b5cf640}.level-card .compact-icon{align-items:center;background:linear-gradient(145deg,#facc1540,#eab30826);border-radius:12px;box-shadow:0 0 20px #facc154d,inset 0 0 12px #facc151a;display:flex;height:44px;justify-content:center;width:44px}.level-card .compact-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:18px}.xp-mini-bar{background:#8b5cf633;border-radius:4px;box-shadow:inset 0 2px 4px #0003;height:8px;margin-bottom:8px;overflow:hidden}.xp-mini-fill{background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc);border-radius:4px;box-shadow:0 0 10px #8b5cf680;height:100%;position:relative;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.xp-mini-fill:after{background:linear-gradient(180deg,#ffffff4d,#0000);border-radius:4px 4px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}.xp-mini-text{color:#c4b5fd;font-size:12px;font-weight:600}.streak-card{background:linear-gradient(145deg,#f973161f,#151528);border-color:#f9731640}.streak-card .compact-icon{align-items:center;animation:flame-flicker 1s ease-in-out infinite;background:linear-gradient(145deg,#fb923c4d,#ea580c33);border-radius:12px;box-shadow:0 0 24px #f9731666,inset 0 0 12px #fb923c26;display:flex;height:44px;justify-content:center;width:44px}.streak-card .compact-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;background-clip:text;font-size:18px}@keyframes flame-flicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.1) rotate(2deg)}}.serum-card{background:linear-gradient(145deg,#06b6d41a,#151528);border-color:#06b6d440}.serum-card .compact-icon{align-items:center;background:linear-gradient(145deg,#22d3ee40,#06b6d426);border-radius:12px;box-shadow:0 0 20px #06b6d459,inset 0 0 12px #22d3ee1a;display:flex;height:44px;justify-content:center;width:44px}.serum-card .compact-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;background-clip:text}.serum-mini-container{background:#06b6d40d;border-radius:12px;display:flex;justify-content:center;margin:12px 0;padding:8px}.serum-mini-container .serum-tube-score,.serum-mini-container .serum-tube-tooltip{display:none}.serum-status{align-items:center;display:flex;gap:6px}.serum-status-icon{font-size:14px}@media (max-width:800px){.progress-dashboard-modal{gap:16px;grid-template-columns:1fr;max-width:100%;padding:16px}.gamification-sidebar{flex-direction:row;flex-wrap:wrap;gap:12px;grid-column:1}.compact-card{flex:1 1;min-width:150px}.serum-mini-container{display:none}.topics-card{max-height:450px;min-height:300px}.topics-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:480px){.progress-dashboard-modal{gap:12px;padding:12px}.progress-card{border-radius:18px;padding:16px}.card-title{font-size:17px}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.overall-accuracy{flex-direction:row;justify-content:space-between;padding:10px 16px;width:100%}.topics-card{max-height:380px;min-height:280px}.compact-card{min-width:100%;padding:14px}.topics-grid{gap:6px;grid-template-columns:1fr}.topic-chip{padding:8px 10px}.chip-icon-wrapper{border-radius:8px;height:34px;width:34px}.performance-icon{height:20px;width:20px}.chip-name,.chip-stats{font-size:12px}}body:not(.dark-mode) .progress-dashboard-overlay{background:radial-gradient(ellipse at center,#8b5cf614 0,#0009 100%)}body:not(.dark-mode) .progress-card{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#8b5cf61f;box-shadow:0 8px 32px #0000001a}body:not(.dark-mode) .progress-card:before{background:linear-gradient(90deg,#0000,#8b5cf633,#0000)}body:not(.dark-mode) .card-title{color:#1e1e2e}body:not(.dark-mode) .title-subtitle{color:#6b7280}body:not(.dark-mode) .chip-name,body:not(.dark-mode) .compact-title{color:#1e1e2e}body:not(.dark-mode) .topic-chip{background:linear-gradient(135deg,#8b5cf608,#ffffffe6);border-color:#8b5cf61a}body:not(.dark-mode) .topic-chip:hover{background:linear-gradient(135deg,#8b5cf614,#fffffff2);border-color:#8b5cf633;border-color:var(--performance-color,#8b5cf633)}body:not(.dark-mode) .chip-icon-wrapper{background:linear-gradient(145deg,#8b5cf60f,#fffc);border-color:#8b5cf61f}body:not(.dark-mode) .topic-chip:hover .chip-icon-wrapper{background:linear-gradient(145deg,#8b5cf61f,#ffffffe6)}body:not(.dark-mode) .chip-ratio{color:#9ca3af}body:not(.dark-mode) .dashboard-close-btn{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#00000014;color:#6b7280}body:not(.dark-mode) .dashboard-close-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}body:not(.dark-mode) .overall-accuracy{background:linear-gradient(135deg,#22c55e1a,#10b9810d)}body:not(.dark-mode) .level-card{background:linear-gradient(145deg,#8b5cf614,#fff)}body:not(.dark-mode) .level-card .compact-icon{background:linear-gradient(145deg,#facc1559,#eab30833);box-shadow:0 0 16px #facc1540,inset 0 0 8px #facc151a}body:not(.dark-mode) .streak-card{background:linear-gradient(145deg,#f973160f,#fff)}body:not(.dark-mode) .streak-card .compact-icon{background:linear-gradient(145deg,#fb923c59,#ea580c33);box-shadow:0 0 16px #f973164d,inset 0 0 8px #fb923c1a}body:not(.dark-mode) .serum-card{background:linear-gradient(145deg,#06b6d40f,#fff)}body:not(.dark-mode) .serum-card .compact-icon{background:linear-gradient(145deg,#22d3ee59,#06b6d433);box-shadow:0 0 16px #06b6d440,inset 0 0 8px #22d3ee1a}body:not(.dark-mode) .xp-mini-bar{background:#8b5cf626}body:not(.dark-mode) .xp-mini-text{color:#7c3aed}body:not(.dark-mode) .compact-subtitle{color:#6b7280}body:not(.dark-mode) .serum-mini-container{background:#06b6d414}.exam-prep-overlay{align-items:center;animation:overlay-fade-in .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.exam-prep-modal{animation:modal-slide-up .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #0003;max-width:480px;overflow:visible;width:100%}.exam-prep-header{background:linear-gradient(135deg,#ad7dc314,#d9b8f40d);border-bottom:1px solid #ad7dc31a;padding:28px 24px 20px;text-align:center}.exam-prep-icon{display:block;font-size:40px;margin-bottom:12px}.exam-prep-title{color:#1f1f1f;font-size:20px;font-weight:700;margin:0 0 6px}.exam-prep-subtitle{color:#666;font-size:14px;margin:0}.exam-prep-form{padding:20px 24px 24px}.form-label{color:#333;font-size:14px;margin-bottom:8px}.form-input{background:#f9f9fb;border:1px solid #00000014;border-radius:12px;box-sizing:border-box;color:#1f1f1f;font-size:15px;padding:12px 14px;transition:all .2s ease;width:100%}.form-input:focus{background:#fff;border-color:var(--primary-purple);box-shadow:0 0 0 3px #ad7dc31a;outline:none}.form-input::placeholder{color:#aaa}.form-input:disabled{cursor:not-allowed;opacity:.6}.date-presets{display:flex;gap:8px;margin-bottom:10px}.date-preset-btn{background:#ad7dc30f;border:1px solid #ad7dc326;border-radius:10px;color:#666;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px 4px;transition:all .2s ease}.date-preset-btn:hover:not(:disabled){background:#ad7dc31f;border-color:#ad7dc34d;color:var(--primary-purple-dark)}.date-preset-btn.selected{background:#ad7dc32e;border-color:var(--primary-purple);color:var(--primary-purple-dark);font-weight:600}.date-preset-btn:disabled{cursor:not-allowed;opacity:.5}.date-selector-wrapper{position:relative}.date-selector-btn{align-items:center;background:#f9f9fb;border:1px solid #00000014;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.date-selector-btn:hover:not(:disabled){background:#fff;border-color:var(--primary-purple)}.date-selector-btn:disabled{cursor:not-allowed;opacity:.6}.date-selector-icon{flex-shrink:0;font-size:18px}.date-selector-value{display:flex;flex:1 1;flex-direction:column;gap:2px}.date-display{color:#1f1f1f;font-size:14px;font-weight:600}.days-until{color:var(--primary-purple);font-size:11px;font-weight:500}.date-placeholder{color:#aaa;flex:1 1;font-size:14px}.date-selector-arrow{color:#999;flex-shrink:0;font-size:10px}.calendar-dropdown{animation:calendar-fade-in .2s ease;background:#fff;border:1px solid #0000001a;border-radius:16px;bottom:calc(100% + 8px);box-shadow:0 -12px 40px #00000026;left:0;padding:16px;position:absolute;right:0;z-index:100}@keyframes calendar-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.calendar-nav-btn{align-items:center;background:#ad7dc314;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.calendar-nav-btn:hover{background:#ad7dc326;color:var(--primary-purple-dark)}.calendar-month-year{color:#333;font-size:15px;font-weight:600}.calendar-weekdays{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.calendar-weekday{color:#999;font-size:11px;font-weight:600;padding:4px 0;text-align:center;text-transform:uppercase}.calendar-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background:#0000;border:none;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;transition:all .15s ease}.calendar-day:hover:not(:disabled):not(.empty){background:#ad7dc31f;color:var(--primary-purple-dark)}.calendar-day.empty{cursor:default}.calendar-day.disabled{color:#ccc;cursor:not-allowed}.calendar-day.selected{background:linear-gradient(135deg,var(--primary-purple) 0,var(--primary-purple-hover) 100%);box-shadow:0 2px 8px #ad7dc34d;color:#fff;font-weight:600}.cancel-btn,.submit-btn{border-radius:12px;font-size:15px;padding:14px 20px}.cancel-btn:hover:not(:disabled){background:#0000000a;border-color:#0003}.submit-btn{box-shadow:0 4px 12px #ad7dc34d}.submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #ad7dc366}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}body.dark-mode .exam-prep-overlay{background:#000000b3}body.dark-mode .exam-prep-modal{background:linear-gradient(145deg,#1e1e32,#151528);box-shadow:0 20px 60px #00000080}body.dark-mode .exam-prep-header{background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border-bottom-color:#8b5cf626}body.dark-mode .exam-prep-title{color:#fff}body.dark-mode .exam-prep-subtitle{color:#9ca3af}body.dark-mode .form-input{background:#ffffff0d;border-color:#ffffff1a;color:#fff}body.dark-mode .form-input:focus{background:#8b5cf61a;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}body.dark-mode .form-input::placeholder{color:#6b7280}body.dark-mode .cancel-btn:hover:not(:disabled){background:#ffffff0f;border-color:#fff3}body.dark-mode .submit-btn{box-shadow:0 4px 12px #7c3aed4d}body.dark-mode .submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf666}body.dark-mode .date-preset-btn{background:#8b5cf614;border-color:#8b5cf626;color:#9ca3af}body.dark-mode .date-preset-btn:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf64d;color:#a78bfa}body.dark-mode .date-preset-btn.selected{background:#8b5cf633;border-color:#8b5cf6;color:#a78bfa}body.dark-mode .date-selector-btn{background:#ffffff0d;border-color:#ffffff1a}body.dark-mode .date-selector-btn:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf6}body.dark-mode .date-display{color:#fff}body.dark-mode .days-until{color:#a78bfa}body.dark-mode .date-placeholder,body.dark-mode .date-selector-arrow{color:#6b7280}body.dark-mode .calendar-dropdown{background:linear-gradient(145deg,#1e1e32,#151528);border-color:#8b5cf633;box-shadow:0 12px 40px #0006}body.dark-mode .calendar-nav-btn{background:#8b5cf61a;color:#9ca3af}body.dark-mode .calendar-nav-btn:hover{background:#8b5cf633;color:#a78bfa}body.dark-mode .calendar-month-year{color:#e5e7eb}body.dark-mode .calendar-weekday{color:#6b7280}body.dark-mode .calendar-day{color:#d1d5db}body.dark-mode .calendar-day:hover:not(:disabled):not(.empty){background:#8b5cf626;color:#a78bfa}body.dark-mode .calendar-day.disabled{color:#4b5563}body.dark-mode .calendar-day.selected{background:linear-gradient(135deg,#7c3aed,#6b21a8);box-shadow:0 2px 8px #7c3aed4d}@media (max-width:480px){.exam-prep-modal{border-radius:20px;max-width:100%}.exam-prep-header{padding:24px 20px 16px}.exam-prep-icon{font-size:36px}.exam-prep-title{font-size:18px}.exam-prep-form{padding:16px 20px 20px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{padding:12px 16px}.date-presets{flex-wrap:wrap}.date-preset-btn{flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:0;padding:10px 8px}.calendar-dropdown{padding:12px}.calendar-day{font-size:12px}.calendar-nav-btn{font-size:16px;height:28px;width:28px}.calendar-month-year{font-size:14px}}.exam-countdown{font-feature-settings:"tnum";align-items:center;display:inline-flex;font-variant-numeric:tabular-nums;gap:2px}.exam-countdown__days{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:8px;box-shadow:0 2px 6px #8b5cf64d;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px;padding:3px 8px}.exam-countdown__time{color:#8b5cf6cc;font-size:11px;font-weight:600;padding-left:4px}.exam-countdown__text{border-radius:8px;font-size:12px;font-weight:600;padding:3px 10px}.exam-countdown--small{gap:2px}.exam-countdown--small .exam-countdown__days{border-radius:6px;font-size:11px;padding:2px 6px}.exam-countdown--small .exam-countdown__time{font-size:10px;padding-left:3px}.exam-countdown--small .exam-countdown__text{font-size:11px;padding:2px 8px}.exam-countdown--medium{gap:2px}.exam-countdown--medium .exam-countdown__days{font-size:12px;padding:3px 8px}.exam-countdown--medium .exam-countdown__time{font-size:11px}.exam-countdown--medium .exam-countdown__text{font-size:12px}.exam-countdown--large{gap:4px}.exam-countdown--large .exam-countdown__days{border-radius:10px;font-size:14px;padding:4px 10px}.exam-countdown--large .exam-countdown__time{font-size:13px;padding-left:6px}.exam-countdown--large .exam-countdown__text{font-size:14px;padding:4px 12px}.exam-countdown--urgent .exam-countdown__text{animation:urgent-pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef44444d;color:#fff}.exam-countdown--today .exam-countdown__days{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 6px #f9731659}.exam-countdown--today .exam-countdown__time{color:#f97316cc}.exam-countdown--past .exam-countdown__text{background:#6b728026;box-shadow:none;color:#6b7280}@keyframes urgent-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}body.dark-mode .exam-countdown__days{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 2px 8px #8b5cf666}body.dark-mode .exam-countdown__time{color:#a78bfae6}body.dark-mode .exam-countdown--urgent .exam-countdown__text{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444466}body.dark-mode .exam-countdown--today .exam-countdown__days{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 2px 8px #f9731673}body.dark-mode .exam-countdown--today .exam-countdown__time{color:#fb923ce6}body.dark-mode .exam-countdown--past .exam-countdown__text{background:#4b55634d;color:#9ca3af}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.mindmap-node{background:#fff;border:3px solid #e0e0e0;border:3px solid var(--branch-color,#e0e0e0);border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;max-width:180px;min-width:100px;padding:12px 18px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.mindmap-node:hover{box-shadow:0 4px 16px #0000001f;transform:scale(1.05);z-index:10}.mindmap-node.selected{box-shadow:0 0 0 3px #0000001a,0 4px 16px #00000026}.mindmap-node-central{background:linear-gradient(135deg,#fffde7,#fff8e1);border-color:#ffd54f;border-radius:20px;border-width:4px;box-shadow:0 4px 20px #ffd54f4d;color:#5d4037;font-size:16px;font-weight:700;max-width:220px;min-width:140px;padding:18px 24px}.mindmap-node-central:hover{box-shadow:0 6px 28px #ffd54f66}.mindmap-node-main{background:#fffffff2;color:#424242;font-size:13px;font-weight:600;max-width:160px;min-width:90px;padding:10px 16px}.mindmap-node-main:hover{box-shadow:0 4px 18px #0000001f}.mindmap-node-sub{background:#ffffffeb;border-width:2px;color:#616161;font-size:12px;font-weight:500;max-width:140px;min-width:70px;padding:8px 14px}.mindmap-node-sub:hover{box-shadow:0 3px 14px #0000001a}.mindmap-node-detail{background:#ffffffe6;border-width:2px;color:#757575;font-size:11px;font-weight:500;max-width:120px;min-width:60px;padding:6px 12px}.mindmap-node-detail:hover{box-shadow:0 3px 12px #00000014}.mindmap-node-content{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center}.mindmap-node-label{word-wrap:break-word;line-height:1.3;text-align:center}.mindmap-handle{background:#e0e0e0;background:var(--branch-color,#e0e0e0);border:2px solid #fff;height:8px;opacity:0;transition:opacity .2s ease,transform .2s ease;width:8px}.mindmap-node:hover .mindmap-handle{opacity:1}.mindmap-handle:hover{transform:scale(1.3)}body.dark-mode .mindmap-node{background:#2d2d2d;border-width:3px;box-shadow:0 2px 8px #0000004d}body.dark-mode .mindmap-node-central{background:linear-gradient(135deg,#3d3620,#332d1a);border-width:4px;color:#ffd54f}body.dark-mode .mindmap-node-main{background:#2a2a2a;color:#f5f5f5;font-weight:600}body.dark-mode .mindmap-node-sub{background:#282828;color:#e8e8e8}body.dark-mode .mindmap-node-detail{background:#262626;color:#e0e0e0}body.dark-mode .mindmap-node-label{color:inherit;text-shadow:0 1px 2px #0000004d}body.dark-mode .mindmap-handle{border-color:#2d2d2d}body.dark-mode .mindmap-node:hover{box-shadow:0 4px 20px #0006}.mindmap-node.expanded{max-width:260px;text-align:left}.mindmap-node.expanded:hover{transform:none}.mindmap-node.expanded .mindmap-node-content{align-items:flex-start;flex-direction:column;gap:8px}.mindmap-node.expanded .mindmap-node-label{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--branch-color,#e0e0e0);font-weight:600;padding-bottom:6px;text-align:left;width:100%}.mindmap-node-details{width:100%}.mindmap-node-summary{color:#666;font-size:10px;font-style:italic;font-weight:400;line-height:1.4;margin:0 0 6px}.mindmap-node-details-list{color:#555;font-size:9px;font-weight:400;line-height:1.5;margin:0;padding:0 0 0 14px}.mindmap-node-details-list li{margin-bottom:2px}.mindmap-node-details-list li:last-child{margin-bottom:0}.mindmap-node-central.expanded{max-width:300px;padding:18px 22px}.mindmap-node-central.expanded .mindmap-node-summary{color:#5d4037;font-size:11px}.mindmap-node-central.expanded .mindmap-node-details-list{color:#5d4037;font-size:10px}.mindmap-node-main.expanded{max-width:240px;padding:12px 16px}.mindmap-node-sub.expanded{max-width:220px;padding:10px 14px}.mindmap-node-detail.expanded{max-width:200px;padding:8px 12px}body.dark-mode .mindmap-node.expanded .mindmap-node-label{border-bottom-color:#555;border-bottom-color:var(--branch-color,#555);color:#fff}body.dark-mode .mindmap-node-summary{color:#d0d0d0;font-style:italic}body.dark-mode .mindmap-node-details-list,body.dark-mode .mindmap-node-details-list li{color:#c5c5c5}body.dark-mode .mindmap-node-central.expanded .mindmap-node-details-list,body.dark-mode .mindmap-node-central.expanded .mindmap-node-summary{color:#ffe082}.mindmap-viewer{background:#fffef9;background:var(--bg-paper,#fffef9);border:2px solid #e88d7d33;border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 8px 32px #64503c1a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}body.dark-mode .mindmap-viewer{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:2px solid #c8b4dc4d;border:2px solid var(--dark-border-accent,#c8b4dc4d);box-shadow:0 8px 32px #0000004d}.mindmap-modal-overlay{align-items:center;animation:modalFadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1100}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.mindmap-modal{animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #64503c26;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}body.dark-mode .mindmap-modal{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);box-shadow:0 20px 60px #00000080}@keyframes modalScaleIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mindmap-modal-header{align-items:center;background:linear-gradient(135deg,#e88d7d14,#c8b4dc0f);border-bottom:1px solid #e88d7d1f;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}body.dark-mode .mindmap-modal-header{background:linear-gradient(135deg,#c8b4dc1a,#e88d7d0d);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--dark-border,#ffffff14)}.mindmap-modal-title{align-items:center;color:#3d3d3d;color:var(--text-primary,#3d3d3d);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}body.dark-mode .mindmap-modal-title{color:#fff;color:var(--text-white,#fff)}.mindmap-modal-title:before{content:"🧠";font-size:20px}.mindmap-modal-action-btn{align-items:center;background:#e88d7d14;border:1px solid #e88d7d26;border-radius:10px;color:#e07065;color:var(--primary-coral,#e07065);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s ease}.mindmap-modal-action-btn:hover:not(:disabled){background:#e88d7d26;border-color:#e07065;border-color:var(--primary-coral,#e07065)}.mindmap-modal-action-btn:disabled{cursor:not-allowed;opacity:.6}body.dark-mode .mindmap-modal-action-btn{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border:1px solid #ffffff1a;border:1px solid var(--dark-border,#ffffff1a);color:#b3b3b3;color:var(--text-secondary,#b3b3b3)}body.dark-mode .mindmap-modal-action-btn:hover:not(:disabled){background:#e88d7d26;border-color:#e88d7d;border-color:var(--primary-coral,#e88d7d);color:#e88d7d;color:var(--primary-coral,#e88d7d)}.mindmap-modal-action-btn.active{background:#e88d7d33;border-color:#e07065;border-color:var(--primary-coral,#e07065);color:#e07065;color:var(--primary-coral,#e07065)}body.dark-mode .mindmap-modal-action-btn.active{background:#e88d7d40;border-color:#e88d7d;border-color:var(--primary-coral,#e88d7d);color:#e88d7d;color:var(--primary-coral,#e88d7d)}.mindmap-btn-spinner{animation:btnSpin .8s linear infinite;border:2px solid #e88d7d4d;border-radius:50%;border-top:2px solid var(--primary-coral,#e07065);height:14px;width:14px}@keyframes btnSpin{to{transform:rotate(1turn)}}.mindmap-modal-close{align-items:center;background:#e88d7d14;border:1px solid #e88d7d26;border-radius:10px;color:#6b6b6b;color:var(--text-secondary,#6b6b6b);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.mindmap-modal-close:hover{background:#e88d7d26;border-color:#e88d7d;border-color:var(--primary-coral,#e88d7d);color:#e88d7d;color:var(--primary-coral,#e88d7d)}body.dark-mode .mindmap-modal-close{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14);color:#ffffffb3}body.dark-mode .mindmap-modal-close:hover{background:#e88d7d26;border-color:#e88d7d;border-color:var(--primary-coral,#e88d7d);color:#e88d7d;color:var(--primary-coral,#e88d7d)}.mindmap-modal-content{background:#fafafa;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative}body.dark-mode .mindmap-modal-content{background:#1a1a1a;background:var(--dark-bg-primary,#1a1a1a)}.mindmap-modal-content .react-flow{flex:1 1;height:100%!important;width:100%!important}.mindmap-modal-footer{background:#fffef9;background:var(--bg-paper,#fffef9);border-top:1px solid #e88d7d1f;color:#999;color:var(--text-muted,#999);flex-shrink:0;font-size:12px;padding:12px 20px;text-align:center}body.dark-mode .mindmap-modal-footer{background:#262626;background:var(--dark-bg-elevated,#262626);border-top:1px solid #ffffff14;border-top:1px solid var(--dark-border,#ffffff14);color:#ffffff80}.mindmap-tooltip-modal{bottom:60px;left:50%;max-width:300px;position:absolute;transform:translateX(-50%);z-index:100}.mindmap-expand-btn{align-items:center;background:#e88d7d14;border:1px solid #e88d7d26;border-radius:10px;color:#e88d7d;color:var(--primary-coral,#e88d7d);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.mindmap-expand-btn:hover{background:#e88d7d26;border-color:#e88d7d;border-color:var(--primary-coral,#e88d7d);color:#c46a5a;color:var(--primary-coral-dark,#c46a5a)}body.dark-mode .mindmap-expand-btn{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14);color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}body.dark-mode .mindmap-expand-btn:hover{background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc26);border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40);color:#e88d7d;color:var(--primary-coral,#e88d7d)}.mindmap-expand-btn svg{flex-shrink:0}.mindmap-action-btn{align-items:center;background:#e88d7d14;border:1px solid #e88d7d26;border-radius:10px;color:#e07065;color:var(--primary-coral,#e07065);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.mindmap-action-btn:hover:not(:disabled){background:#e88d7d26;border-color:#e07065;border-color:var(--primary-coral,#e07065)}.mindmap-action-btn:disabled{cursor:not-allowed;opacity:.6}body.dark-mode .mindmap-action-btn{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14);color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}body.dark-mode .mindmap-action-btn:hover:not(:disabled){background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc26);border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40);color:#e88d7d;color:var(--primary-coral,#e88d7d)}.mindmap-action-btn svg{flex-shrink:0}.mindmap-fullscreen-overlay{animation:fadeIn .2s ease;background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.mindmap-viewer.mindmap-fullscreen{animation:scaleIn .3s cubic-bezier(.4,0,.2,1);border-radius:24px;bottom:20px;box-shadow:0 25px 80px #00000080;left:20px;max-width:none;position:fixed;right:20px;top:20px;width:auto;z-index:9999}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mindmap-fullscreen .mindmap-container{flex:1 1;height:calc(100% - 110px)}.mindmap-header{align-items:center;background:#fffef9;background:var(--bg-paper,#fffef9);border-bottom:1px solid #e88d7d1f;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}body.dark-mode .mindmap-header{background:#262626;background:var(--dark-bg-elevated,#262626);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--dark-border,#ffffff14)}.mindmap-header-actions{align-items:center;display:flex;gap:8px}.mindmap-fullscreen-btn{align-items:center;background:#e88d7d14;border:1px solid #e88d7d26;border-radius:10px;color:#e88d7d;color:var(--primary-coral,#e88d7d);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.mindmap-fullscreen-btn:hover{background:#e88d7d26;border-color:#e88d7d;border-color:var(--primary-coral,#e88d7d);color:#c46a5a;color:var(--primary-coral-dark,#c46a5a)}body.dark-mode .mindmap-fullscreen-btn{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14);color:#b8a5d4;color:var(--dark-accent,#b8a5d4)}body.dark-mode .mindmap-fullscreen-btn:hover{background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc26);border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40);color:#e88d7d;color:var(--primary-coral,#e88d7d)}.mindmap-fullscreen-btn svg{flex-shrink:0}.mindmap-title{align-items:center;color:#3d3d3d;color:var(--text-primary,#3d3d3d);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}body.dark-mode .mindmap-title{color:#fff;color:var(--text-white,#fff)}.mindmap-title:before{content:"";font-size:20px}.mindmap-container{background:#fafafa;height:500px;min-height:400px;position:relative;width:100%}body.dark-mode .mindmap-container{background:#1a1a1a;background:var(--dark-bg-primary,#1a1a1a)}.mindmap-container .react-flow{background:#fafafa!important;height:100%;width:100%}.mindmap-container .react-flow__background{background:#fafafa!important}.mindmap-container .react-flow__background pattern line{stroke:#0000000d!important}body.dark-mode .mindmap-container .react-flow,body.dark-mode .mindmap-container .react-flow__background{background:#1a1a1a!important;background:var(--dark-bg-primary,#1a1a1a)!important}body.dark-mode .mindmap-container .react-flow__background pattern line{stroke:#c8b4dc14!important}.mindmap-modal-content .react-flow,.mindmap-modal-content .react-flow__background{background:#fafafa!important}body.dark-mode .mindmap-modal-content .react-flow,body.dark-mode .mindmap-modal-content .react-flow__background{background:#1a1a1a!important;background:var(--dark-bg-primary,#1a1a1a)!important}.mindmap-controls{background:#fff!important;border:1px solid #e88d7d33!important;border-radius:12px!important;box-shadow:0 4px 16px #64503c1a!important;overflow:hidden}.mindmap-controls button{background:#fff!important;border-color:#e88d7d1f!important;color:#e88d7d!important;color:var(--primary-coral,#e88d7d)!important;height:32px!important;width:32px!important}.mindmap-controls button:hover{background:#e88d7d14!important;color:#c46a5a!important;color:var(--primary-coral-dark,#c46a5a)!important}.mindmap-controls button svg{fill:currentColor!important;height:14px!important;width:14px!important}body.dark-mode .mindmap-controls{border:1px solid #c8b4dc40!important;border:1px solid var(--dark-border-accent,#c8b4dc40)!important;box-shadow:0 4px 16px #0000004d!important}body.dark-mode .mindmap-controls,body.dark-mode .mindmap-controls button{background:#262626!important;background:var(--dark-bg-elevated,#262626)!important}body.dark-mode .mindmap-controls button{border-color:#ffffff14!important;border-color:var(--dark-border,#ffffff14)!important;color:#b8a5d4!important;color:var(--dark-accent,#b8a5d4)!important}body.dark-mode .mindmap-controls button:hover{background:#3d3d3d!important;background:var(--dark-bg-tertiary,#3d3d3d)!important;color:#e88d7d!important;color:var(--primary-coral,#e88d7d)!important}.mindmap-minimap{background:#fff!important;border:1px solid #e88d7d33!important;border-radius:12px!important;overflow:hidden}.mindmap-minimap .react-flow__minimap-mask{fill:#e88d7d1f!important}body.dark-mode .mindmap-minimap{background:#262626!important;background:var(--dark-bg-elevated,#262626)!important;border:1px solid #c8b4dc40!important;border:1px solid var(--dark-border-accent,#c8b4dc40)!important}body.dark-mode .mindmap-minimap .react-flow__minimap-mask{fill:#e88d7d26!important}.mindmap-tooltip{animation:tooltipSlideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e88d7d33;border-radius:16px;bottom:20px;box-shadow:0 8px 32px #64503c1f;left:50%;max-height:300px;max-width:420px;overflow-y:auto;padding:12px 20px 16px;position:absolute;transform:translateX(-50%);z-index:10}.tooltip-close{align-items:center;background:#0000000a;border:none;border-radius:6px;color:#999;color:var(--text-muted,#999);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .15s ease;width:24px}.tooltip-close:hover{background:#e88d7d1f;color:#e07065;color:var(--primary-coral,#e07065)}body.dark-mode .tooltip-close{background:#ffffff0f;color:#ffffff80}body.dark-mode .tooltip-close:hover{background:#e88d7d26;color:#e88d7d;color:var(--primary-coral,#e88d7d)}body.dark-mode .mindmap-tooltip{background:#262626;background:var(--dark-bg-elevated,#262626);border:1px solid #c8b4dc40;border:1px solid var(--dark-border-accent,#c8b4dc40);box-shadow:0 8px 32px #0006}@keyframes tooltipSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(12px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.tooltip-header{color:#e88d7d;color:var(--primary-coral,#e88d7d);font-size:15px;font-weight:600;margin-bottom:8px;padding-right:24px}.mindmap-tooltip[data-node-type=central]{background:linear-gradient(135deg,#fdf5f4,#fef9f8);border-color:#c9564b40}.mindmap-tooltip[data-node-type=central] .tooltip-header{color:#c9564b}.mindmap-tooltip[data-node-type=central] .tooltip-close:hover{background:#c9564b1f;color:#c9564b}.mindmap-tooltip[data-node-type=main]{background:linear-gradient(135deg,#fef8f2,#fffaf6);border-color:#d0853540}.mindmap-tooltip[data-node-type=main] .tooltip-header{color:#d08535}.mindmap-tooltip[data-node-type=main] .tooltip-close:hover{background:#d085351f;color:#d08535}.mindmap-tooltip[data-node-type=sub]{background:linear-gradient(135deg,#f4f9f5,#f8fbf8);border-color:#5a996040}.mindmap-tooltip[data-node-type=sub] .tooltip-header{color:#5a9960}.mindmap-tooltip[data-node-type=sub] .tooltip-close:hover{background:#5a99601f;color:#5a9960}.mindmap-tooltip[data-node-type=detail]{background:linear-gradient(135deg,#f8f6fa,#faf9fb);border-color:#8a7a9a40}.mindmap-tooltip[data-node-type=detail] .tooltip-header{color:#8a7a9a}.mindmap-tooltip[data-node-type=detail] .tooltip-close:hover{background:#8a7a9a1f;color:#8a7a9a}body.dark-mode .mindmap-tooltip[data-node-type=central]{background:linear-gradient(135deg,#3d2a28,#352422);border-color:#e0706566}body.dark-mode .mindmap-tooltip[data-node-type=central] .tooltip-header{color:#e88d7d}body.dark-mode .mindmap-tooltip[data-node-type=main]{background:linear-gradient(135deg,#3d3225,#352c20);border-color:#e8a05066}body.dark-mode .mindmap-tooltip[data-node-type=main] .tooltip-header{color:#e8a050}body.dark-mode .mindmap-tooltip[data-node-type=sub]{background:linear-gradient(135deg,#283d2a,#223524);border-color:#7fac8466}body.dark-mode .mindmap-tooltip[data-node-type=sub] .tooltip-header{color:#8fbc94}body.dark-mode .mindmap-tooltip[data-node-type=detail]{background:linear-gradient(135deg,#332f3d,#2d2935);border-color:#a895b866}body.dark-mode .mindmap-tooltip[data-node-type=detail] .tooltip-header{color:#b8a5c8}.tooltip-content{color:#6b6b6b;color:var(--text-secondary,#6b6b6b);font-size:14px;line-height:1.6}body.dark-mode .tooltip-content{color:#fffc}.tooltip-details{border-top:1px solid #e88d7d26;list-style-type:disc;margin:10px 0 0;padding:10px 0 0 16px}body.dark-mode .tooltip-details{border-top:1px solid #ffffff14;border-top:1px solid var(--dark-border,#ffffff14)}.tooltip-details li{color:#6b6b6b;color:var(--text-secondary,#6b6b6b);font-size:13px;line-height:1.5;margin-bottom:6px}.tooltip-details li:last-child{margin-bottom:0}body.dark-mode .tooltip-details li{color:#ffffffbf}.mindmap-empty{align-items:center;background:#fdf8f3;background:var(--bg-cream,#fdf8f3);border:2px dashed #e88d7d40;border-radius:20px;border-radius:var(--radius-xl,20px);display:flex;height:400px;justify-content:center;width:100%}.mindmap-empty p{color:#999;color:var(--text-muted,#999);font-size:15px}body.dark-mode .mindmap-empty{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:2px dashed #c8b4dc40;border:2px dashed var(--dark-border-accent,#c8b4dc40)}body.dark-mode .mindmap-empty p{color:#ffffff80}.react-flow__edge-path{stroke-width:2!important;transition:stroke-width .2s ease}.react-flow__edge:hover .react-flow__edge-path{stroke-width:3!important}.react-flow__edge-textwrapper{pointer-events:none}.react-flow__edge-text{fill:#666!important;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:500}.react-flow__edge-textbg{fill:#fafafa!important;stroke:none!important;rx:2!important;ry:2!important}body.dark-mode .react-flow__edge-path{stroke-width:2.5!important;opacity:.85!important}body.dark-mode .react-flow__edge:hover .react-flow__edge-path{stroke-width:3.5!important;opacity:1!important}body.dark-mode .react-flow__edge-text{fill:#a0a0a0!important;font-size:10px;font-weight:500}body.dark-mode .react-flow__edge-textbg{fill:#1a1a1a!important;fill:var(--dark-bg-primary,#1a1a1a)!important;stroke:none!important}.react-flow__attribution{display:none!important}.react-flow__node.dragging{cursor:grabbing!important}.react-flow__node{cursor:grab}@media (max-width:768px){.mindmap-container{height:400px}.mindmap-tooltip{max-width:280px;padding:14px 16px}.tooltip-header{font-size:14px}.tooltip-content{font-size:13px}}.mindmap-loading{align-items:center;background:#fdf8f3;background:var(--bg-cream,#fdf8f3);border:1px solid #e88d7d26;border-radius:20px;border-radius:var(--radius-xl,20px);display:flex;flex-direction:column;gap:20px;height:400px;justify-content:center;width:100%}body.dark-mode .mindmap-loading{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:1px solid #c8b4dc40;border:1px solid var(--dark-border-accent,#c8b4dc40)}.mindmap-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e88d7d33;border-radius:50%;border-top:3px solid var(--primary-coral,#e88d7d);height:48px;width:48px}body.dark-mode .mindmap-loading-spinner{border:3px solid #ffffff14;border-top-color:#e88d7d;border:3px solid var(--dark-border,#ffffff14);border-top-color:var(--primary-coral,#e88d7d)}.mindmap-loading-text{font-size:15px}body.dark-mode .mindmap-loading-text{color:#ffffffb3}@media (max-width:960px){.mindmap-modal{height:75vh;max-width:95%}}@media (max-width:768px){.mindmap-modal-overlay{padding:12px}.mindmap-modal{border-radius:20px;height:70vh;max-width:100%}.mindmap-modal-header{padding:16px}.mindmap-modal-title{font-size:16px}.mindmap-modal-title:before{font-size:18px}.mindmap-modal-close{height:32px;width:32px}.mindmap-modal-footer{font-size:11px;padding:10px 16px}.mindmap-expand-btn span{display:none}.mindmap-expand-btn{padding:8px}}@media (max-width:480px){.mindmap-modal{border-radius:16px;height:65vh}.mindmap-modal-header{padding:14px}}.chat-mindmap{border-radius:20px;border-radius:var(--radius-xl,20px);margin:16px 0;max-width:100%;overflow:hidden;width:100%}.chat-mindmap-loading{background:#fdf8f3;background:var(--bg-cream,#fdf8f3);border:1px solid #e88d7d33;padding:40px 24px}body.dark-mode .chat-mindmap-loading{background:#2a2a2a;background:var(--dark-bg-secondary,#2a2a2a);border:1px solid #ffffff1a}.mindmap-skeleton{align-items:center;display:flex;flex-direction:column;gap:24px}.skeleton-svg{height:auto;max-width:500px;width:100%}.skeleton-path{fill:none;stroke:#a0826e59;stroke-width:2;stroke-linecap:round;animation:pathPulse 3s ease-in-out infinite}body.dark-mode .skeleton-path{stroke:#ffffff2e}.path-root-l1-1{animation-delay:0s}.path-root-l1-2{animation-delay:.15s}.path-root-l1-3{animation-delay:.3s}.path-l1-l2-1{animation-delay:.1s}.path-l1-l2-2{animation-delay:.2s}.path-l1-l2-3{animation-delay:.25s}.path-l1-l2-4{animation-delay:.35s}.path-l1-l2-5{animation-delay:.45s}@keyframes pathPulse{0%,to{stroke-opacity:.4}50%{stroke-opacity:.8}}.skeleton-node-rect{animation:nodePulse 2.5s ease-in-out infinite}.node-root-rect{fill:#b45a3c73;animation-delay:0s}body.dark-mode .node-root-rect{fill:#be6e4680}.node-l1-rect{fill:#c8825a66}body.dark-mode .node-l1-rect{fill:#c88c6473}.node-l1-1 .skeleton-node-rect{animation-delay:.1s}.node-l1-2 .skeleton-node-rect{animation-delay:.2s}.node-l1-3 .skeleton-node-rect{animation-delay:.3s}.node-l2-rect{fill:#78a06461}body.dark-mode .node-l2-rect{fill:#82aa6e6b}.node-l2-1 .skeleton-node-rect{animation-delay:.15s}.node-l2-2 .skeleton-node-rect{animation-delay:.25s}.node-l2-3 .skeleton-node-rect{animation-delay:.3s}.node-l2-4 .skeleton-node-rect{animation-delay:.4s}.node-l2-5 .skeleton-node-rect{animation-delay:.5s}@keyframes nodePulse{0%,to{opacity:.65}50%{opacity:1}}.skeleton-node-shimmer{fill:#fff6;animation:shimmerPulse 2s ease-in-out infinite;opacity:0}body.dark-mode .skeleton-node-shimmer{fill:#fff3}.node-root .skeleton-node-shimmer{animation-delay:0s}.node-l1-1 .skeleton-node-shimmer{animation-delay:.2s}.node-l1-2 .skeleton-node-shimmer{animation-delay:.3s}.node-l1-3 .skeleton-node-shimmer{animation-delay:.4s}.node-l2-1 .skeleton-node-shimmer{animation-delay:.5s}.node-l2-2 .skeleton-node-shimmer{animation-delay:.6s}.node-l2-3 .skeleton-node-shimmer{animation-delay:.65s}.node-l2-4 .skeleton-node-shimmer{animation-delay:.75s}.node-l2-5 .skeleton-node-shimmer{animation-delay:.85s}@keyframes shimmerPulse{0%,to{opacity:0}50%{opacity:1}}.mindmap-loading-status{align-items:center;display:flex;justify-content:center}.mindmap-text-shimmer{background:#a0826e1f;border-radius:20px;overflow:hidden;padding:10px 24px;position:relative}body.dark-mode .mindmap-text-shimmer{background:#ffffff14}.mindmap-loading-text{color:#6b6b6b;color:var(--text-secondary,#6b6b6b);font-size:14px;font-weight:500;letter-spacing:.01em;position:relative;z-index:1}body.dark-mode .mindmap-loading-text{color:#fff9}.mindmap-shimmer-overlay{animation:textShimmerPulse 2s ease-in-out infinite;background:#ffffff4d;border-radius:inherit;inset:0;position:absolute}body.dark-mode .mindmap-shimmer-overlay{background:#ffffff1a}@keyframes textShimmerPulse{0%,to{opacity:0}50%{opacity:1}}.chat-mindmap-error{align-items:center;background:#fdf8f3;background:var(--bg-cream,#fdf8f3);border:1px solid #ef44444d;border-radius:20px;border-radius:var(--radius-xl,20px);display:flex;flex-direction:column;gap:14px;padding:40px 24px}body.dark-mode .chat-mindmap-error{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:1px solid #ef444466}.mindmap-error-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 4px 16px #ef44444d;color:#fff;display:flex;font-size:28px;font-weight:700;height:48px;justify-content:center;width:48px}.mindmap-error-text{color:#6b6b6b;color:var(--text-secondary,#6b6b6b);font-size:15px}body.dark-mode .mindmap-error-text{color:#ffffffb3}@media (max-width:768px){.chat-mindmap{border-radius:16px;max-width:100%}.chat-mindmap-loading{overflow-x:auto;padding:24px 12px}.skeleton-svg{max-width:400px;min-width:320px}.mindmap-loading-text{font-size:13px}.mindmap-text-shimmer{padding:8px 16px}}@media (max-width:480px){.skeleton-svg{max-width:320px;min-width:280px}.mindmap-skeleton{gap:16px}}.study-mode-container{--study-coral:#e88d7d;--study-coral-hover:#d67a6a;--study-coral-dark:#c46a5a;--study-coral-light:#f4a896;--study-peach:#f8c8c4;--sticky-blue:#d4f0fc;--sticky-pink:#ffd6e0;--sticky-green:#d8f5d8;--sticky-yellow:#fff8b8;--sticky-purple:#e8dff5;--sticky-orange:#ffe4c9;--node-done:#2ed573;--node-done-bg:#2ed57326;--node-active:#e88d7d;--node-active-glow:#e88d7d66;--node-locked:#b8b8b8;--node-locked-bg:#b8b8b81a;--path-line:#e88d7d40;--path-line-done:#2ed57366;--bg-paper:#fffef9;--bg-cream:#fdf8f3;--bg-warm:#fff5eb;--text-primary:#3d3d3d;--text-secondary:#6b6b6b;--text-muted:#999;--transition-wobbly:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);--shadow-soft:0 4px 16px #64503c14;--shadow-card:2px 3px 0px #3c3c3c0f,0 4px 12px #0000000a;--shadow-elevated:4px 6px 0px #3c3c3c14,0 8px 24px #00000014;--sidebar-width:320px;--rail-width:60px;background:linear-gradient(180deg,var(--bg-paper) 0,var(--bg-cream) 100%);background-image:radial-gradient(at 0 0,#f8c8c426 0,#0000 50%),radial-gradient(at 100% 20%,#fff3cd1f 0,#0000 50%),radial-gradient(at 50% 80%,#e8dff51a 0,#0000 50%);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:left .3s ease,padding-left .3s ease;z-index:100}.study-mode-container.sidebar-open{left:var(--sidebar-width)}.study-mode-container.sidebar-collapsed{left:var(--rail-width)}@media (max-width:768px){.study-mode-container.sidebar-collapsed,.study-mode-container.sidebar-open{left:0}}.study-mode-container:before{background-image:repeating-linear-gradient(#0000,#0000 31px,#e88d7d0d 0,#e88d7d0d 32px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.study-mode-header{align-items:center;background:#0000;border-bottom:none;box-sizing:border-box;display:flex;justify-content:flex-start;padding:16px 24px 16px 72px;position:relative;width:100%;z-index:10}.study-mode-header>.study-header-inner{align-items:center;display:flex;gap:24px;justify-content:space-between;width:100%}.dark-mode .study-mode-header{background:#0000;border-bottom:none}.study-header-brand{align-items:center;display:flex;flex-shrink:0;gap:10px}.study-brand-logo{color:var(--study-coral);height:28px;width:28px}.study-brand-name{color:var(--study-coral);font-size:1rem;font-weight:600;letter-spacing:-.02em}.study-header-center{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.study-header-left{align-items:center;display:flex;gap:12px}.study-exit-btn{align-items:center;background:#e88d7d1a;border:1.5px solid #e88d7d33;border-radius:10px 12px 11px 10px;color:var(--study-coral);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-wobbly);width:40px}.study-exit-btn:hover{background:#e88d7d33;transform:scale(1.05) rotate(-2deg)}.study-exit-btn svg{height:20px;width:20px}.study-header-info{display:flex;flex-direction:column;gap:2px}.study-unit-title{color:var(--text-primary);font-family:Kalam,Patrick Hand,cursive;font-size:18px;font-weight:600;margin:0}.study-unit-subtitle{color:var(--text-secondary);font-size:13px;margin:0}.study-header-right{align-items:center;display:flex;flex-shrink:0;gap:16px;margin-left:auto}.study-progress-indicator{align-items:center;background:var(--sticky-yellow);border:1.5px solid #d9770626;border-radius:8px 10px 9px 8px;box-shadow:2px 2px 0 #3c3c3c0a;display:flex;gap:8px;padding:8px 14px;transform:rotate(-1deg)}.study-progress-text{color:#92400e;font-family:Kalam,Patrick Hand,cursive;font-size:14px;font-weight:600}.study-progress-bar{background:#d9770633;border-radius:3px;height:6px;overflow:hidden;width:60px}.study-progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:3px;height:100%;transition:width .5s ease}.study-main-content{display:flex;flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative;z-index:1}.study-layout{display:flex;height:100%;width:100%}.study-path-container{background:linear-gradient(180deg,#fffef980,#fdf8f380);border-right:2px dashed #e88d7d26;min-width:280px;overflow-y:auto;padding:24px 16px;position:relative;width:280px}.study-path-line{background:var(--path-line);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px;z-index:0}.study-path-nodes{align-items:center;position:relative;z-index:1}.study-node{cursor:pointer;flex-direction:column;gap:8px;padding:12px 0}.study-node,.study-node-circle{align-items:center;display:flex;position:relative;transition:all var(--transition-wobbly)}.study-node-circle{border-radius:16px 18px 17px 16px;box-shadow:var(--shadow-card);height:56px;justify-content:center;width:56px}.study-node-circle svg{height:24px;transition:all var(--transition-smooth);width:24px}.study-node[data-type=lesson] .study-node-circle{background:var(--sticky-purple);border:2px solid #8b5cf64d;color:#7c3aed}.study-node[data-type=flashcard] .study-node-circle{background:var(--sticky-pink);border:2px solid #db27774d;color:#db2777}.study-node[data-type=quiz] .study-node-circle{background:var(--sticky-blue);border:2px solid #4169e14d;color:#4169e1}.study-node[data-type=audio] .study-node-circle{background:var(--sticky-green);border:2px solid #0596694d;color:#059669}.study-node.locked{cursor:not-allowed;opacity:.5}.study-node.locked .study-node-circle{background:var(--node-locked-bg);border-color:#b8b8b84d;box-shadow:none;color:var(--node-locked)}.study-node.done .study-node-circle{background:var(--node-done-bg);border-color:#2ed57366}.study-node.done .study-node-checkmark{align-items:center;background:var(--node-done);border-radius:50%;bottom:-4px;box-shadow:0 2px 6px #2ed57366;color:#fff;display:flex;height:22px;justify-content:center;position:absolute;right:-4px;width:22px}.study-node.done .study-node-checkmark svg{height:12px;width:12px}.study-node.active .study-node-circle{animation:activePulse 2s ease-in-out infinite;box-shadow:0 0 0 4px var(--node-active-glow),var(--shadow-elevated);height:72px;width:72px}.study-node.active .study-node-circle svg{height:32px;width:32px}@keyframes activePulse{0%,to{box-shadow:0 0 0 4px var(--node-active-glow),var(--shadow-elevated)}50%{box-shadow:0 0 0 8px #e88d7d33,var(--shadow-elevated)}}.study-node-label{color:var(--text-secondary);font-family:Kalam,Patrick Hand,cursive;font-size:13px;line-height:1.3;max-width:120px;text-align:center;transition:all var(--transition-smooth)}.study-node.active .study-node-label{color:var(--text-primary);font-weight:600}.study-node.locked .study-node-label{color:var(--text-muted)}.study-start-btn{background:linear-gradient(135deg,var(--study-coral) 0,var(--study-coral-dark) 100%);border:none;border-radius:10px 12px 11px 10px;box-shadow:3px 4px 0 #c46a5a66,0 4px 12px #e88d7d4d;color:#fff;cursor:pointer;font-family:Kalam,Patrick Hand,cursive;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:8px;padding:10px 24px;transform:rotate(-1deg);transition:all var(--transition-wobbly)}.study-start-btn:hover{box-shadow:4px 6px 0 #c46a5a66,0 8px 20px #e88d7d66;transform:translateY(-2px) rotate(0deg) scale(1.02)}.study-start-btn:active{box-shadow:2px 2px 0 #c46a5a66;transform:translateY(1px) scale(.98)}.study-node-connector{background:var(--path-line);height:24px;transition:background .3s ease;width:3px}.study-node-connector.done{background:var(--path-line-done)}.study-content-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px;position:relative}.study-mascot{bottom:24px;position:absolute;right:24px;transition:all .5s ease;z-index:5}.study-mascot.celebrating{animation:mascotBounce .6s ease}.study-step-card{animation:cardSlideIn .4s var(--transition-wobbly);background:linear-gradient(180deg,#fff,#fffef9);border:2px solid #64646414;border-radius:16px 20px 18px 16px;box-shadow:var(--shadow-elevated);max-width:900px;overflow:hidden;position:relative;width:100%}.study-step-card:before{background:#fff8b8e6;border:1px solid #d9770626;content:"";height:20px;left:30%;position:absolute;top:-6px;transform:rotate(-3deg);width:60px;z-index:2}.study-step-card:after{background:#f8c8c4e6;border:1px solid #e88d7d26;content:"";height:18px;position:absolute;right:25%;top:-4px;transform:rotate(2deg);width:50px;z-index:2}.study-card-header{align-items:center;border-bottom:1px dashed #6464641a;display:flex;gap:12px;padding:24px 24px 16px}.study-card-icon{align-items:center;border-radius:10px 12px 11px 10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.study-card-icon svg{height:22px;width:22px}.study-card-icon.lesson{background:var(--sticky-purple);color:#7c3aed}.study-card-icon.flashcard{background:var(--sticky-pink);color:#db2777}.study-card-icon.quiz{background:var(--sticky-blue);color:#4169e1}.study-card-icon.audio{background:var(--sticky-green);color:#059669}.study-card-title{color:var(--text-primary);flex:1 1;font-family:Kalam,Patrick Hand,cursive;font-size:22px;font-weight:600;margin:0}.study-card-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:auto;opacity:.5;transition:all .2s ease;width:32px}.study-card-close-btn:hover{background:#0000000d;color:var(--text-secondary);opacity:1}.study-card-close-btn:active{transform:scale(.95)}.study-card-close-btn svg{height:16px;width:16px}body.dark-mode .study-card-close-btn{color:#fff6}body.dark-mode .study-card-close-btn:hover{background:#ffffff1a;color:#ffffffb3}.study-card-content{padding:24px 32px 32px}.study-progress-bar-container{background:linear-gradient(90deg,#fce7e3,#fdf2f8 50%,#fae8ff);border:1px solid #e88d7d26;border-radius:10px;height:10px;margin:12px 24px 20px;overflow:hidden;width:calc(100% - 48px)}.dark-mode .study-progress-bar-container{background:#ffffff0f;border-color:#ffffff14}.study-progress-bar-fill{background:linear-gradient(90deg,#fda4af,#fb7185 50%,#f472b6);border-radius:10px;box-shadow:0 1px 3px #fb718540,inset 0 1px 0 #fff6;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.dark-mode .study-progress-bar-fill{background:linear-gradient(90deg,#e88d7db3,#e88d7dd9 50%,#db7093cc);box-shadow:none}.study-lesson-body{color:var(--text-primary);font-size:17px;line-height:1.8;margin-bottom:24px}.study-lesson-key-points{background:var(--sticky-yellow);border:1.5px solid #d9770626;border-radius:8px 12px 10px 8px;padding:16px 20px;transform:rotate(-.5deg)}.study-lesson-key-points h4{align-items:center;color:#92400e;display:flex;font-family:Kalam,Patrick Hand,cursive;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.study-lesson-key-points ul{margin:0;padding-left:20px}.study-lesson-key-points li{color:#78350f;font-size:14px;line-height:1.5;margin-bottom:8px}.study-lesson-key-points li:last-child{margin-bottom:0}.study-lesson-multipage{max-width:620px}.study-lesson-page-content{display:flex;flex-direction:column;gap:20px;min-height:200px}.study-lesson-page-title{color:var(--text-primary);font-family:Kalam,Patrick Hand,cursive;font-size:28px;font-weight:700;line-height:1.3;margin:0}.study-lesson-page-body{color:var(--text-primary);font-size:20px;line-height:1.8}.study-lesson-page-body strong{background:linear-gradient(180deg,#0000 60%,#e88d7d33 0);color:var(--study-coral-dark);font-weight:600;padding:0 2px}.study-lesson-highlight{align-items:flex-start;background:var(--sticky-yellow);border:1.5px solid #d9770626;border-radius:8px 12px 10px 8px;display:flex;gap:12px;margin-top:auto;padding:14px 18px;transform:rotate(-.3deg)}.study-lesson-highlight svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.study-lesson-highlight span{color:#78350f;font-size:17px;font-weight:500;line-height:1.5}.study-lesson-footer-nav{gap:16px;position:relative}.study-lesson-footer-nav,.study-lesson-nav-btn{align-items:center;display:flex;justify-content:center}.study-lesson-nav-btn{background:#64646414;border:1.5px solid #64646426;border-radius:50%;color:var(--text-secondary);cursor:pointer;height:44px;transition:all var(--transition-wobbly);width:44px}.study-lesson-nav-btn:hover:not(:disabled){background:#64646426;transform:scale(1.05)}.study-lesson-nav-btn:disabled{cursor:not-allowed;opacity:.3}.study-lesson-nav-btn.hidden{visibility:hidden}.study-lesson-nav-btn svg{height:20px;width:20px}.study-lesson-page-dots{align-items:center;bottom:-30px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.page-dot{background:#64646433;border-radius:50%;cursor:pointer;height:8px;transition:all .2s ease;width:8px}.page-dot:hover{background:#64646466;transform:scale(1.2)}.page-dot.active{background:var(--study-coral);border-radius:4px;width:24px}.page-dot.completed{background:var(--node-done)}.study-quiz-question{color:var(--text-primary);font-size:22px;font-weight:500;line-height:1.6;margin-bottom:28px}.study-quiz-options{display:flex;flex-direction:column;gap:12px}.study-quiz-option{align-items:center;background:#fff;border:2px solid #6464641f;border-radius:10px 12px 11px 10px;box-shadow:2px 2px 0 #3c3c3c0a;cursor:pointer;display:flex;gap:14px;padding:16px 20px;transition:all var(--transition-wobbly)}.study-quiz-option:hover:not(.disabled){background:#e88d7d0d;border-color:var(--study-coral);box-shadow:3px 3px 0 #3c3c3c0f;transform:translateX(4px)}.study-quiz-option.selected{background:#e88d7d1a;border-color:var(--study-coral)}.study-quiz-option.correct{background:#2ed57359;border-color:var(--node-done);border-width:5px;box-shadow:0 3px 12px #2ed57366}.study-quiz-option.incorrect{background:#e88d7d40;border-color:var(--study-coral);border-width:5px;box-shadow:0 3px 12px #e88d7d66}.study-quiz-option.disabled{cursor:not-allowed}.study-quiz-option.disabled:not(.correct):not(.incorrect){opacity:.6}.study-quiz-option-letter{align-items:center;background:#64646414;border-radius:8px;color:var(--text-secondary);display:flex;flex-shrink:0;font-family:Kalam,Patrick Hand,cursive;font-size:14px;font-weight:700;height:32px;justify-content:center;transition:all var(--transition-smooth);width:32px}.study-quiz-option.selected .study-quiz-option-letter{background:var(--study-coral);color:#fff}.study-quiz-option.correct .study-quiz-option-letter{background:var(--node-done);box-shadow:0 2px 8px #2ed57366;color:#fff}.study-quiz-option.incorrect .study-quiz-option-letter{background:var(--study-coral);color:#fff}.study-quiz-option-text{color:var(--text-primary);font-size:17px;line-height:1.5}.study-quiz-feedback{animation:feedbackSlide .3s ease;border-radius:10px 12px 11px 10px;margin-top:20px;padding:16px 20px}@keyframes feedbackSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.study-quiz-feedback.correct{background:var(--sticky-green);border:1.5px solid #0596694d}.study-quiz-feedback.incorrect{background:#64646414;border:1.5px solid #64646433}.study-quiz-feedback-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.study-quiz-feedback-icon{align-items:center;border-radius:50%;display:flex;height:28px;justify-content:center;width:28px}.study-quiz-feedback.correct .study-quiz-feedback-icon{background:var(--node-done);color:#fff}.study-quiz-feedback.incorrect .study-quiz-feedback-icon{background:#dc2626;color:#fff}.study-quiz-feedback-title{font-family:Kalam,Patrick Hand,cursive;font-size:16px;font-weight:700}.study-quiz-feedback.correct .study-quiz-feedback-title{color:#047857}.study-quiz-feedback.incorrect .study-quiz-feedback-title{color:#dc2626}.study-quiz-correct-answer{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;padding-left:38px}.study-quiz-correct-answer .correct-answer-label{color:#dc2626;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.study-quiz-correct-answer .correct-answer-text{color:#b91c1c;font-size:14px;font-weight:500}.study-quiz-feedback-short{font-size:14px;line-height:1.5;margin:0;padding-left:38px}.study-quiz-feedback.correct .study-quiz-feedback-short{color:#065f46}.study-quiz-feedback.incorrect .study-quiz-feedback-short{color:#d4d4d4}.study-quiz-learn-more-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;margin-left:38px;margin-top:8px;padding:6px 0;transition:opacity .2s}.study-quiz-feedback.correct .study-quiz-learn-more-btn{color:#047857}.study-quiz-feedback.incorrect .study-quiz-learn-more-btn{color:#a3a3a3}.study-quiz-learn-more-btn:hover{opacity:.7}.study-quiz-learn-more-btn svg{flex-shrink:0}.study-quiz-feedback-rationale{background:#ffffff80;border-left:3px solid;border-radius:8px;color:var(--text-primary);font-size:13px;line-height:1.6;margin-left:38px;margin-top:12px;padding:12px 14px}.study-quiz-feedback-rationale strong{color:inherit;font-weight:600}.study-quiz-feedback.correct .study-quiz-feedback-rationale{background:#10b98114;border-left-color:#10b981;color:#065f46}.study-quiz-feedback.incorrect .study-quiz-feedback-rationale{background:#6464641a;border-left-color:#96969666;color:#d4d4d4}.study-quiz-feedback-btn{border:none;border-radius:12px;cursor:pointer;font-family:Kalam,Patrick Hand,cursive;font-size:15px;font-weight:700;letter-spacing:1px;margin-top:16px;padding:14px 24px;text-transform:uppercase;transition:all .2s ease;width:100%}.study-quiz-feedback-btn.correct{background:var(--node-done);box-shadow:0 4px 0 #1a9d5c;color:#fff}.study-quiz-feedback-btn.correct:hover{box-shadow:0 6px 0 #1a9d5c;transform:translateY(-2px)}.study-quiz-feedback-btn.correct:active{box-shadow:0 2px 0 #1a9d5c;transform:translateY(2px)}.study-quiz-feedback-btn.incorrect{background:#dc2626;box-shadow:0 4px 0 #991b1b;color:#fff}.study-quiz-feedback-btn.incorrect:hover{box-shadow:0 6px 0 #991b1b;transform:translateY(-2px)}.study-quiz-feedback-btn.incorrect:active{box-shadow:0 2px 0 #991b1b;transform:translateY(2px)}.study-flashcard-card{display:flex;flex-direction:column;justify-content:center;min-height:500px}.study-flashcard-card .study-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px 24px 28px}.study-flashcard-content-area,.study-flashcard-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.study-flashcard-wrapper{perspective:1000px;width:100%}.study-flashcard{cursor:pointer;height:320px;max-width:700px;outline:none;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.study-flashcard:focus{border-radius:24px;outline:2px solid #e88d7d80;outline-offset:4px}.study-flashcard.flipped{transform:rotateY(180deg)}.study-flashcard-face{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;padding:28px 28px 44px;position:absolute;text-align:center;top:0;width:100%}.study-flashcard-front{background:linear-gradient(145deg,#fff5f2,#ffe8e4 50%,#ffd6d0);border:2px solid #e88d7d40;box-shadow:0 6px 24px #e88d7d26,0 2px 6px #0000000a,inset 0 1px 0 #fffc}.study-flashcard-back{background:linear-gradient(145deg,#f5f0ff,#ede7f6 50%,#e1d5f0);border:2px solid #8b5cf633;box-shadow:0 6px 24px #8b5cf61f,0 2px 6px #0000000a,inset 0 1px 0 #fffc;transform:rotateY(180deg)}.study-flashcard-text{color:#3d3d3d;font-family:Patrick Hand,cursive;font-size:21px;font-weight:500;line-height:1.7;margin:0;max-height:260px;max-width:100%;overflow-y:auto;padding:0 16px;text-align:left;width:100%}.study-flashcard-text strong{color:#7c3aed;font-weight:700}.dark-mode .study-flashcard-text strong{color:#a78bfa}.study-flashcard-front .study-flashcard-text{align-items:center;display:flex;font-size:24px;font-weight:600;justify-content:center;max-height:none;text-align:center}.study-flashcard-hint{align-items:center;bottom:12px;color:#0000004d;display:flex;font-family:Patrick Hand,cursive;font-size:12px;gap:4px;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.study-flashcard-hint svg{height:12px;opacity:.5;width:12px}.study-flashcard-actions{animation:fadeInUp .3s ease-out;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:20px}.study-flashcard-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-family:Patrick Hand,cursive;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:11px 24px;transition:all .2s ease;white-space:nowrap}.study-flashcard-btn svg{flex-shrink:0;height:18px;width:18px}.study-flashcard-btn.got-it{background:linear-gradient(135deg,#d4edda,#b8e0c0);box-shadow:0 3px 12px #28a74533;color:#1e7e34}.study-flashcard-btn.got-it:hover{box-shadow:0 5px 16px #28a7454d;transform:translateY(-2px)}.study-flashcard-btn.review{background:linear-gradient(135deg,#fff3cd,#ffe69c);box-shadow:0 3px 12px #ffc10733;color:#856404}.study-flashcard-btn.review:hover{box-shadow:0 5px 16px #ffc1074d;transform:translateY(-2px)}.dark-mode .study-flashcard-front{background:linear-gradient(145deg,#4a3535,#3d2a2a);border-color:#e88d7d4d;box-shadow:0 6px 24px #00000059,inset 0 1px 0 #ffffff0d}.dark-mode .study-flashcard-back{background:linear-gradient(145deg,#3d3550,#2f2840);border-color:#8b5cf64d;box-shadow:0 6px 24px #00000059,inset 0 1px 0 #ffffff0d}.dark-mode .study-flashcard-text{color:#f0f0f0}.dark-mode .study-flashcard-hint{color:#ffffff4d}.dark-mode .study-flashcard-btn.got-it{background:linear-gradient(135deg,#234428,#1a3320);box-shadow:0 3px 12px #28a74540;color:#90d498}.dark-mode .study-flashcard-btn.review{background:linear-gradient(135deg,#4a3a1a,#3d3015);box-shadow:0 3px 12px #ffc10740;color:#ffd966}@media (max-width:600px){.study-flashcard{height:240px;max-width:100%}.study-flashcard-face{padding:20px 20px 36px}.study-flashcard-text{font-size:17px;max-height:180px}.study-flashcard-front .study-flashcard-text{font-size:19px}.study-flashcard-card{min-height:420px}.study-flashcard-btn{font-size:15px;padding:10px 20px}}.study-audio-wrapper{padding:24px 0}.study-audio-wrapper .audio-player-container,.study-audio-wrapper .chat-audio-player{transform:scale(1.1)}.study-audio-generating{gap:20px;min-height:180px;padding:48px 32px}.study-audio-loading-bars{align-items:flex-end;gap:4px;height:40px}.study-audio-loading-bar{animation:audioBarPulse 1.2s ease-in-out infinite;background:var(--study-coral)}.study-audio-status{color:var(--text-secondary);font-family:Kalam,Patrick Hand,cursive;text-align:center}.study-step-card:has(.study-audio-wrapper) .study-card-footer{padding:20px 24px 32px}.study-card-footer{display:flex;justify-content:flex-end;padding:16px 24px 24px}.study-continue-btn{align-items:center;background:linear-gradient(135deg,var(--study-coral) 0,var(--study-coral-dark) 100%);border:none;border-radius:10px 12px 11px 10px;box-shadow:3px 4px 0 #c46a5a66,0 4px 12px #e88d7d4d;color:#fff;cursor:pointer;display:flex;font-family:Kalam,Patrick Hand,cursive;font-size:16px;font-weight:700;gap:8px;padding:14px 32px;transition:all var(--transition-wobbly)}.study-continue-btn:hover{box-shadow:4px 6px 0 #c46a5a66,0 8px 20px #e88d7d66;transform:translateY(-2px) scale(1.02)}.study-continue-btn:active{transform:translateY(1px) scale(.98)}.study-continue-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.study-continue-btn svg{height:18px;width:18px}.study-lesson-btn-green{background:linear-gradient(135deg,#58d68d,#48c774);box-shadow:0 4px 0 #3db36b,0 6px 16px #48c7744d}.study-lesson-btn-green:hover{background:linear-gradient(135deg,#65dc98,#52d27e);box-shadow:0 5px 0 #3db36b,0 10px 24px #48c77466}.study-lesson-btn-green:active{box-shadow:0 2px 0 #3db36b,0 4px 12px #48c7744d}body.dark-mode .study-lesson-btn-green{background:linear-gradient(135deg,#48c774,#3db36b)}body.dark-mode .study-lesson-btn-green:hover{background:linear-gradient(135deg,#58d68d,#48c774)}.study-loading{align-items:center;display:flex;flex-direction:column;gap:20px;padding:48px}.study-loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--study-coral);height:48px;width:48px}.study-loading-text{color:var(--text-secondary);font-family:Kalam,Patrick Hand,cursive;font-size:16px}.study-complete{padding:48px 32px;text-align:center}.study-complete-icon{align-items:center;animation:completeBounce .6s var(--transition-wobbly);background:var(--node-done-bg);border:3px solid var(--node-done);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes completeBounce{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.study-complete-icon svg{color:var(--node-done);height:40px;width:40px}.study-complete-title{color:var(--text-primary);font-family:Kalam,Patrick Hand,cursive;font-size:28px;font-weight:700;margin:0 0 12px}.study-complete-subtitle{color:var(--text-secondary);font-size:16px;margin:0 0 32px}.study-complete-btn{background:linear-gradient(135deg,var(--node-done) 0,#22c55e 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #2ed57366;color:#fff;cursor:pointer;font-family:Kalam,Patrick Hand,cursive;font-size:18px;font-weight:700;padding:16px 40px;transition:all var(--transition-wobbly)}.study-complete-btn:hover{transform:translateY(-2px) scale(1.02)}.study-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.study-modal{animation:modalSlideIn .3s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(180deg,#fff,#fffef9);border-radius:20px 24px 22px 20px;box-shadow:0 20px 60px #0003;max-width:440px;overflow:hidden;position:relative;width:100%}.study-modal:before{background:#fff8b8f2;border:1px solid #d9770633;content:"";height:24px;left:50%;position:absolute;top:-8px;transform:translateX(-50%) rotate(-2deg);width:80px;z-index:2}.study-modal-close{align-items:center;background:#64646414;border:none;border-radius:8px;color:#6b6b6b;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:10}.study-modal-close:hover{background:#64646426;color:#3d3d3d}.study-modal-close:disabled{cursor:not-allowed;opacity:.5}.study-modal-close svg{height:18px;width:18px}.study-modal-content{padding:32px 28px 24px;text-align:center}.study-modal-mascot{margin-bottom:16px}.study-modal-title{color:#3d3d3d;font-family:Kalam,Patrick Hand,cursive;font-size:24px;font-weight:700;margin:0 0 16px}.study-modal-docs{align-items:center;background:#e88d7d14;border:1.5px dashed #e88d7d40;border-radius:12px;display:flex;gap:14px;margin-bottom:20px;padding:16px;text-align:left}.study-modal-doc-icon{align-items:center;background:#d4f0fc;border-radius:10px;color:#4169e1;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.study-modal-doc-icon svg{height:22px;width:22px}.study-modal-doc-info{display:flex;flex-direction:column;gap:4px;min-width:0}.study-modal-doc-count{color:#3d3d3d;font-family:Kalam,Patrick Hand,cursive;font-size:15px;font-weight:600}.study-modal-doc-names{color:#6b6b6b;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-modal-progress{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px 0}.study-modal-loader{display:flex;gap:6px}.study-modal-loader-dot{animation:loaderBounce 1.4s ease-in-out infinite;background:#e88d7d;border-radius:50%;height:10px;width:10px}.study-modal-loader-dot:first-child{animation-delay:0s}.study-modal-loader-dot:nth-child(2){animation-delay:.2s}.study-modal-loader-dot:nth-child(3){animation-delay:.4s}@keyframes loaderBounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.study-modal-step{color:#6b6b6b;font-family:Kalam,Patrick Hand,cursive;font-size:15px;margin:0}.study-modal-error{align-items:center;background:#ef44441a;border:1.5px solid #ef444440;border-radius:10px;color:#b91c1c;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:14px 16px;text-align:left}.study-modal-error svg{flex-shrink:0;height:20px;width:20px}.study-modal-topics{margin-bottom:16px;text-align:center}.study-modal-topics-label{color:#6b6b6b;font-size:13px;font-weight:500;margin:0 0 10px}.study-modal-topics-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.study-modal-topic-tag{background:linear-gradient(135deg,#fff5f2,#ffe8e4);border:1px solid #e88d7d40;border-radius:16px;color:#c46a5a;display:inline-block;font-family:Kalam,Patrick Hand,cursive;font-size:12px;font-weight:500;padding:5px 12px}.study-modal-topic-more{align-items:center;background:#64646414;border-radius:16px;color:#6b6b6b;display:inline-flex;font-size:11px;font-weight:500;padding:5px 10px}body.dark-mode .study-modal-topics-label{color:#9ca3af}body.dark-mode .study-modal-topic-tag{background:linear-gradient(135deg,#e88d7d33,#e88d7d26);border-color:#e88d7d59;color:#f5a898}body.dark-mode .study-modal-topic-more{background:#ffffff1a;color:#9ca3af}body.dark-mode .study-modal{background:linear-gradient(180deg,#2d2d2d,#252525);box-shadow:0 20px 60px #00000080}body.dark-mode .study-modal:before{background:#fff8b833;border-color:#d977064d}body.dark-mode .study-modal-close{background:#ffffff14;color:#9ca3af}body.dark-mode .study-modal-close:hover{background:#ffffff26;color:#e5e7eb}body.dark-mode .study-modal-title{color:#f3f4f6}body.dark-mode .study-modal-docs{background:#e88d7d1a;border-color:#e88d7d4d}body.dark-mode .study-modal-doc-icon{background:#4169e133;color:#93c5fd}body.dark-mode .study-modal-doc-count{color:#f3f4f6}body.dark-mode .study-modal-doc-names,body.dark-mode .study-modal-step{color:#9ca3af}body.dark-mode .study-modal-loader-dot{background:#e88d7d}body.dark-mode .study-modal-description{color:#9ca3af}body.dark-mode .study-modal-feature{color:#e5e7eb}body.dark-mode .study-modal-cancel{border-color:#fff3;color:#9ca3af}body.dark-mode .study-modal-cancel:hover{background:#ffffff14;border-color:#ffffff4d}body.dark-mode .study-modal-error{background:#ef444426;border-color:#ef444459;color:#fca5a5}.study-modal-description{color:#6b6b6b;font-size:14px;line-height:1.6;margin:0 0 20px}.study-modal-features{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:4px}.study-modal-feature{align-items:center;color:#3d3d3d;display:flex;font-size:13px;gap:8px}.study-modal-feature-icon{font-size:16px}.study-modal-actions{display:flex;gap:12px;justify-content:center;padding:0 28px 28px}.study-modal-cancel{background:#0000;border:1.5px solid #64646433;border-radius:10px;color:#6b6b6b;cursor:pointer;font-family:Kalam,Patrick Hand,cursive;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.study-modal-cancel:hover{background:#6464640d;border-color:#6464644d}.study-modal-start{align-items:center;background:linear-gradient(135deg,#e88d7d,#c46a5a);border:none;border-radius:10px 12px 11px 10px;box-shadow:3px 4px 0 #c46a5a66;color:#fff;cursor:pointer;display:flex;font-family:Kalam,Patrick Hand,cursive;font-size:16px;font-weight:700;gap:8px;padding:12px 32px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.study-modal-start:hover:not(:disabled){box-shadow:4px 6px 0 #c46a5a66;transform:translateY(-2px)}.study-modal-start:disabled{cursor:not-allowed;opacity:.7;transform:none}.study-modal-start svg{height:18px;width:18px}.study-modal-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}body.dark-mode .study-mode-container{background:#1a1a1a;background-image:radial-gradient(at 0 0,#b8a5d414 0,#0000 50%),radial-gradient(at 100% 20%,#e88d7d0f 0,#0000 50%)}body.dark-mode .study-mode-container:before{background-image:repeating-linear-gradient(#0000,#0000 31px,#ffffff05 0,#ffffff05 32px)}body.dark-mode .study-mode-header{background:#0000;border-bottom:none}body.dark-mode .study-card-title,body.dark-mode .study-flashcard-content,body.dark-mode .study-lesson-body,body.dark-mode .study-lesson-page-body,body.dark-mode .study-lesson-page-title,body.dark-mode .study-quiz-option-text,body.dark-mode .study-quiz-question,body.dark-mode .study-unit-title{color:#e5e5e5}body.dark-mode .study-lesson-page-body strong{background:linear-gradient(180deg,#0000 60%,#e88d7d4d 0);color:#f5a898}body.dark-mode .study-lesson-highlight{background:#f59e0b26;border-color:#f59e0b4d}body.dark-mode .study-lesson-highlight span{color:#fcd34d}body.dark-mode .study-lesson-nav-btn{background:#ffffff14;border-color:#ffffff26;color:#a0a0a0}body.dark-mode .study-lesson-nav-btn:hover:not(:disabled){background:#ffffff26}body.dark-mode .page-dot{background:#fff3}body.dark-mode .page-dot:hover{background:#fff6}body.dark-mode .study-node-label,body.dark-mode .study-unit-subtitle{color:#a0a0a0}body.dark-mode .study-path-container{background:#2f2f2f80;border-right-color:#ffffff14}body.dark-mode .study-step-card{background:#2f2f2f;border-color:#ffffff14}body.dark-mode .study-card-header{border-bottom-color:#ffffff14}body.dark-mode .study-quiz-option{background:#3d3d3d;border-color:#ffffff1a}body.dark-mode .study-quiz-option:hover:not(.disabled){background:#e88d7d26}body.dark-mode .start-study-modal{background:#2f2f2f}body.dark-mode .start-study-modal-title{color:#e5e5e5}body.dark-mode .start-study-modal-subtitle{color:#a0a0a0}body.dark-mode .start-study-docs{background:#ffffff0d;border-color:#ffffff1a}body.dark-mode .start-study-doc-item{background:#3d3d3d;border-color:#ffffff14}body.dark-mode .start-study-doc-name{color:#e5e5e5}@media (max-width:900px){.study-layout{flex-direction:column}.study-path-container{border-bottom:2px dashed #e88d7d26;border-right:none;max-height:200px;min-width:0;min-width:auto;padding:16px;width:100%}.study-path-nodes{flex-direction:row;gap:4px;overflow-x:auto;padding-bottom:8px}.study-node-connector{height:3px;width:24px}.study-node{padding:8px}.study-node-circle{height:48px;width:48px}.study-node.active .study-node-circle{height:60px;width:60px}.study-node-label{font-size:11px;max-width:80px}.study-start-btn{font-size:13px;padding:8px 16px}.study-content-container{padding:20px}.study-step-card{max-width:100%}}@media (max-width:600px){.study-mode-header{flex-direction:column;gap:12px;padding:12px 16px}.study-header-left{justify-content:space-between;width:100%}.study-header-right{justify-content:center;width:100%}.study-progress-indicator{flex:1 1;justify-content:center}.study-card-header{padding:20px 16px 12px}.study-card-content{padding:16px}.study-card-footer{padding:12px 16px 20px}.start-study-modal{margin:0 16px;max-width:100%}}.study-mode-focused .study-main-content{align-items:stretch;display:flex;flex:1 1;justify-content:center;min-height:0;overflow-x:hidden;overflow-y:auto;width:100%}.study-mode-focused .study-main-content::-webkit-scrollbar{width:8px}.study-mode-focused .study-main-content::-webkit-scrollbar-track{background:#f8c8c44d;border-radius:4px}.study-mode-focused .study-main-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--study-coral) 0,var(--study-coral-dark) 100%);border:1px solid #fff3;border-radius:4px}.study-mode-focused .study-main-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--study-coral-hover) 0,var(--study-coral-dark) 100%)}.study-mode-focused .study-main-content{scrollbar-color:var(--study-coral) #f8c8c44d;scrollbar-width:thin}body.dark-mode .study-mode-focused .study-main-content::-webkit-scrollbar-track{background:#ffffff0d}body.dark-mode .study-mode-focused .study-main-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e88d7db3,#c46a5acc)}body.dark-mode .study-mode-focused .study-main-content{scrollbar-color:#e88d7db3 #ffffff0d}.study-mode-focused .study-focused-layout{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100%;padding:24px;width:100%}.study-content-centered{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;position:relative;width:100%}.study-mascot-side{animation:mascotFadeIn .6s ease-out;bottom:32px;position:fixed;right:32px;transition:all .4s ease;z-index:10}@keyframes mascotFadeIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.study-loading-spinner{animation:spinLoader .8s linear infinite;border:3px solid #e88d7d33;border-radius:50%;border-top-color:#e88d7d;height:40px;margin-bottom:16px;width:40px}@keyframes spinLoader{to{transform:rotate(1turn)}}.study-mode-focused .study-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 32px;text-align:center}.study-mode-focused .study-loading-text{color:#6b6b6b;font-size:15px;font-style:italic}.study-mode-focused .study-step-card{display:flex;flex-direction:column;max-width:100%;overflow:visible;width:100%}.study-mode-focused .study-step-card:after,.study-mode-focused .study-step-card:before{display:none}.study-mode-focused .study-card-content{overflow:visible;padding:12px 20px 16px}.study-mode-focused .study-content-centered{max-width:700px}.study-mode-focused .study-quiz-question{font-size:15px;line-height:1.4;margin-bottom:10px}.study-mode-focused .study-quiz-options{gap:6px}.study-mode-focused .study-quiz-option{gap:8px;padding:8px 12px}.study-mode-focused .study-quiz-option-letter{border-radius:5px;font-size:11px;height:24px;width:24px}.study-mode-focused .study-quiz-option-text{font-size:13px;line-height:1.3}.study-mode-focused .study-quiz-feedback{margin-top:10px;padding:10px 12px}.study-mode-focused .study-quiz-feedback-header{gap:6px;margin-bottom:4px}.study-mode-focused .study-quiz-feedback-icon{height:20px;width:20px}.study-mode-focused .study-quiz-feedback-icon svg{height:11px;width:11px}.study-mode-focused .study-quiz-feedback-title{font-size:13px}.study-mode-focused .study-quiz-feedback-reassurance{font-size:11px;margin:0 0 4px;padding-left:26px}.study-mode-focused .study-quiz-feedback-short{font-size:12px;line-height:1.35;padding-left:26px}.study-mode-focused .study-quiz-learn-more-btn{font-size:11px;margin-left:26px;margin-top:4px;padding:2px 0}.study-mode-focused .study-quiz-feedback-rationale{font-size:11px;line-height:1.4;margin-left:26px;margin-top:6px;padding:8px 10px}.study-mode-focused .study-review-badge{font-size:12px;margin-bottom:12px;padding:6px 12px}.study-mode-focused .study-card-header{gap:8px;padding:12px 20px}.study-mode-focused .study-card-icon{height:32px;width:32px}.study-mode-focused .study-card-title{font-size:18px}.study-mode-focused .study-progress-bar-container{margin:8px 20px 12px;width:calc(100% - 40px)}.study-mode-focused .study-card-footer{padding:8px 20px 12px}.study-mode-focused .study-continue-btn{font-size:14px;padding:10px 24px}.study-mode-focused .study-card-footer,.study-mode-focused .study-card-header,.study-mode-focused .study-progress-bar-container{flex-shrink:0}@media (max-width:768px){.study-mode-focused .study-focused-layout{padding:16px}.study-content-centered{max-width:100%}.study-mascot-side{bottom:16px;right:16px;transform:scale(.8)}}.study-overview-container{--sidebar-width:320px;--rail-width:60px;align-items:center;background:#fef7f4;bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;padding:24px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:100}.study-overview-container.sidebar-open{left:var(--sidebar-width)}.study-overview-container.sidebar-collapsed{left:var(--rail-width)}@media (max-width:768px){.study-overview-container.sidebar-collapsed,.study-overview-container.sidebar-open{left:0}}.study-overview-container::-webkit-scrollbar{width:10px}.study-overview-container::-webkit-scrollbar-track{background:#e88d7d1a;border-radius:10px}.study-overview-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e88d7d,#f4a896);border:2px solid #fef7f4;border-radius:10px}.study-overview-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d67a6a,#e88d7d)}.study-overview-container{scrollbar-color:#e88d7d #e88d7d1a;scrollbar-width:thin}.study-overview-container>*{max-width:600px;width:100%}.dark-mode .study-overview-container{background:#2f2f2f}.dark-mode .study-overview-container::-webkit-scrollbar-track{background:#ffffff0d}.dark-mode .study-overview-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a4a4a,#5a5a5a);border:2px solid #2f2f2f}.dark-mode .study-overview-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a5a5a,#6a6a6a)}.dark-mode .study-overview-container{scrollbar-color:#4a4a4a #ffffff0d}.study-overview-doodle{animation:doodleFloat 6s ease-in-out infinite;font-size:28px;max-width:none!important;opacity:.2;pointer-events:none;position:fixed;width:auto!important;z-index:101}@keyframes doodleFloat{0%,to{transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(var(--rotate,0deg))}50%{transform:translateY(-8px) rotate(0deg);transform:translateY(-8px) rotate(var(--rotate,0deg))}}.doodle-1{--rotate:-15deg;animation-delay:0s;color:#e88d7d;left:4%;top:12%}.doodle-2{--rotate:12deg;animation-delay:1s;color:#f4a896;right:6%;top:28%}.doodle-3{--rotate:18deg;animation-delay:2s;bottom:35%;color:pink;left:6%}.doodle-4{--rotate:-8deg;animation-delay:3s;bottom:50%;color:#e88d7d;right:4%}.doodle-5{--rotate:25deg;animation-delay:1.5s;color:#f4a896;font-size:24px;left:8%;top:50%}.doodle-6{--rotate:-12deg;animation-delay:2.5s;color:pink;font-size:22px;right:8%;top:65%}.dark-mode .study-overview-doodle{opacity:.12}.study-overview-mascot-old{display:none}.study-overview-header{align-items:center;display:flex;gap:16px;margin-bottom:16px;position:relative;z-index:1}.study-overview-exit{align-items:center;background:linear-gradient(135deg,#e88d7d,#d67a6a);border:none;border-radius:50%;box-shadow:0 3px 10px #e88d7d4d;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .2s ease;width:42px}.study-overview-exit:hover{box-shadow:0 5px 15px #e88d7d66;transform:scale(1.08) rotate(-5deg)}.study-overview-exit svg{stroke:#fff;height:18px;width:18px}.study-overview-title-section{flex:1 1}.study-overview-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e88d7d,#c46a5a 50%,#e88d7d);-webkit-background-clip:text;background-clip:text;color:#3d3d3d;font-family:Patrick Hand,cursive;font-size:36px;font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0;text-shadow:0 2px 8px #e88d7d33}.dark-mode .study-overview-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4a896,#e88d7d 50%,#f4a896);-webkit-background-clip:text;background-clip:text}.study-overview-subtitle{color:#7a7a7a;font-family:Patrick Hand,cursive;font-size:16px;letter-spacing:.3px;margin:8px 0 0}.dark-mode .study-overview-subtitle{color:#a0a0a0}.study-overview-progress-badge{align-items:baseline;background:#e88d7d26;border:2px dashed #e88d7d4d;border-radius:20px;display:flex;gap:2px;padding:8px 14px}.study-overview-progress-badge .progress-number{color:#e88d7d;font-family:Patrick Hand,cursive;font-size:22px;font-weight:700}.study-overview-progress-badge .progress-divider{color:#ccc;font-size:16px;margin:0 2px}.study-overview-progress-badge .progress-total{color:#999;font-family:Patrick Hand,cursive;font-size:16px}.study-overview-progress-bar{background:#e88d7d26;border-radius:10px;height:8px;margin-bottom:24px;overflow:hidden;position:relative;z-index:1}.study-overview-progress-fill{background:linear-gradient(90deg,#e88d7d,#f4a896 50%,#2ed573);border-radius:10px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.study-overview-path{flex:1 1;padding:20px 0 100px;position:relative;z-index:1}.study-path-nodes{display:flex;flex-direction:column;gap:8px}.study-path-node{cursor:pointer;height:90px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:70px}.study-path-node:hover:not(.locked){transform:scale(1.05)}.study-path-node.locked{cursor:not-allowed}.study-path-connector{height:40px;left:50%;position:absolute;top:-30px;transform:translateX(-50%);width:60px;z-index:0}.study-path-node-circle{height:70px;position:relative;width:70px}.study-path-node-circle,.study-path-node-inner{align-items:center;border-radius:50%;display:flex;justify-content:center;transition:all .3s ease}.study-path-node-inner{height:54px;width:54px}.study-path-node.done .study-path-node-circle{background:linear-gradient(180deg,#2ed57333,#2ed5731a)}.study-path-node.done .study-path-node-inner{background:linear-gradient(135deg,#2ed573,#26b85f);box-shadow:0 4px 15px #2ed57366}.study-path-node.done .study-path-node-inner svg{stroke:#fff;height:28px;width:28px}.study-path-node.active .study-path-node-circle{background:linear-gradient(180deg,#e88d7d40,#e88d7d1a)}.study-path-node.active .study-path-node-inner{background:linear-gradient(135deg,#e88d7d,#d67a6a);box-shadow:0 4px 20px #e88d7d80}.study-path-node.active .study-path-node-inner svg{stroke:#fff;height:26px;width:26px}.study-path-node-pulse{animation:pathNodePulse 2s ease-out infinite;border:3px solid #e88d7d;border-radius:50%;height:70px;left:0;position:absolute;top:0;width:70px}@keyframes pathNodePulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.study-path-node.locked .study-path-node-circle{background:linear-gradient(180deg,#f4a89626,#f4a89614)}.study-path-node.locked .study-path-node-inner{background:linear-gradient(135deg,#f4a89666,#e88d7d4d);border:2px dashed #e88d7d66}.dark-mode .study-path-node.locked .study-path-node-inner{background:linear-gradient(135deg,#64463c99,#50372d80);border-color:#e88d7d4d}.study-path-node.locked .study-path-node-inner svg{stroke:#e88d7d99;height:22px;width:22px}.dark-mode .study-path-node.locked .study-path-node-inner svg{stroke:#e88d7d80}.study-path-node.locked:hover .study-path-node-inner{border-color:#e88d7d80}.study-path-node-label{background:#fff;border:1px solid #e88d7d26;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:10px 14px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:160px;z-index:2}.dark-mode .study-path-node-label{background:#3d3d3d;border-color:#e88d7d33;box-shadow:0 2px 10px #0000004d}.study-path-node-label.label-right{left:calc(100% + 12px)}.study-path-node-label.label-left{right:calc(100% + 12px);text-align:right}.study-path-node:hover:not(.locked) .study-path-node-label{box-shadow:0 4px 15px #e88d7d26;transform:translateY(-50%) scale(1.02)}.study-path-node-label .node-type-tag{color:#e88d7d;display:block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.study-path-node.done .study-path-node-label .node-type-tag{color:#2ed573}.study-path-node.locked .study-path-node-label .node-type-tag{color:#e88d7d99}.study-path-node-label .node-coming-soon{color:#e88d7db3;display:block;font-family:Patrick Hand,cursive;font-size:11px;font-style:italic;margin-top:4px}.dark-mode .study-path-node-label .node-coming-soon{color:#f4a89699}.study-path-node-label .node-title{color:#3d3d3d;display:block;font-family:Patrick Hand,cursive;font-size:15px;line-height:1.3}.dark-mode .study-path-node-label .node-title{color:#e5e5e5}.study-path-node.locked .study-path-node-label .node-title{color:#999}.dark-mode .study-path-node.locked .study-path-node-label .node-title{color:#888}.study-path-node.locked .study-path-node-label{border-color:#e88d7d1f;opacity:.85}.study-path-step-number{align-items:center;background:#fff;border:2px solid #e88d7d;border-radius:50%;color:#e88d7d;display:flex;font-family:Patrick Hand,cursive;font-size:13px;font-weight:700;height:24px;justify-content:center;left:-8px;position:absolute;top:-8px;width:24px;z-index:3}.dark-mode .study-path-step-number{background:#2f2f2f}.study-path-node.done .study-path-step-number{background:#2ed573;border-color:#2ed573;color:#fff}.study-path-node.active .study-path-step-number{background:#e88d7d;border-color:#e88d7d;color:#fff}.study-path-node.locked .study-path-step-number{background:#f4a89633;border-color:#e88d7d66;color:#e88d7db3}.dark-mode .study-path-node.locked .study-path-step-number{background:#50372d80;border-color:#e88d7d59;color:#e88d7d99}.study-overview-action{background:linear-gradient(0deg,#fff9f5 0,#fff9f5f2 60%,#0000);bottom:0;display:flex;justify-content:center;left:0;max-width:none!important;padding:20px 24px 28px;position:fixed;right:0;z-index:110}.dark-mode .study-overview-action{background:linear-gradient(0deg,#1a1a1a 0,#1a1a1af2 60%,#0000)}.study-overview-continue{align-items:center;background:linear-gradient(135deg,#e88d7d,#d67a6a);border:none;border-radius:50px;box-shadow:0 4px 20px #e88d7d66;color:#fff;cursor:pointer;display:flex;font-family:Patrick Hand,cursive;font-size:20px;font-weight:700;gap:10px;padding:16px 40px;transition:all .25s cubic-bezier(.4,0,.2,1)}.study-overview-continue:hover{box-shadow:0 8px 30px #e88d7d80;transform:translateY(-3px) scale(1.02)}.study-overview-continue:active{transform:translateY(-1px) scale(.98)}.study-overview-continue svg{height:20px;width:20px}@media (max-width:768px){.study-overview-container{padding:16px}.study-overview-header{flex-wrap:wrap}.study-overview-title{font-size:28px}.study-overview-progress-badge{padding:6px 12px}.study-path-node{height:80px;width:60px}.study-path-node-circle{height:60px;width:60px}.study-path-node-inner{height:46px;width:46px}.study-path-node-pulse{height:60px;width:60px}.study-path-node-label{padding:8px 10px;width:130px}.study-path-node-label .node-title{font-size:13px}.study-overview-continue{font-size:18px;padding:14px 32px}.doodle-5,.doodle-6{display:none}}.study-overview-v2 .study-overview-doodle{display:none}.study-overview-header-v2{align-items:center;background:#fef7f4;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-bottom:24px;margin-left:calc(-50vw + 50%);margin-top:-24px;max-width:none!important;padding:64px 16px 16px;position:sticky;text-align:center;top:-24px;width:100vw;z-index:10}@media (max-width:768px){.study-overview-header-v2{padding:24px 16px 16px}}.dark-mode .study-overview-header-v2{background:#2f2f2f}.study-overview-brand{align-items:center;display:flex;gap:10px;left:80px;position:fixed;top:16px;z-index:101}.study-overview-logo{height:28px;width:28px}.study-overview-brand-name{color:#e88d7d;font-family:Patrick Hand,cursive;font-size:18px;font-weight:600}.dark-mode .study-overview-brand-name{color:#f4a896}.study-overview-path-v2{display:flex;flex:1 1;justify-content:center;padding:20px 0 120px;position:relative;z-index:1}.study-path-nodes-v2{align-items:center;display:flex;flex-direction:column;gap:20px}.study-path-node-v2{align-items:center;cursor:pointer;display:flex;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.study-path-node-v2:hover:not(.locked){transform:translateX(0) scale(1.05);transform:translateX(var(--hover-offset,0)) scale(1.05)}.study-path-node-v2.locked{cursor:not-allowed;opacity:.6}.study-node-wrapper{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.study-node-ring{height:100%;position:absolute;transform:rotate(-3deg);width:100%}.study-node-ring .ring-bg{stroke:#9696964d;stroke-width:6;stroke-dasharray:8 4}.dark-mode .study-node-ring .ring-bg{stroke:#64646466}.study-node-ring .ring-progress{stroke-width:8;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.2));transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.study-node-ring .ring-progress.done{stroke:#4bc88a}.study-node-ring .ring-progress.active{stroke:#e88d7d}.study-node-inner{align-items:center;border:3px solid #00000026;border-radius:47% 53% 52% 48%/48% 52% 48% 52%;display:flex;height:75px;justify-content:center;position:relative;transition:all .3s ease;width:75px;z-index:1}.study-node-inner:before{background:radial-gradient(ellipse at 30% 20%,#ffffff4d 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#0000000d 0,#0000 40%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.study-node-inner svg{height:32px;transform:rotate(-2deg);transition:all .2s ease;width:32px}.study-path-node-v2.done .study-node-inner{background:linear-gradient(145deg,#7ee8b8,#5dd69a 50%,#4bc88a);border:3px solid #3cb878;border-radius:52% 48% 47% 53%/46% 54% 46% 54%;box-shadow:0 4px 0 #3aad70,0 6px 15px #5dd69a59,inset 2px 2px 4px #fff6}.study-path-node-v2.done .study-node-inner:hover{box-shadow:0 2px 0 #3aad70,0 4px 10px #5dd69a4d;transform:translateY(2px) rotate(1deg)}.study-path-node-v2.done .study-node-inner svg{stroke:#fff;fill:none;stroke-width:3;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.1));height:36px;transform:rotate(2deg);width:36px}.study-path-node-v2.active .study-node-inner{animation:gentleWobble 3s ease-in-out infinite;background:linear-gradient(145deg,#f4b8a8,#e99a88 50%,#e88d7d);border:3px solid #d67a6a;border-radius:48% 52% 54% 46%/52% 48% 52% 48%;box-shadow:0 4px 0 #c46a5a,0 6px 18px #e88d7d66,inset 2px 2px 4px #ffffff59}@keyframes gentleWobble{0%,to{border-radius:48% 52% 54% 46%/52% 48% 52% 48%;transform:rotate(0deg)}25%{border-radius:50% 50% 52% 48%/48% 52% 50% 50%}50%{border-radius:52% 48% 48% 52%/50% 50% 48% 52%;transform:rotate(1deg)}75%{border-radius:46% 54% 50% 50%/52% 48% 54% 46%}}.study-path-node-v2.active .study-node-inner:hover{box-shadow:0 2px 0 #c46a5a,0 4px 12px #e88d7d59;transform:translateY(2px) rotate(-1deg)}.study-path-node-v2.active .study-node-inner svg{fill:#fff;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.15));height:34px;transform:rotate(-3deg);width:34px}.study-path-node-v2.locked .study-node-inner{background:linear-gradient(145deg,#8a8a8a,#6a6a6a 50%,#5a5a5a);border:3px solid #4a4a4a;border-radius:50% 50% 48% 52%/52% 48% 50% 50%;box-shadow:0 4px 0 #3a3a3a,0 5px 12px #0003,inset 2px 2px 4px #ffffff1a}.dark-mode .study-path-node-v2.locked .study-node-inner{background:linear-gradient(145deg,#5a5a5a,#4a4a4a 50%,#3a3a3a);border:3px solid #2a2a2a;box-shadow:0 4px 0 #222,0 5px 12px #0000004d}.study-path-node-v2.locked .study-node-inner svg{fill:#ffffff59;height:28px;transform:rotate(1deg);width:28px}.study-node-pulse{display:none}.study-node-progress-bar{background:#00000026;border:2px solid #0000001a;border-radius:6px 4px 5px 4px;bottom:-12px;box-shadow:inset 1px 1px 2px #0000001a;height:8px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%) rotate(-1deg);width:60px}.study-node-progress-fill{background:linear-gradient(90deg,#7ee8b8,#5dd69a);border-radius:4px 2px 3px 4px;box-shadow:inset 0 1px 0 #fff6;height:100%;transition:width .3s ease}.study-overview-v2:not(.dark-mode) .study-node-progress-bar{background:#00000014;border-color:#00000014}.study-node-start-label{animation:none;background:linear-gradient(145deg,#f4a896,#e88d7d);border:2px solid #d67a6a;border-radius:12px 8px 10px 6px;box-shadow:0 3px 0 #c46a5a,0 5px 10px #e88d7d66;color:#fff;font-family:Patrick Hand,cursive;font-size:14px;font-weight:700;left:50%;letter-spacing:.5px;padding:5px 14px;position:absolute;top:-20px;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;z-index:5}.study-node-start-label:after{border-left:7px solid #0000;border-right:7px solid #0000;border-top:8px solid #e88d7d;bottom:-8px;content:"";left:50%;position:absolute;transform:translateX(-50%) rotate(2deg)}.study-path-connector-v2{display:none}.study-node-label-v2{background:#323232f2;border-radius:12px;box-shadow:0 4px 16px #0000004d;padding:12px 16px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:180px;z-index:2}.study-node-label-v2.right{left:calc(100% + 16px)}.study-node-label-v2.left{right:calc(100% + 16px);text-align:right}.study-path-node-v2:hover:not(.locked) .study-node-label-v2{box-shadow:0 6px 20px #0006;transform:translateY(-50%) scale(1.02)}.node-type-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.8px;margin-bottom:6px;padding:3px 8px}.node-type-badge.lesson{background:#e88d7d33;color:#f4a896}.node-type-badge.quiz{background:#e88d7d33;color:#e88d7d}.node-type-badge.flashcard{background:#64c89633;color:#64c896}.node-type-badge.audio{background:#9682dc33;color:#9682dc}.node-type-badge.mindmap{background:#64b4dc33;color:#64b4dc}.node-type-badge.review{background:#dcb46433;color:#dcb464}.study-path-node-v2.done .node-type-badge{background:#2ed57333;color:#2ed573}.node-title-v2{color:#f0f0f0;display:block;font-family:Patrick Hand,cursive;font-size:16px;font-weight:600;line-height:1.3}.study-path-node-v2.locked .node-title-v2{color:#888}.node-locked-hint{color:#666;display:block;font-size:11px;font-style:italic;margin-top:4px}.study-path-mascot-wrapper{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:3}.study-path-mascot-wrapper.left{right:calc(100% + 20px)}.study-path-mascot-wrapper.right{left:calc(100% + 20px)}.study-path-mascot.inactive{filter:saturate(0)}.study-path-mascot.active{animation:mascotFloat 3s ease-in-out infinite}@media (max-width:900px){.study-path-mascot-wrapper{display:none}}.study-overview-v2:not(.dark-mode) .study-node-label-v2{background:#fff;border:1px solid #00000014;box-shadow:0 4px 16px #0000001a}.study-overview-v2:not(.dark-mode) .node-title-v2{color:#333}.study-overview-v2:not(.dark-mode) .study-node-ring .ring-bg{stroke:#0000001a}.study-overview-v2:not(.dark-mode) .study-path-connector-v2{display:none}@media (max-width:900px){.study-node-label-v2{display:none}.study-path-node-v2:hover:not(.locked):after{background:#000000e6;border-radius:8px;bottom:-40px;color:#fff;content:attr(data-label);font-size:13px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}}@media (max-width:600px){.study-node-wrapper{height:70px;width:70px}.study-node-inner{height:60px;width:60px}.study-node-inner svg{height:26px;width:26px}.study-path-nodes-v2{gap:16px}.study-node-start-label{font-size:11px;padding:4px 10px;top:-16px}}.study-card-progress{align-items:baseline;background:#e88d7d26;border-radius:20px;display:flex;gap:2px;margin-left:auto;padding:6px 12px}.study-card-progress .progress-current{color:#e88d7d;font-family:Patrick Hand,cursive;font-size:18px;font-weight:700}.study-card-progress .progress-separator{color:#999;font-size:14px;margin:0 2px}.study-card-progress .progress-total{color:#888;font-family:Patrick Hand,cursive;font-size:14px}.study-progress-dots{display:flex;gap:8px;justify-content:center;margin-bottom:8px;padding:12px 0}.progress-dot{background:#e88d7d33}.progress-dot.active{background:#e88d7d;box-shadow:0 0 8px #e88d7d80}.progress-dot.completed{background:#2ed573}.dark-mode .progress-dot{background:#ffffff26}.dark-mode .progress-dot.active{background:#e88d7d}.dark-mode .progress-dot.completed{background:#2ed573}.study-card-footer-stacked{align-items:center;flex-direction:column;gap:16px;justify-content:center;padding:24px 24px 32px}.study-completion-message{color:var(--text-secondary);font-family:Kalam,Patrick Hand,cursive;font-size:18px;text-align:center}.dark-mode .study-completion-message{color:#ffffffb3}.study-flashcard-summary,.study-quiz-summary{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.study-flashcard-summary .summary-item,.study-quiz-summary .summary-item{align-items:center;border-radius:20px;display:flex;font-family:Patrick Hand,cursive;font-size:15px;gap:6px;padding:10px 16px}.study-flashcard-summary .summary-item svg,.study-quiz-summary .summary-item svg{height:16px;width:16px}.study-flashcard-summary .summary-item.got-it,.study-quiz-summary .summary-item.got-it{background:#2ed57326;color:#2ed573}.study-flashcard-summary .summary-item.need-review,.study-quiz-summary .summary-item.need-review{background:#ffa50026;color:orange}.study-review-badge{align-items:center;animation:reviewBadgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffa50026,#ffc1071a);border:1px solid #ffa50040;border-radius:20px;color:#f59e0b;display:flex;font-family:Patrick Hand,cursive;font-size:14px;gap:8px;justify-content:center;margin:0 24px 12px;padding:8px 16px}.study-review-badge svg{height:16px;width:16px}.dark-mode .study-review-badge{background:linear-gradient(135deg,#ffa5001f,#ffc10714);border-color:#ffa50033;color:#fbbf24}@keyframes reviewBadgePulse{0%,to{opacity:1}50%{opacity:.7}}.study-streaming-badge{align-items:center;background:linear-gradient(135deg,#6366f11f,#8b5cf614);border:1px solid #6366f133;border-radius:16px;color:#6366f1;display:flex;font-family:Patrick Hand,cursive;font-size:13px;gap:8px;justify-content:center;margin:0 24px 12px;padding:6px 14px}.study-streaming-dot{animation:streamingPulse 1.2s ease-in-out infinite;background:#6366f1;border-radius:50%;height:8px;width:8px}@keyframes streamingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.dark-mode .study-streaming-badge{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f140;color:#818cf8}.dark-mode .study-streaming-dot{background:#818cf8}.study-streaming-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px 24px;text-align:center}.study-streaming-loading .study-loading-spinner{animation:spin 1s linear infinite;border:3px solid #6366f133;border-radius:50%;border-top-color:#6366f1;height:48px;width:48px}.study-streaming-loading .study-loading-text{color:var(--text-primary);font-family:Kalam,Patrick Hand,cursive;font-size:20px;font-weight:600;margin:0}.study-streaming-loading .study-loading-subtext{color:var(--text-muted);font-family:Patrick Hand,cursive;font-size:15px;margin:0}.study-flashcard-btn.next{align-items:center;background:linear-gradient(135deg,#64b5f6,#42a5f5);border:none;border-radius:25px;box-shadow:0 4px 12px #64b5f64d;color:#fff;cursor:pointer;display:flex;font-family:Patrick Hand,cursive;font-size:16px;gap:8px;padding:12px 24px;transition:all .2s ease}.study-flashcard-btn.next:hover{box-shadow:0 6px 16px #64b5f666;transform:translateY(-2px)}.study-flashcard-btn.next svg{height:18px;width:18px}.study-quiz-summary{background:#e88d7d14;border-radius:16px;gap:20px;margin-bottom:16px;padding:16px}.quiz-score-circle,.study-quiz-summary{align-items:center;display:flex;justify-content:center}.quiz-score-circle{background:linear-gradient(135deg,#e88d7d,#d67a6a);border-radius:50%;box-shadow:0 4px 12px #e88d7d4d;height:64px;width:64px}.quiz-score-circle .score-percent{color:#fff;font-family:Patrick Hand,cursive;font-size:20px;font-weight:700}.quiz-score-details{display:flex;flex-direction:column;gap:6px}.quiz-score-details .score-correct,.quiz-score-details .score-incorrect{align-items:center;display:flex;font-family:Patrick Hand,cursive;font-size:14px;gap:6px}.quiz-score-details .score-correct{color:#2ed573}.quiz-score-details .score-incorrect{color:#ff6b6b}.quiz-score-details svg{height:14px;width:14px}@media (max-width:600px){.study-progress-dots{gap:6px}.progress-dot{height:8px;width:8px}.study-card-progress{padding:4px 10px}.study-card-progress .progress-current{font-size:16px}.study-flashcard-summary{flex-direction:column;gap:8px}.study-quiz-summary{flex-direction:column;gap:12px}.quiz-score-circle{height:56px;width:56px}.quiz-score-circle .score-percent{font-size:18px}}.study-step-card:has(.study-audio-wrapper){margin:0 auto;max-width:600px}.study-step-card:has(.study-audio-wrapper) .study-card-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:40px 48px}.study-audio-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.study-audio-wrapper .audio-player-container,.study-audio-wrapper .chat-audio-player{max-width:450px;transform:scale(1.15);transform-origin:center center;width:100%}.study-step-card:has(.study-audio-wrapper) .study-card-footer{display:flex;justify-content:center}.study-audio-generating{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.study-audio-status{color:#6b6b6b;color:var(--text-secondary,#6b6b6b);font-size:16px;margin-top:16px}.study-audio-loading-bars{align-items:center;display:flex;gap:6px;height:50px;justify-content:center}.study-audio-loading-bar{animation:audioBarPulse 1s ease-in-out infinite;background:#e88d7d;background:var(--study-coral,#e88d7d);border-radius:3px;height:30px;width:6px}.study-audio-loading-bar:first-child{animation-delay:0s}.study-audio-loading-bar:nth-child(2){animation-delay:.1s}.study-audio-loading-bar:nth-child(3){animation-delay:.2s}.study-audio-loading-bar:nth-child(4){animation-delay:.3s}.study-audio-loading-bar:nth-child(5){animation-delay:.4s}@keyframes audioBarPulse{0%,to{opacity:.6;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.study-celebration-inline{align-items:center;animation:inlineCelebrationFadeIn .3s ease-out;background:linear-gradient(135deg,#58d68d26,#48c7741a);border-radius:16px;display:flex;justify-content:center;min-height:350px;overflow:hidden;position:relative;width:100%}.study-celebration-inline .celebration-confetti{height:100%;left:0;position:absolute;right:0;top:0}.study-celebration-inline .celebration-content{max-width:100%;padding:24px}.study-celebration-inline .celebration-message{font-size:28px;margin-bottom:12px}.study-celebration-inline .celebration-mascot{margin-bottom:16px}.study-celebration-inline .celebration-stats{gap:10px;margin-bottom:20px}.study-celebration-inline .stat-card{min-width:80px;padding:10px 16px}.study-celebration-inline .stat-label{font-size:10px;margin-bottom:4px}.study-celebration-inline .stat-icon{font-size:18px}.study-celebration-inline .stat-number{font-size:22px}.study-celebration-inline .celebration-continue-btn{border-radius:12px;font-size:18px;padding:14px 36px}.study-celebration-inline .sparkle{font-size:18px}.study-celebration-inline .confetti-particle{height:8px;width:8px}@keyframes inlineCelebrationFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dark-mode .study-celebration-inline{background:linear-gradient(135deg,#58d68d1f,#48c77414)}.study-celebration-overlay{align-items:center;animation:celebrationFadeIn .3s ease-out;background:linear-gradient(180deg,#4b555ff7,#3c4650fa 50%,#323c46);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}.celebration-confetti{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.confetti-particle{animation:confettiFall 2s ease-out forwards;border-radius:2px;height:12px;position:absolute;top:-20px;width:12px}.confetti-0{background:gold}.confetti-1{background:#ff6b6b}.confetti-2{background:#4ecdc4}.confetti-3{background:#45b7d1}.confetti-4{background:#96ceb4}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(100vh) rotate(2turn) scale(.5)}}.celebration-content{align-items:center;display:flex;flex-direction:column;max-width:400px;opacity:0;padding:40px;text-align:center;transform:translateY(30px);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.celebration-content.visible{opacity:1;transform:translateY(0)}.celebration-mascot{animation:mascotBounce .6s ease-out;margin-bottom:24px;position:relative}.mascot-sparkles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.sparkle{animation:sparkleFloat 1.5s ease-in-out infinite;font-size:24px}.sparkle-1{left:-20px;top:-10px}.sparkle-2{animation-delay:.3s;right:-25px;top:20px}.sparkle-3{animation-delay:.6s;bottom:10px;left:-15px}.celebration-message{animation:messagePopIn .4s ease-out .1s both;color:#7dd3a0;font-family:Kalam,Patrick Hand,cursive;font-size:42px;font-weight:700;margin:0 0 20px;text-shadow:2px 3px 0 #0003}@keyframes messagePopIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.celebration-stats{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px;opacity:0;transform:translateY(20px);transition:all .4s ease-out}.celebration-stats.visible{opacity:1;transform:translateY(0)}.stat-card{animation:statCardPop .4s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;min-width:100px;padding:16px 24px}.stat-card:first-child{animation-delay:.5s}.stat-card:nth-child(2){animation-delay:.65s}.stat-card:nth-child(3){animation-delay:.8s}@keyframes statCardPop{0%{opacity:0;transform:scale(0) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.stat-label{color:#ffffffd9;display:block;font-weight:700;letter-spacing:1px;margin-bottom:8px}.stat-value{align-items:center;display:flex;gap:6px;justify-content:center}.stat-icon{font-size:22px}.stat-number{color:#fff;font-size:28px}.xp-card{background:linear-gradient(135deg,#ffd7004d,#ffc10733);border-color:#ffd70080}.perfect-card{background:linear-gradient(135deg,#2ed5734d,#27ae6033);border-color:#2ed57380}.time-card{background:linear-gradient(135deg,#4ecdc44d,#45b7d133);border-color:#4ecdc480}.celebration-continue-btn{animation:buttonAppear .4s ease-out .9s both;background:linear-gradient(135deg,#58d68d,#48c774);border:none;border-radius:16px;box-shadow:0 4px 0 #3db36b,0 8px 24px #0003;color:#fff;cursor:pointer;font-family:Kalam,Patrick Hand,cursive;font-size:20px;font-weight:700;padding:18px 48px;transition:all .2s ease}.celebration-continue-btn:hover{background:linear-gradient(135deg,#65dc98,#52d27e);box-shadow:0 6px 0 #3db36b,0 12px 32px #00000040;transform:translateY(-3px)}.celebration-continue-btn:active{box-shadow:0 2px 0 #3db36b,0 4px 16px #0003;transform:translateY(2px)}body.dark-mode .study-celebration-overlay{background:linear-gradient(180deg,#2d3237fa,#23282d 50%,#1c2024)}body.dark-mode .celebration-message{color:#7dd3a0}body.dark-mode .celebration-continue-btn{background:linear-gradient(135deg,#48c774,#3db36b);color:#fff}body.dark-mode .celebration-continue-btn:hover{background:linear-gradient(135deg,#58d68d,#48c774)}@media (max-width:480px){.celebration-content{padding:24px}.celebration-message{font-size:32px}.celebration-stats{gap:10px}.stat-card{min-width:85px;padding:12px 18px}.stat-number{font-size:24px}.celebration-continue-btn{font-size:18px;padding:14px 36px}}.study-review-transition{animation:reviewTransitionFadeIn .4s ease-out;background:linear-gradient(135deg,#ffc1071f,#ff980014);border-radius:16px;flex-direction:column;min-height:300px;padding:40px 24px;text-align:center}.review-transition-icon,.study-review-transition{align-items:center;display:flex;justify-content:center}.review-transition-icon{animation:reviewIconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;height:80px;margin-bottom:20px;width:80px}.review-transition-icon svg{stroke:#fff;color:#fff;height:40px;width:40px}.review-transition-title{color:#2c2c2c;color:var(--text-primary,#2c2c2c);font-size:28px;font-weight:700;margin:0 0 12px}.review-transition-message{color:#6b6b6b;color:var(--text-secondary,#6b6b6b);font-size:16px;line-height:1.5;margin:0 0 28px;max-width:280px}@keyframes reviewTransitionFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes reviewIconPulse{0%,to{box-shadow:0 4px 20px #ff98004d;transform:scale(1)}50%{box-shadow:0 6px 30px #ff980080;transform:scale(1.05)}}.dark-mode .study-review-transition{background:linear-gradient(135deg,#ffc1072e,#ff98001f)}.dark-mode .review-transition-title{color:#fff;text-shadow:0 1px 3px #0006}.dark-mode .review-transition-message{color:#e8e8e8;text-shadow:0 1px 2px #0000004d}.study-milestone-inline{background:linear-gradient(135deg,#64b5f626,#42a5f51a)}.study-milestone-inline .celebration-message{color:#2c2c2c;color:var(--text-primary,#2c2c2c);font-size:24px}.dark-mode .study-milestone-inline{background:linear-gradient(135deg,#64b5f626,#42a5f51a)}.dark-mode .study-milestone-inline .celebration-message{color:#fff;text-shadow:0 1px 3px #0006}.review-confirm-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.review-confirm-modal{animation:slideUp .3s cubic-bezier(.68,-.55,.265,1.55);background:#fffef9;background:var(--bg-paper,#fffef9);border-radius:20px;box-shadow:0 20px 60px #0003;max-width:380px;padding:32px;text-align:center;width:90%}.review-confirm-icon{align-items:center;background:linear-gradient(135deg,#f4a896,#e88d7d);background:linear-gradient(135deg,var(--study-coral-light,#f4a896) 0,var(--study-coral,#e88d7d) 100%);border-radius:50%;color:#fff;display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.review-confirm-icon svg{height:36px;width:36px}.review-confirm-title{color:#3d3d3d;color:var(--text-primary,#3d3d3d);font-size:1.4rem;font-weight:700;margin:0 0 12px}.review-confirm-description{color:#6b6b6b;color:var(--text-secondary,#6b6b6b);font-size:.95rem;line-height:1.5;margin:0 0 20px}.review-confirm-xp{align-items:center;background:linear-gradient(135deg,#fff8b8,#ffeea8);border:2px dashed #d4c86a;border-radius:12px;display:flex;gap:8px;justify-content:center;margin-bottom:24px;padding:12px 20px}.review-confirm-xp .xp-badge{background:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#7a6b0a;font-size:1.1rem;font-weight:800;padding:4px 12px}.review-confirm-xp .xp-text{color:#7a6b0a;font-size:.9rem;font-weight:500}.review-confirm-buttons{display:flex;gap:12px}.review-confirm-cancel{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:12px;color:#6b6b6b;color:var(--text-secondary,#6b6b6b);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .2s ease}.review-confirm-cancel:hover{background:#ebebeb;border-color:#d0d0d0}.review-confirm-button{background:linear-gradient(135deg,#e88d7d,#c46a5a);background:linear-gradient(135deg,var(--study-coral,#e88d7d) 0,var(--study-coral-dark,#c46a5a) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #e88d7d4d;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .2s ease}.review-confirm-button:hover{box-shadow:0 6px 16px #e88d7d66;transform:translateY(-2px)}.review-confirm-button:active{transform:translateY(0)}.dark-mode .review-confirm-modal{background:#2a2a2a}.dark-mode .review-confirm-title{color:#fff}.dark-mode .review-confirm-description{color:#b0b0b0}.dark-mode .review-confirm-xp{background:linear-gradient(135deg,#fff8b826,#ffeea81a);border-color:#d4c86a4d}.dark-mode .review-confirm-xp .xp-badge{background:#ffffff1a;color:#ffd54f}.dark-mode .review-confirm-xp .xp-text{color:#ffd54f}.dark-mode .review-confirm-cancel{background:#3a3a3a;border-color:#4a4a4a;color:#b0b0b0}.dark-mode .review-confirm-cancel:hover{background:#444;border-color:#555}.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}.quiz-rationale{background:#3b82f614;border-left:3px solid #3b82f6;border-radius:6px;color:#1e40af;font-size:13px;line-height:1.5;margin-top:12px;padding:12px}.quiz-rationale strong{color:#1d4ed8}.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 .quiz-rationale{background:#3b82f61f;border-left-color:#60a5fa;color:#93c5fd}body.dark-mode .quiz-rationale strong{color:#60a5fa}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-coral-hover:#d67a6a;--primary-coral-dark:#c46a5a;--primary-coral-light:#f4a896;--primary-peach:#f8c8c4;--dark-accent:#b8a5d4;--dark-accent-hover:#a894c9;--dark-accent-light:#d4c8e8;--dark-accent-muted:#c8b4dc26;--dark-bg-primary:#1a1a1a;--dark-bg-secondary:#2f2f2f;--dark-bg-tertiary:#3d3d3d;--dark-bg-elevated:#262626;--dark-border:#ffffff14;--dark-border-accent:#c8b4dc40;--primary-purple:#e88d7d;--primary-purple-hover:#d67a6a;--primary-purple-dark:#c46a5a;--primary-purple-light:#f4a896;--glass-bg:#fffef9f2;--glass-bg-strong:#fffef9fa;--glass-border:#e88d7d26;--glass-shadow:0 8px 32px 0 #64503c14;--gradient-primary:linear-gradient(135deg,#e88d7d,#f4a896);--gradient-mesh:radial-gradient(at 0% 0%,#f8c8c433 0px,#0000 50%),radial-gradient(at 100% 0%,#fff3cd26 0px,#0000 50%);--bg-warm:#fff5eb;--text-white:#fff;--blur-sm:blur(8px);--blur-md:blur(12px);--blur-lg:blur(16px);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-wobbly:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:50%;--shadow-sm:0 2px 8px #64503c0f;--shadow-md:0 4px 16px #64503c14;--shadow-lg:0 8px 32px #64503c1a;--font-accent:"Caveat",cursive}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#fffef9,#fdf8f3);background:linear-gradient(180deg,var(--bg-paper) 0,var(--bg-cream) 100%);font-family:Outfit,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0}body.dark-mode{background:#1a1a1a;background:var(--dark-bg-primary);margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-wrapper{background:linear-gradient(180deg,#fffef9,#fdf8f3);background:linear-gradient(180deg,var(--bg-paper) 0,var(--bg-cream) 100%);background-image:radial-gradient(at 0 0,#f8c8c433 0,#0000 50%),radial-gradient(at 100% 0,#fff3cd26 0,#0000 50%);background-image:var(--gradient-mesh);display:flex;font-family:Outfit,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;position:relative}body.dark-mode .app-wrapper{background:#1a1a1a;background:var(--dark-bg-primary);background-image:none}.app-global-brand{align-items:center;display:flex;gap:10px;position:fixed;top:16px;transition:left .3s cubic-bezier(.4,0,.2,1);transition:left var(--transition-normal);z-index:1001}.app-global-brand.sidebar-open{left:336px}.app-global-brand.sidebar-closed{left:96px}.app-brand-logo{flex-shrink:0;height:32px;width:32px}.app-brand-name{color:#e88d7d;color:var(--primary-coral);font-family:Patrick Hand,cursive;font-size:20px;font-weight:600;letter-spacing:.5px}body.dark-mode .app-brand-name{color:#b8a5d4;color:var(--dark-accent)}@media (max-width:768px){.app-global-brand{display:none}}.sidebar{background:linear-gradient(180deg,#fffef9,#fdf8f3);background:linear-gradient(180deg,var(--bg-paper) 0,var(--bg-cream) 100%);border:none;border-radius:0;border-right:1px solid #e88d7d1f;box-shadow:4px 0 24px #64503c14;display:flex;flex-direction:column;height:100vh;left:-340px;margin:0;overflow:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:320px;z-index:1000}.sidebar.open{left:0}.sidebar-header{align-items:center;background:linear-gradient(180deg,#fffef9,#fdf8f3fa);background:linear-gradient(180deg,var(--bg-paper) 0,#fdf8f3fa 100%);border-bottom:1px dashed #e88d7d33;border-radius:0;display:flex;justify-content:space-between;min-height:60px;padding:10px}.sidebar-title{color:#c46a5a;color:var(--primary-coral-dark);flex:1 1;font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:18px;font-weight:600;letter-spacing:.5px;text-align:center}.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:#e88d7d14}.chat-view-toggle .toggle-track{border-radius:10px;height:20px;position:relative;transition:all .3s ease;width:38px}.chat-view-toggle .toggle-track.my-chats{background:linear-gradient(135deg,#e88d7d,#f4a896)}.chat-view-toggle .toggle-track.all-chats{background:linear-gradient(135deg,#c46a5a,#e88d7d)}.chat-view-toggle .toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 1px 3px #64503c33;display:flex;font-size:9px;height:16px;justify-content:center;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:16px}.chat-view-toggle .toggle-track.my-chats .toggle-thumb{left:2px}.chat-view-toggle .toggle-track.all-chats .toggle-thumb{left:calc(100% - 18px)}.chat-view-toggle .toggle-label{color:#3d3d3d;color:var(--text-primary);font-size:13px;font-weight:500}.close-sidebar{align-items:center;background:#0000;border:none;border-radius:50%;color:#e88d7d;color:var(--primary-coral);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;margin-left:12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.close-sidebar:hover{background:#e88d7d1a;color:#c46a5a;color:var(--primary-coral-dark)}.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:#e8dff5;border:1px solid #00000014;border-radius:12px;box-shadow:none;color:#2d2d2d;cursor:pointer;font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:15px;font-weight:600;letter-spacing:.3px;margin:12px 16px;padding:12px 16px;transition:all .2s ease;width:calc(100% - 32px)}.new-chat-button:hover{background:#ddd0f0;border-color:#0000001a;box-shadow:0 2px 8px #00000014;transform:none}.new-chat-button:active{box-shadow:none;transform:scale(.98)}.conversations-list{background:#0000;flex:1 1;overflow-y:auto;padding:8px}.conversations-list::-webkit-scrollbar{width:8px}.conversations-list::-webkit-scrollbar-track{background:#e88d7d0d;border-radius:4px}.conversations-list::-webkit-scrollbar-thumb{background:#e88d7d40;border-radius:4px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#e88d7d66}.conversation-item{align-items:center;background:linear-gradient(180deg,#fffef9,#fff8f0);border:1.5px solid #64646414;border-radius:6px 12px 8px 6px;box-shadow:2px 2px 0 #3c3c3c0a;cursor:pointer;display:flex;margin-bottom:6px;padding:12px 14px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-wobbly)}.conversation-item:hover{background:#fff;border-color:#e88d7d40;box-shadow:3px 3px 0 #3c3c3c0f;transform:translateX(3px) rotate(-.3deg)}.conversation-item.active{background:linear-gradient(135deg,#e88d7d1f,#f8c8c426);border-color:#e88d7d;border-color:var(--primary-coral);border-left-width:3px;box-shadow:3px 3px 0 #e88d7d1a;padding-left:11px}.conversation-item.active .conversation-message,.conversation-item.active .conversation-name,.conversation-item.active .conversation-time{color:#3d3d3d;color:var(--text-primary)}.conversation-item.unread .conversation-name{font-weight:600}.conversation-avatar{align-items:center;background:linear-gradient(135deg,#e88d7d26,#f8c8c433);border:1px solid #e88d7d26;border-radius:8px 10px 9px 8px;color:#c46a5a;color:var(--primary-coral-dark);display:flex;flex-shrink:0;font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:15px;font-weight:600;height:34px;justify-content:center;margin-right:12px;width:34px}.conversation-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding-right:40px}.conversation-header{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.conversation-name{color:#1f1f1f;font-size:14px;font-weight:500;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.conversation-metadata{align-items:center;color:#5f6368;display:flex;font-size:11px;gap:8px}.conversation-time{color:#5f6368;font-size:11px;white-space:nowrap}.conversation-user-id{color:#e88d7d;color:var(--primary-coral);font-size:11px;font-weight:500;white-space:nowrap}.conversation-metadata-separator{color:#dadce0;font-weight:300}.conversation-message{color:#5f6368;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.conversation-item.active .conversation-user-id{color:#c46a5a;color:var(--primary-purple-dark);font-weight:600}.file-count-badge{align-items:center;background:#e88d7d1f;border-radius:6px;color:#c46a5a;color:var(--primary-coral-dark);display:flex;font-size:11px;font-weight:500;gap:3px;padding:2px 8px;position:absolute;right:8px;top:8px}.conversation-item.active .file-count-badge{background:#e88d7d33;color:#c46a5a;color:var(--primary-coral-dark)}.paperclip-icon{font-size:10px}.file-count-number{font-weight:600;min-width:14px;text-align:center}.study-session-icon{align-items:center;color:#e88d7d;color:var(--primary-coral);display:flex;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.study-session-icon svg{height:100%;width:100%}.conversation-item.active .study-session-icon{color:#c46a5a;color:var(--primary-coral-dark)}.conversation-item.study-session{border-left:3px solid #e88d7d;border-left:3px solid var(--primary-coral)}.conversation-item.study-session.active{border-left-color:#c46a5a;border-left-color:var(--primary-coral-dark)}.unread-indicator{background:#e88d7d;background:var(--primary-coral);border-radius:50%;border-radius:var(--radius-full);height:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:6px}.sidebar-footer{background:linear-gradient(0deg,#fdf8f3,#0000);background:linear-gradient(0deg,var(--bg-cream) 0,#0000 100%);border-radius:0;border-top:1px dashed #e88d7d26;padding:12px 8px}.nav-item{align-items:center;background:#0000;border-radius:6px 10px 8px 6px;color:#6b6b6b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:4px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.nav-item svg{color:#e88d7d;color:var(--primary-coral);flex-shrink:0;opacity:.6}.nav-item:hover{background:#e88d7d1a;color:#c46a5a;color:var(--primary-coral-dark)}.nav-item:hover svg{opacity:1}.nav-item.logout-item{border-radius:0;border-top:1px dashed #6464641a;color:#999;color:var(--text-muted);font-weight:400;justify-content:space-between;margin-top:4px;padding-top:12px}.nav-item.logout-item:hover{background:#0000;color:#6b6b6b;color:var(--text-secondary)}.main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:0;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:margin-left var(--transition-normal);width:100%}.main-content.shifted{margin-left:320px}.main-content.rail-shifted{margin-left:60px}@media (max-width:768px){.main-content.rail-shifted,.main-content.shifted{margin-left:0}}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#e88d7d;color:var(--primary-coral);cursor:pointer;display:flex;font-size:20px;font-weight:300;height:36px;justify-content:center;left:20px;opacity:.7;position:fixed;top:20px;transition:all .2s ease;width:36px;z-index:1001}.sidebar-toggle:hover{background:#e88d7d1a;opacity:1}body.dark-mode .sidebar-toggle{color:#e88d7d;opacity:.7}body.dark-mode .sidebar-toggle:hover{background:#e88d7d26;opacity:1}@media (max-width: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:#2f2f2f;background:var(--dark-bg-secondary);border:none;border-right:1px solid var(--dark-border);box-shadow:none}body.dark-mode .sidebar-header{background:#2f2f2f;background:var(--dark-bg-secondary);border-bottom-color:#ffffff14;border-bottom-color:var(--dark-border)}body.dark-mode .sidebar-title{color:#b8a5d4;color:var(--dark-accent);font-weight:600;text-shadow:none}body.dark-mode .chat-view-toggle-container{border:none}body.dark-mode .chat-view-toggle:hover{background:#c8b4dc26;background:var(--dark-accent-muted)}body.dark-mode .chat-view-toggle .toggle-label{color:#a0a0a0}body.dark-mode .chat-view-toggle .toggle-track.my-chats{background:#b8a5d4;background:var(--dark-accent)}body.dark-mode .chat-view-toggle .toggle-track.all-chats{background:#a894c9;background:var(--dark-accent-hover)}body.dark-mode .new-chat-button{background:#c8b4dc33;border:1px solid #ffffff1a;border-radius:12px;box-shadow:none;color:#e5e5e5;font-weight:500}body.dark-mode .new-chat-button:hover{background:#c8b4dc4d;border-color:#ffffff26;box-shadow:none;transform:none}body.dark-mode .conversations-list{background:#0000}body.dark-mode .conversation-item{background:#0000;border:none;border-radius:8px;box-shadow:none}body.dark-mode .conversation-item:hover{background:#3d3d3d;background:var(--dark-bg-tertiary);border:none;box-shadow:none;transform:none}body.dark-mode .conversation-item.active{background:#c8b4dc26;background:var(--dark-accent-muted);border:none;box-shadow:none}body.dark-mode .conversation-name{color:#e5e5e5;font-weight:500;text-shadow:none}body.dark-mode .conversation-item.active .conversation-name{color:#fff;font-weight:600}body.dark-mode .conversation-item.active .conversation-time{color:#a0a0a0;font-weight:500}body.dark-mode .conversation-item.active .conversation-user-id{color:#d4c8e8;color:var(--dark-accent-light);font-weight:500}body.dark-mode .conversation-time{color:grey;font-weight:400}body.dark-mode .conversation-user-id{color:#b8a5d4;color:var(--dark-accent);font-weight:400}body.dark-mode .conversation-metadata-separator{color:#606060}body.dark-mode .conversation-message{color:#a0a0a0}body.dark-mode .file-count-badge{background:#c8b4dc26;background:var(--dark-accent-muted);border:none}body.dark-mode .file-count-number{color:#b8a5d4;color:var(--dark-accent)}body.dark-mode .study-session-icon{color:#e88d7d}body.dark-mode .conversation-item.active .study-session-icon{color:#f4a896}body.dark-mode .conversation-item.study-session{border-left-color:#e88d7d}body.dark-mode .conversation-item.study-session.active{border-left-color:#f4a896}body.dark-mode .sidebar-footer{background:#2f2f2f;background:var(--dark-bg-secondary);border-top-color:#ffffff14;border-top-color:var(--dark-border)}body.dark-mode .nav-item{color:#a0a0a0}body.dark-mode .nav-item svg{color:#b8a5d4;color:var(--dark-accent)}body.dark-mode .nav-item:hover{background:#c8b4dc26;background:var(--dark-accent-muted);color:#d4c8e8;color:var(--dark-accent-light)}body.dark-mode .nav-item.logout-item{border-top-color:#ffffff14;border-top-color:var(--dark-border)}body.dark-mode .nav-item.logout-item:hover{background:#0000;color:#e5e5e5}body.dark-mode .loading-message-box{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .loading-message-box.loading{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#c8b4dc40;border-color:var(--dark-border-accent,#c8b4dc40)}body.dark-mode .loading-message-box.complete-with-insights{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#10b98166}body.dark-mode .loading-text{color:#f8c4b4}body.dark-mode .progress-stats{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .stat-number{color:#f8c4b4}body.dark-mode .stat-label{color:#a0a0a0}body.dark-mode .insight-preview{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-left-color:#e88d7d}body.dark-mode .insight-text{color:#e5e5e5}body.dark-mode .insight-detail{color:#a0a0a0}body.dark-mode .summary-preview{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-left-color:#10b981;color:#e5e5e5}.pending-upload-overlay{align-items:center;background:linear-gradient(135deg,#fffef9,#fff5eb);background:linear-gradient(135deg,var(--bg-paper) 0,var(--bg-warm) 100%);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}body.dark-mode .pending-upload-overlay{background:#1a1a1a;background:var(--dark-bg-primary,#1a1a1a)}.pending-upload-content{padding:2rem;text-align:center}.pending-upload-spinner{animation:spin 1s linear infinite;border:3px solid #e88d7d33;border-radius:50%;border-top:3px solid var(--primary-coral);height:48px;margin:0 auto 1.5rem;width:48px}body.dark-mode .pending-upload-spinner{border-color:#e88d7d #e88d7d26 #e88d7d26}.pending-upload-text{color:#2d2d2d;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}body.dark-mode .pending-upload-text{color:#fff}.pending-upload-subtext{color:#666;font-size:.9rem;margin:0}body.dark-mode .pending-upload-subtext{color:#aaa}.login-prompt-file-indicator{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0;padding:.75rem 1rem}.login-prompt-file-indicator svg{color:#e88d7d;color:var(--primary-coral)}.login-prompt-file-indicator .file-name{color:#ffffffe6;font-size:.9rem;max-width:200px;word-break:break-all}.login-prompt-file-indicator .file-status{align-items:center;color:#22c55e;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.login-prompt-file-indicator .file-status:before{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;content:"";height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-prompt-reassurance{color:#fff9;font-size:.8rem;margin:1rem 0 0}body:not(.dark-mode) .login-prompt-file-indicator{background:#e88d7d1a;border:1px solid #e88d7d26}body:not(.dark-mode) .login-prompt-file-indicator .file-name{color:#4a4a6a}body:not(.dark-mode) .login-prompt-reassurance{color:#64507899}.collapsed-sidebar-rail{align-items:center;background:linear-gradient(180deg,#fffef9,#fdf8f3);background:linear-gradient(180deg,var(--bg-paper,#fffef9) 0,var(--bg-cream,#fdf8f3) 100%);border-right:1px dashed #e88d7d33;box-shadow:2px 0 12px #64503c0f;display:flex;flex-direction:column;height:100vh;left:0;padding:16px 0;position:fixed;top:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:60px;z-index:999}.collapsed-sidebar-rail.dark{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-right:1px solid #ffffff14;border-right:1px solid var(--dark-border,#ffffff14);box-shadow:none}.rail-icon-button{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:8px 12px 10px 8px;color:#6b5c52;cursor:pointer;display:flex;height:44px;justify-content:center;margin-bottom:8px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:44px}.rail-icon-button:hover{background:#e88d7d1f;border-color:#e88d7d26;color:#e88d7d;color:var(--primary-coral,#e88d7d);transform:scale(1.05) rotate(-1deg)}.rail-icon-button:active{transform:scale(.95)}.collapsed-sidebar-rail.dark .rail-icon-button{color:#a0a0a0}.collapsed-sidebar-rail.dark .rail-icon-button:hover{background:#c8b4dc26;background:var(--dark-accent-muted,#c8b4dc26);border-color:#0000;color:#d4c8e8;color:var(--dark-accent-light,#d4c8e8)}.rail-icon-button.menu-button{margin-bottom:16px}.rail-icon-button.new-chat-button{background:#e8dff5;border:1px solid #00000014;box-shadow:none;color:#2d2d2d}.rail-icon-button.new-chat-button:hover{background:#ddd0f0;box-shadow:0 2px 8px #00000014;color:#2d2d2d;transform:scale(1.05)}.collapsed-sidebar-rail.dark .rail-icon-button.new-chat-button{background:#c8b4dc33;border:1px solid #ffffff1a;box-shadow:none;color:#e5e5e5}.collapsed-sidebar-rail.dark .rail-icon-button.new-chat-button:hover{background:#c8b4dc4d}.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:linear-gradient(135deg,#3d3a38,#2d2b29);border:1px solid #e88d7d33;border-radius:6px 10px 8px 6px;box-shadow:2px 2px 8px #00000026;color:#fff;content:attr(data-tooltip);font-family:Kalam,cursive;font-family:var(--font-handwritten,"Kalam",cursive);font-size:12px;left:calc(100% + 8px);opacity:0;padding:6px 12px;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:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.theme-toggle-btn{background:#0000;border:none;border-radius:10px;color:#fff6;height:36px;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))}body.dark-mode .theme-toggle-btn{color:#fff6}body.dark-mode .theme-toggle-btn:hover{background:#ffffff14;color:#ffffffb3}@media (max-width:768px){.theme-toggle-btn{height:32px;width:32px}.theme-toggle-btn svg{height:16px;width:16px}}:root{--auth-primary-coral:#e88d7d;--auth-primary-peach:#f4a896;--auth-primary-blush:#f8c8c4;--auth-primary-dark:#d67a6a;--auth-lavender:#c9b8d4;--auth-mint:#b8d4c9;--auth-sticky-yellow:#fff8b8;--auth-sticky-pink:#ffd6e0;--auth-sticky-blue:#d4e8f8;--auth-sticky-green:#d4f8e8;--auth-bg-paper:#fffef9;--auth-bg-cream:#fdf8f3;--auth-bg-warm:#fff5eb;--auth-text-primary:#3d3d3d;--auth-text-secondary:#6b6b6b;--auth-text-muted:#999;--auth-border-subtle:#6464641f;--auth-border-accent:#e88d7d4d;--auth-font-handwritten:"Kalam","Patrick Hand",cursive;--auth-font-accent:"Caveat","Shadows Into Light",cursive;--auth-font-body:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--auth-transition-wobbly:cubic-bezier(0.68,-0.55,0.265,1.55);--auth-transition-smooth:cubic-bezier(0.25,0.46,0.45,0.94)}.auth-page{align-items:center;box-sizing:border-box;display:flex;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--auth-font-body);justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;width:100%}.auth-page,.auth-page.light-mode{background:linear-gradient(180deg,#fffef9,#fff5eb 50%,#fef0e8);background:linear-gradient(180deg,var(--auth-bg-paper) 0,var(--auth-bg-warm) 50%,#fef0e8 100%)}.auth-page.dark-mode{background:linear-gradient(180deg,#1a1612,#241e1a 50%,#2a221d)}.auth-page.light-mode:before{animation:authAmbientFloat 18s ease-in-out infinite alternate;background:radial-gradient(ellipse 70% 60% at 40% 50%,#f8c8c440 0,#fff3cd26 40%,#0000 70%);height:55%;left:-10%;top:-15%;width:55%}.auth-page.light-mode:after,.auth-page.light-mode:before{content:"";filter:blur(40px);pointer-events:none;position:absolute}.auth-page.light-mode:after{animation:authAmbientFloat 22s ease-in-out infinite alternate-reverse;background:radial-gradient(ellipse 60% 70% at 60% 50%,#d4e5d733 0,#c9b8d426 40%,#0000 70%);bottom:-20%;height:50%;right:-10%;width:50%}.auth-page.dark-mode:before{animation:authAmbientFloat 18s ease-in-out infinite alternate;background:radial-gradient(ellipse,#e88d7d14 0,#0000 60%);content:"";height:55%;left:-10%;pointer-events:none;position:absolute;top:-15%;width:55%}.auth-page.dark-mode:after{animation:authAmbientFloat 22s ease-in-out infinite alternate-reverse;background:radial-gradient(ellipse,#c9b8d40f 0,#0000 60%);bottom:-20%;content:"";height:50%;pointer-events:none;position:absolute;right:-10%;width:50%}@keyframes authAmbientFloat{0%{transform:translate(0) scale(1)}to{transform:translate(25px,15px) scale(1.08)}}.auth-page .doodle-elements{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.auth-page .star-doodle{animation:starTwinkle 4s ease-in-out infinite;color:#e88d7d;color:var(--auth-primary-coral);font-family:Caveat,Shadows Into Light,cursive;font-family:var(--auth-font-accent);opacity:.2;position:absolute}.auth-page .star-doodle-1{animation-delay:0s;font-size:28px;left:10%;top:15%;transform:rotate(-15deg)}.auth-page .star-doodle-2{animation-delay:1.5s;font-size:22px;right:12%;top:25%;transform:rotate(10deg)}.auth-page .star-doodle-3{animation-delay:.8s;bottom:20%;font-size:18px;left:15%;transform:rotate(5deg)}@keyframes starTwinkle{0%,to{opacity:.15;transform:scale(1) rotate(0deg);transform:scale(1) rotate(var(--rotate,0deg))}50%{opacity:.3;transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(var(--rotate,0deg))}}.auth-theme-toggle{position:absolute;right:20px;top:20px;z-index:100}.login-container{animation:authSlideUp .5s cubic-bezier(.68,-.55,.265,1.55);animation:authSlideUp .5s var(--auth-transition-wobbly);border-radius:8px 20px 12px 8px;display:flex;flex-direction:column;gap:20px;max-width:420px;padding:40px 36px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s var(--auth-transition-smooth);width:100%;z-index:10}.light-mode .login-container{background:linear-gradient(180deg,#fffef9,#fff8f0);border:1.5px solid #6464641f;border:1.5px solid var(--auth-border-subtle);box-shadow:4px 4px 0 #3c3c3c14,0 10px 30px #64503c14}.dark-mode .login-container{background:linear-gradient(180deg,#2d2620f2,#231c16f2);border:1.5px solid #ffffff14;box-shadow:4px 4px 0 #0003,0 10px 30px #0000004d}@keyframes authSlideUp{0%{opacity:0;transform:translateY(30px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}.auth-mascot{animation:mascotBounce .6s cubic-bezier(.68,-.55,.265,1.55) .2s both;animation:mascotBounce .6s var(--auth-transition-wobbly) .2s both;display:flex;justify-content:center;margin-bottom:8px}@keyframes mascotBounce{0%{opacity:0;transform:scale(.8) translateY(10px)}60%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-container h2{align-self:center;display:inline-block;font-family:Kalam,Patrick Hand,cursive;font-family:var(--auth-font-handwritten);font-size:26px;font-weight:600;letter-spacing:.01em;margin:0;position:relative;text-align:center;transition:color .3s ease}.light-mode .login-container h2{color:#3d3d3d;color:var(--auth-text-primary)}.dark-mode .login-container h2{color:#f5f0eb}.login-container h2:before{background:#ffeb7a66;border-radius:2px;bottom:4px;content:"";height:35%;left:-6px;position:absolute;right:-6px;transform:rotate(-.5deg);z-index:-1}.dark-mode .login-container h2:before{background:#e88d7d33}.return-message{border-radius:6px 12px 8px 6px;box-shadow:2px 2px 0 #3c3c3c0f;font-size:14px;font-weight:500;line-height:1.5;padding:14px 18px;text-align:center;transform:rotate(-.5deg);transition:all .3s ease}.light-mode .return-message{background:linear-gradient(180deg,#fff8b8,#fff3a0);background:linear-gradient(180deg,var(--auth-sticky-yellow) 0,#fff3a0 100%);border:1.5px solid #6464641a;color:#3d3d3d;color:var(--auth-text-primary)}.dark-mode .return-message{background:linear-gradient(180deg,#e88d7d33,#c9b8d426);border:1px solid #e88d7d40;color:#f5f0eb}.error-message{animation:authShake .4s;border-radius:6px 12px 8px 6px;padding:14px 18px;transform:rotate(.3deg)}.light-mode .error-message{background:linear-gradient(180deg,#ffe0e0,#ffd0d0);border:1.5px solid #c5303033;box-shadow:2px 2px 0 #c5303014;color:#c53030}.dark-mode .error-message{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}@keyframes authShake{0%,to{transform:translateX(0) rotate(.3deg)}25%{transform:translateX(-6px) rotate(-.5deg)}75%{transform:translateX(6px) rotate(.5deg)}}.success-message{border-radius:6px 12px 8px 6px;font-size:14px;padding:14px 18px;transform:rotate(-.3deg)}.light-mode .success-message{background:linear-gradient(180deg,#d4f8e8,#c0f0dc);border:1.5px solid #1e7e4e33;box-shadow:2px 2px 0 #1e7e4e14;color:#1e7e4e}.dark-mode .success-message{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}.login-form{gap:18px}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{font-family:Kalam,Patrick Hand,cursive;font-family:var(--auth-font-handwritten);font-size:15px;font-weight:500;letter-spacing:.01em;transition:color .3s ease}.light-mode .input-group label{color:#6b6b6b;color:var(--auth-text-secondary)}.dark-mode .input-group label{color:#f5f0ebb3}.input-group input{border-radius:8px 12px 10px 8px;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--auth-font-body);font-size:15px;outline:none;padding:14px 16px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s var(--auth-transition-smooth)}.light-mode .input-group input{background:linear-gradient(180deg,#fff,#fffcf7);border:1.5px solid #6464641f;border:1.5px solid var(--auth-border-subtle);box-shadow:2px 2px 0 #3c3c3c08;color:#3d3d3d;color:var(--auth-text-primary)}.light-mode .input-group input::placeholder{color:#999;color:var(--auth-text-muted)}.light-mode .input-group input:focus{background:#fff;border-color:#e88d7d;border-color:var(--auth-primary-coral);box-shadow:3px 3px 0 #3c3c3c0d,0 0 0 3px #e88d7d1f;transform:translateY(-1px)}.dark-mode .input-group input{background:#ffffff0d;border:1px solid #ffffff1a;color:#f5f0eb}.dark-mode .input-group input::placeholder{color:#f5f0eb66}.dark-mode .input-group input:focus{background:#ffffff14;border-color:#e88d7d;border-color:var(--auth-primary-coral);box-shadow:0 0 0 3px #e88d7d33}.login-button{border:1px solid #0000;border-radius:12px;cursor:pointer;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--auth-font-body);font-size:15px;font-weight:600;letter-spacing:.01em;margin-top:4px;overflow:hidden;padding:14px 24px;position:relative;transition:all .2s ease}.light-mode .login-button{background:#e8dff5;border-color:#00000014;box-shadow:none;color:#2d2d2d}.light-mode .login-button:hover:not(:disabled){background:#ddd0f0;box-shadow:0 2px 8px #00000014;transform:none}.dark-mode .login-button{background:#c8b4dc33;border-color:#ffffff1a;box-shadow:none;color:#e5e5e5}.dark-mode .login-button:hover:not(:disabled){background:#c8b4dc4d;box-shadow:none;transform:none}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.apple-login-button,.google-login-button{align-items:center;border-radius:8px 12px 10px 8px;cursor:pointer;display:flex;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--auth-font-body);font-size:15px;font-weight:600;gap:12px;justify-content:center;letter-spacing:.01em;padding:14px 24px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s var(--auth-transition-smooth)}.light-mode .google-login-button{background:linear-gradient(180deg,#fff,#fffcf7);border:1.5px solid #6464641f;border:1.5px solid var(--auth-border-subtle);box-shadow:2px 2px 0 #3c3c3c0d;color:#3d3d3d;color:var(--auth-text-primary)}.light-mode .google-login-button:hover:not(:disabled){background:#fff;border-color:#e88d7d4d;border-color:var(--auth-border-accent);box-shadow:3px 3px 0 #3c3c3c14;transform:translateX(3px) rotate(-.3deg)}.dark-mode .google-login-button{background:#ffffff14;border:1px solid #ffffff1f;color:#f5f0eb}.dark-mode .google-login-button:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.google-logo{flex-shrink:0;height:20px;width:20px}.light-mode .apple-login-button{background:linear-gradient(180deg,#2d2d2d,#1a1a1a);border:1.5px solid #000c;box-shadow:2px 2px 0 #00000026;color:#fff}.light-mode .apple-login-button:hover:not(:disabled){background:#1a1a1a;box-shadow:3px 3px 0 #0003;transform:translateX(3px) rotate(-.3deg)}.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)}.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-family:Caveat,Shadows Into Light,cursive;font-family:var(--auth-font-accent);font-size:14px;gap:16px;margin:8px 0}.light-mode .auth-divider{color:#999;color:var(--auth-text-muted)}.dark-mode .auth-divider{color:#f5f0eb66}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px}.light-mode .auth-divider:after,.light-mode .auth-divider:before{background:linear-gradient(90deg,#0000,#6464641f 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--auth-border-subtle) 50%,#0000 100%)}.dark-mode .auth-divider:after,.dark-mode .auth-divider:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000)}.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}.light-mode .login-links p{color:#6b6b6b;color:var(--auth-text-secondary)}.dark-mode .login-links p{color:#f5f0eb99}.login-links a{font-family:Kalam,Patrick Hand,cursive;font-family:var(--auth-font-handwritten);font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.light-mode .login-links a{color:#e88d7d;color:var(--auth-primary-coral)}.light-mode .login-links a:hover{color:#d67a6a;color:var(--auth-primary-dark)}.dark-mode .login-links a{color:#f4a896;color:var(--auth-primary-peach)}.dark-mode .login-links a:hover{color:#e88d7d;color:var(--auth-primary-coral)}.login-links a:after{border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.light-mode .login-links a:after{background:#e88d7d;background:var(--auth-primary-coral)}.dark-mode .login-links a:after{background:#f4a896;background:var(--auth-primary-peach)}.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 #e88d7d;outline:2px solid var(--auth-primary-coral);outline-offset:2px}.input-group input:focus-visible{outline:2px solid #e88d7d;outline:2px solid var(--auth-primary-coral);outline-offset:2px}@media (max-width:480px){.auth-page{padding:16px}.auth-theme-toggle{right:16px;top:16px}.login-container{border-radius:8px 16px 10px 8px;padding:32px 24px}.login-container h2{font-size:24px}.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}.auth-page .star-doodle{display:none}}@media (max-width:360px){.login-container{padding:24px 20px}.login-container h2{font-size:22px}}:root{--primary-coral:#e88d7d;--primary-peach:#f4a896;--primary-blush:#f8c8c4;--primary-lavender:#c9b8d4;--accent-butter:#fff3cd;--accent-sage:#d4e5d7;--accent-sky:#d6eaf8;--accent-rose:#fce4ec;--accent-cream:#fffaf3;--accent-highlight-yellow:#ffeb7aa6;--accent-highlight-pink:#ffb6c180;--accent-highlight-green:#90ee9066;--sticky-yellow:#fff8b8;--sticky-pink:#ffd6e0;--sticky-blue:#d4f0fc;--sticky-green:#d8f5d8;--sticky-orange:#ffe4cc;--text-primary:#3d3d3d;--text-secondary:#6b6b6b;--text-muted:#999;--text-handwritten:#4a4a4a;--bg-paper:#fffef9;--bg-cream:#fdf8f3;--bg-warm:linear-gradient(180deg,#fffef9,#fff5eb 50%,#fef0e8);--bg-gradient-start:#fffef9;--bg-gradient-end:#fef0e8;--line-color:#c8c8c833;--margin-line:#ff969640;--shadow-paper:0 2px 8px #0000000f,0 8px 24px #0000000a;--shadow-sticky:2px 3px 8px #0000001f;--shadow-lifted:0 12px 32px #00000014;--shadow-pop:3px 3px 0px #3c3c3ccc;--border-pop:2px solid #3d3d3d;--border-sketch:2px solid #4a4a4a;--border-gentle:1px solid #0000000f;--border-dashed:2px dashed #6464644d;--radius-organic-sm:8px 12px 8px 10px;--radius-organic-md:16px 20px 14px 18px;--radius-organic-lg:24px 28px 20px 26px;--radius-soft:20px;--radius-pill:100px;--radius-card:24px;--transition-smooth:cubic-bezier(0.4,0,0.2,1);--transition-bounce:cubic-bezier(0.34,1.56,0.64,1);--transition-wobbly:cubic-bezier(0.68,-0.55,0.265,1.55);--font-main:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-handwritten:"Kalam","Patrick Hand",cursive;--font-accent:"Caveat","Shadows Into Light",cursive;--font-serif:"Fraunces",Georgia,serif}.quiz-landing-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(180deg,#fffef9,#fff5eb 50%,#fef0e8);background:var(--bg-warm);background-attachment:fixed;box-sizing:border-box;color:#3d3d3d;color:var(--text-primary);display:flex;flex-direction:column;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);min-height:100vh;overflow-x:hidden;position:relative;text-rendering:optimizeLegibility;width:100%}.quiz-landing-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.015}.quiz-landing-page:after,.quiz-landing-page:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.quiz-landing-page:after{background-image:repeating-linear-gradient(#0000,#0000 27px,#c8c8c833 28px);background-image:repeating-linear-gradient(#0000 0,#0000 27px,var(--line-color) 28px);background-size:100% 28px;opacity:.4}.hero-section{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:80px 20px 40px;position:relative;width:100%}.landing-ambient-glow{animation:watercolorFloat 15s ease-in-out infinite;background:radial-gradient(ellipse 70% 50% at 50% 40%,#f8c8c433 0,#fff3cd26 30%,#d4e5d71a 60%,#0000 80%);filter:blur(80px);height:600px;left:50%;pointer-events:none;position:absolute;top:10%;transform:translateX(-50%);width:800px}@keyframes watercolorFloat{0%,to{opacity:.6;transform:translateX(-50%) translateY(0) scale(1) rotate(0deg)}25%{opacity:.7;transform:translateX(-52%) translateY(-15px) scale(1.02) rotate(1deg)}50%{opacity:.8;transform:translateX(-48%) translateY(-25px) scale(1.05) rotate(-1deg)}75%{opacity:.65;transform:translateX(-50%) translateY(-10px) scale(1.01) rotate(.5deg)}}.doodle-elements{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.coffee-ring{animation:coffeeAppear 1s ease-out .5s both;border:3px solid #b48c6414;border-radius:50%;height:80px;position:absolute;right:12%;top:8%;transform:rotate(15deg);width:80px}.coffee-ring:before{border:2px solid #b48c640d;border-radius:50%;content:"";inset:5px;position:absolute}@keyframes coffeeAppear{0%{opacity:0;transform:rotate(15deg) scale(.8)}to{opacity:1;transform:rotate(15deg) scale(1)}}.star-doodle{animation:twinkle 3s ease-in-out infinite;color:#e88d7d;color:var(--primary-coral);font-family:Caveat,Shadows Into Light,cursive;font-family:var(--font-accent);opacity:.4;position:absolute}.star-doodle-1{animation-delay:0s;font-size:24px;left:8%;top:15%}.star-doodle-2{animation-delay:.5s;font-size:18px;right:5%;top:25%}.star-doodle-3{animation-delay:1s;bottom:30%;font-size:20px;left:5%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.6;transform:scale(1.1) rotate(10deg)}}.scribble-underline{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8'%3E%3Cpath d='M0 4q10-3 20 0t20 0 20 0 20 0 20 0' stroke='%23e88d7d' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:contain;height:8px;opacity:.3;position:absolute;width:120px}.sketch-corner{height:60px;opacity:.15;position:absolute;width:60px}.sketch-corner-tl{border-left:2px solid #3d3d3d;border-left:2px solid var(--text-primary);border-radius:4px 0 0 0;border-top:2px solid #3d3d3d;border-top:2px solid var(--text-primary);left:5%;top:5%}.sketch-corner-br{border-bottom:2px solid #3d3d3d;border-bottom:2px solid var(--text-primary);border-radius:0 0 4px 0;border-right:2px solid #3d3d3d;border-right:2px solid var(--text-primary);bottom:5%;right:5%}.landing-nav{align-items:center;animation:noteSlideDown .7s cubic-bezier(.68,-.55,.265,1.55);animation:noteSlideDown .7s var(--transition-wobbly);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffef9f2;border:1px solid #e88d7d26;border-radius:20px 24px 22px 18px;box-shadow:0 4px 20px #e88d7d14,0 1px 3px #0000000a,inset 0 1px 0 #fffc;display:flex;justify-content:space-between;left:50%;max-width:90%;min-width:580px;padding:14px 28px;position:absolute;top:24px;transform:translateX(-50%);width:auto;z-index:100}.landing-nav:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E"),linear-gradient(180deg,#fffcd7d9,#fff8b9e6 50%,#fff4a0d9);border-radius:1px;box-shadow:0 1px 2px #00000014,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #00000008;content:"";height:20px;left:50%;opacity:.92;position:absolute;top:-10px;transform:translateX(-50%) rotate(-1.5deg);width:70px}@keyframes noteSlideDown{0%{opacity:0;transform:translate(-50%,-30px) rotate(-2deg)}60%{transform:translate(-50%,5px) rotate(1deg)}to{opacity:1;transform:translate(-50%) rotate(0deg)}}.landing-brand{align-items:center;display:flex;gap:10px}.brand-logo{flex-shrink:0;height:26px;margin-right:2px;width:26px}.brand-name{color:#e88d7d;color:var(--primary-coral);font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:22px;font-weight:600;letter-spacing:.5px;position:relative}.brand-name:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 4'%3E%3Cpath d='M0 2q20-2 40 0t40 0 20 0' stroke='%23f4a896' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;bottom:-2px;content:"";height:3px;left:0;opacity:.6;position:absolute;right:0}.landing-auth-header{align-items:center;display:flex;gap:12px}.auth-header-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:100px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 22px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--transition-smooth)}.login-btn{background:#0000;color:#6b6b6b;color:var(--text-secondary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);position:relative}.login-btn:hover{background:#e88d7d14;color:#e88d7d;color:var(--primary-coral)}.signup-btn{background:linear-gradient(135deg,#e88d7d,#f4a896);background:linear-gradient(135deg,var(--primary-coral) 0,var(--primary-peach) 100%);border:2px solid #3c3c3cb3;border-radius:14px 18px 16px 14px;box-shadow:3px 3px 0 #3c3c3c99,inset 0 1px 0 #ffffff4d;color:#fff;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-weight:600;overflow:hidden;padding:12px 26px;position:relative;transition:all .25s cubic-bezier(.68,-.55,.265,1.55);transition:all .25s var(--transition-wobbly)}.signup-btn:after{background:#fff6;bottom:8px;content:"";height:2px;left:12px;position:absolute;right:12px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.signup-btn:hover{background:linear-gradient(135deg,#ea9789,#f5b3a5);box-shadow:5px 5px 0 #3c3c3c80,inset 0 1px 0 #fff6;transform:translate(-2px,-2px) rotate(-1deg)}.signup-btn:hover:after{transform:scaleX(1)}.signup-btn:active{box-shadow:1px 1px 0 #3c3c3c80;transform:translate(1px,1px) rotate(0deg)}.logout-btn{background:#0000;border:none;color:#999;color:var(--text-muted);font-size:13px;padding:8px 16px}.logout-btn:hover{color:#6b6b6b;color:var(--text-secondary)}.theme-toggle-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff8b84d;border:1.5px dashed #64646440;border-radius:10px 12px 10px 11px;color:#999;color:var(--text-muted);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-wobbly);width:38px}.theme-toggle-btn:hover{background:#fff8b899;border-color:#e88d7d;border-color:var(--primary-coral);color:#e88d7d;color:var(--primary-coral);transform:rotate(-5deg) scale(1.05)}.theme-toggle-btn:active{transform:rotate(0deg) scale(.95)}.theme-toggle-btn svg{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s var(--transition-wobbly)}.theme-toggle-btn:hover svg{transform:rotate(20deg)}.quiz-landing-wrapper{animation:contentFadeIn .8s cubic-bezier(.4,0,.2,1);animation:contentFadeIn .8s var(--transition-smooth);max-width:1200px;padding:0 24px;position:relative;width:100%;z-index:1}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-landing-content{align-items:center;display:flex;flex-direction:column;gap:12px;padding-top:60px}.landing-mascot{align-items:center;animation:mascotBounceIn 1s cubic-bezier(.68,-.55,.265,1.55) .2s both;animation:mascotBounceIn 1s var(--transition-wobbly) .2s both;display:flex;justify-content:center;margin-bottom:4px;position:relative;transform-origin:center center;transition:opacity .4s ease-out,transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:opacity .4s ease-out,transform .4s var(--transition-wobbly)}.landing-mascot:before{background:radial-gradient(circle,#f8c8c459 0,#0000 70%);border-radius:50%;content:"";filter:blur(12px);height:100px;opacity:.6;position:absolute;width:100px;z-index:-1}.landing-mascot.returning{animation:none;opacity:1;transform:scale(1) translateY(0)}@keyframes mascotBounceIn{0%{opacity:0;transform:scale(.5) translateY(30px)}60%{transform:scale(1.05) translateY(-8px)}80%{transform:scale(.98) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.nurse-quiz-mascot{backface-visibility:hidden;filter:drop-shadow(0 8px 24px rgba(155,111,176,.15));pointer-events:none;transform:translateZ(0);will-change:transform}.nurse-quiz-mascot .mouth-default,.nurse-quiz-mascot .mouth-excited,.nurse-quiz-mascot .mouth-surprised{backface-visibility:hidden;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity .15s var(--transition-smooth)}.brain-mascot{backface-visibility:hidden;filter:drop-shadow(0 8px 24px rgba(155,111,176,.15));pointer-events:none;position:relative;transform:translateZ(0);will-change:transform}.science-brain-mascot{align-items:center;display:flex;justify-content:center;margin:0 auto 48px;position:relative}.science-brain-mascot:before{background:radial-gradient(circle,#fce7f3cc 0,#0000 70%);border-radius:50%;content:"";filter:blur(20px);height:160px;position:absolute;width:160px;z-index:-1}.brain-mascot.exploding .brain-svg-exploding{animation:brainPop .6s cubic-bezier(.34,1.56,.64,1) forwards;animation:brainPop .6s var(--transition-bounce) forwards}@keyframes brainPop{0%{transform:scale(1)}30%{transform:scale(1.2)}50%{transform:scale(.92)}70%{transform:scale(1.08)}to{transform:scale(1)}}.brain-explosion-particles{height:0;left:50%;pointer-events:none;position:absolute;top:50%;width:0;z-index:10}.brain-explosion-particles .particle{animation:particleExplode .8s cubic-bezier(.25,.46,.45,.94) forwards;border-radius:50%;height:10px;position:absolute;width:10px}.particle-0{animation-delay:0s;background:#fce7f3}.particle-1{animation-delay:.02s;background:#c4b5fd}.particle-2{animation-delay:.04s;background:#a5f3fc}.particle-3{animation-delay:.06s;background:#fef3c7}.particle-4{animation-delay:.08s;background:#fbcfe8}.particle-5{animation-delay:.1s;background:#d1fae5}.particle-6{animation-delay:.12s;background:#fce7f3}.particle-7{animation-delay:.14s;background:#c4b5fd}.particle-8{animation-delay:.16s;background:#a5f3fc}.particle-9{animation-delay:.18s;background:#fef3c7}.particle-10{animation-delay:.2s;background:#fbcfe8}.particle-11{animation-delay:.22s;background:#d1fae5}.particle-0{--angle:0deg;--distance:70px}.particle-1{--angle:30deg;--distance:80px}.particle-2{--angle:60deg;--distance:65px}.particle-3{--angle:90deg;--distance:75px}.particle-4{--angle:120deg;--distance:60px}.particle-5{--angle:150deg;--distance:85px}.particle-6{--angle:180deg;--distance:70px}.particle-7{--angle:210deg;--distance:75px}.particle-8{--angle:240deg;--distance:65px}.particle-9{--angle:270deg;--distance:80px}.particle-10{--angle:300deg;--distance:60px}.particle-11{--angle:330deg;--distance:75px}@keyframes particleExplode{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(0)}20%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance)*-.3)) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance)*-1)) scale(0)}}.brain-explosion-particles .star-particle{animation:starExplode .9s cubic-bezier(.25,.46,.45,.94) forwards;font-size:16px;position:absolute}.star-0{--star-angle:15deg;--star-distance:90px;animation-delay:.05s;color:#fbbf24}.star-1{--star-angle:75deg;--star-distance:100px;animation-delay:.1s;color:#f9a8d4}.star-2{--star-angle:135deg;--star-distance:85px;animation-delay:.15s;color:#c4b5fd}.star-3{--star-angle:195deg;--star-distance:95px;animation-delay:.2s;color:#a5f3fc}.star-4{--star-angle:255deg;--star-distance:90px;animation-delay:.08s;color:#d1fae5}.star-5{--star-angle:315deg;--star-distance:100px;animation-delay:.12s;color:#fce7f3}.star-6{--star-angle:45deg;--star-distance:80px;animation-delay:.18s;color:#fef3c7}.star-7{--star-angle:225deg;--star-distance:85px;animation-delay:.22s;color:#c4b5fd}@keyframes starExplode{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--star-angle)) translateY(0) scale(0) rotate(0deg)}30%{opacity:1;transform:translate(-50%,-50%) rotate(var(--star-angle)) translateY(calc(var(--star-distance)*-.4)) scale(1.2) rotate(180deg)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--star-angle)) translateY(calc(var(--star-distance)*-1)) scale(0) rotate(1turn)}}.brain-explosion-particles .spark-particle{animation:sparkExplode .5s cubic-bezier(.25,.46,.45,.94) forwards;border-radius:2px;height:14px;position:absolute;width:3px}.spark-0{--spark-angle:20deg;--spark-distance:50px;background:linear-gradient(180deg,#fff,#fce7f3)}.spark-1{--spark-angle:80deg;--spark-distance:55px;background:linear-gradient(180deg,#fff,#c4b5fd)}.spark-2{--spark-angle:140deg;--spark-distance:45px;background:linear-gradient(180deg,#fff,#a5f3fc)}.spark-3{--spark-angle:200deg;--spark-distance:50px;background:linear-gradient(180deg,#fff,#fef3c7)}.spark-4{--spark-angle:260deg;--spark-distance:55px;background:linear-gradient(180deg,#fff,#fbcfe8)}.spark-5{--spark-angle:320deg;--spark-distance:45px;background:linear-gradient(180deg,#fff,#d1fae5)}@keyframes sparkExplode{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(0) scaleY(0)}30%{opacity:1;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance)*-.5)) scaleY(1.5)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance)*-1)) scaleY(.3)}}.landing-mascot.spinning .nurse-quiz-mascot{animation:mascotFlyAway .5s cubic-bezier(.36,0,.66,-.56) forwards}@keyframes mascotFlyAway{0%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}15%{opacity:1;transform:translateY(15px) scale(1.2,.8) rotate(-5deg)}30%{opacity:1;transform:translateY(5px) scale(.9,1.1) rotate(5deg)}to{opacity:0;transform:translateY(-300px) scale(.3) rotate(-15deg)}}.landing-mascot.floating{animation:mascotFloatIn .6s cubic-bezier(.25,.46,.45,.94) forwards;left:auto;margin-bottom:0;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000}.landing-mascot.floating.exiting-float{animation:mascotFloatOut .35s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes mascotFloatOut{0%{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}to{opacity:0;transform:translateY(-50%) translateX(30px) scale(.85)}}@keyframes mascotFloatIn{0%{opacity:0;transform:translateY(-50%) translateX(40px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.landing-mascot.floating.idle{animation:mascotFloatIn .6s cubic-bezier(.25,.46,.45,.94) forwards,mascotIdleFloat 4s ease-in-out .6s infinite}@keyframes mascotIdleFloat{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}.landing-mascot.floating.flying{animation:none}.landing-mascot.floating.flying.fly-down{transform:translateY(calc(-50% + 3px)) rotate(2deg);transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.landing-mascot.floating.flying.fly-up{transform:translateY(calc(-50% - 3px)) rotate(-2deg);transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.landing-mascot.floating.flying .nurse-quiz-mascot{transform:scale(.98);transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.landing-mascot.floating.idle.fly-none{animation:mascotSettle .5s cubic-bezier(.25,.46,.45,.94) forwards,mascotIdleFloat 4s ease-in-out .5s infinite}@keyframes mascotSettle{0%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 2px))}to{transform:translateY(-50%)}}.mascot-motion-trails{left:50%;opacity:.3;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.mascot-motion-trails .trail{animation:trailFade .35s ease-out forwards;background:radial-gradient(circle,#fce7f380 0,#0000 70%);border-radius:50%;height:30px;position:absolute;width:30px}.mascot-motion-trails .trail:first-child{animation-delay:0s;transform:translate(-8px,8px) scale(.8)}.mascot-motion-trails .trail:nth-child(2){animation-delay:.05s;transform:translate(-16px,16px) scale(.6)}.mascot-motion-trails .trail:nth-child(3){animation-delay:.1s;transform:translate(-24px,24px) scale(.4)}.landing-mascot.fly-up .mascot-motion-trails .trail:first-child{transform:translate(-8px,-8px) scale(.8)}.landing-mascot.fly-up .mascot-motion-trails .trail:nth-child(2){transform:translate(-16px,-16px) scale(.6)}.landing-mascot.fly-up .mascot-motion-trails .trail:nth-child(3){transform:translate(-24px,-24px) scale(.4)}@keyframes trailFade{0%{opacity:.4}to{opacity:0}}.landing-header{animation:headerSlideIn .7s cubic-bezier(.68,-.55,.265,1.55) .3s both;animation:headerSlideIn .7s var(--transition-wobbly) .3s both;margin-bottom:12px;position:relative;text-align:center}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(25px) rotate(-1deg)}60%{transform:translateY(-5px) rotate(.5deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}.landing-slogan{color:#3d3d3d;color:var(--text-primary);font-family:Fraunces,Georgia,serif;font-family:var(--font-serif);font-size:2.8rem;font-weight:400;letter-spacing:-.02em;line-height:1.2;margin:0 0 20px;position:relative}.landing-slogan:after{animation:arrowBounce 2s ease-in-out 1.5s infinite;bottom:-15px;color:#e88d7d;color:var(--primary-coral);content:"↓";font-family:Caveat,Shadows Into Light,cursive;font-family:var(--font-accent);font-size:20px;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}@keyframes arrowBounce{0%,to{opacity:.4;transform:translateX(-50%) translateY(0)}50%{opacity:.7;transform:translateX(-50%) translateY(5px)}}.slogan-highlight,.slogan-highlight-wrapper{color:#3d3d3d;color:var(--text-primary);display:inline;font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:1.8rem;font-style:normal;font-weight:400;line-height:1.5}.slogan-highlight{padding:0 4px;position:relative;z-index:1}.slogan-highlight:before{background:linear-gradient(90deg,#ffeb7a8c,#ffeb7ab3 20%,#ffeb7aa6 80%,#ffeb7a80);border-radius:2px 4px 3px 2px;bottom:2px;content:"";height:40%;left:-2px;position:absolute;right:-2px;transform:rotate(-.5deg) skewX(-2deg);z-index:-1}.landing-subtitle{color:#6b6b6b;color:var(--text-secondary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:17px;font-weight:400;letter-spacing:.2px;margin:8px 0 0;position:relative}.landing-subtitle:before{left:-28px}.landing-subtitle:after,.landing-subtitle:before{content:"✨";font-size:14px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.landing-subtitle:after{right:-28px}.hero-split{align-items:center;display:flex;flex-direction:row;gap:60px;justify-content:center;margin:0 auto;max-width:1100px;padding:20px 40px 40px;width:100%}.hero-split .landing-header{flex:1 1;max-width:480px;text-align:left}.hero-split .landing-slogan{font-size:2.2rem;letter-spacing:-.02em;line-height:1.25;margin-bottom:8px;text-align:left}.hero-split .slogan-highlight,.hero-split .slogan-highlight-wrapper{font-size:1.6rem;line-height:1.4}.hero-split .landing-subtitle{color:#6b6b6b;color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin-top:16px;text-align:left}.hero-transformation{align-items:center;background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"),linear-gradient(175deg,#fffefa,#fff9f2 30%,#fff5eb 70%,#fff2e6);background-blend-mode:overlay,normal;border:none;border-radius:3px 24px 5px 4px;box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #00000005,0 1px 1px #0000000a,0 4px 8px #00000008,3px 3px 0 #faf5ef,4px 4px 0 #0000000a,6px 6px 0 #f8f2ea,7px 7px 0 #00000008,0 12px 40px #b48c6414;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;max-width:480px;min-width:400px;overflow:visible;padding:32px 36px 36px;position:relative;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-wobbly)}.hero-transformation>*{position:relative;z-index:2}.hero-transformation:before{background:linear-gradient(135deg,#0000 48%,#f0e8dc 49%,#f5ede2 52%,#faf4ec);border-radius:0 22px 0 0;box-shadow:-2px 2px 4px #0000000f,inset 1px -1px 0 #ffffff80;content:"";height:32px;position:absolute;right:0;top:0;width:32px;z-index:3}.hero-transformation:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E"),linear-gradient(180deg,#fffcdcd9,#fff8bee6 50%,#fff5aad9);border-radius:1px;box-shadow:0 1px 2px #00000014,inset 0 1px 0 #fff9,inset 0 -1px 0 #0000000d;content:"";height:24px;left:28%;opacity:.95;position:absolute;top:-12px;transform:rotate(-2.5deg);width:90px;z-index:4}.hero-transformation:hover{box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #00000005,0 1px 1px #0000000a,0 6px 12px #0000000a,5px 5px 0 #faf5ef,6px 6px 0 #0000000d,9px 9px 0 #f8f2ea,10px 10px 0 #0000000a,0 16px 48px #b48c641f;transform:translate(-3px,-4px) rotate(-.8deg)}.transform-center{animation:notePopIn .8s cubic-bezier(.68,-.55,.265,1.55) .3s both;animation:notePopIn .8s var(--transition-wobbly) .3s both;position:relative;z-index:2}@keyframes notePopIn{0%{opacity:0;transform:translateY(20px) rotate(-2deg) scale(.95)}60%{transform:translateY(-5px) rotate(1deg) scale(1.02)}to{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}}.transform-doc-btn{align-items:center;background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.02'/%3E%3C/svg%3E"),linear-gradient(175deg,#fff,#fffcf9 40%,#fff8f3);background-blend-mode:overlay,normal;border:2.5px dashed #e88d7d66;border-radius:14px 18px 16px 14px;box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #00000005,0 2px 4px #e88d7d14,0 6px 20px #e88d7d1a;cursor:pointer;display:flex;gap:18px;max-width:380px;padding:20px 24px;position:relative;text-align:left;transition:all .35s cubic-bezier(.68,-.55,.265,1.55);transition:all .35s var(--transition-wobbly);width:100%}.transform-doc-btn:before{animation:arrowWiggle 2.5s ease-in-out infinite;color:#e88d7d;color:var(--primary-coral);content:"→";font-family:Caveat,Shadows Into Light,cursive;font-family:var(--font-accent);font-size:28px;left:-40px;opacity:.55;position:absolute;text-shadow:1px 1px 0 #fffc;top:50%;transform:translateY(-50%) rotate(-12deg)}@keyframes arrowWiggle{0%,to{transform:translateY(-50%) rotate(-12deg) translateX(0)}50%{transform:translateY(-50%) rotate(-6deg) translateX(4px)}}.transform-doc-btn:hover{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.02'/%3E%3C/svg%3E"),linear-gradient(175deg,#fff,#fff5f0 50%,#ffefea);background-blend-mode:overlay,normal;border-color:#e88d7d;border-color:var(--primary-coral);border-style:solid;box-shadow:inset 0 1px 0 #fff,0 4px 8px #e88d7d1f,0 10px 28px #e88d7d26;transform:translateY(-4px) rotate(-.8deg)}.transform-doc-btn.pressed,.transform-doc-btn:active{transform:translateY(-1px) rotate(0deg) scale(.98)}.doc-icon-wrapper{align-items:center;background:linear-gradient(145deg,#fce4ec,#ffd6e0 50%,#ffccd5);border:2px solid #e88d7d40;border-radius:12px 16px 14px 12px;box-shadow:inset 0 2px 4px #fff9,inset 0 -2px 4px #db277714,0 2px 6px #e88d7d26;color:#e05780;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-wobbly);width:56px}.transform-doc-btn:hover .doc-icon-wrapper{box-shadow:inset 0 2px 4px #ffffffb3,inset 0 -2px 4px #db27771a,0 4px 12px #e88d7d33;transform:rotate(-8deg) scale(1.08)}.doc-icon{height:26px;position:relative;width:26px;z-index:1}.doc-pulse{animation:gentlePulse 3s ease-in-out infinite;border:2px solid #e88d7d;border:2px solid var(--primary-coral);border-radius:14px 18px 16px 14px;inset:-4px;opacity:0;position:absolute}@keyframes gentlePulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.08)}}.doc-text{display:flex;flex-direction:column;gap:5px}.doc-title{color:#3d3d3d;color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.doc-subtitle,.doc-title{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main)}.doc-subtitle{align-items:center;color:#999;color:var(--text-muted);display:flex;font-size:12px;gap:6px}.doc-subtitle:before{content:"📄";font-size:11px}.doc-formats{align-items:center;color:#999;color:var(--text-muted);display:flex;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:11px;gap:10px;justify-content:center;margin-top:12px}.format-item{display:inline-flex;gap:2px}.format-item svg{border-radius:3px;height:22px;width:22px}.format-item.images svg{height:20px;width:20px}.format-separator{margin:0 4px;opacity:.5}.format-size{font-size:10px;opacity:.6}.magic-indicator{display:none}.magic-text{font-family:Caveat,Comic Sans MS,cursive;font-size:16px;font-style:italic;white-space:nowrap}.magic-arrow,.magic-text{color:#999;color:var(--text-muted)}.magic-arrow{opacity:.5}.sparkle-particles{display:none}.sparkle{animation:sparkleFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#fce7f3,#c4b5fd);height:6px;opacity:0;width:6px}.sparkle,.sparkle:after{border-radius:50%;position:absolute}.sparkle:after{background:inherit;content:"";filter:blur(3px);inset:-2px;opacity:.6}.sparkle-1{animation-delay:0s;left:5%;top:10%}.sparkle-2{animation-delay:.8s;right:10%;top:20%}.sparkle-3{animation-delay:1.6s;bottom:30%;left:15%}.sparkle-4{animation-delay:2.4s;bottom:20%;right:5%}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.8;transform:translateY(-5px) scale(1)}50%{opacity:1;transform:translateY(-12px) scale(1.2)}80%{opacity:.6;transform:translateY(-18px) scale(.8)}}.transform-lines{display:none}.transform-line{stroke-dasharray:8 4;stroke-dashoffset:0;animation:dashFlow 20s linear infinite}@keyframes dashFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.line-particle{filter:drop-shadow(0 0 4px #c9b8d4);filter:drop-shadow(0 0 4px var(--primary-lavender));opacity:.8}.transform-features{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;margin:4px 0 0!important;max-width:none!important;padding:0!important}.feature-output-card,.transform-features{align-items:center!important;flex-direction:row!important;gap:8px!important;position:static!important;width:auto!important}.feature-output-card{aspect-ratio:unset!important;background:#fff!important;border:1.5px solid #6464641a!important;border-radius:10px 14px 12px 11px!important;box-shadow:inset 0 1px 0 #fffc,2px 2px 0 #3c3c3c0d,3px 3px 0 #3c3c3c08,0 3px 10px #0000000a!important;cursor:default!important;display:inline-flex!important;flex:none!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding:10px 16px 10px 12px!important;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)!important;transition:all .3s var(--transition-wobbly)!important}.feature-output-card:first-child{transform:rotate(-1.2deg)}.feature-output-card:nth-child(2){transform:rotate(.8deg)}.feature-output-card:nth-child(3){transform:rotate(-.6deg)}.feature-output-card:nth-child(4){transform:rotate(1.1deg)}.feature-output-card:after,.feature-output-card:before{display:none!important}.feature-card-inner{align-items:center!important;display:inline-flex!important;flex-direction:row!important;gap:6px!important;height:auto!important;width:auto!important}.feature-icon-circle{align-items:center!important;border-radius:6px 8px 7px 6px!important;display:flex!important;flex-shrink:0!important;height:24px!important;justify-content:center!important;min-height:24px!important;min-width:24px!important;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)!important;transition:all .3s var(--transition-wobbly)!important;width:24px!important}.quiz-card{background:linear-gradient(175deg,#e3f4fc,#ceeaf8 50%,#bfe4f6)!important;border-color:#4169e126!important}.quiz-card .feature-icon-circle{background:linear-gradient(145deg,#6495ed4d,#4169e133)!important;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #4169e126!important;color:#3b5dc9!important}.flashcard-card{background:linear-gradient(175deg,#ffe8ed,#ffd6e0 50%,#ffcbd5)!important;border-color:#db277726!important}.flashcard-card .feature-icon-circle{background:linear-gradient(145deg,#ff69b440,#db277733)!important;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #db277726!important;color:#c9246e!important}.mindmap-card{background:linear-gradient(175deg,#f3e8ff,#e9d5ff 50%,#ddd6fe)!important;border-color:#8b5cf626!important}.mindmap-card .feature-icon-circle{background:linear-gradient(145deg,#a78bfa4d,#8b5cf633)!important;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #8b5cf626!important;color:#7c3aed!important}.audio-card{background:linear-gradient(175deg,#e5f9e5,#d8f5d8 50%,#c8f0c8)!important;border-color:#05966926!important}.audio-card .feature-icon-circle{background:linear-gradient(145deg,#3cb3714d,#05966933)!important;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #05966926!important;color:#048a5e!important}.studysheet-card{background:linear-gradient(175deg,#fffacc,#fff8b8 50%,#fff3a0)!important;border-color:#d9770626!important}.studysheet-card .feature-icon-circle{background:linear-gradient(145deg,#ffc10759,#d9770640)!important;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #d9770626!important;color:#b86e04!important}.feature-icon-circle svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.1));height:14px!important;width:14px!important}.feature-label{color:#3d3d3d!important;color:var(--text-primary)!important;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif!important;font-family:var(--font-main)!important;font-size:13px!important;font-weight:500!important;line-height:1!important;white-space:nowrap!important}.feature-preview{display:none}.quiz-preview{flex-direction:column;gap:6px}.mini-question{background:#9b6fb026;border-radius:3px;height:6px;width:70%}.mini-answers{display:flex;gap:4px;justify-content:center;width:100%}.mini-answer{background:#9b6fb01a;border-radius:4px;height:8px;transition:all .3s ease;width:20%}.mini-answer.active{animation:answerPop 2s ease-in-out infinite;background:#c9b8d4;background:var(--primary-lavender)}@keyframes answerPop{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.flashcard-preview{height:40px;perspective:200px;position:relative;width:60px}.mini-card{align-items:center;backface-visibility:hidden;border-radius:6px;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;position:absolute;transition:transform .6s ease;width:100%}.mini-card.front{animation:cardFlip 3s ease-in-out infinite;background:linear-gradient(135deg,#c9b8d4,#8b5ca0);background:linear-gradient(135deg,var(--primary-lavender) 0,#8b5ca0 100%);color:#fff}.mini-card.back{animation:cardFlipBack 3s ease-in-out infinite;background:#9b6fb01a;color:#c9b8d4;color:var(--primary-lavender);transform:rotateY(180deg)}@keyframes cardFlip{0%,40%{transform:rotateY(0deg)}50%,90%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}@keyframes cardFlipBack{0%,40%{transform:rotateY(180deg)}50%,90%{transform:rotateY(1turn)}to{transform:rotateY(540deg)}}.audio-preview{padding:0 10px}.audio-wave{align-items:center;display:flex;gap:3px;height:30px;justify-content:center}.wave-bar{animation:waveAnim 1s ease-in-out infinite;background:#c9b8d4;background:var(--primary-lavender);border-radius:2px;width:4px}.wave-bar:first-child{animation-delay:0s;height:12px}.wave-bar:nth-child(2){animation-delay:.1s;height:20px}.wave-bar:nth-child(3){animation-delay:.2s;height:28px}.wave-bar:nth-child(4){animation-delay:.3s;height:16px}.wave-bar:nth-child(5){animation-delay:.4s;height:10px}@keyframes waveAnim{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.studysheet-preview{flex-direction:column;gap:4px;padding:0 20px}.mini-lines{display:flex;flex-direction:column;gap:4px;width:100%}.mini-line{animation:lineSlide 2s ease-in-out infinite;background:#9b6fb01f;border-radius:2px;height:5px}.mini-line.short{width:60%}.mini-line:first-child{animation-delay:0s}.mini-line:nth-child(2){animation-delay:.2s}.mini-line:nth-child(3){animation-delay:.4s}@keyframes lineSlide{0%,to{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(3px)}}.quiz-card .feature-icon-circle{background:#8b5cf61f!important;color:#8b5cf6!important}.flashcard-card .feature-icon-circle{background:#ec48991f!important;color:#ec4899!important}.audio-card .feature-icon-circle{background:#3b82f61f!important;color:#3b82f6!important}.studysheet-card .feature-icon-circle{background:#10b9811f!important;color:#10b981!important}.quiz-card:hover .feature-icon-circle{background:#8b5cf633!important}.flashcard-card:hover .feature-icon-circle{background:#ec489933!important}.mindmap-card:hover .feature-icon-circle{background:#8b5cf640!important}.audio-card:hover .feature-icon-circle{background:#3b82f633!important}.studysheet-card:hover .feature-icon-circle{background:#10b98133!important}@media (max-width:900px){.hero-split{flex-direction:column;gap:30px;padding:20px 20px 30px}.hero-split .landing-header{max-width:100%;text-align:center}.hero-split .landing-slogan{font-size:1.8rem;text-align:center}.hero-split .slogan-highlight,.hero-split .slogan-highlight-wrapper{font-size:1.4rem}.hero-split .landing-subtitle{font-size:1rem;margin-top:12px;text-align:center}.hero-transformation{max-width:100%;min-width:0;min-width:auto;padding:24px 20px;width:100%}.transform-doc-btn{max-width:100%}.doc-subtitle,.doc-title{white-space:normal}}@media (max-width:768px){.hero-transformation{flex-direction:column;gap:18px;padding:24px 20px}.transform-features{gap:8px!important;justify-content:center!important}.feature-output-card{padding:8px 12px 8px 10px!important}.feature-icon-circle{height:22px!important;min-height:22px!important;min-width:22px!important;width:22px!important}.feature-icon-circle svg{height:12px!important;width:12px!important}.feature-label{font-size:12px!important}.transform-doc-btn{gap:14px;padding:18px 24px 18px 18px}.doc-icon-wrapper{border-radius:14px;height:52px;width:52px}.doc-icon{height:26px;width:26px}.doc-title{font-size:16px}.doc-subtitle{font-size:12px}}@media (max-width:480px){.hero-split{gap:32px;padding:20px 16px 30px}.hero-split .landing-slogan{font-size:1.75rem}.hero-split .slogan-highlight,.hero-split .slogan-highlight-wrapper{font-size:1.4rem}.hero-split .landing-subtitle{font-size:1rem}.hero-transformation{padding:20px 16px}.transform-features{gap:6px!important}.feature-output-card{padding:6px 10px 6px 8px!important}.feature-label{font-size:11px!important}.transform-doc-btn{gap:12px;padding:16px 18px 16px 16px}.doc-icon-wrapper{height:48px;width:48px}.doc-title{font-size:15px}}.hero-cta-section{animation:fadeInUp .7s ease-out .4s both;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:440px;width:100%}.hero-upload-btn{align-items:center;background:#fff;border:none;border-radius:20px;box-shadow:0 2px 8px #9b6fb00f,0 8px 32px #9b6fb014,inset 0 0 0 1px #9b6fb014;color:#3d3d3d;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:16px;overflow:hidden;padding:20px 28px;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--transition-smooth);width:100%}.hero-upload-btn:before{background:linear-gradient(135deg,#c4b5fd4d,#fce7f34d 50%,#c4b5fd33);border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1.5px;pointer-events:none;position:absolute;transition:opacity .4s ease}.hero-upload-btn:hover:before{opacity:1}.hero-upload-btn:hover{box-shadow:0 4px 12px #9b6fb01a,0 16px 48px #9b6fb01f,inset 0 0 0 1px #9b6fb01f;transform:translateY(-3px)}.hero-upload-btn.pressed,.hero-upload-btn:active{transform:translateY(-1px) scale(.995)}.upload-btn-icon{align-items:center;background:linear-gradient(135deg,#c4b5fd4d,#fce7f366);border-radius:14px;color:#c9b8d4;color:var(--primary-lavender);display:flex;height:48px;justify-content:center;min-width:48px;transition:all .3s ease;width:48px}.hero-upload-btn:hover .upload-btn-icon{background:linear-gradient(135deg,#c4b5fd80,#fce7f380);transform:scale(1.05)}.upload-btn-icon svg{height:22px;width:22px}.accepted-formats{animation:fadeInUp .6s ease-out .5s both;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:4px}.accepted-formats,.format-item{align-items:center;display:flex}.format-item{color:#999;color:var(--text-muted);font-size:13px;font-weight:450;gap:6px;transition:color .2s ease}.format-item svg{height:16px;opacity:.6;width:16px}.format-item:hover{color:#6b6b6b;color:var(--text-secondary)}.hero-features{animation:fadeInUp .6s ease-out .5s both;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.hero-feature-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #9b6fb01a;border-radius:16px;color:#3d3d3d;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--transition-smooth)}.hero-feature-card:hover{background:#fff;border-color:#9b6fb033;box-shadow:0 8px 24px #9b6fb01a;transform:translateY(-2px)}.hero-feature-card.pressed,.hero-feature-card:active{transform:translateY(0) scale(.98)}.hero-feature-card .popular-badge{border-radius:8px;font-size:8px;padding:3px 8px;position:absolute;right:-8px;top:-8px}.hero-feature-icon{align-items:center;background:#9b6fb01a;border-radius:10px;color:#c9b8d4;color:var(--primary-lavender);display:flex;height:36px;justify-content:center;width:36px}.hero-feature-icon svg{height:18px;width:18px}.hero-feature-title{font-size:14px;font-weight:550;white-space:nowrap}.hero-feature-text{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.hero-feature-subtitle{color:#999;color:var(--text-muted);font-size:11px;font-weight:450;white-space:nowrap}.hero-feature-card.nclex-card{border-color:#fbbf2433}.hero-feature-card.nclex-card:hover{border-color:#fbbf2459;box-shadow:0 8px 24px #fbbf2414}.hero-feature-card.nclex-card .hero-feature-icon{background:#fbbf241f;color:#d97706}.hero-feature-card.tutor-card .hero-feature-icon{background:#3b82f61a;color:#3b82f6}.hero-feature-card.challenge-card .hero-feature-icon{background:#9b6fb01a;color:#c9b8d4;color:var(--primary-lavender)}.popular-badge{animation:badgeGentlePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf244d;border-radius:20px;box-shadow:0 2px 8px #fbbf2440;color:#92400e;font-size:9px;font-weight:700;letter-spacing:.6px;padding:4px 10px;position:absolute;right:-10px;text-transform:uppercase;top:-10px;z-index:10}@keyframes badgeGentlePulse{0%,to{box-shadow:0 2px 8px #fbbf2440;transform:scale(1)}50%{box-shadow:0 4px 16px #fbbf2459;transform:scale(1.02)}}.landing-social-proof{align-items:center;animation:badgesFloat .8s cubic-bezier(.68,-.55,.265,1.55) .6s both;animation:badgesFloat .8s var(--transition-wobbly) .6s both;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}@keyframes badgesFloat{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.social-proof-badge{align-items:center;background:linear-gradient(180deg,#fffef9,#fff8f0);border:1.5px solid #6464641a;border-radius:10px 12px 10px 11px;box-shadow:2px 2px 0 #3c3c3c0a,0 2px 8px #00000008;display:flex;gap:8px;padding:10px 16px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-wobbly)}.social-proof-badge:first-child{transform:rotate(-.5deg)}.social-proof-badge:last-child{transform:rotate(.5deg)}.social-proof-badge:hover{background:#fff;border-color:#e88d7d40;box-shadow:3px 3px 0 #3c3c3c0f,0 6px 16px #0000000d;transform:translateY(-2px) rotate(0deg) scale(1.02)}.badge-icon{align-items:center;color:#e88d7d;color:var(--primary-coral);display:flex;gap:2px}.badge-icon.heart-nurses-icon{gap:3px}.badge-icon.heart-nurses-icon svg:first-child{color:#e88d7d;color:var(--primary-coral)}.badge-icon.stars-icon{color:#f59e0b}.badge-text{color:#6b6b6b;color:var(--text-secondary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:12px;font-weight:500;letter-spacing:.1px}.social-proof-divider{background:#6464641f;height:18px;margin:0 4px;width:1px}.landing-footer{animation:fadeInUp .6s ease-out .7s both;margin-top:32px;text-align:center}.footer-text{color:#999;color:var(--text-muted);display:inline-block;font-family:Caveat,Shadows Into Light,cursive;font-family:var(--font-accent);font-size:20px;font-weight:500;letter-spacing:.4px;margin:0;position:relative}.footer-text:after{content:" 💗";font-size:18px;opacity:.8}.quiz-landing-page.exiting{pointer-events:none}.quiz-landing-page.exiting:after,.quiz-landing-page.exiting:before{display:none}.quiz-landing-page.exiting .quiz-landing-wrapper{animation:gentleExit .6s cubic-bezier(.4,0,.2,1) forwards;animation:gentleExit .6s var(--transition-smooth) forwards}@keyframes gentleExit{0%{opacity:1;transform:translateX(0) translateY(0) scale(1)}to{opacity:0;transform:translateX(60px) translateY(-10px) scale(.98)}}.quiz-landing-page.exiting .landing-nav{animation:navFadeUp .4s cubic-bezier(.4,0,.2,1) forwards;animation:navFadeUp .4s var(--transition-smooth) forwards}@keyframes navFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.quiz-landing-page.exiting .landing-ambient-glow{animation:glowFade .5s cubic-bezier(.4,0,.2,1) forwards;animation:glowFade .5s var(--transition-smooth) forwards}@keyframes glowFade{0%{opacity:.7;transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) scale(1.2)}}.page-exit-flash{animation:exitFlash .5s cubic-bezier(.4,0,.2,1) forwards;animation:exitFlash .5s var(--transition-smooth) forwards;background:radial-gradient(circle at center,#c4b5fd4d 0,#0000 60%);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:99}@keyframes exitFlash{0%{opacity:0;transform:scale(.9)}30%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.product-showcase-section{background:linear-gradient(180deg,#0000,#f8c8c41a 30%,#fff3cd14 70%,#0000);display:flex;justify-content:center;padding:80px 24px;position:relative;width:100%}.product-showcase-section:before{content:"📚";font-size:32px;left:8%;opacity:.15;position:absolute;top:15%;transform:rotate(-15deg)}.product-showcase-section:after{bottom:20%;content:"✏️";font-size:28px;opacity:.12;position:absolute;right:10%;transform:rotate(20deg)}.showcase-container{align-items:center;display:flex;flex-direction:column;max-width:780px;width:100%}.showcase-title{color:#3d3d3d;color:var(--text-primary);font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:clamp(26px,5vw,34px);font-weight:600;letter-spacing:.5px;margin:0 0 12px;position:relative;text-align:center}.showcase-title:before{border:2px dashed #e88d7d40;border-radius:50% 45% 50% 45%;content:"";inset:-12px -20px;position:absolute;transform:rotate(-1deg)}.showcase-subtitle{color:#6b6b6b;color:var(--text-secondary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:16px;margin:0 0 40px;text-align:center}.demo-container{max-width:560px;perspective:1000px;width:100%}.demo-card{background:linear-gradient(180deg,#fffef9,#fff8f0);border:2px solid #6464641f;border-radius:8px 24px 8px 8px;box-shadow:4px 4px 0 #e88d7d14,8px 8px 0 #e88d7d0a,0 8px 32px #0000000d;overflow:hidden;position:relative}.demo-card:before{background:#d4e5d7b3;border-radius:2px;box-shadow:0 2px 4px #0000000f;content:"";height:18px;position:absolute;right:20%;top:-8px;transform:rotate(2deg);width:70px;z-index:10}.demo-header{align-items:center;background:#fff8b833;border-bottom:1.5px dashed #6464641a;display:flex;justify-content:space-between;padding:14px 22px}.demo-phase-indicators{display:flex;gap:6px}.demo-phase-dot{background:#6464641f;border-radius:50%;height:10px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-wobbly);width:10px}.demo-phase-dot.phase-1{background:#e88d7d;background:var(--primary-coral)}.demo-phase-dot.phase-2{background:#fbbf24}.demo-phase-dot.phase-3{background:#34d399}.demo-phase-label{background:#e88d7d1a;border-radius:8px 10px 8px 9px;color:#e88d7d;color:var(--primary-coral);font-family:Caveat,Shadows Into Light,cursive;font-family:var(--font-accent);font-size:14px;font-weight:500;letter-spacing:.3px;padding:5px 14px}.demo-content{min-height:320px;overflow:hidden;padding:32px;position:relative}.demo-phase{left:32px;opacity:0;position:absolute;right:32px;top:32px;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1);transition:all .5s var(--transition-smooth)}.demo-upload{animation:demoPhase1 12s ease-in-out infinite}@keyframes demoPhase1{0%,3%{opacity:0;transform:translateY(20px)}22%,8%{opacity:1;transform:translateY(0)}27%,to{opacity:0;transform:translateY(-20px)}}.demo-upload-area{align-items:center;background:#9b6fb008;border:2px dashed #9b6fb040;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:40px}.demo-file-icon{animation:iconBounce 2s ease-in-out infinite;color:#c9b8d4;color:var(--primary-lavender)}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.demo-upload-text{background:#9b6fb00f;border-radius:8px;color:#6b6b6b;color:var(--text-secondary);font-size:15px;font-weight:500;padding:8px 20px}.demo-upload-progress{background:#9b6fb01a;border-radius:2px;height:4px;overflow:hidden;width:200px}.demo-upload-progress-fill{animation:progressFill 3s ease-in-out infinite;background:linear-gradient(90deg,#c9b8d4,#c4b5fd);background:linear-gradient(90deg,var(--primary-lavender) 0,#c4b5fd 100%);border-radius:2px;height:100%}.demo-generate{animation:demoPhase2 12s ease-in-out infinite}@keyframes demoPhase2{0%,27%{opacity:0;transform:translateY(20px)}32%,47%{opacity:1;transform:translateY(0)}52%,to{opacity:0;transform:translateY(-20px)}}.demo-generating{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px}.demo-ai-icon{animation:spin 3s linear infinite;color:#c9b8d4;color:var(--primary-lavender)}.demo-generating-text{color:#3d3d3d;color:var(--text-primary);font-size:16px;font-weight:500}.demo-typing-dots{display:flex;gap:6px}.demo-typing-dots span{animation:typingDot 1.4s ease-in-out infinite;background:#c9b8d4;background:var(--primary-lavender);border-radius:50%;height:8px;width:8px}.demo-typing-dots span:nth-child(2){animation-delay:.2s}.demo-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.demo-quiz{animation:demoPhase3 12s ease-in-out infinite}@keyframes demoPhase3{0%,52%{opacity:0;transform:translateY(20px)}57%,72%{opacity:1;transform:translateY(0)}77%,to{opacity:0;transform:translateY(-20px)}}.demo-question{margin-bottom:20px}.demo-question-number{background:#9b6fb01a;border-radius:6px;color:#c9b8d4;color:var(--primary-lavender);display:inline-block;font-size:12px;font-weight:700;margin-bottom:12px;padding:4px 10px}.demo-question-text{color:#3d3d3d;color:var(--text-primary);font-size:16px;font-weight:500;line-height:1.5}.demo-answers{display:flex;flex-direction:column;gap:10px}.demo-answer{background:#9b6fb008;border:1px solid #9b6fb01a;border-radius:12px;color:#6b6b6b;color:var(--text-secondary);font-size:14px;padding:12px 16px;transition:all .3s ease}.demo-answer.selecting{animation:answerPulse 2s ease-in-out infinite;background:#9b6fb01a;border-color:#c9b8d4;border-color:var(--primary-lavender);color:#c9b8d4;color:var(--primary-lavender)}@keyframes answerPulse{0%,to{box-shadow:0 0 0 0 #9b6fb000}50%{box-shadow:0 0 0 4px #9b6fb01a}}.demo-result{animation:demoPhase4 12s ease-in-out infinite}@keyframes demoPhase4{0%,77%{opacity:0;transform:translateY(20px)}82%,95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.demo-correct{align-items:center;display:flex;flex-direction:column;gap:16px;padding:32px}.demo-check-icon{animation:checkBounce .6s cubic-bezier(.34,1.56,.64,1);animation:checkBounce .6s var(--transition-bounce);color:#10b981}@keyframes checkBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.demo-correct-text{color:#10b981;font-size:24px;font-weight:600}.demo-score{align-items:center;background:#9b6fb00d;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px 32px}.demo-score-label{color:#999;color:var(--text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.demo-score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c9b8d4,#7c3aed);background:linear-gradient(135deg,var(--primary-lavender) 0,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700}.demo-timeline{background:#9b6fb01a;border-radius:2px;height:3px;overflow:hidden}.demo-timeline-fill{animation:timelineFill 12s linear infinite;background:linear-gradient(90deg,#c9b8d4,#c4b5fd);background:linear-gradient(90deg,var(--primary-lavender) 0,#c4b5fd 100%);height:100%}@keyframes timelineFill{0%{width:0}to{width:100%}}.demo-phase-labels{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:24px}.phase-label{background:#fff9;border:1px solid #9b6fb01a;border-radius:100px;color:#999;color:var(--text-muted);font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.section-cta{flex-direction:column;margin-top:40px}.section-cta,.section-cta-btn{align-items:center;display:flex;gap:10px}.section-cta-btn{border:none;border-radius:12px 16px 14px 12px;cursor:pointer;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:15px;font-weight:600;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-wobbly)}.section-cta-btn.primary{background:linear-gradient(135deg,#e88d7d,#f4a896);background:linear-gradient(135deg,var(--primary-coral) 0,var(--primary-peach) 100%);border:2px solid #3c3c3c99;box-shadow:3px 3px 0 #3c3c3c80,0 4px 16px #e88d7d33;color:#fff}.section-cta-btn.primary:hover{box-shadow:5px 5px 0 #3c3c3c66,0 8px 24px #e88d7d40;transform:translate(-2px,-2px) rotate(-1deg)}.section-cta-btn.secondary{background:linear-gradient(180deg,#fffef9,#fff8f0);border:2px solid #e88d7d4d;box-shadow:2px 2px 0 #3c3c3c14,0 2px 12px #0000000a;color:#e88d7d;color:var(--primary-coral)}.section-cta-btn.secondary:hover{background:#fff;border-color:#e88d7d;border-color:var(--primary-coral);box-shadow:4px 4px 0 #3c3c3c1a,0 6px 20px #0000000f;transform:translate(-2px,-2px) rotate(-.5deg)}.section-cta-btn svg{height:18px;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);transition:transform .3s var(--transition-wobbly);width:18px}.section-cta-btn:hover svg{transform:translateX(4px) rotate(-5deg)}.cta-emoji{font-size:17px}.section-cta-subtext{color:#999;color:var(--text-muted);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:13px}.section-spacer{height:60px}.science-section{background:linear-gradient(180deg,#0000,#d4e5d714 50%,#0000);display:flex;justify-content:center;padding:80px 24px;position:relative;width:100%}.science-section:before{content:"🧠";font-size:36px;opacity:.12;position:absolute;right:12%;top:10%;transform:rotate(10deg)}.science-container{align-items:center;display:flex;flex-direction:column;max-width:960px;width:100%}.science-title{color:#3d3d3d;color:var(--text-primary);font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:clamp(26px,5vw,34px);font-weight:600;letter-spacing:.3px;margin:0 0 12px;position:relative;text-align:center}.science-title:after{background:#90ee9066;background:var(--accent-highlight-green);border-radius:2px;bottom:-2px;content:"";height:8px;left:10%;position:absolute;right:10%;transform:rotate(-.5deg);z-index:-1}.science-subtitle{color:#6b6b6b;color:var(--text-secondary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:16px;margin:0 0 40px;max-width:480px;text-align:center}.science-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);width:100%}.science-stat-card{background:linear-gradient(180deg,#fffef9,#fff8f0);border:1.5px solid #6464641a;border-radius:8px 16px 8px 8px;box-shadow:3px 3px 0 #3c3c3c0a,0 4px 16px #00000008;padding:28px 22px;position:relative;text-align:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-wobbly)}.science-stat-card:first-child{transform:rotate(-.5deg)}.science-stat-card:nth-child(2){transform:rotate(.3deg)}.science-stat-card:nth-child(3){transform:rotate(-.3deg)}.science-stat-card:before{background:#e88d7d;background:var(--primary-coral);border-radius:50%;box-shadow:0 2px 4px #0003,inset 0 1px 0 #fff6;content:"";height:12px;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:12px}.science-stat-card:hover{background:#fff;border-color:#e88d7d33;box-shadow:5px 5px 0 #3c3c3c0f,0 12px 32px #0000000f;transform:translateY(-5px) rotate(0deg) scale(1.02)}.stat-icon-wrapper{background:#e88d7d1a;border-radius:10px 14px 12px 10px;color:#e88d7d;color:var(--primary-coral);height:50px;margin:0 auto 18px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-wobbly);width:50px}.science-stat-card:hover .stat-icon-wrapper{background:#e88d7d26;transform:rotate(-8deg) scale(1.08)}.stat-icon-wrapper svg{height:24px;width:24px}.stat-number{color:#e88d7d;color:var(--primary-coral);font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten);font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.stat-title{color:#3d3d3d;color:var(--text-primary);font-size:17px;font-weight:600;margin:0 0 10px}.stat-description,.stat-title{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main)}.stat-description{color:#6b6b6b;color:var(--text-secondary);font-size:13px;line-height:1.55;margin:0 0 14px}.stat-source{color:#999;color:var(--text-muted);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-main);font-size:10px;font-style:italic}.login-prompt-overlay{animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3d3d4e66;z-index:9999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.login-prompt-modal{animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);animation:modalSlideUp .4s var(--transition-bounce);background:#fff;border-radius:28px;box-shadow:0 24px 80px #9b6fb033}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-prompt-close{background:#9b6fb00f;color:#999;color:var(--text-muted)}.login-prompt-close:hover{background:#9b6fb01f;color:#3d3d3d;color:var(--text-primary)}.login-prompt-mascot{display:flex;justify-content:center}.login-prompt-title{color:#3d3d3d;color:var(--text-primary);font-weight:600;margin:0 0 8px;text-align:center}.login-prompt-message{color:#6b6b6b;color:var(--text-secondary);text-align:center}.login-prompt-file-indicator{align-items:center;background:#9b6fb00f;border-radius:12px;display:flex;gap:10px;margin-bottom:24px;padding:12px 16px}.login-prompt-file-indicator svg{color:#c9b8d4;color:var(--primary-lavender);flex-shrink:0}.login-prompt-file-indicator .file-name{color:#3d3d3d;color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-prompt-file-indicator .file-status{color:#999;color:var(--text-muted);font-size:11px}.login-prompt-google-btn{background:#fff;border:1px solid #0000001a;color:#3d3d3d;color:var(--text-primary);font-weight:500;padding:14px 20px;transition:all .2s ease}.login-prompt-google-btn:hover{background:#00000005;border-color:#00000026}.login-prompt-google-btn:disabled{opacity:.7}.login-prompt-divider{margin:20px 0}.login-prompt-divider:after,.login-prompt-divider:before{background:#9b6fb01f}.login-prompt-divider span{color:#999;color:var(--text-muted);font-size:12px;padding:0 16px;text-transform:lowercase}.login-prompt-benefits{margin:0 0 24px}.login-prompt-benefits li{color:#6b6b6b;color:var(--text-secondary);gap:10px;padding:8px 0}.login-prompt-benefits li svg{color:#10b981}.login-prompt-actions{gap:10px}.login-prompt-btn{padding:14px 20px}.login-prompt-btn.primary{background:linear-gradient(135deg,#c9b8d4,#8b5ca0);background:linear-gradient(135deg,var(--primary-lavender) 0,#8b5ca0 100%)}.login-prompt-btn.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.login-prompt-btn.secondary{background:#0000;color:#c9b8d4;color:var(--primary-lavender)}.login-prompt-btn.secondary:hover{background:#9b6fb00f}.login-prompt-reassurance{color:#999;color:var(--text-muted);font-size:12px;line-height:1.5;margin:16px 0 0;text-align:center}.file-size-error-modal .file-size-error-icon{display:flex;justify-content:center;margin-bottom:16px}.file-size-error-modal .file-size-error-icon svg{color:#f59e0b}.file-size-error-files{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.file-size-error-file{background:#f59e0b14;border-radius:10px;gap:10px;padding:10px 14px}.file-size-error-file svg{color:#f59e0b;flex-shrink:0}.file-size-error-file .file-name{color:#3d3d3d;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size-error-tips{background:#9b6fb00a;margin-bottom:20px}.file-size-error-tips .tips-title{color:#3d3d3d;color:var(--text-primary);margin:0 0 10px}.file-size-error-tips ul{list-style:none;padding:0}.file-size-error-tips li{color:#6b6b6b;color:var(--text-secondary);font-size:13px;padding:4px 0 4px 16px;position:relative}.file-size-error-tips li:before{color:#c9b8d4;color:var(--primary-lavender);content:"•";left:0;position:absolute}.simple-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf8f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.simple-loading-content{align-items:center;display:flex;flex-direction:column;gap:20px}.simple-loading-spinner{animation:spin 1s linear infinite;border:3px solid #9b6fb026;border-radius:50%;border-top:3px solid var(--primary-lavender);height:48px;width:48px}.simple-loading-text{color:#3d3d3d;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.simple-loading-subtext{color:#999;color:var(--text-muted);font-size:14px;margin:0}@media (max-width:768px){.landing-mascot.floating{animation:none!important;left:auto!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;z-index:auto!important}.landing-mascot.floating.flying,.landing-mascot.floating.idle{animation:none!important}.mascot-motion-trails{display:none!important}.quiz-landing-page:after,.quiz-landing-page:before{display:none}.hero-section{min-height:auto;padding:100px 20px 60px}.landing-ambient-glow{height:300px;top:5%;width:300px}.landing-nav{padding:16px 20px}.brand-name{font-size:18px}.landing-auth-header{gap:8px}.auth-header-btn{font-size:13px;padding:8px 16px}.theme-toggle-btn{height:36px;width:36px}.landing-mascot{margin-bottom:4px}.landing-slogan{font-size:22px;line-height:1.35;text-align:center}.landing-subtitle{font-size:15px;margin:0 auto;max-width:300px;text-align:center}.hero-upload-btn{font-size:15px;padding:18px 24px}.upload-btn-icon{height:44px;min-width:44px;width:44px}.accepted-formats{gap:12px}.format-item{font-size:12px;gap:4px}.format-item svg{height:14px;width:14px}.hero-features{align-items:center;flex-direction:column;gap:10px}.hero-feature-card{justify-content:center;max-width:280px;width:100%}.landing-social-proof{align-items:center;flex-direction:column;gap:10px}.social-proof-badge{padding:10px 20px}.social-proof-divider{display:none}.badge-text{font-size:12px}.landing-footer{margin-top:32px}.footer-text{font-size:16px;text-align:center}.product-showcase-section{padding:60px 20px}.showcase-title{font-size:26px;margin-bottom:8px}.showcase-subtitle{font-size:15px;margin-bottom:32px}.demo-container{max-width:100%}.demo-card{border-radius:20px}.demo-header{padding:14px 20px}.demo-content{min-height:260px;padding:24px 20px}.demo-phase-labels{flex-wrap:wrap;gap:8px;margin-top:20px}.phase-label{font-size:11px;padding:6px 12px}.demo-upload-text{font-size:14px}.demo-generating-text,.demo-question-text{font-size:15px}.demo-answer{font-size:13px;padding:10px 14px}.demo-correct-text{font-size:20px}.demo-score-value{font-size:28px}.section-cta{margin-top:32px;width:100%}.section-cta-btn{font-size:15px;justify-content:center;max-width:280px;padding:14px 28px;width:100%}.section-spacer{height:40px}.science-section{padding:60px 20px}.science-brain-mascot{margin-bottom:32px}.science-brain-mascot .brain-mascot{transform:scale(.8)}.brain-explosion-particles .particle{height:8px;width:8px}.particle-0{--distance:45px}.particle-1{--distance:50px}.particle-2{--distance:40px}.particle-3{--distance:48px}.particle-4{--distance:38px}.particle-5{--distance:52px}.particle-6{--distance:45px}.particle-7{--distance:48px}.particle-8{--distance:40px}.particle-9{--distance:50px}.particle-10{--distance:38px}.particle-11{--distance:48px}.brain-explosion-particles .star-particle{font-size:12px}.star-0{--star-distance:55px}.star-1{--star-distance:60px}.star-2{--star-distance:50px}.star-3{--star-distance:58px}.star-4{--star-distance:55px}.star-5{--star-distance:60px}.star-6{--star-distance:48px}.star-7{--star-distance:52px}.brain-explosion-particles .spark-particle{height:10px;width:2px}.spark-0{--spark-distance:35px}.spark-1{--spark-distance:38px}.spark-2{--spark-distance:32px}.spark-3{--spark-distance:35px}.spark-4{--spark-distance:38px}.spark-5{--spark-distance:32px}.science-title{font-size:26px;margin-bottom:8px}.science-subtitle{font-size:15px;margin-bottom:32px;max-width:280px}.science-stats-grid{gap:16px;grid-template-columns:1fr;max-width:360px}.science-stat-card{border-radius:20px;padding:28px 24px}.stat-icon-wrapper{height:48px;margin-bottom:16px;width:48px}.stat-icon-wrapper svg{height:22px;width:22px}.stat-number{font-size:44px;margin-bottom:4px}.stat-title{font-size:16px;margin-bottom:10px}.stat-description{font-size:13px;line-height:1.5}.stat-source{font-size:10px;margin-top:12px}.login-prompt-modal{border-radius:24px;max-width:360px;padding:32px 24px}.login-prompt-title{font-size:22px}.login-prompt-message{font-size:14px}}@media (max-width:380px){.landing-nav{padding:14px 16px}.brand-name{font-size:16px}.auth-header-btn{font-size:12px;padding:6px 12px}.theme-toggle-btn{height:32px;width:32px}.landing-slogan{font-size:20px}.landing-subtitle{font-size:14px}.hero-upload-btn{font-size:14px;padding:16px 20px}.upload-btn-icon{height:40px;min-width:40px;width:40px}.format-item{font-size:11px}}body.dark-mode .quiz-landing-page{background:radial-gradient(ellipse 80% 60% at 70% 0,#c8b4dc0d 0,#0000 50%),radial-gradient(ellipse 60% 60% at 20% 80%,#c8b4dc08 0,#0000 40%),linear-gradient(180deg,#1a1a1a,#1a1a1a 50%,#1a1a1a)}body.dark-mode .quiz-landing-page:after,body.dark-mode .quiz-landing-page:before{opacity:.3}body.dark-mode .landing-ambient-glow{background:radial-gradient(ellipse 60% 50% at 50% 40%,#c8b4dc0f 0,#c8b4dc05 50%,#0000 70%)}body.dark-mode .brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8c4b4,#e88d7d);-webkit-background-clip:text;background-clip:text}body.dark-mode .login-btn{border:1px solid #ffffff1a;color:#ffffffb3}body.dark-mode .login-btn:hover{background:#ffffff0d;color:#fff}body.dark-mode .signup-btn{background:linear-gradient(135deg,#b8a5d4,#d4c8e8);background:linear-gradient(135deg,var(--dark-accent,#b8a5d4) 0,var(--dark-accent-light,#d4c8e8) 100%);border:2px solid #ffffff26;box-shadow:3px 3px 0 #0000004d;color:#1a1a1a;font-weight:600}body.dark-mode .signup-btn:hover{background:linear-gradient(135deg,#d4c8e8,#e5daf0);background:linear-gradient(135deg,var(--dark-accent-light,#d4c8e8) 0,#e5daf0 100%);box-shadow:5px 5px 0 #00000040,0 0 20px #b8a5d44d;transform:translate(-2px,-2px) rotate(-1deg)}body.dark-mode .signup-btn:active{box-shadow:1px 1px 0 #0000004d;transform:translate(1px,1px) rotate(0deg)}body.dark-mode .logout-btn{color:#ffffff80}body.dark-mode .logout-btn:hover{color:#fffc}body.dark-mode .theme-toggle-btn{background:#ffffff0d;color:#ffffff80}body.dark-mode .theme-toggle-btn:hover{background:#fbbf2426;color:#fbbf24}body.dark-mode .landing-slogan{color:#ffffffe6}body.dark-mode .landing-slogan:after{color:#e88d7d}body.dark-mode .slogan-highlight-wrapper{color:#ffffffe6}body.dark-mode .slogan-highlight{-webkit-text-fill-color:#f8c4b4;color:#f8c4b4}body.dark-mode .slogan-highlight:before{background:linear-gradient(90deg,#e88d7d33,#e88d7d4d 20%,#e88d7d40 80%,#e88d7d26)}body.dark-mode .landing-subtitle{color:#ffffff8c}body.dark-mode .hero-upload-btn{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14);box-shadow:none;color:#ffffffe6}body.dark-mode .hero-upload-btn:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc40;box-shadow:none}body.dark-mode .upload-btn-icon{background:#e88d7d26;color:#f8c4b4}body.dark-mode .format-item{color:#fff6}body.dark-mode .hero-feature-card{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14);color:#ffffffe6}body.dark-mode .hero-feature-card:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc40}body.dark-mode .hero-feature-icon{background:#e88d7d26;color:#f8c4b4}body.dark-mode .hero-feature-subtitle{color:#ffffff80}body.dark-mode .social-proof-badge{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .social-proof-badge:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc33}body.dark-mode .badge-text{color:#fffc}body.dark-mode .badge-icon{color:#f8c4b4}body.dark-mode .social-proof-divider{background:#ffffff1a}body.dark-mode .footer-text{color:#fff6}body.dark-mode .product-showcase-section{background:linear-gradient(180deg,#0000,#c8b4dc05 30%,#c8b4dc03 70%,#0000)}body.dark-mode .science-title,body.dark-mode .showcase-title{color:#fffffff2}body.dark-mode .science-subtitle,body.dark-mode .showcase-subtitle{color:#ffffff8c}body.dark-mode .demo-card{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14);box-shadow:none}body.dark-mode .demo-header{border-bottom-color:#ffffff14;border-bottom-color:var(--dark-border,#ffffff14)}body.dark-mode .demo-phase-label{background:#e88d7d26;color:#f8c4b4}body.dark-mode .demo-upload-area{background:#e88d7d08;border-color:#e88d7d33}body.dark-mode .demo-ai-icon,body.dark-mode .demo-file-icon{color:#f8c4b4}body.dark-mode .demo-upload-text{background:#ffffff0d;color:#ffffffb3}body.dark-mode .demo-generating-text,body.dark-mode .demo-question-text{color:#ffffffe6}body.dark-mode .demo-typing-dots span{background:#e88d7d}body.dark-mode .demo-question-number{background:#e88d7d26;color:#f8c4b4}body.dark-mode .demo-answer{background:#ffffff08;border-color:#ffffff14;color:#ffffffb3}body.dark-mode .demo-answer.selecting{background:#e88d7d26;border-color:#e88d7d66;color:#f8c4b4}body.dark-mode .demo-score{background:#ffffff08}body.dark-mode .demo-score-label{color:#ffffff80}body.dark-mode .demo-score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8c4b4,#e88d7d);-webkit-background-clip:text;background-clip:text}body.dark-mode .demo-timeline,body.dark-mode .demo-upload-progress{background:#ffffff14}body.dark-mode .demo-timeline-fill,body.dark-mode .demo-upload-progress-fill{background:linear-gradient(90deg,#d4736a,#e88d7d)}body.dark-mode .phase-label{background:#ffffff08;border-color:#ffffff0f;color:#ffffff80}body.dark-mode .section-cta-btn.primary{background:#c8b4dc33;border:1px solid #ffffff1a;box-shadow:none;color:#e5e5e5}body.dark-mode .section-cta-btn.secondary{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc33;color:#b8a5d4}body.dark-mode .section-cta-btn.secondary:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc59}body.dark-mode .section-cta-subtext{color:#ffffff73}body.dark-mode .science-section{background:linear-gradient(180deg,#c8b4dc03,#c8b4dc05 50%,#0000)}body.dark-mode .science-stat-card{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .science-stat-card:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc33;box-shadow:none}body.dark-mode .stat-icon-wrapper{background:#e88d7d1f;color:#f8c4b4}body.dark-mode .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8c4b4,#e88d7d);-webkit-background-clip:text;background-clip:text}body.dark-mode .stat-title{color:#fffffff2}body.dark-mode .stat-description{color:#fff9}body.dark-mode .stat-source{color:#fff6}body.dark-mode .mascot-motion-trails .trail{background:radial-gradient(circle,#c8b4dc33 0,#0000 70%)}body.dark-mode .page-exit-flash{background:radial-gradient(circle at center,#c8b4dc33 0,#0000 60%)}body.dark-mode .login-prompt-overlay{background:#0009}body.dark-mode .login-prompt-modal{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);box-shadow:0 24px 80px #00000080}body.dark-mode .login-prompt-close{background:#ffffff0d;color:#ffffff80}body.dark-mode .login-prompt-close:hover{background:#ffffff1a;color:#fffc}body.dark-mode .login-prompt-title{color:#fffffff2}body.dark-mode .login-prompt-message{color:#fff9}body.dark-mode .login-prompt-file-indicator{background:#c8b4dc1a}body.dark-mode .login-prompt-file-indicator .file-name{color:#ffffffe6}body.dark-mode .login-prompt-file-indicator .file-status{color:#ffffff80}body.dark-mode .login-prompt-google-btn{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffe6}body.dark-mode .login-prompt-google-btn:hover{background:#ffffff14}body.dark-mode .login-prompt-divider:after,body.dark-mode .login-prompt-divider:before{background:#ffffff1a}body.dark-mode .login-prompt-divider span{color:#fff6}body.dark-mode .login-prompt-benefits li{color:#ffffffb3}body.dark-mode .login-prompt-btn.primary{background:#c8b4dc33;border:1px solid #ffffff1a;color:#e5e5e5}body.dark-mode .login-prompt-btn.secondary{color:#b8a5d4}body.dark-mode .login-prompt-btn.secondary:hover{background:#c8b4dc1a}body.dark-mode .login-prompt-reassurance{color:#fff6}body.dark-mode .simple-loading-overlay{background:#1a1a1af2}body.dark-mode .simple-loading-spinner{border-color:#e88d7d #e88d7d33 #e88d7d33}body.dark-mode .simple-loading-text{color:#fffffff2}body.dark-mode .simple-loading-subtext{color:#ffffff80}body.dark-mode .popular-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.hero-divider{align-items:center;display:flex;gap:16px}.divider-line{background:linear-gradient(90deg,#0000,#9b6fb026,#0000);flex:1 1;height:1px}.divider-text{color:#999;color:var(--text-muted);font-size:13px;font-weight:500;text-transform:lowercase}body.dark-mode .divider-line{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}body.dark-mode .divider-text{color:#fff6}.hero-paste-area{display:flex;flex-direction:column;gap:12px}.paste-textarea{background:#ffffffe6;border:1px solid #9b6fb01f;border-radius:12px;color:#3d3d3d;color:var(--text-primary);font-family:inherit;font-size:14px;padding:16px;resize:none;transition:all .3s ease;width:100%}.paste-textarea::placeholder{color:#999;color:var(--text-muted)}.paste-textarea:focus{border-color:#9b6fb04d;box-shadow:0 0 0 3px #9b6fb014;outline:none}body.dark-mode .paste-textarea{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14);color:#ffffffe6}body.dark-mode .paste-textarea::placeholder{color:#fff6}.paste-generate-btn{align-self:flex-end;background:#9b6fb01a;border:1px solid #9b6fb033;border-radius:10px;color:#c9b8d4;color:var(--primary-lavender);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.paste-generate-btn:hover{background:#9b6fb026;border-color:#9b6fb04d}.features-section{background:linear-gradient(180deg,#0000,#9b6fb008);padding:80px 24px}.features-container{margin:0 auto;max-width:1000px}.features-title{color:#3d3d3d;color:var(--text-primary);font-size:clamp(1.5rem,4vw,2rem);font-weight:600;margin-bottom:40px;text-align:center}body.dark-mode .features-title{color:#fffffff2}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.features-grid{gap:16px;grid-template-columns:1fr}}.feature-card{align-items:center;background:#fffc;border:1px solid #9b6fb01a;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;padding:32px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--transition-smooth)}.feature-card:hover{border-color:#9b6fb033;box-shadow:0 12px 40px #9b6fb01a;transform:translateY(-4px)}body.dark-mode .feature-card{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14)}body.dark-mode .feature-card:hover{border-color:#c8b4dc40;box-shadow:none}.feature-card.pressed,.feature-card:active{transform:translateY(0) scale(.98)}.feature-icon{align-items:center;background:#9b6fb01a;border-radius:16px;color:#c9b8d4;color:var(--primary-lavender);display:flex;height:56px;justify-content:center;margin-bottom:16px;width:56px}body.dark-mode .feature-icon{background:#e88d7d26;color:#f8c4b4}.feature-title{color:#3d3d3d;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}body.dark-mode .feature-title{color:#fffffff2}.feature-description{color:#6b6b6b;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}body.dark-mode .feature-description{color:#fff9}body.dark-mode .star-doodle{color:#f8c4b4;opacity:.3}body.dark-mode .coffee-ring{border-color:#c8b4dc1a}body.dark-mode .scribble-underline{opacity:.2}body.dark-mode .landing-nav{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:1px solid #ffffff14;border:1px solid var(--dark-border,#ffffff14);box-shadow:none}body.dark-mode .landing-nav:before{background:#c8b4dc33;box-shadow:none}body.dark-mode .brand-name:after{opacity:.3}body.dark-mode .hero-transformation{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border-color:#ffffff14;border-color:var(--dark-border,#ffffff14);box-shadow:none}body.dark-mode .hero-transformation:before{background:linear-gradient(135deg,#0000 50%,#3d3d3d 0);box-shadow:none}body.dark-mode .hero-transformation:after{background:#c8b4dc33;box-shadow:none}body.dark-mode .hero-transformation:hover{box-shadow:none}body.dark-mode .transform-doc-btn{background:#2f2f2f;background:var(--dark-bg-secondary,#2f2f2f);border:2px dashed #c8b4dc4d;box-shadow:none}body.dark-mode .transform-doc-btn:before{color:#f8c4b4}body.dark-mode .transform-doc-btn:hover{background:#3d3d3d;background:var(--dark-bg-tertiary,#3d3d3d);border-color:#c8b4dc80;border-style:solid;box-shadow:none}body.dark-mode .doc-icon-wrapper{background:#e88d7d26;border-color:#e88d7d33;color:#f8c4b4}body.dark-mode .doc-title{color:#e5e5e5}body.dark-mode .doc-subtitle{color:#a0a0a0}body.dark-mode .doc-formats{color:grey}body.dark-mode .feature-output-card{background:#3d3d3d!important;background:var(--dark-bg-tertiary,#3d3d3d)!important;border-color:#ffffff14!important;border-color:var(--dark-border,#ffffff14)!important;box-shadow:none!important}body.dark-mode .feature-label{color:#e5e5e5!important}body.dark-mode .quiz-card{background:#6495ed26!important}body.dark-mode .quiz-card .feature-icon-circle{background:#6495ed33!important;color:#93b5ff!important}body.dark-mode .flashcard-card{background:#db277726!important}body.dark-mode .flashcard-card .feature-icon-circle{background:#db277733!important;color:#f472b6!important}body.dark-mode .mindmap-card{background:#8b5cf626!important}body.dark-mode .mindmap-card .feature-icon-circle{background:#8b5cf633!important;color:#a78bfa!important}body.dark-mode .audio-card{background:#05966926!important}body.dark-mode .audio-card .feature-icon-circle{background:#05966933!important;color:#34d399!important}body.dark-mode .studysheet-card{background:#d9770626!important}body.dark-mode .studysheet-card .feature-icon-circle{background:#d9770633!important;color:#fbbf24!important}.feature-card.nclex-card{border-color:#fbbf2426}.feature-card.nclex-card:hover{border-color:#fbbf244d;box-shadow:0 12px 40px #fbbf2414}.feature-card.nclex-card .feature-icon{background:#fbbf241f;color:#d97706}.feature-card.tutor-card .feature-icon{background:#3b82f61a;color:#3b82f6}.feature-card.challenge-card .feature-icon{background:#ef44441a;color:#ef4444}.nclex-card{border-color:#fbbf2426!important}.nclex-card:hover{border-color:#fbbf244d!important}.typewriter-container{align-items:center;display:inline-flex;margin-top:4px;position:relative}.slogan-highlight .typewriter-container{display:flex;width:fit-content}.typewriter-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e88d7d,#c9b8d4),linear-gradient(0deg,#ffeb7ab3 0,#ffeb7ab3 45%,#0000 0,#0000);background:linear-gradient(135deg,var(--primary-coral) 0,var(--primary-lavender) 100%),linear-gradient(to top,#ffeb7ab3 0,#ffeb7ab3 45%,#0000 45%,#0000 100%);background-clip:text,padding-box;-webkit-background-clip:text,padding-box;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#e88d7d;color:var(--primary-coral,#e88d7d);display:inline;font-family:Kalam,Patrick Hand,cursive;font-family:var(--font-handwritten,"Kalam",cursive);font-size:1.1em;font-weight:600;padding:0 2px 2px;position:relative;transition:opacity .1s ease}.typewriter-cursor{animation:typewriterBlink 1s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(180deg,#e88d7d,#c9b8d4);background:linear-gradient(180deg,var(--primary-coral,#e88d7d) 0,var(--primary-lavender,#c9b8d4) 100%);border-radius:1px;display:inline-block;height:1.2em;margin-left:3px;opacity:1;vertical-align:text-bottom;width:2px}@keyframes typewriterBlink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}body.dark-mode .typewriter-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8c4b4,#e88d7d),linear-gradient(0deg,#e88d7d40 0,#e88d7d40 45%,#0000 0,#0000);background-clip:text,padding-box;-webkit-background-clip:text,padding-box}body.dark-mode .typewriter-cursor{background:linear-gradient(180deg,#f8c4b4,#e88d7d)}@media (max-width:768px){.typewriter-text{font-size:1em}.typewriter-cursor{height:1.1em}}.dedicated-quiz-page{background:#000;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.dedicated-quiz-page.cinematic{background:#0000}.dedicated-quiz-page::-webkit-scrollbar{height:12px;width:12px}.dedicated-quiz-page::-webkit-scrollbar-track{background:linear-gradient(90deg,#0000,#0f0f19cc 20%,#0f0f19cc 80%,#0000);border-radius:6px}.dedicated-quiz-page::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#06b6d4 40%,#22d3ee 60%,#8b5cf6);background-clip:padding-box;border:3px solid #0f0f19cc;border-radius:6px;box-shadow:0 0 10px #8b5cf680,0 0 20px #22d3ee4d,inset 0 0 6px #ffffff1a;-webkit-transition:all .3s ease;transition:all .3s ease}.dedicated-quiz-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a78bfa,#22d3ee 40%,#67e8f9 60%,#a78bfa);box-shadow:0 0 15px #8b5cf6b3,0 0 30px #22d3ee80,inset 0 0 8px #fff3}.dedicated-quiz-page::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#c4b5fd,#67e8f9 40%,#a5f3fc 60%,#c4b5fd)}.dedicated-quiz-page::-webkit-scrollbar-corner{background:#0000}.dedicated-quiz-page{scrollbar-color:#8b5cf6 #0f0f19cc;scrollbar-width:thin}.quiz-floating-controls{align-items:center;display:flex;gap:10px;left:20px;position:fixed;top:20px;z-index:100}.quiz-back-button{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e2699;border:1px solid #ffffff14;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:42px}.quiz-back-button svg{height:20px;transition:transform .3s ease;width:20px}.quiz-back-button:hover{background:#8b5cf633;border-color:#8b5cf666;color:#fff}.quiz-back-button:hover,.quiz-back-button:hover svg{transform:translateX(-2px)}.quiz-back-button:active{transform:scale(.95)}.quiz-floating-controls .theme-toggle-btn{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e2699;border:1px solid #ffffff14;border-radius:12px;height:42px;width:42px}.quiz-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.header-left-section{display:flex;flex-direction:column;gap:6px}.question-counter{color:#fff;font-size:15px;font-weight:600}.topic-badge{align-items:center;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:12px;display:inline-flex;gap:5px;padding:3px 10px;width:fit-content}.topic-dot{color:#a78bfa;font-size:8px}.topic-text{color:#c4b5fd;font-size:11px;font-weight:500}.quiz-title{color:#ffffff80;font-size:12px;font-weight:400;white-space:nowrap}.quiz-page-main{align-items:center;display:flex;flex:1 1;gap:24px;justify-content:center;min-height:min-content;padding:20px 0 20px 32px;width:100%}.quiz-sidebar-left,.quiz-sidebar-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center}.quiz-sidebar-left{width:160px}.quiz-sidebar-right{margin-right:16px;width:130px}.tube-container{transform:scale(1);transform-origin:center}.mascot-container{animation:mascotFloat 3s ease-in-out infinite;transform:scale(.85)}@keyframes mascotFloat{0%,to{transform:scale(.85) translateY(0)}50%{transform:scale(.85) translateY(-5px)}}.quiz-content-area{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.quiz-card{animation:cardSlideIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e26cc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-width:680px;padding:24px 28px;width:100%}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-text{color:#fff;font-size:15px;font-weight:500;letter-spacing:.01em;line-height:1.5;margin-bottom:16px}.options-container{display:flex;flex-direction:column;gap:8px}.quiz-option{align-items:center;background:#28283299;border:1.5px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px 14px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.quiz-option:before{background:linear-gradient(135deg,#8b5cf61a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.quiz-option:hover:not(.disabled):before{opacity:1}.quiz-option:hover:not(.disabled){border-color:#8b5cf680;box-shadow:0 4px 20px #8b5cf626;transform:translateY(-2px)}.quiz-option.hovered:not(.disabled){background:#323241cc;border-color:#8b5cf699}.quiz-option:active:not(.disabled){transform:scale(.99)}.quiz-option:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}.option-letter{align-items:center;background:#ffffff1a;border-radius:6px;color:#fffc;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.quiz-option:hover:not(.disabled) .option-letter{background:#8b5cf64d;color:#fff}.option-letter.selected{background:#8b5cf680;color:#fff}.option-letter.correct{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98166;color:#fff}.option-text{color:#ffffffe6;flex:1 1;font-size:13px;font-weight:450;line-height:1.4}.option-icon{align-items:center;animation:iconPop .4s cubic-bezier(.25,.46,.45,.94);border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.option-icon.checkmark{background:#10b981;box-shadow:0 2px 8px #10b98180}.option-icon.x-mark{background:#ef4444;box-shadow:0 2px 8px #ef444480}.option-icon svg{stroke:#fff;stroke-width:2.5;fill:none;height:12px;width:12px}.quiz-option.correct{animation:correctPulse .5s ease-out;background:#10b98126;border-color:#34d399}@keyframes correctPulse{0%{box-shadow:0 0 0 0 #34d39966;transform:scale(1)}50%{box-shadow:0 0 0 10px #34d39900;transform:scale(1.02)}to{box-shadow:0 0 0 0 #34d39900;transform:scale(1)}}.quiz-option.correct .option-text{color:#a7f3d0}.quiz-option.incorrect{animation:incorrectShake .4s ease-out;background:#ef444426;border-color:#f87171}@keyframes incorrectShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.quiz-option.incorrect .option-text{color:#fca5a5}.quiz-option.disabled{cursor:default;opacity:.5}.quiz-feedback{align-items:flex-start;animation:feedbackSlideIn .4s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #0000;border-radius:14px;display:flex;gap:14px;margin-top:16px;padding:16px 18px}@keyframes feedbackSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-feedback.correct{background:linear-gradient(135deg,#10b9811f,#06b6d414);border-color:#10b98140;box-shadow:0 4px 20px #10b9811a,inset 0 1px 0 #ffffff0d}.quiz-feedback.incorrect{background:linear-gradient(135deg,#ef44441a,#f973160f);border-color:#ef444433;box-shadow:0 4px 20px #ef444414,inset 0 1px 0 #ffffff0d}.feedback-icon-wrapper{flex-shrink:0}.feedback-icon{align-items:center;animation:iconPop .4s cubic-bezier(.175,.885,.32,1.275) .1s both;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}@keyframes iconPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.feedback-icon.correct{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 4px 12px #10b98159}.feedback-icon.incorrect{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 4px 12px #ef44444d}.feedback-icon svg{stroke:#fff;stroke-width:3;fill:none;height:16px;width:16px}.feedback-content{flex:1 1;min-width:0}.feedback-status{display:block;font-size:14px;font-weight:700;letter-spacing:.02em;margin-bottom:6px}.feedback-status.correct{color:#34d399}.feedback-status.incorrect{color:#f87171}.feedback-explanation{color:#ffffffbf;font-size:13px;font-weight:400;line-height:1.6;margin:0}.feedback-explanation strong{color:#fffffff2;font-weight:600}.feedback-explanation br{content:"";display:block;margin-top:8px}.next-button{animation:buttonAppear .3s ease-out .2s both;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .3s ease;width:100%}@keyframes buttonAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.next-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.next-button:active{transform:translateY(0)}.serum-tube-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px;position:relative;transition:transform .3s ease,filter .3s ease}.serum-tube-container.hovered{filter:brightness(1.1) drop-shadow(0 0 20px rgba(34,211,238,.4));transform:scale(1.02)}.serum-tube-container.hovered svg{filter:drop-shadow(0 0 15px rgba(34,211,238,.5))}.serum-tube-tooltip{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;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(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#0f0f1af7,#1a1a2ef7 50%,#16213ef7);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.login-prompt-overlay:before{animation:loginAmbientFloat 15s ease-in-out infinite alternate;background:radial-gradient(circle,#8b5cf626 0,#0000 60%);content:"";height:50%;left:-10%;pointer-events:none;position:absolute;top:-20%;width:50%}.login-prompt-overlay:after{animation:loginAmbientFloat 20s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#06b6d41a 0,#0000 60%);bottom:-20%;content:"";height:60%;pointer-events:none;position:absolute;right:-10%;width:60%}@keyframes loginAmbientFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}.login-prompt-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e2dd9;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px 0 0 #ffffff1a;max-width:420px;padding:40px 32px;position:relative;text-align:center;width:100%;z-index:10}.login-prompt-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.login-prompt-close:hover{background:#fff3;color:#fff;transform:scale(1.05)}.login-prompt-mascot{margin-bottom:20px}.login-prompt-title{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}.login-prompt-message{color:#ffffffb3;font-size:15px;line-height:1.5;margin:0 0 24px}.login-prompt-benefits{list-style:none;margin:0 0 28px;padding:0;text-align:left}.login-prompt-benefits li{align-items:center;border-bottom:1px solid #ffffff14;color:#ffffffd9;display:flex;font-size:14px;gap:12px;padding:10px 0}.login-prompt-benefits li:last-child{border-bottom:none}.login-prompt-benefits li svg{color:#22d3ee;flex-shrink:0}.login-prompt-actions{display:flex;flex-direction:column;gap:12px}.login-prompt-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.login-prompt-btn.primary{background:linear-gradient(135deg,#ad7dc3,#8b5cf6 50%,#7c3aed);box-shadow:0 4px 15px #8b5cf64d,inset 0 1px 0 0 #fff3;color:#fff}.login-prompt-btn.primary:hover{box-shadow:0 8px 25px #8b5cf666,inset 0 1px 0 0 #ffffff40;transform:translateY(-2px)}.login-prompt-btn.secondary{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.login-prompt-btn.secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.login-prompt-google-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;letter-spacing:-.01em;margin-top:8px;padding:14px 24px;transition:all .3s ease;width:100%}.login-prompt-google-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.login-prompt-google-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-prompt-google-btn .google-logo{height:20px;width:20px}.login-prompt-divider{align-items:center;display:flex;gap:12px;margin:16px 0}.login-prompt-divider:after,.login-prompt-divider:before{background:#ffffff26;content:"";flex:1 1;height:1px}.login-prompt-divider span{color:#ffffff80;font-size:13px;letter-spacing:.5px;text-transform:uppercase}body:not(.dark-mode) .login-prompt-overlay{background:linear-gradient(135deg,#f8f9fff7,#eef2fff7 50%,#e8f4f8f7)}body:not(.dark-mode) .login-prompt-overlay:before{background:radial-gradient(circle,#ad7dc333 0,#0000 60%)}body:not(.dark-mode) .login-prompt-overlay:after{background:radial-gradient(circle,#93c5fd26 0,#0000 60%)}body:not(.dark-mode) .login-prompt-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ad7dc326;box-shadow:0 25px 50px -12px #64507826,0 0 0 1px #ad7dc31a,inset 0 1px 0 0 #fffc}body:not(.dark-mode) .login-prompt-close{background:#0000000d;color:#00000080}body:not(.dark-mode) .login-prompt-close:hover{background:#0000001a;color:#000c}body:not(.dark-mode) .login-prompt-title{color:#1a1a2e}body:not(.dark-mode) .login-prompt-message{color:#4a4a6a}body:not(.dark-mode) .login-prompt-benefits li{border-bottom-color:#ad7dc31a;color:#4a4a6a}body:not(.dark-mode) .login-prompt-benefits li svg{color:#ad7dc3}body:not(.dark-mode) .login-prompt-btn.primary{background:linear-gradient(135deg,#c9a0dc,#ad7dc3 50%,#9b6fb0);box-shadow:0 4px 15px #ad7dc34d,inset 0 1px 0 0 #ffffff4d;color:#fff}body:not(.dark-mode) .login-prompt-btn.primary:hover{box-shadow:0 8px 25px #ad7dc366,inset 0 1px 0 0 #ffffff59}body:not(.dark-mode) .login-prompt-btn.secondary{background:#fffc;border:1.5px solid #ad7dc333;color:#4a4a6a}body:not(.dark-mode) .login-prompt-btn.secondary:hover{background:#fffffff2;border-color:#ad7dc359;color:#1a1a2e}body:not(.dark-mode) .login-prompt-google-btn{background:#fffc;border:1.5px solid #ad7dc333;color:#4a4a6a}body:not(.dark-mode) .login-prompt-google-btn:hover:not(:disabled){background:#fffffff2;border-color:#ad7dc359}body:not(.dark-mode) .login-prompt-divider:after,body:not(.dark-mode) .login-prompt-divider:before{background:#ad7dc326}body:not(.dark-mode) .login-prompt-divider span{color:#64507880}@media (max-width:480px){.login-prompt-modal{margin:16px;padding:32px 24px}.login-prompt-title{font-size:20px}.login-prompt-message{font-size:14px}.login-prompt-benefits li{font-size:13px}}.dev-controls{background:#000000e6;border:1px solid #ffc80080;border-radius:12px;box-shadow:0 8px 32px #00000080;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;min-width:220px;overflow:hidden;position:fixed;right:20px;top:80px;z-index:9999}.dev-controls-header{background:#ffc80033;border-bottom:1px solid #ffc8004d;color:#ffc800;font-weight:600;padding:8px 12px}.dev-controls-body{display:flex;flex-direction:column;gap:10px;padding:12px}.dev-control-group{align-items:center;color:#fffc;display:flex;gap:8px}.dev-control-group label{flex-shrink:0;font-size:11px}.dev-control-group input[type=range]{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.dev-control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#22d3ee;border-radius:50%;cursor:pointer;height:14px;width:14px}.dev-control-group span{color:#22d3ee;font-size:11px;min-width:25px}.dev-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.dev-btn:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);transform:translateY(-1px)}.dev-btn.reset{background:linear-gradient(135deg,#ef4444,#dc2626)}.dev-btn.reset:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.dev-phase-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.dev-phase-buttons span{color:#fff9;font-size:10px;margin-bottom:4px;width:100%}.dev-phase-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:11px;font-weight:600;height:28px;padding:0;transition:all .2s ease;width:28px}.dev-phase-btn:hover{background:#22d3ee33;border-color:#22d3ee80;color:#22d3ee}.dev-phase-btn.active{background:#22d3ee4d;border-color:#22d3ee;box-shadow:0 0 10px #22d3ee4d;color:#22d3ee}.file-size-error-modal{text-align:center}.file-size-error-icon{animation:warningPulse 2s ease-in-out infinite;margin-bottom:16px}@keyframes warningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.file-size-error-files{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;margin:16px 0;max-height:120px;overflow-y:auto;padding:12px 16px}.file-size-error-file{align-items:center;color:#f59e0b;display:flex;gap:8px;padding:6px 0}.file-size-error-file:not(:last-child){border-bottom:1px solid #f59e0b1a}.file-size-error-file .file-name{font-size:13px;font-weight:500;text-align:left;word-break:break-all}.file-size-error-tips{background:#8b5cf614;border-radius:12px;margin:16px 0;padding:16px;text-align:left}.file-size-error-tips .tips-title{color:#ffffffe6;font-size:13px;font-weight:600;margin-bottom:10px}.file-size-error-tips ul{margin:0;padding-left:20px}.file-size-error-tips li{color:#ffffffb3;font-size:12px;line-height:1.5;margin-bottom:6px}.file-size-error-tips li:last-child{margin-bottom:0}body:not(.dark-mode) .file-size-error-files{background:#f59e0b14;border-color:#f59e0b26}body:not(.dark-mode) .file-size-error-file{color:#d97706}body:not(.dark-mode) .file-size-error-tips{background:#ad7dc314}body:not(.dark-mode) .file-size-error-tips .tips-title{color:#3c3250e6}body:not(.dark-mode) .file-size-error-tips li{color:#3c3250b3}.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;font-weight:800;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}}:root{--blog-primary:#8b5cf6;--blog-primary-light:#a78bfa;--blog-primary-dark:#7c3aed;--blog-bg:#0d0d10;--blog-bg-card:#1e1e23cc;--blog-text:#fffffff2;--blog-text-secondary:#ffffffb3;--blog-text-muted:#ffffff80;--blog-border:#ffffff14;--blog-border-accent:#8b5cf64d}.blog-page{background:linear-gradient(145deg,#0d0d10,#15151a 50%,#1a1a20);background:linear-gradient(145deg,var(--blog-bg) 0,#15151a 50%,#1a1a20 100%);color:#fffffff2;color:var(--blog-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:0}.blog-header{margin:0 auto;max-width:1200px;padding:40px 24px 60px;text-align:center}.blog-post-header{padding-bottom:24px;text-align:left}.blog-back-link{align-items:center;color:#ffffffb3;color:var(--blog-text-secondary);display:inline-flex;font-size:.9375rem;gap:8px;margin-bottom:32px;text-decoration:none;transition:color .2s}.blog-back-link:hover{color:#a78bfa;color:var(--blog-primary-light)}.blog-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a78bfa);background:linear-gradient(135deg,#fff 0,var(--blog-primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:16px}.blog-subtitle{color:#ffffffb3;color:var(--blog-text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.blog-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin:0 auto;max-width:1200px;padding:0 24px 60px}.blog-card{background:#1e1e23cc;background:var(--blog-bg-card);border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.blog-card:hover{border-color:#8b5cf64d;border-color:var(--blog-border-accent);box-shadow:0 16px 48px #8b5cf626;transform:translateY(-4px)}.blog-card-link{color:inherit;display:block;text-decoration:none}.blog-card-image{background:linear-gradient(135deg,#7c3aed,#0d0d10);background:linear-gradient(135deg,var(--blog-primary-dark) 0,var(--blog-bg) 100%);height:200px;overflow:hidden;width:100%}.blog-card-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:24px}.blog-card-meta{align-items:center;display:flex;gap:12px;margin-bottom:12px}.blog-card-category{background:#8b5cf626;border-radius:4px;color:#a78bfa;color:var(--blog-primary-light);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.blog-card-date{color:#ffffff80;color:var(--blog-text-muted);font-size:.8125rem}.blog-card-title{color:#fffffff2;color:var(--blog-text);font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:12px}.blog-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ffffffb3;color:var(--blog-text-secondary);display:-webkit-box;font-size:.9375rem;line-height:1.6;margin-bottom:16px;overflow:hidden}.blog-card-footer{align-items:center;display:flex;justify-content:space-between}.blog-card-read-time{color:#ffffff80;color:var(--blog-text-muted);font-size:.8125rem}.blog-card-cta{color:#a78bfa;color:var(--blog-primary-light);font-size:.875rem;font-weight:500;transition:color .2s}.blog-card:hover .blog-card-cta{color:#c4b5fd}.blog-article{margin:0 auto;max-width:800px;padding:0 24px 60px}.blog-article-header{margin-bottom:32px}.blog-article-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.blog-article-title{color:#fffffff2;color:var(--blog-text);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.3;margin-bottom:16px}.blog-article-author{color:#ffffffb3;color:var(--blog-text-secondary);font-size:.9375rem}.blog-article-image{border-radius:16px;margin-bottom:40px;overflow:hidden;width:100%}.blog-article-image img{height:auto;width:100%}.blog-article-content{color:#ffffffb3;color:var(--blog-text-secondary);font-size:1.0625rem;line-height:1.8}.blog-h1{font-size:2rem;font-weight:700;margin:48px 0 24px}.blog-h1,.blog-h2{color:#fffffff2;color:var(--blog-text)}.blog-h2{border-top:1px solid #ffffff14;border-top:1px solid var(--blog-border);font-size:1.5rem;font-weight:600;margin:40px 0 20px;padding-top:20px}.blog-h3{color:#a78bfa;color:var(--blog-primary-light);font-size:1.25rem;font-weight:600;margin:32px 0 16px}.blog-p{margin-bottom:20px}.blog-ol,.blog-ul{margin:20px 0;padding-left:24px}.blog-li{margin-bottom:12px;position:relative}.blog-ul .blog-li::marker{color:#8b5cf6;color:var(--blog-primary)}.blog-quote{background:#8b5cf614;border-left:4px solid #8b5cf6;border-left:4px solid var(--blog-primary);border-radius:0 12px 12px 0;color:#fffffff2;color:var(--blog-text);font-style:italic;margin:32px 0;padding:24px 28px}.blog-inline-code{background:#8b5cf626;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.9em;padding:2px 8px}.blog-code-block{background:#0006;border-radius:12px;margin:24px 0;overflow-x:auto;padding:20px}.blog-link{color:#a78bfa;color:var(--blog-primary-light);text-decoration:underline;text-underline-offset:2px;transition:color .2s}.blog-link:hover{color:#c4b5fd}.blog-content-image{border-radius:12px;margin:24px 0;width:100%}.blog-strong{color:#fffffff2;color:var(--blog-text);font-weight:600}.blog-table-wrapper{background:#1e1e23cc;background:var(--blog-bg-card);border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:12px;margin:24px 0;overflow-x:auto}.blog-table{border-collapse:collapse;font-size:.9375rem;width:100%}.blog-table td,.blog-table th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--blog-border);padding:12px 16px;text-align:left}.blog-table th{background:#8b5cf61a;color:#fffffff2;color:var(--blog-text);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.blog-table td{color:#ffffffb3;color:var(--blog-text-secondary)}.blog-table tbody tr:last-child td{border-bottom:none}.blog-table tbody tr:hover{background:#8b5cf60d}.blog-tags{border-top:1px solid #ffffff14;border-top:1px solid var(--blog-border);display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px}.blog-tag{background:#1e1e23cc;background:var(--blog-bg-card);border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:20px;color:#ffffffb3;color:var(--blog-text-secondary);font-size:.8125rem;padding:6px 14px}.blog-cta-section{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border:1px solid #8b5cf64d;border:1px solid var(--blog-border-accent);border-radius:24px;margin:60px auto;max-width:800px;padding:48px;text-align:center}.blog-cta-section h2{color:#fffffff2;color:var(--blog-text);font-size:1.75rem;font-weight:600;margin-bottom:12px}.blog-cta-section p{color:#ffffffb3;color:var(--blog-text-secondary);font-size:1.0625rem;margin-bottom:24px}.blog-cta-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--blog-primary) 0,var(--blog-primary-dark) 100%);border-radius:12px;box-shadow:0 4px 16px #8b5cf64d;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 32px;text-decoration:none;transition:all .3s}.blog-cta-button:hover{box-shadow:0 8px 24px #8b5cf666;transform:translateY(-2px)}.blog-related{margin:0 auto 60px;max-width:800px;padding:0 24px}.blog-related-title{color:#fffffff2;color:var(--blog-text);font-size:1.25rem;font-weight:600;margin-bottom:24px}.blog-related-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.blog-related-card{background:#1e1e23cc;background:var(--blog-bg-card);border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:12px;padding:20px;text-decoration:none;transition:all .3s}.blog-related-card:hover{border-color:#8b5cf64d;border-color:var(--blog-border-accent);transform:translateY(-2px)}.blog-related-card h3{color:#fffffff2;color:var(--blog-text);font-size:1rem;font-weight:500;line-height:1.4;margin-top:12px}.blog-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--blog-border);color:#ffffff80;color:var(--blog-text-muted);font-size:.875rem;padding:40px 24px;text-align:center}.blog-footer-links a{color:#a78bfa;margin:0 6px}.blog-footer-links a:hover{color:#6b21a8}.blog-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px}.blog-loading-spinner{animation:blogSpin .8s linear infinite;border:3px solid #ffffff14;border-top-color:#8b5cf6;border:3px solid var(--blog-border);border-radius:50%;border-top-color:var(--blog-primary);height:40px;width:40px}@keyframes blogSpin{to{transform:rotate(1turn)}}.blog-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 24px;text-align:center}.blog-not-found h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--blog-primary) 0,var(--blog-primary-dark) 100%);-webkit-background-clip:text;font-size:6rem;font-weight:700;margin-bottom:16px}.blog-not-found p{color:#ffffffb3;color:var(--blog-text-secondary);font-size:1.25rem;margin-bottom:32px}@media (max-width:768px){.blog-grid{grid-template-columns:1fr;padding:0 16px 40px}.blog-header{padding:24px 16px 40px}.blog-article{padding:0 16px 40px}.blog-cta-section{margin:40px 16px;padding:32px 24px}.blog-article-meta{gap:8px}.blog-card-meta{flex-wrap:wrap}}body:not(.dark-mode) .blog-page{background:linear-gradient(145deg,#f8fafc,#f1f5f9 50%,#e2e8f0)}body:not(.dark-mode) .blog-main-title{background:linear-gradient(135deg,#1e293b,#7c3aed);-webkit-background-clip:text;background-clip:text}body:not(.dark-mode) .blog-article-content,body:not(.dark-mode) .blog-card-excerpt,body:not(.dark-mode) .blog-subtitle{color:#475569}body:not(.dark-mode) .blog-card{background:#ffffffe6;border-color:#00000014}body:not(.dark-mode) .blog-card:hover{box-shadow:0 16px 48px #8b5cf61f}body:not(.dark-mode) .blog-article-title,body:not(.dark-mode) .blog-card-title,body:not(.dark-mode) .blog-h1,body:not(.dark-mode) .blog-h2,body:not(.dark-mode) .blog-h3,body:not(.dark-mode) .blog-strong{color:#1e293b}body:not(.dark-mode) .blog-cta-section{background:linear-gradient(135deg,#8b5cf61a,#8b5cf608)}body:not(.dark-mode) .blog-cta-section h2{color:#1e293b}body:not(.dark-mode) .blog-cta-section p{color:#475569}body:not(.dark-mode) .blog-related-card h3,body:not(.dark-mode) .blog-related-title{color:#1e293b}body:not(.dark-mode) .blog-quote{background:#8b5cf60f;color:#1e293b}body:not(.dark-mode) .blog-quote em,body:not(.dark-mode) .blog-quote p,body:not(.dark-mode) .blog-quote strong{color:#1e293b}body:not(.dark-mode) .blog-li,body:not(.dark-mode) .blog-p{color:#475569}body:not(.dark-mode) .blog-tag{background:#fffc;color:#475569}body:not(.dark-mode) .blog-related-card{background:#fffc}body:not(.dark-mode) .blog-footer{color:#64748b}.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}.stat-label{color:#94a3b8;font-size:12px;margin-top:4px}.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}}.add-exam-overlay{align-items:center;animation:overlay-fade-in .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.add-exam-modal{animation:modal-slide-up .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-height:calc(100vh - 40px);max-width:480px;overflow-y:auto;width:100%}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.add-exam-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:20px 24px}.add-exam-title{color:#1f1f1f;font-size:18px;font-weight:700;margin:0}.add-exam-close{align-items:center;background:#0000000d;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.add-exam-close:hover{background:#ef44441a;color:#ef4444}.add-exam-close svg{height:16px;width:16px}.exam-presets{border-bottom:1px solid #0000000f;padding:16px 24px}.presets-label{color:#888;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.presets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.preset-btn{align-items:center;background:#ad7dc30f;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 6px;transition:all .2s ease}.preset-btn:hover{background:#ad7dc31f;border-color:#ad7dc333}.preset-btn.selected{background:#ad7dc326;border-color:var(--primary-purple)}.preset-icon{font-size:20px}.preset-name{color:#444;font-size:10px;font-weight:500;line-height:1.2;text-align:center}.preset-btn.selected .preset-name{color:var(--primary-purple-dark);font-weight:600}.add-exam-form{padding:20px 24px 24px}.form-group{margin-bottom:16px}.form-label{color:#444;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.required{color:#ef4444;margin-left:2px}.form-input,.form-textarea{background:#f9f9fb;border:1px solid #00000014;border-radius:10px;box-sizing:border-box;color:#1f1f1f;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#fff;border-color:var(--primary-purple);box-shadow:0 0 0 3px #ad7dc31a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#aaa}.form-textarea{min-height:80px;resize:vertical}input[type=date]{appearance:none;-webkit-appearance:none}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-error{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:10px;color:#dc2626;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 14px}.error-icon{font-size:14px}.form-actions{display:flex;gap:12px;margin-top:20px}.cancel-btn,.submit-btn{border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.cancel-btn{background:#0000;border:1px solid #0000001f;color:#666}.cancel-btn:hover{background:#0000000a;border-color:#0003}.submit-btn{background:linear-gradient(135deg,var(--primary-purple) 0,var(--primary-purple-hover) 100%);border:none;box-shadow:0 4px 12px #ad7dc340;color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #ad7dc359;transform:translateY(-1px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6}body.dark-mode .add-exam-overlay{background:#000000b3}body.dark-mode .add-exam-modal{background:linear-gradient(145deg,#1e1e32,#151528);box-shadow:0 20px 60px #00000080}body.dark-mode .add-exam-header{border-bottom-color:#ffffff0f}body.dark-mode .add-exam-title{color:#fff}body.dark-mode .add-exam-close{background:#ffffff0f;color:#9ca3af}body.dark-mode .add-exam-close:hover{background:#ef444426;color:#ef4444}body.dark-mode .exam-presets{border-bottom-color:#ffffff0f}body.dark-mode .presets-label{color:#9ca3af}body.dark-mode .preset-btn{background:#8b5cf614}body.dark-mode .preset-btn:hover{background:#8b5cf626;border-color:#8b5cf64d}body.dark-mode .preset-btn.selected{background:#8b5cf633;border-color:#8b5cf6}body.dark-mode .preset-name{color:#d1d5db}body.dark-mode .preset-btn.selected .preset-name{color:#a78bfa}body.dark-mode .form-label{color:#e5e7eb}body.dark-mode .form-input,body.dark-mode .form-textarea{background:#ffffff0d;border-color:#ffffff1a;color:#fff}body.dark-mode .form-input:focus,body.dark-mode .form-textarea:focus{background:#8b5cf61a;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}body.dark-mode .form-input::placeholder,body.dark-mode .form-textarea::placeholder{color:#6b7280}body.dark-mode .form-error{background:#ef44441f;border-color:#ef44444d}body.dark-mode .cancel-btn{border-color:#ffffff1a;color:#9ca3af}body.dark-mode .cancel-btn:hover{background:#ffffff0f;border-color:#fff3}body.dark-mode .submit-btn{background:linear-gradient(135deg,#7c3aed,#6b21a8);box-shadow:0 4px 12px #7c3aed40}body.dark-mode .submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf659}body.dark-mode input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}@media (max-width:520px){.add-exam-modal{border-radius:16px;max-height:calc(100vh - 20px)}.add-exam-header{padding:16px 20px}.add-exam-title{font-size:16px}.exam-presets{padding:14px 20px}.presets-grid{gap:6px;grid-template-columns:repeat(4,1fr)}.preset-btn{padding:8px 4px}.preset-icon{font-size:18px}.preset-name{font-size:9px}.add-exam-form{padding:16px 20px 20px}.form-actions{flex-direction:column}}.dashboard-page{background:#f5f0fa;background-image:radial-gradient(at 0 0,#ad7dc326 0,#0000 50%),radial-gradient(at 100% 0,#d9b8f41a 0,#0000 50%);display:flex;flex-direction:column;height:100vh;overflow-y:auto}body.dark-mode .dashboard-page{background:linear-gradient(135deg,#0f0f12,#1a1a1e);background-image:none}.home-dashboard{animation:dashboard-fade-in .4s ease;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:600px;padding:24px;width:100%}@keyframes dashboard-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.dashboard-loading-spinner{animation:spin .8s linear infinite;border:3px solid #ad7dc333;border-radius:50%;border-top:3px solid var(--primary-purple);height:40px;width:40px}.upcoming-exams-section{display:flex;flex-direction:column;gap:12px}.section-header{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.section-title{color:#1f1f1f;font-size:18px;font-weight:700;margin:0}.exams-cards-list{display:flex;flex-direction:column;gap:10px}.exam-card{background:#fff;border:1px solid #ad7dc31a;border-radius:16px;box-shadow:0 2px 8px #9b6fb00f;cursor:pointer;overflow:hidden;padding:16px 18px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.exam-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 16px #9b6fb026;transform:translateY(-2px)}.exam-card:active{transform:translateY(-1px) scale(.99)}.exam-card-primary{background:linear-gradient(145deg,#f8f5ff,#f3eeff);border:2px solid #8b5cf64d;box-shadow:0 4px 20px #8b5cf626}.exam-card-primary:before{background:linear-gradient(90deg,#8b5cf6,#a855f7);content:"";height:3px;left:0;position:absolute;right:0;top:0}.exam-card-primary:hover{border-color:#8b5cf680;box-shadow:0 6px 24px #8b5cf640}.exam-card-content{display:flex;flex-direction:column;gap:12px}.exam-card-top{justify-content:space-between}.exam-card-left,.exam-card-top{align-items:center;display:flex}.exam-card-left{gap:14px}.exam-card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:28px}.exam-card-info{display:flex;flex-direction:column;gap:2px}.exam-card-title{color:#1f1f1f;font-size:16px;font-weight:600;margin:0}.exam-card-primary .exam-card-title{color:#1f1f1f}.exam-card-countdown{background:#8b5cf61a;border-radius:20px;color:var(--primary-purple);display:inline-block;font-size:13px;font-weight:600;padding:2px 10px;width:fit-content}.exam-card-primary .exam-card-countdown{background:#8b5cf626;color:var(--primary-purple)}.exam-card-right{align-items:center;display:flex}.exam-card-study-btn{background:#8b5cf61a;border-radius:10px;color:var(--primary-purple);font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s ease}.exam-card:hover .exam-card-study-btn{background:var(--primary-purple);color:#fff}.exam-card-primary .exam-card-study-btn{background:#8b5cf626;color:var(--primary-purple)}.exam-card-primary:hover .exam-card-study-btn{background:var(--primary-purple);color:#fff}.exam-card-progress{display:flex;flex-direction:column;gap:6px}.exam-progress-header{align-items:center;display:flex;justify-content:space-between}.exam-progress-label{color:#6b7280;font-size:12px;font-weight:600}.exam-card-primary .exam-progress-label{color:#6b7280}.exam-progress-stats{background:#8b5cf61a;border-radius:6px;color:var(--primary-purple);font-size:11px;font-weight:600;padding:2px 6px}.exam-card-primary .exam-progress-stats{background:#8b5cf626;color:var(--primary-purple)}.exam-progress-bar{background:#8b5cf61a;border-radius:3px;height:6px;overflow:hidden}.exam-card-primary .exam-progress-bar{background:#8b5cf633}.exam-progress-fill{background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:3px;height:100%;position:relative;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.exam-progress-fill:after{background:linear-gradient(180deg,#ffffff4d,#0000);border-radius:3px 3px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}.readiness-card{border:1px solid #ad7dc31f;border-radius:16px;box-shadow:0 2px 12px #9b6fb014;margin-top:4px;padding:18px 20px}.dashboard-exam-card,.readiness-card{background:linear-gradient(145deg,#fff,#faf8fc)}.dashboard-exam-card{border:1px solid #ad7dc31f;border-radius:20px;box-shadow:0 4px 20px #9b6fb014;overflow:hidden;padding:24px;position:relative}.dashboard-exam-card:before{background:linear-gradient(90deg,var(--primary-purple),var(--primary-purple-light));content:"";height:3px;left:0;position:absolute;right:0;top:0}.exam-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.exam-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px}.exam-info{flex:1 1}.exam-title{color:#1f1f1f;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.exam-countdown{color:var(--primary-purple);font-size:15px;font-weight:600}.readiness-section{margin-bottom:16px}.readiness-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.readiness-label{color:#444;font-size:14px;font-weight:600}.readiness-bar{background:#ad7dc326;border-radius:6px;box-shadow:inset 0 2px 4px #0000000d;height:12px;overflow:hidden}.readiness-bar-fill{background:linear-gradient(90deg,var(--primary-purple),#b39ddb);border-radius:6px;box-shadow:0 0 12px #ad7dc366;height:100%;position:relative;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.readiness-bar-shine{background:linear-gradient(180deg,#fff6,#0000);border-radius:6px 6px 0 0;height:50%;left:0;position:absolute;right:0;top:0}.recommendation-section{background:#ad7dc30f;border-left:3px solid var(--primary-purple);border-radius:12px;display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding:12px 16px}.recommendation-label{color:var(--primary-purple-dark);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.recommendation-text{color:#444;font-size:14px;font-weight:500}.start-quiz-btn{align-items:center;background:linear-gradient(135deg,var(--primary-purple) 0,var(--primary-purple-hover) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #ad7dc34d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.start-quiz-btn:hover{background:linear-gradient(135deg,var(--primary-purple-hover) 0,var(--primary-purple-dark) 100%);box-shadow:0 6px 20px #ad7dc366;transform:translateY(-2px)}.start-quiz-btn:active{transform:translateY(0)}.btn-arrow{font-size:18px;transition:transform .2s ease}.start-quiz-btn:hover .btn-arrow{transform:translateX(4px)}.no-exam-state{padding:20px 0;text-align:center}.no-exam-icon{display:block;font-size:48px;margin-bottom:16px}.no-exam-title{color:#1f1f1f;font-size:18px;font-weight:600;margin:0 0 8px}.no-exam-description{color:#666;font-size:14px;margin:0 0 20px}.add-exam-btn{align-items:center;background:#0000;border:2px solid var(--primary-purple);border-radius:12px;color:var(--primary-purple);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .25s ease}.add-exam-btn:hover{background:var(--primary-purple);box-shadow:0 4px 12px #ad7dc34d;color:#fff}.dashboard-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.dashboard-stat-card{align-items:center;background:#fff;border:1px solid #ad7dc31a;border-radius:16px;box-shadow:0 2px 8px #9b6fb00f;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center;transition:all .25s ease}.dashboard-stat-card:hover{box-shadow:0 4px 16px #9b6fb01f;transform:translateY(-2px)}.stat-icon-wrapper{align-items:center;background:#ad7dc31a;border-radius:14px;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.stat-icon{font-size:24px}.streak-stat .stat-icon-wrapper{background:linear-gradient(145deg,#fb923c40,#ea580c26);box-shadow:0 0 20px #f9731640,inset 0 0 10px #fb923c1a}.streak-stat .stat-icon{animation:flame-pulse 1.5s ease-in-out infinite}@keyframes flame-pulse{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.15) rotate(2deg)}}.daily-stat .stat-icon-wrapper{background:linear-gradient(145deg,#22d3ee40,#06b6d426);box-shadow:0 0 20px #06b6d440,inset 0 0 10px #22d3ee1a}.level-stat .stat-icon-wrapper{background:linear-gradient(145deg,#facc154d,#eab30826);box-shadow:0 0 20px #facc1540,inset 0 0 10px #facc151a}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{color:#1f1f1f;font-size:22px;font-weight:700;letter-spacing:-.5px}.streak-stat .stat-value{color:#ea580c}.daily-stat .stat-value{color:#0891b2}.level-stat .stat-value{color:#7c3aed}.stat-label{color:#888;letter-spacing:.5px;text-transform:uppercase}.stat-label,.stat-message{font-size:11px;font-weight:600}.stat-message{color:#ea580c}.stat-complete-badge{background:#22c55e1a;border-radius:8px;color:#22c55e;font-size:10px;font-weight:600;padding:2px 8px}.dashboard-new-chat-btn{align-items:center;background:linear-gradient(135deg,var(--primary-purple) 0,#7c3aed 100%);border:none;border-radius:14px;box-shadow:0 4px 12px #8b5cf64d;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:16px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.dashboard-new-chat-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.dashboard-new-chat-btn:active{transform:translateY(0)}.new-chat-icon{font-size:20px}.new-chat-text{color:#fff;font-size:15px;font-weight:600}.new-chat-arrow{color:#fffc;font-size:18px;transition:transform .2s ease}.dashboard-new-chat-btn:hover .new-chat-arrow{transform:translateX(4px)}.dashboard-exams-list{background:#fff;border:1px solid #ad7dc31a;border-radius:16px;box-shadow:0 2px 8px #9b6fb00f;padding:16px}.exams-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.exams-list-title{color:#444;font-size:14px;font-weight:600;margin:0}.add-exam-small-btn{background:#0000;border:none;border-radius:6px;color:var(--primary-purple);cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;transition:background .2s ease}.add-exam-small-btn:hover{background:#ad7dc31a}.exams-list-items{display:flex;flex-direction:column;gap:8px}.exam-list-item{align-items:center;background:#ad7dc30a;border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px;transition:background .2s ease}.exam-list-item:hover{background:#ad7dc314}.exam-list-name{color:#333;font-size:13px;font-weight:500}.exam-list-days{color:var(--primary-purple);font-size:12px;font-weight:600}body.dark-mode .section-title{color:#fff}body.dark-mode .exam-card{background:linear-gradient(145deg,#1e1e32,#151528);border-color:#8b5cf626;box-shadow:0 2px 8px #0003}body.dark-mode .exam-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 16px #8b5cf633}body.dark-mode .exam-card-title{color:#e5e7eb}body.dark-mode .exam-card-countdown{background:#8b5cf633;color:#c4b5fd}body.dark-mode .exam-card-study-btn{background:#8b5cf626;color:#c4b5fd}body.dark-mode .exam-card:hover .exam-card-study-btn{background:#8b5cf6;color:#fff}body.dark-mode .exam-card-primary{background:linear-gradient(145deg,#252542,#1a1a30);border:2px solid #8b5cf666;box-shadow:0 4px 20px #8b5cf633}body.dark-mode .exam-card-primary:hover{border-color:#8b5cf699;box-shadow:0 6px 24px #8b5cf659}body.dark-mode .exam-card-primary .exam-card-title{color:#fff}body.dark-mode .exam-card-primary .exam-card-countdown,body.dark-mode .exam-card-primary .exam-card-study-btn{background:#8b5cf640;color:#c4b5fd}body.dark-mode .exam-card-primary:hover .exam-card-study-btn{background:#8b5cf6;color:#fff}body.dark-mode .exam-card-primary .exam-progress-label{color:#9ca3af}body.dark-mode .exam-card-primary .exam-progress-stats{background:#8b5cf640;color:#c4b5fd}body.dark-mode .exam-card-primary .exam-progress-bar{background:#8b5cf633}body.dark-mode .exam-progress-label{color:#9ca3af}body.dark-mode .exam-progress-stats{background:#8b5cf633;color:#c4b5fd}body.dark-mode .exam-progress-bar{background:#8b5cf626}body.dark-mode .dashboard-exam-card,body.dark-mode .readiness-card{background:linear-gradient(145deg,#1e1e32,#151528);border-color:#8b5cf626}body.dark-mode .dashboard-exam-card{box-shadow:0 4px 20px #0000004d}body.dark-mode .dashboard-exam-card:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}body.dark-mode .exam-title{color:#fff}body.dark-mode .exam-countdown{color:#a78bfa}body.dark-mode .readiness-label{color:#e5e7eb}body.dark-mode .readiness-bar{background:#8b5cf633}body.dark-mode .readiness-bar-fill{background:linear-gradient(90deg,#8b5cf6,#a855f7);box-shadow:0 0 12px #8b5cf680}body.dark-mode .recommendation-section{background:#8b5cf61a;border-left-color:#8b5cf6}body.dark-mode .recommendation-label{color:#a78bfa}body.dark-mode .recommendation-text{color:#d1d5db}body.dark-mode .start-quiz-btn{background:linear-gradient(135deg,#7c3aed,#6b21a8);box-shadow:0 4px 12px #7c3aed4d}body.dark-mode .start-quiz-btn:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 20px #8b5cf666}body.dark-mode .no-exam-title{color:#fff}body.dark-mode .no-exam-description{color:#9ca3af}body.dark-mode .add-exam-btn{border-color:#a78bfa;color:#a78bfa}body.dark-mode .add-exam-btn:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}body.dark-mode .dashboard-stat-card{background:linear-gradient(145deg,#1e1e32,#151528);border-color:#8b5cf626;box-shadow:0 2px 8px #0003}body.dark-mode .dashboard-stat-card:hover{box-shadow:0 4px 16px #8b5cf633}body.dark-mode .stat-icon-wrapper{background:#8b5cf626}body.dark-mode .streak-stat .stat-icon-wrapper{background:linear-gradient(145deg,#fb923c4d,#ea580c33);box-shadow:0 0 24px #f9731666,inset 0 0 12px #fb923c26}body.dark-mode .daily-stat .stat-icon-wrapper{background:linear-gradient(145deg,#22d3ee4d,#06b6d433);box-shadow:0 0 24px #06b6d466,inset 0 0 12px #22d3ee26}body.dark-mode .level-stat .stat-icon-wrapper{background:linear-gradient(145deg,#facc154d,#eab30833);box-shadow:0 0 24px #facc1559,inset 0 0 12px #facc151a}body.dark-mode .stat-value{color:#fff}body.dark-mode .streak-stat .stat-value{color:#fb923c}body.dark-mode .daily-stat .stat-value{color:#22d3ee}body.dark-mode .level-stat .stat-value{color:#a78bfa}body.dark-mode .stat-label{color:#9ca3af}body.dark-mode .stat-message{color:#fb923c}body.dark-mode .dashboard-new-chat-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #7c3aed66}body.dark-mode .dashboard-new-chat-btn:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 20px #8b5cf680}body.dark-mode .dashboard-exams-list{background:linear-gradient(145deg,#1e1e32,#151528);border-color:#8b5cf626}body.dark-mode .exams-list-title{color:#e5e7eb}body.dark-mode .add-exam-small-btn{color:#a78bfa}body.dark-mode .add-exam-small-btn:hover{background:#8b5cf626}body.dark-mode .exam-list-item{background:#8b5cf614}body.dark-mode .exam-list-item:hover{background:#8b5cf626}body.dark-mode .exam-list-name{color:#e5e7eb}body.dark-mode .exam-list-days{color:#a78bfa}@media (max-width:600px){.home-dashboard{gap:12px;padding:16px}.dashboard-exam-card{border-radius:16px;padding:20px}.exam-title{font-size:18px}.dashboard-stats-row{gap:10px;grid-template-columns:1fr}.dashboard-stat-card{flex-direction:row;gap:14px;justify-content:flex-start;padding:14px 16px}.stat-content{align-items:flex-start;text-align:left}.stat-complete-badge,.stat-message{margin-left:auto}.dashboard-quick-actions{align-items:stretch;flex-direction:column;gap:10px}.quick-actions-label{text-align:center}.quick-actions-buttons{justify-content:center}}.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.e4a84f6e.css.map*/