#quiz{padding:6rem 2rem;background:linear-gradient(180deg,#fffaf5,#fff4ea)}html.dark #quiz{background:#0d1117}.quiz-wrap{max-width:720px;margin:0 auto}.quiz-card{position:relative;margin-top:3rem;background:#fff;border:1px solid #e0e0e0;border-radius:24px;padding:3rem 2.5rem;min-height:440px;box-shadow:0 16px 50px #00000014;overflow:hidden;--result-color:#ff6b35;--result-accent:#ff6b35}html.dark .quiz-card{background:#161b22;border-color:#30363d;box-shadow:0 16px 50px #00000080}.quiz-screen{display:none;flex-direction:column;align-items:center;text-align:center;animation:q-fade-in .45s ease both}.quiz-screen.is-current{display:flex}.quiz-screen.is-leaving{animation:q-fade-out .22s ease forwards}@keyframes q-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes q-fade-out{to{opacity:0;transform:translateY(-10px)}}.start-emoji{font-size:4rem;margin-bottom:.5rem;animation:wobble 2.4s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.quiz-start h3{font-family:Fraunces,serif;font-size:1.8rem;font-weight:700;color:#2c3e50;margin:.5rem 0}html.dark .quiz-start h3{color:#fff;text-shadow:0 0 24px rgba(0,210,255,.25)}.quiz-start p{font-size:.95rem;color:#666;margin-bottom:2rem;line-height:1.6;max-width:420px}html.dark .quiz-start p{color:#e6edf3a6}.quiz-btn{background:transparent;color:#2c3e50;border:1px solid rgba(44,62,80,.25);border-radius:2rem;padding:.75rem 1.7rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;font-family:inherit;transition:all .22s ease}.quiz-btn:hover{border-color:#2c3e50;transform:translateY(-1px)}.quiz-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 14px #ff6b354d}.quiz-btn.primary:hover{background:#e55a24;border-color:#e55a24;box-shadow:0 6px 20px #ff6b3566}html.dark .quiz-btn{color:#e6edf3;border-color:#00d2ff40;background:#00d2ff0a}html.dark .quiz-btn:hover{border-color:#00d2ff;color:#fff;background:#00d2ff14;box-shadow:0 0 16px #00d2ff33}html.dark .quiz-btn.primary{box-shadow:0 4px 14px #ff6b3566,0 0 20px #ff6b3533}html.dark .quiz-btn.primary:hover{box-shadow:0 6px 24px #ff6b3580,0 0 28px #ff6b354d}.quiz-progress{width:100%;max-width:500px;margin-bottom:2rem;position:relative}.quiz-progress:before{content:"";position:absolute;inset:8px 0 0;height:4px;background:#2c3e5014;border-radius:4px}html.dark .quiz-progress:before{background:#00d2ff14}.quiz-progress-bar{position:absolute;top:8px;left:0;height:4px;width:0;background:var(--accent);border-radius:4px;transition:width .4s cubic-bezier(.5,.1,.2,1)}html.dark .quiz-progress-bar{box-shadow:0 0 10px #ff6b3599,0 0 20px #ff6b354d}.quiz-progress-text{position:absolute;right:0;top:-18px;font-size:.7rem;color:#888;letter-spacing:.1em;text-transform:uppercase}html.dark .quiz-progress-text{color:#8b949e}.quiz-question-text{font-family:Fraunces,serif;font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:1.8rem;line-height:1.3;max-width:560px}html.dark .quiz-question-text{color:#fff;text-shadow:0 0 30px rgba(0,210,255,.2)}.quiz-options{display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:520px}.quiz-option{display:flex;align-items:center;gap:.9rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:14px;padding:.9rem 1.1rem;text-align:left;cursor:pointer;font-family:inherit;font-size:.92rem;color:#2c3e50;transition:all .2s ease;animation:opt-in .38s ease both;animation-delay:var(--delay)}@keyframes opt-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.quiz-option:hover{border-color:var(--accent);background:#fff;transform:translate(3px);box-shadow:0 4px 14px #ff6b351f}.opt-letter{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid rgba(44,62,80,.2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.78rem;color:#666;margin-right:.75rem;transition:all .2s ease}.quiz-option:hover .opt-letter{background:var(--accent);border-color:var(--accent);color:#fff}.opt-text{flex:1;line-height:1.4}html.dark .quiz-option{background:#1c2230;border-color:#30363d;color:#e6edf3}html.dark .quiz-option:hover{background:#ff6b3514;border-color:#ff6b3573;box-shadow:0 4px 20px #ff6b352e,0 0 0 1px #ff6b3540}html.dark .opt-letter{background:#00d2ff0f;border-color:#00d2ff40;color:#e6edf3cc}html.dark .quiz-option:hover .opt-letter{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 14px #ff6b3599}.thinking-penguin{width:80px;height:112px;margin:2rem 0}.thinking-penguin svg{width:100%;height:100%;animation:thinking 1.1s ease-in-out infinite}@keyframes thinking{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-6px)}}.thinking-text{font-family:Fraunces,serif;font-size:1.1rem;color:#666;font-style:italic}html.dark .thinking-text{color:#e6edf3b3;text-shadow:0 0 16px rgba(0,210,255,.2)}html.dark .thinking-penguin svg{filter:drop-shadow(0 0 16px rgba(0,210,255,.3))}.quiz-result{padding-top:1rem}.result-badge{display:inline-block;background:var(--result-accent);color:#fff;padding:.25rem .9rem;border-radius:2rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:1rem}.result-penguin{width:140px;height:196px;margin:.5rem 0 1rem}.result-penguin svg{width:100%;height:100%;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));animation:result-pop .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes result-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.result-name{font-family:Fraunces,serif;font-size:2.2rem;font-weight:900;color:var(--result-color);margin-bottom:.2rem;line-height:1}.result-latin{font-style:italic;font-size:.85rem;color:#999;margin-bottom:.8rem}html.dark .result-latin{color:#e6edf373}html.dark .result-name{text-shadow:0 0 30px var(--result-accent);filter:brightness(1.6)}html.dark .result-penguin svg{filter:drop-shadow(0 8px 24px rgba(0,0,0,.6)) drop-shadow(0 0 32px var(--result-accent))}.result-tagline{font-family:Fraunces,serif;font-size:1.05rem;color:#2c3e50;font-style:italic;margin-bottom:1.2rem}html.dark .result-tagline{color:#e6edf3e6}.result-traits{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.4rem;max-width:480px}.trait-pill{background:#ff6b351a;color:var(--accent);border:1px solid rgba(255,107,53,.25);padding:.3rem .85rem;border-radius:2rem;font-size:.75rem;font-weight:500;letter-spacing:.03em}html.dark .trait-pill{background:#ff6b351f;color:#f85;border-color:#ff6b3559;box-shadow:inset 0 0 0 1px #ff6b350d}.result-desc{font-size:.95rem;color:#555;line-height:1.65;max-width:540px;margin-bottom:2rem}html.dark .result-desc{color:#e6edf3b3}.result-actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.share-feedback{min-height:1.4rem;margin-top:1rem;font-size:.8rem;color:#27ae60;font-weight:500}@media (max-width:768px){#quiz{padding:4rem 1rem}.quiz-card{padding:2rem 1.3rem;border-radius:20px;min-height:420px}.quiz-start h3{font-size:1.35rem}.quiz-question-text{font-size:1.15rem;margin-bottom:1.3rem}.quiz-option{font-size:.85rem;padding:.75rem .85rem}.opt-letter{width:24px;height:24px;font-size:.7rem}.result-name{font-size:1.6rem}.result-penguin{width:110px;height:154px}.result-tagline{font-size:.95rem}.result-desc{font-size:.88rem}}