:root{--red-600: #DC2626;--red-700: #B91C1C;--red-800: #991B1B;--red-100: #FEE2E2;--gold-500: #F59E0B;--gold-600: #D4A017;--gold-700: #B8860B;--gold-300: #FCD34D;--gold-100: #FEF3C7;--pink-500: #EC4899;--pink-300: #F9A8D4;--pink-100: #FCE7F3;--cream: #FFF7ED;--cream-dark: #FFF1E0;--stone-900: #1C1917;--stone-700: #44403C;--stone-500: #78716C;--stone-300: #D6D3D1;--stone-100: #F5F5F4;--white: #FFFFFF;--green-500: #22C55E;--green-600: #16A34A;--green-100: #DCFCE7;--green-800: #166534;--color-primary: var(--red-600);--color-primary-dark: var(--red-700);--color-accent: var(--gold-500);--color-accent-dark: var(--gold-600);--color-bg: var(--cream);--color-surface: var(--white);--color-text: var(--stone-900);--color-text-muted: var(--stone-500);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(220, 38, 38, .15);--shadow-gold: 0 0 20px rgba(245, 158, 11, .2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(236,72,153,.04) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(220,38,38,.04) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(245,158,11,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.container{max-width:640px;margin:0 auto;padding:var(--space-4) var(--space-5);position:relative;z-index:1}.floating-decorations{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-decorations:before,.floating-decorations:after{position:fixed;font-size:1.5rem;opacity:.12;animation:floatSway 6s ease-in-out infinite}.floating-decorations:before{content:"🏮";top:15%;left:5%;animation-delay:0s;font-size:2rem}.floating-decorations:after{content:"❤️";top:25%;right:5%;animation-delay:-3s;font-size:1.75rem}.float-element{position:fixed;pointer-events:none;opacity:.1;animation:floatSway 7s ease-in-out infinite}.float-element:nth-child(1){top:45%;left:3%;animation-delay:-1s;font-size:1.25rem}.float-element:nth-child(2){top:65%;right:4%;animation-delay:-4s;font-size:1.5rem}.float-element:nth-child(3){top:80%;left:8%;animation-delay:-2s;font-size:1rem}.float-element:nth-child(4){bottom:10%;right:10%;animation-delay:-5s;font-size:1.25rem}.float-element:nth-child(5){top:12%;right:12%;animation-delay:-6s;font-size:1.1rem}.float-element:nth-child(6){top:35%;right:8%;animation-delay:-3s;font-size:1.4rem}.float-element:nth-child(7){bottom:25%;left:5%;animation-delay:-7s;font-size:1.15rem}.float-element:nth-child(8){top:55%;left:12%;animation-delay:-2.5s;font-size:1.3rem}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85vh;text-align:center;padding:var(--space-8) var(--space-4);animation:fadeInUp .8s ease-out}.start-screen__emoji{font-size:3.5rem;margin-bottom:var(--space-4);animation:pulse 2s ease-in-out infinite}.start-screen__title{font-family:var(--font-display);font-weight:900;font-size:var(--text-4xl);line-height:1.15;color:var(--red-700);margin-bottom:var(--space-3);letter-spacing:-.01em}.start-screen__title em{font-style:italic;color:var(--pink-500)}.start-screen__subtitle{font-size:var(--text-lg);color:var(--stone-500);max-width:440px;margin-bottom:var(--space-8);line-height:1.7}.start-screen__meta{margin-bottom:var(--space-8);color:var(--stone-500);font-size:var(--text-sm);font-weight:500;text-align:center}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-10);font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;color:var(--white);background:linear-gradient(135deg,var(--red-600),var(--red-700));border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-lg),0 4px 14px #dc26264d;position:relative;overflow:hidden;letter-spacing:.01em}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),0 8px 25px #dc262659}.btn-primary:hover:before{transform:translate(100%)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--red-700);background:var(--white);border:2px solid var(--red-600);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--red-100);transform:translateY(-1px)}.progress-bar{width:100%;height:8px;background:var(--stone-100);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-6)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--red-600),var(--gold-500));border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}.progress-label{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--stone-500);margin-bottom:var(--space-2);font-weight:500}.quiz-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.04);animation:fadeInUp .5s ease-out;position:relative}.quiz-card+.quiz-card{margin-top:var(--space-6)}.question-number{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-600);background:var(--gold-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.question-text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1.35;color:var(--stone-900);margin-bottom:var(--space-6);overflow-wrap:break-word;word-break:break-word}.options-grid{display:grid;gap:var(--space-3)}.option-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-4) var(--space-5);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--stone-700);text-align:left;background:var(--white);border:2px solid var(--stone-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;line-height:1.5}.option-btn .option-letter{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:var(--text-sm);font-weight:700;color:var(--stone-500);background:var(--stone-100);border-radius:var(--radius-sm);flex-shrink:0;transition:all var(--transition-fast)}@media(hover:hover){.option-btn:hover:not(:disabled){border-color:var(--red-600);background:var(--red-100);transform:translateY(-1px);box-shadow:var(--shadow-md)}.option-btn:hover:not(:disabled) .option-letter{background:var(--red-600);color:var(--white)}}.option-btn.selected{border-color:var(--red-600);background:var(--red-100)}.option-btn.selected .option-letter{background:var(--red-600);color:var(--white)}.option-btn.correct,.option-btn.correct:hover{border-color:var(--gold-500);background:var(--gold-100);color:var(--gold-700);cursor:default;animation:correctPop .35s ease-out;transform:none;box-shadow:none}.option-btn.correct .option-letter,.option-btn.correct:hover .option-letter{background:var(--gold-600);color:var(--white)}.option-btn.correct .option-letter:after{content:"✓";font-size:.85rem}.option-btn.correct .option-letter span{display:none}.option-btn.wrong,.option-btn.wrong:hover{border-color:var(--red-600);background:var(--red-100);color:var(--red-800);cursor:default;animation:shake .4s ease-out;transform:none;box-shadow:none}.option-btn.wrong .option-letter,.option-btn.wrong:hover .option-letter{background:var(--red-600);color:var(--white)}.option-btn.wrong .option-letter:after{content:"✗";font-size:.85rem}.option-btn.wrong .option-letter span{display:none}.option-btn:disabled{cursor:default;opacity:.6}.option-btn.correct:disabled,.option-btn.wrong:disabled{opacity:1}.explanation{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--gold-100),var(--cream));border-radius:var(--radius-lg);border-left:4px solid var(--gold-500);animation:fadeInUp .4s ease-out;font-size:var(--text-sm);line-height:1.6;color:var(--stone-700);overflow-wrap:break-word}.explanation__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-700);margin-bottom:var(--space-2)}.explanation__text{font-size:var(--text-sm);color:var(--stone-700);line-height:1.7}.quiz-card__footer{margin-top:var(--space-6)}.quiz-card__footer .btn-primary{width:100%}.score-page{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:var(--space-6) var(--space-4);min-height:100vh;min-height:100dvh;animation:fadeInUp .6s ease-out}.score-deco-row{font-size:1.75rem;letter-spacing:.3em;margin-bottom:var(--space-4);animation:fadeInUp .5s ease-out;line-height:1}.score-main{display:flex;flex-direction:column;align-items:center}.score-circle{position:relative;width:180px;height:180px;margin:0 auto var(--space-4)}.score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.score-circle__track{fill:none;stroke:var(--stone-300);stroke-width:12}.score-circle__fill{fill:none;stroke:url(#scoreGradient);stroke-width:12;stroke-linecap:round;stroke-dasharray:477.5;stroke-dashoffset:477.5;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.score-circle__text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-circle__number{font-family:var(--font-display);font-size:3.5rem;font-weight:900;line-height:1;color:var(--red-700)}.score-circle__label{font-size:var(--text-sm);color:var(--stone-500);font-weight:500;margin-top:var(--space-1)}.score-tier{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;margin-bottom:var(--space-2);line-height:1.2}.score-description{font-size:var(--text-base);color:var(--stone-700);max-width:380px;line-height:1.6;margin-bottom:var(--space-4);overflow-wrap:break-word}.score-fraction{font-size:var(--text-sm);color:var(--stone-500);font-weight:500;margin-bottom:var(--space-4)}.tier-1 .score-tier,.tier-1 .score-circle__number{color:var(--stone-500)}.tier-1 .score-circle__track{stroke:var(--stone-100)}.tier-2 .score-tier,.tier-2 .score-circle__number{color:var(--pink-500)}.tier-2 .score-circle__track{stroke:var(--pink-100)}.tier-3 .score-tier,.tier-3 .score-circle__number{color:var(--red-600)}.tier-3 .score-circle__track{stroke:var(--red-100)}.tier-4 .score-tier,.tier-4 .score-circle__number{color:var(--gold-600)}.tier-4 .score-circle__fill{stroke:var(--gold-500)}.tier-4 .score-circle__track{stroke:var(--gold-100)}.tier-4 .score-circle{filter:drop-shadow(0 0 16px rgba(245,158,11,.25))}.tier-5 .score-tier{background:linear-gradient(135deg,var(--red-600),var(--gold-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--text-5xl)}.tier-5 .score-circle__number{background:linear-gradient(135deg,var(--red-600),var(--gold-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tier-5 .score-circle__track{stroke:var(--gold-100)}.tier-5 .score-circle{filter:drop-shadow(0 0 24px rgba(220,38,38,.2)) drop-shadow(0 0 48px rgba(245,158,11,.15))}.tier-5 .score-deco-row{font-size:2.25rem;animation:pulse 2s ease-in-out infinite}.score-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch;width:100%;max-width:320px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes floatSway{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(3deg)}75%{transform:translateY(8px) rotate(-3deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes scoreReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:639px){.container{padding:var(--space-3) var(--space-4)}.quiz-card{padding:var(--space-4) var(--space-4) var(--space-5)}.question-number{margin-bottom:var(--space-2)}.question-text{font-size:var(--text-xl);margin-bottom:var(--space-4);line-height:1.3}.options-grid{gap:var(--space-2)}.option-btn{padding:var(--space-3) var(--space-3);min-height:44px;font-size:var(--text-sm)}.explanation{margin-top:var(--space-3);padding:var(--space-3) var(--space-3);font-size:var(--text-xs);line-height:1.5}.quiz-card__footer{margin-top:var(--space-3)}.quiz-card__footer .btn-primary{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.progress-bar{margin-bottom:var(--space-3)}.progress-label{margin-bottom:var(--space-1)}}@media(max-width:400px){:root{--text-4xl: 1.875rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem}.start-screen{padding:var(--space-6) var(--space-3)}.start-screen__emoji{font-size:2.5rem}.start-screen__subtitle{font-size:var(--text-base)}.score-circle{width:150px;height:150px}.score-deco-row{font-size:1.4rem}.score-tier{font-size:var(--text-2xl)}.score-description{font-size:var(--text-sm)}.tier-5 .score-tier{font-size:var(--text-3xl)}.btn-primary{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}}@media(min-width:640px){.container{padding:var(--space-8) var(--space-6)}.start-screen__title{font-size:var(--text-5xl)}.quiz-card{padding:var(--space-10)}.question-text{font-size:var(--text-3xl)}.score-circle{width:200px;height:200px}.score-tier{font-size:var(--text-4xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hidden{display:none!important}.fade-out{opacity:0;transition:opacity .3s ease}.fade-in{opacity:1;transition:opacity .3s ease}.slide-up{animation:fadeInUp .4s ease-out forwards}.card-enter{animation:fadeInUp .5s ease-out}.pop-in{animation:scoreReveal .6s ease-out}.option-btn{transition:opacity .3s ease,transform .3s ease,border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.quiz-container{max-width:640px;margin:0 auto}.text-center{text-align:center}