@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{width:100%;font-family:Fira Code,monospace;font-optical-sizing:auto;font-style:normal;line-height:1.6;color:#333;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh}.app-header{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:100}.header-brand .brand-link{display:flex;align-items:center;text-decoration:none;color:inherit}.header-brand img{width:48px;height:48px;margin-right:1rem}.header-brand h1{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.1em}.header-nav{display:flex;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:#6b7280;font-weight:500;padding:0 1rem;border-radius:8px;transition:all .2s;text-wrap-mode:nowrap}.nav-link:focus-visible{outline:none}.nav-link:hover{color:#4f46e5;background:rgba(79,70,229,.1)}.nav-link.active{background:rgba(79,70,229,.1)}@media (max-width: 425px){.nav-link{padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 768px){.app-header{max-width:100%;flex-direction:column;gap:1rem;padding:1rem}.header-nav{max-width:100%;display:flex;gap:1px}}.startButton{padding:.5rem 1rem;margin:0 auto;background-color:#ffffff5b;color:#1d0433;font:inherit;font-size:larger;border:none;border-radius:.5rem}#last-try{max-width:40rem;margin:2rem auto;font-size:.8rem;font-family:Roboto Condensed,sans-serif;text-align:center}#last-try h2{margin:0;font-size:1rem;color:#9c7fd3;text-transform:uppercase}#last-try ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem;font-size:1.25rem;color:#a690c5}#quiz{max-width:1200px;margin:auto;padding:2rem;background:linear-gradient(180deg,#3e2a60 0%,#321061 100%);border-radius:8px;box-shadow:1px 1px 8px 4px #0c052099;text-align:center}#question-overview{font-family:Roboto Condensed,sans-serif;font-size:.8rem;color:#9082a3;margin:0;text-transform:uppercase}#question progress{width:50%;height:.5rem;border-radius:24px;background:#9e5ef8;margin:0}#question progress::-webkit-progress-bar{background:#6a558a;border-radius:24px}#question progress::-webkit-progress-value{background:#9e5ef8;border-radius:24px}#question progress.answered{background:#f8e59c}#question progress.answered::-webkit-progress-value{background:#f8e59c}#question progress.answered::-webkit-progress-bar{background:#6a558a}#question h2{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:400;margin:.5rem 0 2.5rem;color:#c1b2dd}#answers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.answer{width:90%;margin:0 auto}.answer button{display:inline-block;width:100%;font-family:Roboto Condensed,sans-serif;font-size:.9rem;padding:1rem 2rem;border:none;border-radius:24px;background:#6cb7f5;cursor:pointer;transition:all .2s ease-in-out}.answer button:hover,.answer button:focus{background:#9d5af5;color:#fff}.answer button.selected{background:#f5a76c;color:#2c203d}.answer button.correct{background:#5af59d;color:#2c203d}.answer button.wrong{background:#f55a98;color:#2c203d}#skip-action{margin-top:2rem}#skip-action button{font-family:Roboto Condensed,sans-serif;font-size:1rem;border:none;background:transparent;color:#9082a3;cursor:pointer}#skip-action button:hover,#skip-action button:focus{color:#c7bfd6}#summary{margin:2rem auto;padding:2rem;background:linear-gradient(180deg,#a17eda 0%,#895fc4 100%);color:#191321;border-radius:8px;box-shadow:1px 1px 8px 1px #0009;animation:slide-in-from-bottom .7s ease-out}#summary img{display:block;width:8rem;height:8rem;object-fit:contain;margin:0 auto 1rem;padding:1rem;filter:drop-shadow(0 0 4px rgba(0,0,0,.6));border:2px solid #3a2353;border-radius:50%;background:#c18cfa}#summary h2{font-family:Roboto,sans-serif;font-size:3rem;text-align:center;margin:0;text-transform:uppercase;color:#3a2353}#summary-stats p{flex:1;display:flex;flex-direction:column;align-items:center;margin:0}#summary-stats .text{font-family:Roboto Condensed,sans-serif;text-align:center;text-transform:uppercase;font-size:.8rem;color:#e3e0e6;margin-top:-.7rem;margin-left:.2rem;letter-spacing:.1rem}#summary-stats p .text{color:#f1f1f1}.summary-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.topics-button,.home-button{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s}.topics-button{background:#4f46e5;color:#fff}.topics-button:hover{background:#4338ca;transform:translateY(-1px)}.home-button{background:white;color:#4f46e5;border:2px solid #4f46e5}.home-button:hover{background:#4f46e5;color:#fff;transform:translateY(-1px)}#summary ol{list-style:none;margin:2rem auto;padding:0;text-align:center}#summary li{margin:2rem 0}#summary h3{font-family:Roboto Condensed,sans-serif;font-size:1rem;margin:0 auto;display:flex;justify-content:center;align-items:center;background:#2c203d;color:#d8cde8;width:2rem;height:2rem;border-radius:50%}#summary .question{margin:.25rem 0;font-size:1rem;color:#30273a}#summary .user-answer{margin:.25rem 0;font-family:Roboto Condensed,sans-serif;font-weight:700;color:#251e2f}#summary .user-answer.correct{color:#054e37}#summary .user-answer.wrong{color:#730b4b}#summary .user-answer.skipped{color:#d1baf2;font-weight:400}#summary-stats{display:flex;gap:3rem;width:60%;margin:2rem auto;padding-bottom:2rem;border-bottom:2px solid #594276}#summary-stats p{flex:1;display:flex;flex-direction:column;margin:0}#summary-stats .number{font-family:Roboto Condensed,sans-serif;font-size:3rem;color:#594276}#summary-stats .text{font-family:Roboto Condensed,sans-serif;text-transform:uppercase;font-size:.8rem;color:#30273a;margin-top:-.7rem;margin-left:.2rem;letter-spacing:.1rem}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}.welcome-page{max-width:1200px;max-height:50%;margin:0 auto;padding:2rem;text-align:center}.hero h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.2rem;color:#6b7280;margin-bottom:3rem;max-width:600px;margin:0 auto}.features{margin:4rem 0}.features h2{font-size:2rem;margin-bottom:2rem;color:#1f2937}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}@media (max-width: 768px){.feature-grid{display:flex;flex-direction:column;align-items:center;gap:1rem}}.feature-card{background:linear-gradient(135deg,#f5f7fe 28%,#c3cff4 100%);max-width:490px;min-width:320px;padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a}.feature-icon img{max-width:80px}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#1f2937}.feature-card p{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.cta-button{display:inline-block;background:#4f46e5;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s}.cta-button:hover{background:#4338ca}.cta-button.disabled{font:inherit;background:#868686;color:#374151}.getting-started{margin:4rem 0;padding:2rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px}.getting-started h2{font-size:2rem;margin-bottom:1rem;color:#1f2937}@media (max-width: 425px){.welcome-page{padding:2rem 0}.hero h1{font-size:1.5rem;margin-bottom:.5rem}.hero-description{font-size:.9rem;padding:1rem}.features h2{font-size:1.5rem;padding:1rem .5rem}.feature-card{padding:2rem 1rem;max-width:100%}.feature-card p{font-size:.9rem;max-width:100%}.getting-started h2{font-size:1.5rem}.getting-started p{font-size:.9rem}}.topics-page{max-width:1200px;margin:0 auto;padding:2rem}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:2.5rem;margin-bottom:1rem;color:#1f2937}.topic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative}.topic-header h3{font-size:1.5rem;color:#1f2937;margin:0;text-overflow:ellipsis;text-wrap-mode:nowrap;overflow:hidden}.topic-header h3:hover{text-overflow:inherit;overflow:visible;text-wrap-mode:wrap}.question-count{background:#e0e7ff;color:#4f46e5;padding:.25rem .75rem;margin-bottom:1rem;border-radius:9999px;font-size:.875rem;font-weight:500}.topic-description{color:#6b7280;margin-bottom:1.5rem;line-height:1.6;max-height:100px;overflow:hidden;text-overflow:ellipsis}.start-quiz-button{background:#4f46e5;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;display:inline-block;transition:background-color .2s}.start-quiz-button:hover{background:#4338ca}.create-prompt{text-align:center;margin-top:3rem}.prompt-card{background:linear-gradient(135deg,#fef3c7,#fed7aa);padding:2rem;border-radius:12px;display:inline-block}.prompt-card h3{margin-bottom:.5rem;color:#92400e}.prompt-card p{color:#b45309;margin-bottom:1rem}.create-button{background:inherit;color:#92400e;padding:.75rem 1.5rem;border:1.5px solid;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s}.create-button:hover{background:#d97706}@media (max-width: 425px){.topics-page{padding-left:0rem;padding-right:0rem}.page-header{padding:1rem .5rem}.page-header h1{font-size:1.5rem}.page-header p{font-size:.9rem}}.create-quiz-page{max-width:800px;margin:0 auto;padding:2rem}.quiz-details,.questions-section,.add-question,.save-section{margin:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.quiz-details:last-child,.questions-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.add-question form{display:flex;flex-direction:column}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:#374151}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}input:focus,.form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}input:invalid{box-shadow:none;border:1px solid rgb(228,108,108)}.existing-questions{max-height:300px;overflow-y:scroll;margin-bottom:2rem}.question-preview{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:.5rem}.question-content{flex:1;color:#374151}.remove-button{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.remove-button:hover{background:#dc2626}.answers-group{margin:1rem 0;border:none}.answer-input{display:flex;flex-direction:column;margin:1rem 0}.answer-label{font-size:.875rem;font-weight:500;min-width:100px;color:#6b7280;transition:ease .3s}.answer-input input::placeholder{font-size:.75rem}.answer-input input{flex:1;font:inherit;border:1px solid #d1d5db;padding:.15rem;border-top-right-radius:.3rem;border-top-left-radius:.3rem}.answer-input input:invalid{border:1px solid rgb(228,108,108)}.add-question-button{background:#10b981;font:inherit;margin:0 auto;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s;max-width:400px}.add-question-button:hover{background:#059669}@media (max-width: 425px){.create-quiz-page{padding:2rem 0rem}.quiz-details,.questions-section,.save-section{padding:.5rem}.question-preview{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:.5rem}.remove-button,.add-question-button,.save-section button{width:100%}}.save-section{display:flex;button:hover:not(:disabled) {background: #4338ca;} button:disabled {background: #9ca3af; cursor: not-allowed;}}.save-section :is(button){background:#4f46e5;font:inherit;margin:0 auto;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s;max-width:400px}.quiz-page{max-width:1200px;margin:0 auto;padding:2rem}.quiz-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.topic-info h1{font-size:2rem;margin-bottom:.5rem;color:#1f2937}.topic-info p{color:#6b7280;margin:0}.quiz-not-found{text-align:center;padding:4rem 2rem;max-width:600px;margin:0 auto}.quiz-not-found h1{font-size:2rem;margin-bottom:1rem;color:#ef4444}.quiz-not-found p{color:#6b7280;margin-bottom:2rem}@media (max-width: 640px){.quiz-page{width:100%;padding:2rem .5rem}.topic-info h1{font-size:1.5rem;margin-bottom:.5rem;color:#1f2937}.topic-info p{font-size:.9rem}#summary{padding:2rem .2rem}#summary img{display:block;width:6rem;height:6rem;object-fit:contain;margin:0 auto 1rem;padding:1rem;filter:drop-shadow(0 0 2px rgba(0,0,0,.6));border:2px solid #3a2353;border-radius:50%;background:#c18cfa}#summary h2{font-family:Roboto,sans-serif;font-size:1.5rem;text-align:center;margin:0;text-transform:uppercase;color:#3a2353}#summary-stats{gap:1rem;width:100%;margin:2rem auto;padding-bottom:2rem;border-bottom:2px solid #594276}#summary-stats p{flex:1;display:flex;flex-direction:column;margin:0;gap:1rem}#summary-stats .number{font-size:1.5rem}#summary-stats .text{font-size:.6rem}}@media (max-width: 768px){.quiz-header{flex-direction:column;gap:1rem}.answer-label{min-width:auto}}