*{box-sizing:border-box;margin:0;padding:0}:root{--cream:#fbf6e9;--cream-dark:#f1e8c8;--primary:#2c5282;--primary-dark:#1e3a5f;--accent:#d97706;--accent-dark:#b45309;--success:#16a34a;--error:#dc2626;--text:#2d3748;--text-light:#4a5568;--border:#2d374826;--shadow:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f}html,body{height:100%}body{background:var(--cream);color:var(--text);background-image:linear-gradient(#648cb414 1px,#0000 1px),linear-gradient(90deg,#648cb414 1px,#0000 1px);background-size:25px 25px;min-height:100vh;font-family:Poppins,system-ui,-apple-system,sans-serif;line-height:1.6}.app{max-width:1100px;margin:0 auto;padding:24px 20px}.app-header{text-align:center;border-bottom:3px double var(--accent);margin-bottom:30px;padding:20px 0}.app-header h1{color:var(--primary-dark);letter-spacing:.5px;font-family:Patrick Hand,cursive;font-size:clamp(28px,5vw,42px)}.app-header .sub{color:var(--accent-dark);margin-top:6px;font-family:Caveat,cursive;font-size:clamp(18px,3vw,24px)}.app-header .stats{color:var(--text-light);margin-top:8px;font-size:13px;font-weight:500}.back-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;margin-bottom:20px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s;display:inline-flex}.back-btn:hover{background:var(--primary-dark)}.menu{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.menu-card{border:2px solid var(--border);cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:24px;transition:all .25s;position:relative;overflow:hidden}.menu-card:before{content:"";background:var(--accent);height:5px;position:absolute;top:0;left:0;right:0}.menu-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-4px)}.menu-card .icon{margin-bottom:12px;font-size:42px;display:block}.menu-card h3{color:var(--primary-dark);margin-bottom:8px;font-family:Patrick Hand,cursive;font-size:24px}.menu-card p{color:var(--text-light);font-size:14px}.menu-card .badge{background:var(--accent);color:#fff;text-transform:uppercase;border-radius:10px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:16px;right:16px}.screen{box-shadow:var(--shadow);border:2px solid var(--border);background:#fff;border-radius:16px;padding:28px}.screen-title{color:var(--primary-dark);margin-bottom:8px;font-family:Patrick Hand,cursive;font-size:28px}.screen-subtitle{color:var(--accent-dark);margin-bottom:20px;font-family:Caveat,cursive;font-size:18px}.quiz-header{border-bottom:2px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.quiz-progress{color:var(--primary);font-family:Patrick Hand,cursive;font-size:20px}.quiz-timer{color:var(--error);background:#fee2e2;border-radius:8px;padding:4px 14px;font-family:Patrick Hand,cursive;font-size:22px;font-weight:700}.quiz-timer.warn{color:var(--accent-dark);background:#fef3c7}.quiz-score{color:var(--success);font-family:Patrick Hand,cursive;font-size:20px}.quiz-topic{color:var(--text-light);font-family:Caveat,cursive;font-size:16px}.question-box{background:var(--cream);border-left:5px solid var(--accent);border-radius:8px;margin-bottom:20px;padding:18px 20px}.question-box .qnum{color:var(--accent-dark);margin-bottom:6px;font-family:Patrick Hand,cursive;font-size:16px;font-weight:700}.question-box .qtext{font-size:17px;font-weight:500;line-height:1.7}.options{gap:12px;margin-bottom:20px;display:grid}.option{border:2px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;font-family:inherit;font-size:15px;line-height:1.5;transition:all .15s;display:flex}.option:hover:not(:disabled){border-color:var(--primary);background:#f0f7ff}.option .letter{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Patrick Hand,cursive;font-size:18px;font-weight:700;display:inline-flex}.option.selected{border-color:var(--primary);background:#dbeafe}.option.correct{border-color:var(--success);background:#dcfce7}.option.correct .letter{background:var(--success)}.option.wrong{border-color:var(--error);background:#fee2e2}.option.wrong .letter{background:var(--error)}.option:disabled{cursor:default}.feedback{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:15px}.feedback.right{color:#166534;border:1px solid var(--success);background:#dcfce7}.feedback.wrong{color:#991b1b;border:1px solid var(--error);background:#fee2e2}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-dark)}.btn-success{background:var(--success);color:#fff}.btn-ghost{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-ghost:hover{background:var(--primary);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.config{gap:16px;max-width:480px;margin:0 auto 24px;display:grid}.config-row{background:var(--cream);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.config-row label{font-size:15px;font-weight:600}.config-row input,.config-row select{border:1px solid var(--border);border-radius:6px;width:100px;padding:6px 10px;font-family:inherit;font-size:15px}.config-row select{width:auto;min-width:160px}.results-summary{text-align:center;background:var(--cream);border:2px dashed var(--accent);border-radius:12px;margin-bottom:24px;padding:30px 20px}.results-score{margin:8px 0;font-family:Patrick Hand,cursive;font-size:72px;font-weight:700}.results-score.pass{color:var(--success)}.results-score.fail{color:var(--error)}.results-verdict{margin:6px 0;font-family:Caveat,cursive;font-size:32px}.results-verdict.pass{color:var(--success)}.results-verdict.fail{color:var(--error)}.results-detail{color:var(--text-light);margin-top:8px;font-size:14px}.review-item{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:12px;padding:16px}.review-item.correct{border-left:5px solid var(--success)}.review-item.wrong{border-left:5px solid var(--error)}.review-item.skipped{background:#f8fafc;border-left:5px solid #94a3b8}.review-item .rev-q{margin-bottom:8px;font-weight:600}.review-item .rev-topic{color:var(--text-light);margin-bottom:6px;font-family:Caveat,cursive;font-size:14px}.review-item .rev-ans{padding:4px 0;font-size:14px}.review-item .rev-ans.user-correct{color:var(--success);font-weight:600}.review-item .rev-ans.user-wrong{color:var(--error);font-weight:600}.review-item .rev-ans.correct-answer{color:var(--success);font-weight:600}.flashcard-container{perspective:1200px;max-width:600px;height:340px;margin:20px auto}.flashcard{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .6s;position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard .face{backface-visibility:hidden;text-align:center;border:3px solid var(--accent);width:100%;height:100%;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;overflow-y:auto}.flashcard .front{background:linear-gradient(135deg, var(--cream) 0%, var(--cream-dark) 100%)}.flashcard .back{background:linear-gradient(135deg,#fff7e6 0%,#fde9c6 100%);transform:rotateY(180deg)}.flashcard .face .label{color:var(--accent-dark);letter-spacing:1px;margin-bottom:12px;font-family:Caveat,cursive;font-size:16px}.flashcard .face .content{font-size:17px;line-height:1.6}.flashcard .face .source{color:var(--text-light);margin-top:12px;font-family:Caveat,cursive;font-size:13px}.flashcard .face .imp-tag{background:var(--error);color:#fff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.flashcard-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.flashcard-count{text-align:center;color:var(--primary);margin-top:14px;font-family:Patrick Hand,cursive;font-size:18px}.search-box{border:2px solid var(--border);border-radius:10px;width:100%;margin-bottom:20px;padding:12px 16px;font-family:inherit;font-size:15px}.search-box:focus{border-color:var(--primary);outline:none}.facts-group{background:var(--cream);border-left:4px solid var(--primary);border-radius:10px;margin-bottom:20px;padding:16px 20px}.facts-group h3{color:var(--primary-dark);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:Patrick Hand,cursive;font-size:20px;display:flex}.facts-group h3:after{content:"▼";font-size:14px;transition:transform .2s}.facts-group.collapsed h3:after{transform:rotate(-90deg)}.facts-group ul{padding-left:0;list-style:none}.facts-group.collapsed ul{display:none}.facts-group li{border-bottom:1px dashed var(--border);padding:8px 0;font-size:14.5px;line-height:1.6}.facts-group li:before{content:"🔸 ";margin-right:4px}.facts-group li:last-child{border-bottom:none}.boost-card{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;max-width:700px;min-height:280px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;justify-content:center;margin:20px auto;padding:40px 30px;display:flex;position:relative;overflow:hidden}.boost-card:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:30s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.boost-card .quote-mark{color:var(--accent);margin-bottom:-20px;font-family:Caveat,cursive;font-size:72px;line-height:1;position:relative}.boost-card .quote{margin:16px 0;font-family:Kalam,cursive;font-size:clamp(18px,3vw,24px);line-height:1.6;position:relative}.boost-card .author{color:#fbbf24;font-family:Caveat,cursive;font-size:22px;position:relative}.boost-card .topic-mantra{color:#ffffffb3;margin-bottom:8px;font-family:Caveat,cursive;font-size:14px;position:relative}.boost-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.topic-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:20px;display:grid}.topic-pill{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.topic-pill:hover{border-color:var(--accent);background:var(--cream)}.topic-pill .count{background:var(--primary);color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.hidden{display:none!important}.text-center{text-align:center}.muted{color:var(--text-light);font-size:14px}.tag{background:var(--accent);color:#fff;border-radius:10px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.tag.very-imp{background:var(--error)}@media (max-width:600px){.app{padding:16px 12px}.screen,.menu-card{padding:18px}.flashcard-container{height:400px}.quiz-header{font-size:14px}.results-score{font-size:56px}.option{padding:12px 14px;font-size:14px}}.disclaimer-banner{z-index:1000;color:#92400e;border-bottom:2px solid var(--accent);text-align:center;background:linear-gradient(90deg,#fef3c7,#fde68a);padding:8px 16px;font-family:Poppins,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;line-height:1.4;position:sticky;top:0;box-shadow:0 2px 6px #0000000d}@media (max-width:600px){.disclaimer-banner{padding:6px 12px;font-size:12px}}