#root,body,html{color:#333;font-family:Roboto,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.quiz-container{background-color:#f9f9f9!important}.quiz-buttons button{background-color:#f5f5f5!important;color:#333!important}.quiz-buttons button:hover{background-color:#0078ff!important}.chat-container{border-radius:12px;box-shadow:0 8px 20px #0000001f;font-family:Roboto,sans-serif;width:480px}.chat-header{background-color:#0078ff;font-size:20px;padding:16px;text-align:center}.chat-messages{background-color:#f4f6f8;padding:16px}.message{border-radius:8px;font-size:16px;margin:8px 0}.message.user{border-radius:16px 16px 0 16px}.message.ai{background-color:#e2e8f0;border-radius:16px 16px 16px 0;color:#333}.message.explanation{background-color:#e0f7fa;border-left:4px solid #0078ff;color:#333;font-size:15px;padding:12px 16px}.message.static-quiz{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;font-size:16px;padding:16px}.quiz-container{border-radius:8px;margin-top:12px}.quiz-container h2{color:#333;font-size:18px;margin-bottom:12px}.quiz-buttons{gap:12px}.quiz-buttons button{background-color:#f4f6f8;border:1px solid #ccc;color:#333;font-size:16px;padding:14px 20px;transition:background-color .3s ease,transform .2s ease}.quiz-buttons button:hover{background-color:#0078ff;color:#fff;transform:scale(1.02)}.quiz-buttons button:active{opacity:.9}.quiz-buttons button.correct{background-color:#4caf50!important}.quiz-buttons button.incorrect{background-color:#f44336!important}.chat-input-container{background-color:#fff;border-top:1px solid #ddd;padding:16px}.chat-input{border:1px solid #ccc;padding:12px}.chat-input,.send-button{border-radius:8px;font-size:16px}.send-button{background-color:#0078ff;margin-left:12px;padding:12px 20px;transition:background-color .2s ease}.send-button:hover{background-color:#005bb5}.history-modal{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.history-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:650px;overflow:hidden;width:90%}.history-header{align-items:center;background:linear-gradient(135deg,#0078ff,#005bb5);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:18px 24px}.history-header h2{font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;margin:0;opacity:.8;padding:0;transition:all .2s;width:32px}.close-button:hover{background-color:#ffffff1a;opacity:1;transform:scale(1.05)}.history-tools{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:16px 24px}.history-search{border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 1px 3px #0000000d;flex:1 1;font-size:15px;outline:none;padding:12px 16px;transition:all .2s}.history-search:focus{border-color:#0078ff;box-shadow:0 0 0 2px #0078ff1a}.history-clear-button{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s;white-space:nowrap}.history-clear-button:hover{background-color:#fee2e2;border-color:#fca5a5;color:#ef4444}.history-list{flex:1 1;overflow-y:auto;padding:4px 8px}.history-item{border-bottom:1px solid #e2e8f0;border-radius:8px;cursor:pointer;margin:8px;padding:16px;transition:all .2s}.history-item:hover{background-color:#f8fafc;box-shadow:0 2px 5px #0000000d;transform:translateY(-1px)}.history-item.correct{background-color:#f0fdf4;border-left:4px solid #10b981}.history-item.incorrect{background-color:#fef2f2;border-left:4px solid #ef4444}.history-item.skipped{background-color:#f8fafc;border-left:4px solid #94a3b8}.history-question{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:500;justify-content:space-between;line-height:1.4;margin-bottom:8px}.answer-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.answer-badge.correct{background-color:#dcfce7;color:#10b981}.answer-badge.incorrect{background-color:#fee2e2;color:#ef4444}.answer-badge.skipped{background-color:#f1f5f9;color:#64748b}.history-timestamp{color:#64748b;font-size:13px}.history-empty{background-color:#f8fafc;border-radius:8px;color:#64748b;font-style:italic;margin:16px;padding:40px 16px;text-align:center}.question-details-modal{align-items:center;animation:fadeIn .2s ease-out;background-color:#fffffff2;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.question-details-content{animation:scaleIn .2s ease-out;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 5px 20px #00000026;display:flex;flex-direction:column;max-height:90%;max-width:600px;overflow:hidden;width:90%}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.details-header{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.details-header h3{color:#0f172a;font-size:18px;margin:0}.details-header .close-button{background-color:#f1f5f9;border-radius:50%;color:#64748b;height:32px;width:32px}.details-header .close-button:hover{background-color:#e2e8f0;color:#0f172a}.details-body{max-height:70vh;overflow-y:auto;padding:20px}.detail-question{background-color:#f8fafc;border-left:4px solid #0078ff;border-radius:8px;color:#0f172a;font-size:17px;font-weight:500;line-height:1.5;margin-bottom:16px;padding:12px 16px}.detail-choices{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.detail-choice{align-items:center;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:12px 16px;position:relative;transition:all .2s}.detail-choice.correct{background-color:#f0fdf4;border-color:#86efac}.detail-choice.incorrect{background-color:#fef2f2;border-color:#fca5a5}.detail-choice.selected{box-shadow:0 0 0 2px #0078ff33}.choice-label{align-items:center;background-color:#f1f5f9;border-radius:50%;color:#475569;display:flex;flex-shrink:0;font-weight:600;height:24px;justify-content:center;margin-right:12px;width:24px}.detail-choice.correct .choice-label{background-color:#10b981;color:#fff}.detail-choice.incorrect.selected .choice-label{background-color:#ef4444;color:#fff}.choice-text{color:#334155;flex:1 1;font-size:15px}.choice-mark{font-weight:700;position:absolute;right:16px}.choice-mark.correct{color:#10b981}.choice-mark.incorrect{color:#ef4444}.detail-answer{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.detail-answer p{color:#334155;margin:8px 0}.detail-explanation{background-color:#f3f4f6;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 2px 5px #0000000a;margin-bottom:16px;overflow:hidden;padding:16px;position:relative}.detail-explanation:before{content:"💡";font-size:16px;opacity:.5;position:absolute;right:14px;top:12px}.detail-explanation:after{background:linear-gradient(90deg,#3b82f61a,#3b82f699 50%,#3b82f61a);content:"";height:1px;left:0;position:absolute;right:0;top:0}.detail-explanation h4{color:#334155;font-size:16px;font-weight:600;margin-bottom:10px;margin-top:0}.detail-explanation p{color:#334155;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.detail-timestamp{border-top:1px solid #e2e8f0;color:#64748b;font-size:13px;padding-top:8px;text-align:right}@media (max-width:600px){.history-content{max-height:90vh;width:95%}.history-tools{flex-direction:column;padding:12px 16px}.details-body{padding:16px}}.diagnostics-panel{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-top:16px;padding:16px}.diagnostics-panel h3{color:#0f172a;font-size:18px;font-weight:600;margin-bottom:12px;margin-top:0}.diagnostics-panel h4{color:#334155;font-size:16px;margin-bottom:8px;margin-top:16px}.diagnostic-form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.diagnostic-input{border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.diagnostic-input:focus{border-color:#0078ff;box-shadow:0 0 0 2px #0078ff1a;outline:none}.diagnostic-buttons{display:flex;gap:8px}.diagnostic-run-button{background-color:#0078ff;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:10px 16px;transition:all .2s}.diagnostic-run-button:hover{background-color:#005bb5;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.diagnostic-clear-button{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s}.diagnostic-clear-button:hover{background-color:#e2e8f0;color:#334155}.diagnostic-results{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:16px}.diagnostic-result{border-radius:4px;font-size:15px;margin-bottom:16px;padding:10px 14px}.diagnostic-result.duplicate{background-color:#fee2e2;border-left:4px solid #ef4444;color:#b91c1c}.diagnostic-result.unique{background-color:#dcfce7;border-left:4px solid #10b981;color:#166534}.similar-questions-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.similar-question-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:10px;padding:12px;transition:all .2s}.similar-question-item:hover{border-color:#cbd5e1;box-shadow:0 2px 5px #0000000d;transform:translateY(-1px)}.similar-question-text{color:#334155;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:6px}.similar-question-meta{align-items:center;border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:12px;justify-content:space-between;margin-top:6px;padding-top:6px}.similarity-score{background-color:#f1f5f9;border-radius:12px;font-weight:600;padding:2px 6px}.similarity-score.high{background-color:#fee2e2;color:#b91c1c}.similarity-score.medium{background-color:#fef3c7;color:#92400e}.similarity-score.low{background-color:#ecfdf5;color:#166534}.timestamp{font-style:italic}@media (max-width:600px){.diagnostic-buttons{flex-direction:column}.similar-question-meta{align-items:flex-start;flex-direction:column;gap:4px}}body,html{background-color:#fff;margin:0;overflow:hidden;padding:0}#app,#root,body,html{height:100%;width:100%}#app,#root,.chat-container{display:flex;flex-direction:column}.chat-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #00000026;font-family:Inter,Roboto,-apple-system,sans-serif;height:700px;margin:auto;overflow:hidden;position:relative;width:520px}.chat-header{background:linear-gradient(135deg,#1a56db,#5390e3);border-bottom:1px solid #ffffff1a;box-shadow:0 3px 10px #00000026;padding:14px 20px;z-index:10}.header-title{font-size:18px;font-weight:700;gap:10px;letter-spacing:.5px;padding-left:8px;position:relative;text-shadow:0 1px 2px #0003}.header-title:before{background:#fff9;border-radius:2px;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.header-buttons{gap:12px}.history-button,.stats-button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff26;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all .25s ease}.history-button:hover,.stats-button:hover{background:#ffffff40;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.history-button:active,.stats-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.history-button.attention{animation:subtle-pulse 2s infinite;background:#ffffff40;border:1px solid #fff6}.debug-button{background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:6px 10px;transition:all .2s}.controls-container{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #cbd5e180;box-shadow:0 1px 3px #00000005;padding:10px 16px 6px}.controls-top{gap:14px;margin-bottom:4px}.controls-right,.controls-top{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.controls-right{gap:12px}.topic-dropdown{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b'%3E%3Cpath d='m8 11.5-5-5L4.5 5 8 8.5 11.5 5 13 6.5l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;flex:1 1;min-width:180px;padding:8px 35px 8px 14px;transition:all .25s ease}.topic-dropdown:focus{border-color:#0078ff;box-shadow:0 0 0 3px #0078ff1a;transform:translateY(-1px)}.topic-dropdown:hover{border-color:#94a3b8}.topic-dropdown:disabled{background-color:#f1f5f9}.quiz-button{background:linear-gradient(135deg,#0078ff,#005bb5);border:none;border-radius:10px;box-shadow:0 2px 5px #0078ff33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:8px 16px;position:relative;text-align:center;transition:all .25s;white-space:nowrap}.quiz-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .4s;width:100%}.quiz-button:hover{background:linear-gradient(135deg,#005bb5,#004c92);box-shadow:0 4px 10px #0078ff4d;transform:translateY(-2px)}.quiz-button:hover:before{left:100%}.quiz-button:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.quiz-button:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.timer-options{align-items:center;background:#ffffff80;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:4px 10px}.timer-label{color:#475569;font-size:13px;font-weight:600;white-space:nowrap}.timer-buttons{background:#f1f5f9;border-radius:6px;display:flex;gap:3px;padding:3px}.timer-button{background-color:initial;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;min-width:30px;padding:4px 8px;text-align:center;transition:all .2s}.timer-button:hover{background-color:#e2e8f0cc;color:#334155}.timer-button.selected{background-color:#0078ff;box-shadow:0 1px 3px #0000001a;color:#fff}.score-row{flex-wrap:wrap;gap:12px;margin-top:0}.score-display,.score-row{align-items:center;display:flex;justify-content:center;overflow:visible;position:relative;width:100%}.score-display{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex-wrap:nowrap;font-size:14px;gap:16px;max-width:500px;padding:8px 20px;transition:all .2s ease}.score-display:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.score-streak,.score-streak-max{align-items:center;border-radius:8px;color:var(--color-text);display:flex;font-weight:600;gap:6px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.score-streak{background-color:#0078ff14;color:#0078ff}.score-streak:before{content:"🔥";font-size:14px}.score-streak-max{background-color:#f59e0b14;color:#f59e0b}.score-streak-max:before{content:"⭐";font-size:14px}@keyframes pulse-glow{0%{box-shadow:0 0 5px #ffc1074d;transform:scaleX(1)}50%{box-shadow:0 0 15px #ffc10799,0 0 30px #ffc1074d;transform:scale3d(1.15,1.15,1)}to{box-shadow:0 0 5px #ffc1074d;transform:scaleX(1)}}.score-rizz{align-items:center;background:linear-gradient(135deg,#fcf5e5,#fff3cd);border:1px solid #f9414426;border-radius:6px;box-shadow:0 1px 3px #00000014;color:#f94144;display:inline-flex;font-weight:600;overflow:visible;padding:5px 10px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);white-space:nowrap}.score-rizz:hover{box-shadow:0 2px 5px #0000001f;transform:translateY(-1px)}.score-rizz:before{animation:star-smooth-spin 4s cubic-bezier(.4,0,.2,1) infinite;content:"✨";display:inline-block;filter:drop-shadow(0 0 2px rgba(255,215,0,.5));font-size:14px;margin-right:6px;transform-origin:center}@keyframes star-smooth-spin{0%{opacity:.8;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.1) rotate(180deg)}to{opacity:.8;transform:scale(1) rotate(1turn)}}.score-rizz:after{content:"";display:none;opacity:0;pointer-events:none;position:absolute;z-index:-1}@keyframes star-glow{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.5;transform:scale(1)}}@keyframes subtle-pulse{0%{box-shadow:0 1px 3px #00000014;transform:scale(1)}50%{box-shadow:0 2px 6px #ffc1074d,0 1px 3px #0000001f;transform:scale(1.05)}to{box-shadow:0 1px 3px #00000014;transform:scale(1)}}@keyframes subtle-border{0%{border-color:#f9414426}50%{border-color:#ffc10780}to{border-color:#f9414426}}@keyframes pulse-border{0%{box-shadow:0 0 0 0 #ffc107b3}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 0 0 #ffc10700}}.score-rizz.animating{animation:subtle-pulse 1.5s ease both,subtle-border 2s ease-in-out}.score-rizz.animating:before{animation:star-celebrate 1.2s cubic-bezier(.215,.61,.355,1);content:"✨";display:inline-block;filter:drop-shadow(0 0 4px rgba(255,215,0,.8));font-size:16px}.score-rizz.animating:after{content:"";display:none}@keyframes star-celebrate{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.5) rotate(20deg)}50%{transform:scale(1.8) rotate(-15deg)}75%{transform:scale(1.5) rotate(10deg)}to{transform:scale(1.3) rotate(0deg)}}@keyframes float{0%{transform:translateY(0) translateX(-50%)}50%{transform:translateY(-5px) translateX(-50%)}to{transform:translateY(0) translateX(-50%)}}.rizz-points-change{-webkit-font-smoothing:antialiased;animation:pointsChange 2.2s ease forwards;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:6px;font-size:18px;font-weight:600;left:50%;letter-spacing:.5px;opacity:0;padding:4px 12px;pointer-events:none;position:absolute;text-shadow:0 1px 2px #0003;top:-35px;transform:translateX(-50%);transform:translateX(-50%) translateZ(0);-webkit-transform:translateX(-50%) translateZ(0);white-space:nowrap;will-change:transform,opacity;z-index:100}@keyframes pointsChange{0%{opacity:0;transform:translate3d(-50%,0,0) scale3d(.9,.9,1)}15%{opacity:1;transform:translate3d(-50%,-15px,0) scale3d(1.05,1.05,1)}50%{opacity:1;transform:translate3d(-50%,-35px,0) scaleX(1)}to{opacity:0;transform:translate3d(-50%,-60px,0) scale3d(.95,.95,1)}}.rizz-points-change.positive{background-color:#10b981d9;box-shadow:0 3px 10px #10b9814d,0 0 0 1px #10b98133;color:#fff}.rizz-points-change.negative{background-color:#ef4444d9;box-shadow:0 3px 10px #ef44444d,0 0 0 1px #ef444433;color:#fff}.timer-display{align-items:center;animation:pulse 1s infinite;background-color:#3b82f6;border:1px solid #93c5fd;border-radius:10px;box-shadow:0 2px 4px #00000014;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;margin:0;min-width:90px;padding:6px 14px;text-align:center;transition:all .2s}.timer-value{color:#fff;transition:color .3s ease}.timer-value.timer-low{animation:pulse-glow .8s infinite;color:#ef4444;font-weight:700}.timer-display:before{content:"⏱️";font-size:14px}.timer-display:hover{box-shadow:0 3px 6px #0000001a;transform:translateY(-1px)}.chat-messages{background-color:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px 16px 40px}.message{word-wrap:break-word;border-radius:12px;box-shadow:0 1px 3px #0000000d;font-size:14px;line-height:1.5;margin:0;max-width:85%;padding:12px 16px;transition:all .2s ease-in-out}.message.user{align-self:flex-end;background-color:#0078ff;border-radius:16px 16px 4px 16px;color:#fff}.message.ai{align-self:flex-start;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px 16px 16px 4px;color:#334155}.message.explanation{align-self:stretch;background-color:#f3f4f6;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 2px 5px #0000000a;color:#334155;font-size:14px;line-height:1.5;margin-top:-4px;max-width:100%;overflow:visible;padding:14px 40px 14px 16px;position:relative;white-space:pre-wrap;word-break:break-word}.message.explanation:before{content:"💡";font-size:16px;opacity:.5;position:absolute;right:14px;top:12px}.message.explanation:after{background:linear-gradient(90deg,#3b82f61a,#3b82f699 50%,#3b82f61a);content:"";height:1px;left:0;position:absolute;right:0;top:0}.message.quiz-help{align-self:flex-start;animation:pop-in .3s ease-out;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9;border-radius:16px 16px 16px 4px;box-shadow:0 2px 8px #0c4a6e1a;color:#0c4a6e;font-weight:500;max-width:90%;padding:12px 16px}.message.quiz-help:before{content:"🔥";font-size:1.2em;margin-right:8px}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.message.static-quiz{align-self:stretch;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 5px #0000000d;color:#334155;font-size:14px;max-width:100%;padding:14px 16px}.static-quiz-container{width:100%}.static-quiz-container h3{color:#1e293b;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:12px}.quiz-difficulty{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 8px}.quiz-difficulty.easy{background-color:#ecfdf5;color:#10b981}.quiz-difficulty.medium{background-color:#fef3c7;color:#d97706}.quiz-difficulty.hard{background-color:#fee2e2;color:#ef4444}.static-quiz-options{display:flex;flex-direction:column;gap:8px}.static-quiz-option{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:14px;padding:10px 14px}.static-quiz-option.correct{background-color:#ecfdf5;border-color:#10b981;color:#047857}.static-quiz-option.incorrect{background-color:#fee2e2;border-color:#ef4444;color:#b91c1c}.option-label{background-color:#e2e8f0;border-radius:4px;color:#475569;font-size:12px;font-weight:600;margin-right:8px;padding:2px 6px}.static-quiz-option.correct .option-label{background-color:#10b981;color:#fff}.static-quiz-option.incorrect .option-label{background-color:#ef4444;color:#fff}.quiz-container{align-self:stretch;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 3px 10px #00000014;margin:10px 0;padding:16px;transition:all .3s}.quiz-container h2{color:#1e293b;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:14px}.quiz-buttons{display:flex;flex-direction:column;gap:10px}.quiz-buttons button{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:14px;padding:12px 16px;text-align:left;transition:all .2s}.quiz-buttons button:hover{background-color:#e0f2fe;border-color:#0078ff;box-shadow:0 3px 6px #0078ff1a;transform:translateY(-1px)}.quiz-buttons button:active{transform:translateY(0)}.quiz-buttons button.correct{background-color:#10b981!important;border-color:#059669!important;color:#fff!important}.quiz-buttons button.incorrect{background-color:#ef4444!important;border-color:#dc2626!important;color:#fff!important}@keyframes sparkle{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.sparkle-effect{animation:sparkle .6s ease-in-out}@keyframes slash{0%{transform:rotate(0deg)}50%{transform:rotate(-3deg)}to{transform:rotate(0deg)}}.slashing-effect{animation:slash .6s ease-in-out}.chat-input-container{background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:10px;margin-top:0;padding:8px 16px 12px}.chat-input{border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 1px 3px #0000000d;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:all .2s}.chat-input:focus{border-color:#0078ff;box-shadow:0 0 0 2px #0078ff1a}.chat-input:disabled{background-color:#f1f5f9;cursor:not-allowed}.send-button{background:linear-gradient(135deg,#0078ff,#005bb5);border:none;border-radius:10px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.send-button:hover{background:linear-gradient(135deg,#005bb5,#004c92);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.send-button:active{box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.send-button:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.loading-container{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 3px 10px #0000000d;display:flex;flex-direction:column;margin:8px auto;padding:16px}.loading-dots{display:flex;justify-content:center;margin-bottom:8px}.dot{animation:bounce 1.5s ease-in-out infinite;background-color:#0078ff;border-radius:50%;display:inline-block;height:8px;margin:0 3px;width:8px}.dot:nth-child(2){animation-delay:.15s;background-color:#0069e0}.dot:nth-child(3){animation-delay:.3s;background-color:#005bb5}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.loading-text{color:#64748b;font-size:13px;font-weight:500}.quiz-container.loading{opacity:.7;position:relative}.quiz-container.loading:after{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#0078ff;content:"Loading...";font-size:14px;font-weight:600;left:50%;padding:8px 16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.debug-message{align-self:stretch;background-color:#fff7ed;border-left:4px solid #fb923c;border-radius:4px;color:#9a3412;font-family:monospace;font-size:11px;margin:6px 0;padding:10px 14px;white-space:pre-wrap}@media (max-width:768px){body,html{height:100%;overflow:hidden;position:fixed;width:100%}.chat-container{border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;margin:0;max-height:100vh;width:100%}.chat-messages{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:40px}.chat-input-container{background-color:#f8fafc;border-top:1px solid #e2e8f0;bottom:0;box-sizing:border-box;left:0;padding:8px 16px 12px;position:fixed;width:100%;z-index:10}.chat-messages{padding-bottom:70px}.quiz-container{margin-bottom:50px}@supports (-webkit-touch-callout:none){.chat-container{height:-webkit-fill-available}}.activity-chart{height:130px;padding-top:25px}.correct-bar,.incorrect-bar{max-height:70px;width:10px}.bar-value{background-color:#ffffffe6;font-size:10px;opacity:1!important;padding:1px 3px;top:-20px;z-index:10}.day-label{font-size:10px;margin-top:6px}.activity-legend{padding:6px 8px}.legend-item{font-size:11px;gap:4px}}@media (max-width:480px){.controls-right,.controls-top{align-items:stretch;flex-direction:column;width:100%}.score-row{flex-direction:row;width:100%}.timer-options{justify-content:center;margin-top:8px}.score-display{gap:10px;justify-content:space-around;padding:8px 12px}.score-rizz,.score-streak,.score-streak-max{font-size:12px;padding:4px 8px}.timer-display{margin-top:8px;text-align:center;width:100%}.history-label{display:none}.history-button{padding:6px}.message{max-width:90%}.chat-header{padding:10px 12px}.quiz-button,.send-button{align-items:center;display:flex;justify-content:center;min-height:44px}.chat-input{min-height:44px}.chat-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(12px,env(safe-area-inset-top))}.chat-input-container{padding:8px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}@media (max-height:500px) and (orientation:landscape){.controls-container{padding:5px 10px 2px}.chat-header{padding:8px 16px}.chat-input-container{padding:6px 12px 8px}.quiz-container{margin:5px 0;padding:10px}.quiz-container h2{margin-bottom:8px}.quiz-buttons{gap:6px}}.stats-button{align-items:center;background-color:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-right:10px;padding:8px 14px;transition:all .2s ease}.stats-button:hover{background-color:#ffffff40;transform:translateY(-1px)}.stats-icon svg{stroke:#fff}.stats-label{display:block}@media (max-width:768px){.stats-label{display:none}.history-button,.stats-button{padding:8px 10px}}.stats-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.stats-content{animation:slideUp .4s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;max-height:85vh;max-width:700px;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-color:#cbd5e1 #f8fafc;scrollbar-width:thin;width:90%}.stats-content::-webkit-scrollbar{width:8px}.stats-content::-webkit-scrollbar-track{background:#f8fafc;border-radius:0 16px 16px 0}.stats-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:2px solid #f8fafc;border-radius:4px}.stats-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.stats-header{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:10}.stats-header h2{color:#1e293b;font-size:20px;font-weight:700;margin:0}.stats-header button{align-items:center;background:#ffffff26;border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:36px}.stats-header button:before{color:#1e293b;content:"×";font-size:24px;font-weight:300;transition:all .2s ease}.stats-header button:after,.stats-header button:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.stats-header button:after{background:#3b82f61a;border-radius:50%;content:"";height:0;transition:width .4s ease,height .4s ease;width:0}.stats-header button:hover{background:#3b82f633;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.stats-header button:hover:after{animation:pulse-ring 1.5s infinite;height:100%;width:100%}@keyframes pulse-ring{0%{height:30%;opacity:.8;width:30%}to{height:100%;opacity:0;width:100%}}.stats-header button:active{background:#3b82f626;transform:scale(.95)}.stats-header button:hover:before{font-weight:400;transform:translate(-50%,-50%) rotate(90deg)}.stats-body{max-height:none;overflow-y:visible;padding:24px}.stats-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-item{align-items:center;background-color:#f8fafc;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;padding:12px}.stat-item:hover{border-color:#cbd5e1;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.stat-label{color:#64748b;font-size:14px;font-weight:500;margin-bottom:8px}.stat-value{color:#334155;font-size:24px;font-weight:600}.correct-value{color:#10b981}.wrong-value{color:#ef4444}.stats-section{animation:fadeIn .5s ease-out;margin-bottom:32px}.stats-section h3{align-items:center;color:#334155;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px;position:relative}.activity-icon{color:#0ea5e9;margin-right:4px}.learning-progress{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;color:#1e293b;margin-bottom:24px;overflow:hidden;padding:20px;position:relative}.learning-progress:before{background:linear-gradient(135deg,#3b82f60d,#2563eb1a);border-radius:50%;content:"";height:150px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:150px;z-index:0}.mastery-level{margin-bottom:16px;position:relative;z-index:1}.level-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.level-value{display:flex;flex-direction:column}.level-number{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3b82f6,#2563eb);-webkit-background-clip:text;font-size:28px;font-weight:800;text-shadow:0 2px 4px #0000001a}.level-title{color:#64748b;font-size:16px;font-weight:600;margin-top:4px}.level-stats{display:flex;gap:12px}.level-stat{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;min-width:70px;padding:8px 12px;transition:all .2s ease}.level-stat:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.stat-icon{font-size:16px;margin-bottom:4px}.level-stat .stat-value{color:#1e293b;font-size:16px;font-weight:700;text-shadow:none}.level-stat .stat-label{color:#64748b;font-size:12px;margin:0}.progress-bar-container{background:#e2e8f080;box-shadow:inset 0 1px 3px #0000001a;height:12px;z-index:1}.progress-bar,.progress-bar-container{border-radius:6px;overflow:hidden;position:relative}.progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#ffffff80 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.progress-percentage{color:#64748b;font-size:12px;font-weight:600;position:absolute;right:8px;top:-18px}.topic-breakdown{animation:fadeIn .5s ease-out;display:flex;flex-direction:column;gap:12px}.topic-item{background:linear-gradient(90deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.topic-item:hover{border-color:#cbd5e1;box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.topic-item:after{background:radial-gradient(circle at top right,#fffc 0,#fff0 70%);content:"";height:60px;pointer-events:none;position:absolute;right:0;top:0;width:60px;z-index:1}.topic-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.topic-name{color:#1e293b;font-size:15px;font-weight:600;text-shadow:0 1px 0 #ffffff80}.topic-mastery{align-items:center;display:flex;gap:8px}.topic-level-badge{animation:pulse 2s infinite;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;transition:all .3s ease}.topic-level-badge[data-level="0"]{background:linear-gradient(135deg,#94a3b8,#64748b)}.topic-level-badge[data-level="1"]{background:linear-gradient(135deg,#4ade80,#22c55e)}.topic-level-badge[data-level="2"]{background:linear-gradient(135deg,#34d399,#10b981)}.topic-level-badge[data-level="3"]{background:linear-gradient(135deg,#2dd4bf,#0d9488)}.topic-level-badge[data-level="4"]{background:linear-gradient(135deg,#38bdf8,#0284c7)}.topic-level-badge[data-level="5"]{background:linear-gradient(135deg,#818cf8,#4f46e5)}.topic-level-badge[data-level="6"]{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.topic-level-badge[data-level="7"]{background:linear-gradient(135deg,#e879f9,#c026d3)}.topic-mastery-title{color:#64748b;font-size:13px;font-weight:600}.topic-bar-container{background-color:#e2e8f0;border-radius:5px;box-shadow:inset 0 1px 2px #0000001a;height:10px;margin-bottom:12px;overflow:hidden}.topic-bar{border-radius:5px;height:100%;position:relative;transition:width 1s cubic-bezier(.25,.46,.45,.94)}.topic-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffffff1a,#fff3 20%,#ffffff1a 40%,#fff0 60%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.topic-bar-label{color:#64748b;font-size:12px;font-weight:600;position:absolute;right:8px;text-shadow:0 1px 0 #ffffff80;top:-18px}.topic-metrics{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.topic-count,.topic-next-level,.topic-recent,.topic-rizz,.topic-trending{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:12px;transition:all .2s ease}.count-value,.next-level-value,.recent-value,.rizz-value{color:#334155;font-weight:700}.count-label,.next-level-label,.recent-label,.rizz-label,.trending-label{font-size:10px;margin-top:2px}.topic-count{color:#0284c7}.rizz-value,.topic-rizz{color:#7c3aed}.topic-trending{animation:pulse 2s infinite;color:#16a34a}.trending-icon{font-size:14px;font-weight:700}.recent-value,.topic-recent{color:#ea580c}.next-level-value,.topic-next-level{color:#0369a1}.difficulty-breakdown{display:flex;flex-direction:column;gap:14px}.difficulty-item{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:16px;transition:all .2s}.difficulty-item:hover{border-color:#cbd5e1;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.difficulty-item.easy{border-left:4px solid #4ade80}.difficulty-item.medium{border-left:4px solid #facc15}.difficulty-item.hard{border-left:4px solid #f87171}.difficulty-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.difficulty-name{color:#1e293b;font-size:15px;font-weight:600}.difficulty-count{background-color:#f1f5f9;border-radius:12px;color:#64748b;font-size:13px;font-weight:500;padding:4px 10px}.difficulty-stats{border-top:1px dashed #e2e8f0;display:flex;justify-content:space-between;padding-top:10px}.difficulty-avg,.difficulty-points{display:flex;flex-direction:column;gap:4px}.avg-label,.points-label{color:#64748b;font-size:12px}.avg-value,.points-value{color:#0f172a;font-size:15px;font-weight:600}.points-value{color:#2563eb}.no-data{animation:pulse 2s infinite;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:15px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.no-data:before{animation:bounce 1.5s infinite;content:"🎯";display:block;font-size:24px;margin-bottom:12px}.no-data:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#38bdf8,#818cf8,#a78bfa,#e879f9);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle-rotate{0%{transform:rotate(0deg)}25%{transform:rotate(10deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.topic-selector{align-items:center;background-color:#f0f4f8;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:10px 20px}.topic-selector-label{color:#334155;font-size:14px;font-weight:600}.topic-dropdown{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#334155;cursor:pointer;flex-grow:1;font-size:14px;font-weight:500;max-width:250px;outline:none;padding:8px 12px;transition:all .2s ease}.topic-dropdown:hover:not(:disabled){border-color:#94a3b8}.topic-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.topic-dropdown:disabled{background-color:#f8fafc;cursor:not-allowed;opacity:.6}.header-timer{align-items:center;animation:pulse 1s infinite alternate;background:#ffffff26;border:1px solid #fff3;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;margin-right:8px;padding:6px 12px}.timer-icon{font-size:14px;margin-right:6px}.timer-value{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#ff5b76,#ff3b5c);-webkit-background-clip:text;color:#ff3b5c;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));font-size:15px;font-weight:700;position:relative;text-shadow:0 0 10px #ff3b5c66}@keyframes pulse{0%{box-shadow:0 0 5px #ff3b5c33}to{box-shadow:0 0 10px #ff3b5c80}}body.input-focused{height:100%;overflow:hidden;position:fixed;width:100%}body.input-focused .chat-messages{padding-bottom:70px}.activity-chart{align-items:flex-end;background:linear-gradient(0deg,#f1f5f94d,#0000);border-radius:12px;display:flex;height:140px;justify-content:space-between;margin:20px 0;overflow:hidden;padding:0 10px;position:relative}.activity-chart:before{background-color:#cbd5e180;bottom:30px;content:"";height:1px;left:0;position:absolute;right:0;z-index:1}.activity-chart:after{background:linear-gradient(90deg,#10b981,#0ea5e9);border-radius:0 0 12px 12px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.activity-day{align-items:center;display:flex;flex-direction:column;position:relative;width:14.28571%;z-index:2}.day-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:8px;text-transform:uppercase}.day-bars{align-items:flex-end;display:flex;gap:3px;height:100px;margin-bottom:8px}.correct-bar,.incorrect-bar{border-radius:6px 6px 0 0;min-height:4px;position:relative;transition:all .3s ease;width:12px}.correct-bar{background:linear-gradient(0deg,#10b981,#34d399);box-shadow:0 2px 4px #10b98133}.incorrect-bar{background:linear-gradient(0deg,#ef4444,#f87171);box-shadow:0 2px 4px #ef444433}.correct-bar:hover,.incorrect-bar:hover{filter:brightness(1.1);transform:translateY(-2px)}.bar-value{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#475569;font-size:11px;font-weight:600;left:50%;opacity:0;padding:2px 4px;position:absolute;top:-24px;transform:translateX(-50%);transition:opacity .2s ease;z-index:10}.correct-bar:hover .bar-value,.incorrect-bar:hover .bar-value{opacity:1}.no-data-bar{align-self:flex-end;background-color:#e2e8f0;border-radius:2px;height:4px;width:24px}.activity-legend{background-color:#f8fafc;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:24px;justify-content:center;margin-top:10px;padding:8px 12px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px}.legend-color{border-radius:6px;height:12px;width:12px}.legend-color.correct{background-color:#10b981}.legend-color.incorrect{background-color:#ef4444}.reset-topics-button{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:8px 16px;transition:all .2s ease;width:100%}.reset-topics-button:hover{background-color:#e2e8f0;color:#475569}.reset-topics-button:active{background-color:#cbd5e1;transform:translateY(1px)}.rizz-particles{height:0;left:50%;pointer-events:none;position:absolute;top:50%;width:0;z-index:100}.rizz-particles .particle{animation:particle-fly 1.5s ease-out forwards;border-radius:50%;height:8px;opacity:0;position:absolute;transform:translate(-50%,-50%);width:8px}.rizz-particles .particle:first-child{--direction:0deg;animation-delay:0s}.rizz-particles .particle:nth-child(2){--direction:30deg;animation-delay:.1s}.rizz-particles .particle:nth-child(3){--direction:60deg;animation-delay:.2s}.rizz-particles .particle:nth-child(4){--direction:90deg;animation-delay:.3s}.rizz-particles .particle:nth-child(5){--direction:120deg;animation-delay:.4s}.rizz-particles .particle:nth-child(6){--direction:150deg;animation-delay:.5s}.rizz-particles .particle:nth-child(7){--direction:180deg;animation-delay:.6s}.rizz-particles .particle:nth-child(8){--direction:210deg;animation-delay:.7s}.rizz-particles .particle:nth-child(9){--direction:240deg;animation-delay:.8s}.rizz-particles .particle:nth-child(10){--direction:270deg;animation-delay:.9s}.rizz-particles .particle:nth-child(11){--direction:300deg;animation-delay:1s}.rizz-particles .particle:nth-child(12){--direction:330deg;animation-delay:1.1s}.rizz-particles.positive .particle{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 0 6px #10b98199}.rizz-particles.negative .particle{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 0 6px #ef444499}@keyframes particle-fly{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) rotate(0deg) translateX(50px) scale(0);transform:translate(-50%,-50%) rotate(var(--direction,0deg)) translateX(50px) scale(0)}}@media (max-width:768px){.chat-messages{padding-bottom:40px}.quiz-container{margin-bottom:50px}.message:last-child{margin-bottom:10px}}.chat-header{background:linear-gradient(135deg,#0078ff,#005bb5);box-shadow:0 2px 8px #0000001a;color:#fff;font-size:18px;font-weight:600;justify-content:space-between;padding:12px 20px}.chat-header,.header-title{align-items:center;display:flex}.header-title{font-size:16px;gap:6px}.header-buttons{display:flex;gap:8px;margin-left:auto}.history-button{align-items:center;background:#fff3;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:all .25s}.history-button:hover{background:#ffffff4d;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.history-icon{align-items:center;display:flex;justify-content:center}.history-icon svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));height:18px;width:18px}.history-label{display:block;letter-spacing:.3px;text-shadow:0 1px 1px #0003}.controls-container{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px}.header{display:block;width:100%}.header-title{margin:0;padding:0}.App{background-color:#313338;display:flex;flex-direction:column;height:100vh;text-align:center}#root,body,html{background-color:#fff;height:100%;margin:0;padding:0}.header{display:none}:root{--primary:#4361ee;--primary-light:#5671ff;--primary-dark:#3a0ca3;--secondary:#5671ff;--success:#4cc9f0;--success-light:#78d6f5;--warning:#f72585;--warning-light:#fa5ba0;--light:#f8f9fa;--dark:#212529;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--body-bg:#f5f8fa;--card-bg:#fff;--border-radius:8px;--box-shadow:0 4px 20px #00000014;--transition:all 0.2s ease-in-out;--shadow-sm:0 2px 4px #0000000d;--shadow:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{color:#343a40;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.admin-auth-container,body{background-color:#f5f8fa;background-color:var(--body-bg)}.admin-auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-auth-card{background:#fff;background:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);max-width:400px;padding:40px;width:100%}.admin-auth-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.content-tab p,.performance-tab p,.users-tab p{color:#6c757d;color:var(--gray-600);font-size:16px;margin-bottom:32px}.placeholder-section{background-color:#fff;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);margin-bottom:24px;padding:24px}.placeholder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.placeholder-header h3{color:#343a40;color:var(--gray-800);font-size:18px;font-weight:600}.action-button{background-color:#4361ee;background-color:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease-in-out;transition:var(--transition)}.action-button:hover{background-color:#3a0ca3;background-color:var(--primary-dark)}.filter-controls{display:flex;gap:12px}.filter-controls select{background-color:#fff;border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:6px;font-size:14px;padding:8px 12px}.placeholder-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.placeholder-chart{background-color:#f8f9fa;background-color:var(--gray-100);border-radius:8px;height:300px;overflow:hidden;position:relative;width:100%}.placeholder-chart:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.placeholder-text{color:#6c757d;color:var(--gray-600);margin-top:20px;text-align:center}.placeholder-table{background-color:#f8f9fa;background-color:var(--gray-100);border-radius:8px;height:300px;overflow:hidden;position:relative;width:100%}.placeholder-table:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.timeframe-selector{display:flex;gap:4px}.timeframe-selector button{background-color:#f8f9fa;background-color:var(--gray-100);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:6px;color:#495057;color:var(--gray-700);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease-in-out;transition:var(--transition)}.timeframe-selector button:hover{background-color:#e9ecef;background-color:var(--gray-200)}.timeframe-selector button.selected{background-color:#4361ee;background-color:var(--primary);border-color:#4361ee;border-color:var(--primary);color:#fff}.settings-section{background-color:#fff;background-color:var(--card-bg);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--box-shadow);margin-bottom:24px;padding:24px}.settings-section h3{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);color:#343a40;color:var(--gray-800);font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.settings-form{max-width:600px}.form-group{margin-bottom:20px}.form-group label{color:#495057;color:var(--gray-700);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.api-key-field{display:flex;gap:12px}.api-key-field input{flex:1 1}.change-button,.show-button{background-color:#f8f9fa;background-color:var(--gray-100);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:6px;color:#495057;color:var(--gray-700);cursor:pointer;font-size:14px;padding:0 16px;transition:all .2s ease-in-out;transition:var(--transition)}.change-button:hover,.show-button:hover{background-color:#e9ecef;background-color:var(--gray-200)}.regenerate-button{background-color:#343a40;background-color:var(--gray-800);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease-in-out;transition:var(--transition)}.regenerate-button:hover{background-color:#212529;background-color:var(--gray-900)}.danger-zone{background-color:#ff000008;border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:8px;padding:16px}.danger-action{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px}.danger-action:last-child{border-bottom:none}.danger-action h4{color:#343a40;color:var(--gray-800);font-size:16px;font-weight:600;margin-bottom:4px}.danger-action p{color:#6c757d;color:var(--gray-600);font-size:14px;margin:0}.export-button{background-color:#343a40;background-color:var(--gray-800);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease-in-out;transition:var(--transition)}.export-button:hover{background-color:#212529;background-color:var(--gray-900)}.danger-button{background-color:#fff;border:1px solid var(--danger);border-radius:6px;color:var(--danger);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease-in-out;transition:var(--transition)}.danger-button:hover{background-color:var(--danger);color:#fff}@media (max-width:1200px){.chart-row,.data-section{grid-template-columns:1fr}}@media (max-width:992px){.admin-dashboard{grid-template-areas:"header" "nav" "main" "footer";grid-template-columns:1fr}.admin-navigation{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);border-right:none;padding:0}.admin-navigation ul{display:flex;overflow-x:auto;padding:12px}.admin-navigation li{border-radius:6px;margin:0 4px;padding:8px 16px;white-space:nowrap}.admin-navigation li.active{border-right:none}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.admin-header{align-items:flex-start;flex-direction:column;padding:16px}.admin-controls{justify-content:space-between;margin-top:16px;width:100%}.admin-title{margin-bottom:8px}.admin-content{padding:16px}.stats-summary{grid-template-columns:1fr}.chart-row{gap:16px}.chart-card,.data-card,.placeholder-section,.settings-section{padding:16px}.admin-logout span,.refresh-button span{display:none}}.recharts-tooltip-wrapper{z-index:1000}.recharts-default-tooltip{background-color:#fff!important;background-color:var(--card-bg)!important;border:1px solid #e9ecef!important;border:1px solid var(--gray-200)!important;border-radius:6px!important;box-shadow:0 4px 12px #0000001a!important;padding:12px!important}.recharts-tooltip-label{font-weight:600!important;margin-bottom:8px!important}.recharts-tooltip-item-list{margin:0!important;padding:0!important}.recharts-tooltip-item{align-items:center!important;display:flex!important;padding:4px 0!important}.recharts-tooltip-item-name,.recharts-tooltip-item-separator{margin-right:8px!important}.recharts-tooltip-item-value{font-weight:600!important}.admin-auth-logo svg{margin-bottom:16px}.admin-auth-logo h2{color:#343a40;color:var(--gray-800);font-size:24px;font-weight:600}.admin-auth-form{display:flex;flex-direction:column}.admin-auth-form label{color:#495057;color:var(--gray-700);font-size:14px;font-weight:500;margin-bottom:8px}.admin-auth-form input{border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:6px;font-size:16px;height:46px;margin-bottom:24px;padding:0 16px;transition:all .2s ease-in-out;transition:var(--transition)}.admin-auth-form input:focus{border-color:#4361ee;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee26;outline:none}.admin-auth-button{background-color:#4361ee;background-color:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:46px;transition:all .2s ease-in-out;transition:var(--transition)}.admin-auth-button:hover{background-color:#3a0ca3;background-color:var(--primary-dark)}.error-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;border-color:var(--danger)!important}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.admin-loading{align-items:center;background-color:#f5f8fa;background-color:var(--body-bg);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.admin-loading-spinner{animation:spin 1s linear infinite;border:5px solid #e9ecef;border-top:5px solid #4361ee;border:5px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-loading p{color:#6c757d;color:var(--gray-600);font-size:16px}.admin-dashboard{background-color:#f7f9fc;color:#343a40;color:var(--gray-800);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.admin-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1.5rem 2rem}.admin-title h1{color:#3a0ca3;color:var(--primary-dark);font-size:1.5rem;font-weight:600;margin:0}.admin-subtitle{color:#6c757d;color:var(--gray-600);font-size:.9rem;margin:.3rem 0 0}.time-range-indicator{color:#4361ee;color:var(--primary);font-weight:500;margin-left:8px}.admin-controls{align-items:center;display:flex;gap:1rem}.time-range-selector{background-color:#f8f9fa;background-color:var(--gray-100);border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:6px;display:flex;overflow:hidden}.time-range-selector button{background:none;border:none;color:#495057;color:var(--gray-700);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.time-range-selector button.active{background-color:#4361ee;background-color:var(--primary);color:#fff;font-weight:500}.time-range-selector button:hover:not(.active){background-color:#e9ecef;background-color:var(--gray-200)}.admin-actions{align-items:center;display:flex;gap:.75rem}.logout-button,.refresh-button{align-items:center;border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.refresh-button{background-color:#fff;color:#495057;color:var(--gray-700)}.refresh-button:hover{border-color:#ced4da;border-color:var(--gray-400)}.logout-button,.refresh-button:hover{background-color:#f8f9fa;background-color:var(--gray-100)}.logout-button{color:#495057;color:var(--gray-700)}.logout-button:hover{background-color:#feedf2;border-color:#fad1df;color:#f72585;color:var(--warning)}.admin-tabs{background-color:#fff;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--gray-300);display:flex;padding:0 2rem}.admin-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;color:var(--gray-600);cursor:pointer;font-size:1rem;padding:1rem 1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.admin-tabs button.active{border-bottom-color:#4361ee;border-bottom-color:var(--primary);color:#4361ee;color:var(--primary);font-weight:500}.admin-tabs button:hover:not(.active){border-bottom-color:#dee2e6;border-bottom-color:var(--gray-300);color:#343a40;color:var(--gray-800)}.admin-content{flex:1 1;overflow-y:auto;padding:2rem}.metrics-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.metric-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.metric-card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.metric-title{color:#6c757d;color:var(--gray-600);font-size:.9rem;margin-bottom:.5rem}.metric-value{color:#343a40;color:var(--gray-800);font-size:2rem;font-weight:600;margin-bottom:.5rem}.metric-subtitle{color:#adb5bd;color:var(--gray-500);font-size:.85rem}.metric-change{border-radius:4px;display:inline-block;font-size:.9rem;font-weight:500;padding:.25rem .5rem}.metric-change.positive{background-color:#e8f5e9;color:#388e3c}.metric-change.negative{background-color:#ffebee;color:#d32f2f}.charts-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:1.5rem}@media (max-width:1100px){.charts-row{grid-template-columns:1fr}}.chart-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.chart-card.wide{grid-column:1/-1}.chart-card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow)}.chart-title{color:#495057;color:var(--gray-700);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.chart-container{height:300px;position:relative;width:100%}.no-data{align-items:center;background-color:#f8f9fa;background-color:var(--gray-100);border-radius:8px;color:#adb5bd;color:var(--gray-500);display:flex;font-style:italic;height:100%;justify-content:center}@media (max-width:768px){.admin-header{gap:1rem;padding:1rem}.admin-controls,.admin-header{align-items:flex-start;flex-direction:column}.admin-actions,.admin-controls,.time-range-selector{width:100%}.admin-actions{justify-content:space-between}.admin-tabs{overflow-x:auto;padding:0 1rem}.admin-tabs button{padding:.75rem 1rem;white-space:nowrap}.admin-content{padding:1rem}.charts-row,.metrics-row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.c7f616c6.css.map*/