.quiz-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1f2937;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gradient-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.gradient-purple-light{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.rotate-slow{animation:rotate-slow 3s linear infinite}.btn-enhanced{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateZ(0)}.btn-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-enhanced:hover:before{left:100%}.btn-enhanced:active{transform:scale(.98)}.card-hover{transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateZ(0)}.card-hover:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff80}.focus-ring:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #8b5cf6,0 4px 6px -1px #0000001a}.focus-ring-inset:focus{outline:none;box-shadow:inset 0 0 0 2px #8b5cf6}.form-input{transition:all .2s ease-in-out;border:2px solid transparent;background-clip:padding-box}.form-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a,0 1px 3px #0000001a}.form-input::-moz-placeholder{color:#9ca3af;opacity:1}.form-input::placeholder{color:#9ca3af;opacity:1}.progress-bar{position:relative;overflow:hidden;border-radius:9999px;background-color:#e5e7eb}.progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite;opacity:.5}.progress-fill{height:100%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:9999px;transition:width .5s cubic-bezier(.25,.46,.45,.94);position:relative}.question-option{position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateZ(0)}.question-option:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 0 0 1px #ffffff80}.question-option.selected{transform:scale(1.02);box-shadow:0 0 0 2px #8b5cf6,0 10px 25px -5px #8b5cf633}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;box-shadow:0 4px 12px #8b5cf666,0 2px 4px #0000001a;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;z-index:1000}.fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 25px #8b5cf680,0 4px 8px #00000026}.fab:active{transform:scale(.95)}.notification{position:fixed;top:24px;right:24px;max-width:400px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #00000026,0 0 0 1px #0000000d;z-index:1000;animation:fade-in-up .3s ease-out}.notification.success{border-left:4px solid #10b981}.notification.error{border-left:4px solid #ef4444}.notification.warning{border-left:4px solid #f59e0b}@media (max-width: 768px){.mobile-padding{padding-left:1rem;padding-right:1rem}.mobile-text-sm{font-size:.875rem}.mobile-text-lg{font-size:1.125rem}.mobile-spacing{margin-bottom:1rem}.touch-target{min-height:44px;min-width:44px}.bottom-nav-mobile{padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-color-scheme: dark){.dark-mode{background-color:#111827;color:#f9fafb}.dark-mode .card-hover{background-color:#1f2937;border-color:#374151}.dark-mode .form-input{background-color:#1f2937;border-color:#374151;color:#f9fafb}.dark-mode .form-input::-moz-placeholder{color:#6b7280}.dark-mode .form-input::placeholder{color:#6b7280}}@media (prefers-contrast: high){.high-contrast{filter:contrast(1.2)}.high-contrast .focus-ring:focus{outline:3px solid #000;outline-offset:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduce-motion{transform:none!important}}@media print{.no-print{display:none!important}.print-break{page-break-inside:avoid}.print-break-before{page-break-before:always}.print-break-after{page-break-after:always}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-book{aspect-ratio:2 / 3}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}@container (min-width: 768px){.container-md\:text-lg{font-size:1.125rem}}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-around{display:flex;align-items:center;justify-content:space-around}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-x-8>*+*{margin-left:2rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.insight-panel::-webkit-scrollbar{width:6px}.insight-panel::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.insight-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.insight-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.focus-ring:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #8b5cf6}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-animated{position:relative;overflow:hidden;transition:all .3s ease}.btn-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-animated:hover:before{left:100%}::selection{background-color:#ddd6fe;color:#5b21b6}::-moz-selection{background-color:#ddd6fe;color:#5b21b6}html{scroll-behavior:smooth}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}@media (min-width: 768px){.recommendations-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (min-width: 1024px){.recommendations-grid{grid-template-columns:repeat(3,1fr)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite}.book-card{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.book-card:hover{transform:translateY(-8px) scale(1.02)}.progress-ring{transition:stroke-dashoffset .8s cubic-bezier(.25,.46,.45,.94)}.responsive-text{font-size:clamp(1rem,2.5vw,1.25rem)}.responsive-heading{font-size:clamp(1.5rem,4vw,2.5rem)}.aspect-book{aspect-ratio:2/3}.aspect-card{aspect-ratio:3/4}@media (prefers-color-scheme: dark){.dark-mode-support{background-color:#1f2937;color:#f9fafb}}@media print{.no-print{display:none!important}.print-break{page-break-inside:avoid}}@media (prefers-contrast: high){.card-shadow{border:1px solid #000}.gradient-text{background:none;-webkit-text-fill-color:inherit;color:#000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}