.tab-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:0;min-height:44px}.tab-toggle{display:flex;background-color:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--outline);padding:var(--spacing-xs);flex:1;max-width:400px;height:44px;position:relative;overflow:hidden}.tab-toggle:before{content:"";position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);bottom:var(--spacing-xs);width:calc(50% - var(--spacing-xs));background:var(--primary);border-radius:var(--radius-lg);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.tab-toggle[data-active=segunda]:before{transform:translate(100%)}.tab-toggle.exercises:before{transform:translate(100%)}.tab-toggle-slider{display:flex;width:100%;position:relative;z-index:2}.tab-toggle-label{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);font-weight:600;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-lg);position:relative;z-index:2}.tab-toggle-label:hover:not(.active){background-color:var(--surface-variant)}.tab-toggle-label.active{color:var(--text-on-primary);background-color:transparent}.btn-pdf{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:0 var(--spacing-md);background-color:var(--error);color:var(--text-on-primary);border:none;border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);height:44px;min-width:80px;font-family:inherit}.btn-pdf:hover{background-color:#dc2626;transform:translateY(-1px)}.btn-pdf svg{width:16px;height:16px;flex-shrink:0}.content-section{padding:0;margin-bottom:var(--spacing-lg);display:none;opacity:0;transform:translateY(10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.content-section.active{display:block;opacity:1;transform:translateY(0);animation:contentFadeIn .5s ease-out}.theory-container h1,.theory-container h2,.theory-container h3,.theory-container h4,.theory-container h5,.theory-container h6{font-weight:600;color:var(--primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.theory-container h1{font-size:var(--font-size-4xl)}.theory-container h2{font-size:var(--font-size-2xl)}.theory-container h3{font-size:var(--font-size-xl)}.theory-container h4{font-size:var(--font-size-lg)}.theory-container p{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.theory-container a{color:var(--primary);text-decoration:none;border-radius:var(--radius-sm);transition:color .2s ease}.theory-container a:hover{color:var(--primary-light);text-decoration:underline}.theory-container a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theory-container strong{font-weight:600;color:var(--text-primary)}.theory-container ul,.theory-container ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.theory-container li{margin-bottom:var(--spacing-xs);color:var(--text-primary);line-height:var(--line-height-normal)}.theory-container details{border:2px solid var(--outline);border-radius:var(--radius-xl);margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) var(--spacing-md);position:relative;transition:border-color .2s ease}.theory-container details[open]{border-color:var(--primary)}.theory-container details summary{cursor:pointer;font-weight:600;color:var(--primary);font-size:var(--font-size-lg);outline:none;display:flex;align-items:center;justify-content:space-between;list-style:none;padding-right:32px;position:relative;transition:color .2s ease}.theory-container details summary:hover{color:var(--primary-light)}.theory-container details summary::-webkit-details-marker{display:none}.theory-container details summary::marker{display:none}.theory-container details summary:after{content:"›";font-size:1.2em;color:var(--primary-light);margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0)}.theory-container details[open] summary:after{transform:translateY(-50%) rotate(90deg);color:var(--primary)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary{list-style:none}img,.video{width:100%;max-width:600px;height:auto;display:block;margin:var(--spacing-lg) auto;border-radius:var(--radius-md);background-color:#fff}iframe{width:100%;max-width:600px;height:400px;border:none;display:block;border-radius:var(--radius-md);margin:0 auto}lite-youtube iframe{width:100%;height:400px;border:none;border-radius:var(--radius-md);margin:0}.table-scroll{width:100%;overflow-x:auto}table{min-width:400px;margin:var(--spacing-lg) auto;border-collapse:collapse;background-color:var(--surface);border-radius:var(--radius-md);overflow:hidden}th,td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--outline)}th{background-color:var(--surface-variant);font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}td{color:var(--text-primary);font-size:var(--font-size-base)}tr:last-child td{border-bottom:none}tr:hover{background-color:var(--surface-variant)}.chart-container{position:relative;height:300px;width:100%;margin:var(--spacing-lg) 0;padding:var(--spacing-md);text-align:center;background-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--outline)}.chart-container canvas{max-width:100%;height:auto}.chart-error{color:var(--error);padding:var(--spacing-md);background-color:var(--surface);border-radius:var(--radius-md)}.math-scroll{width:100%;overflow-x:auto;overflow-y:hidden}.math{display:block;min-width:320px;width:max-content;text-align:center;margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-md);font-family:Times New Roman,serif;font-size:var(--font-size-lg);color:var(--text-primary)}#quiz{counter-reset:question-counter}.quiz-question{position:relative;background-color:var(--surface);border:2px solid var(--outline);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:border-color .2s ease}.quiz-question:hover{border-color:var(--primary)}.quiz-question:before{content:counter(question-counter);counter-increment:question-counter;position:absolute;top:var(--spacing-md);left:var(--spacing-md);width:24px;height:24px;background-color:var(--primary);color:var(--text-on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700}.quiz-question h3{padding-left:40px;margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;line-height:var(--line-height-tight)}.quiz-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.quiz-option{position:relative;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-2xl);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md);transition:background-color .2s ease;cursor:pointer}.quiz-option:hover{background-color:var(--surface)}.quiz-option input[type=radio],.quiz-option input[type=checkbox]{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);width:16px;height:16px;margin:0;accent-color:var(--primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.quiz-option:hover input[type=radio],.quiz-option:hover input[type=checkbox]{transform:translateY(-50%) scale(1.1)}.quiz-option label{display:block;cursor:pointer;margin:0;padding:var(--spacing-xs) 0;color:var(--text-primary);line-height:var(--line-height-normal);font-weight:500;transition:color .2s ease;font-size:var(--font-size-sm)}.quiz-option:hover label{color:var(--primary)}.quiz-option input:checked+label{color:var(--primary);font-weight:600}.quiz-option input:checked{transform:translateY(-50%) scale(1.2);animation:radioSelected .3s ease-out}.quiz-option.selected{color:var(--text-on-primary);border-color:var(--primary)}.quiz-option.selected label{color:var(--text-on-primary);font-weight:500}.quiz-option.selected input[type=radio]{accent-color:var(--text-on-primary)}.option-button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;margin-bottom:var(--spacing-sm);transition:all .2s ease;border-radius:var(--radius-lg);border:2px solid var(--outline)}.option-button:hover{background-color:var(--surface-variant);border-color:var(--primary)}.option-button.selected{background-color:transparent;color:var(--text-primary);border-color:var(--primary)}.option-button .option-text{flex:1;margin:0;font-size:var(--font-size-sm);color:inherit;line-height:var(--line-height-normal);font-weight:500}.option-button .selector-icon{width:20px;height:20px;background-color:var(--background);border:2px solid var(--outline);border-radius:var(--radius-sm);flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;transform:scale(1)}.option-button:hover .selector-icon{transform:scale(1.1);border-color:var(--primary)}.radio-style .selector-icon{border-radius:50%}.option-button.selected .selector-icon{background-color:var(--primary);border-color:var(--primary);transform:scale(1.2)}.option-button.selected .selector-icon:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:var(--text-on-primary);font-size:12px;font-weight:700;animation:checkmarkAppear .3s ease-out .1s forwards}.answer-input{width:100%;padding:var(--spacing-md);border:2px solid var(--outline);border-radius:var(--radius-lg);background-color:var(--background);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:all .2s ease}.answer-input:focus{outline:none;border-color:var(--primary);background-color:var(--surface)}.answer-input:hover{border-color:var(--primary-light)}.answer-input.correct-input{border-color:var(--success);background-color:#10b9811a}.answer-input.incorrect-input{border-color:var(--error);background-color:#ef44441a}.multi-part-question{padding:var(--spacing-sm);margin-top:var(--spacing-sm)}.subquestion-container{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) 0}.subquestion-container:last-child{margin-bottom:0}.subquestion-text{margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.question-container{margin-bottom:var(--spacing-xl)}.question{margin-bottom:var(--spacing-md)}.question p{margin-bottom:var(--spacing-md);color:var(--text-primary)}.question-points{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:400}.question-chart{margin:var(--spacing-md) 0;background-color:var(--background);border:1px solid var(--outline);border-radius:var(--radius-md);padding:var(--spacing-md)}.feedback{margin-top:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) var(--spacing-3xl);font-size:var(--font-size-base);line-height:var(--line-height-normal);border-radius:var(--radius-xl);border:2px solid transparent;position:relative;animation:feedbackSlideIn .5s ease-out;backdrop-filter:blur(10px)}.feedback:before{content:"";position:absolute;left:var(--spacing-lg);top:var(--spacing-lg);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;animation:iconBounce .6s cubic-bezier(.68,-.55,.265,1.55) .2s both}.feedback.correct{background:linear-gradient(135deg,#10b98126,#22c55e1a);color:var(--success);border-color:#10b98166;border-left:5px solid var(--success)}.feedback.correct:before{content:"✓";background:linear-gradient(135deg,var(--success),#22c55e);color:#fff}.feedback.incorrect{background:linear-gradient(135deg,#ef444426,#f871711a);color:var(--error);border-color:#ef444466;border-left:5px solid var(--error)}.feedback.incorrect:before{content:"✗";background:linear-gradient(135deg,var(--error),#f87171);color:#fff}.feedback.partial-correct{background:linear-gradient(135deg,#f59e0b26,#fbbf241a);color:var(--warning);border-color:#f59e0b66;border-left:5px solid var(--warning)}.feedback.partial-correct:before{content:"!";background:linear-gradient(135deg,var(--warning),#fbbf24);color:#fff}.points-display{font-weight:700;margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg);opacity:0;animation:pointsDisplay .8s ease-out .4s both}.feedback .explanation{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:#ffffff1a;border-radius:var(--radius-md);font-style:italic;border-left:3px solid currentColor}.option-button.correct-indicator{background:linear-gradient(135deg,#10b98126,#22c55e1a);border-color:var(--success);border-radius:var(--radius-xl);animation:correctIndicator .6s ease-out;position:relative;overflow:hidden}.option-button.correct-indicator:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.2),transparent);animation:indicatorShine 1.5s ease-out}.option-button.selected-correct{background:linear-gradient(135deg,var(--success),#22c55e);color:var(--text-on-primary);border-color:var(--success);border-radius:var(--radius-xl);animation:selectedCorrect .8s cubic-bezier(.25,.46,.45,.94);transform:scale(1.02)}.option-button.selected-correct .selector-icon{background:var(--text-on-primary);border-color:var(--text-on-primary);animation:checkmarkSuccess .6s ease-out .2s both}.option-button.selected-correct .selector-icon:after{color:var(--success);font-size:14px;font-weight:900}.option-button.wrong-answer{background:linear-gradient(135deg,var(--error),#f87171);color:var(--text-on-primary);border-color:var(--error);border-radius:var(--radius-xl);animation:wrongAnswer .8s ease-out;position:relative}.option-button.wrong-answer:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.1) 10px,rgba(255,255,255,.1) 20px);border-radius:var(--radius-xl);animation:errorPattern 2s linear infinite}.option-button.wrong-answer .selector-icon{background:var(--text-on-primary);border-color:var(--text-on-primary);animation:errorShake .6s ease-out}.option-button.wrong-answer .selector-icon:after{content:"✗";color:var(--error);font-size:14px;font-weight:900}#results-container{margin-top:var(--spacing-2xl);padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--surface),var(--surface-variant));border-radius:var(--radius-2xl);border:2px solid var(--outline);text-align:center;animation:resultsAppear .8s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}#results-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(var(--primary-rgb),.08) 0%,transparent 70%);pointer-events:none}#results-container:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03),transparent);animation:shimmer 3s infinite;pointer-events:none}.score-display{margin-top:var(--spacing-xl);padding:var(--spacing-2xl);border-radius:var(--radius-2xl);text-align:center;position:relative;overflow:hidden;animation:scoreReveal 1s cubic-bezier(.25,.46,.45,.94);border:3px solid var(--outline)}.score-display:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:scoreShine 2s infinite 1s}.score-content{position:relative;z-index:3}.score-results-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin:var(--spacing-lg) 0}@media (min-width: 768px){.score-results-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}}.score-result-item{padding:var(--spacing-lg);border-radius:var(--radius-xl);border:2px solid;position:relative;overflow:hidden;animation:resultItemReveal .8s ease-out}.score-result-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:itemShine 2s infinite 2s}.score-answered{background:linear-gradient(135deg,#10b9811a,#22c55e0d);border-color:var(--success);color:var(--success)}.score-answered .score-fraction,.score-answered .score-percentage{color:var(--success)}.score-total{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));border-color:var(--primary);color:var(--primary)}.score-total .score-fraction,.score-total .score-percentage{color:var(--primary)}.score-excellent{background:linear-gradient(135deg,#10b98126,#22c55e1a)!important;border-color:var(--success)!important;color:var(--success)!important}.score-excellent .score-fraction,.score-excellent .score-percentage{color:var(--success)!important}.score-warning{background:linear-gradient(135deg,#f59e0b26,#fbbf241a)!important;border-color:var(--warning)!important;color:var(--warning)!important}.score-warning .score-fraction,.score-warning .score-percentage{color:var(--warning)!important}.score-poor{background:linear-gradient(135deg,#ef444426,#f871711a)!important;border-color:var(--error)!important;color:var(--error)!important}.score-poor .score-fraction,.score-poor .score-percentage{color:var(--error)!important}.score-fraction{font-size:var(--font-size-2xl);font-weight:600;display:block;margin-bottom:var(--spacing-xs);position:relative;z-index:2}.score-percentage{font-size:var(--font-size-3xl);font-weight:900;display:block;margin-bottom:var(--spacing-sm);position:relative;z-index:2;animation:percentageGlow 2s ease-in-out infinite alternate}.score-label{font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.9;position:relative;z-index:2}.results-container{text-align:center;padding:var(--spacing-xl);margin-top:var(--spacing-lg);background-color:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--outline)}.results-message{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.results-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.results-stat{text-align:center}.results-stat-value{font-size:var(--font-size-2xl);font-weight:600;color:var(--primary);display:block;margin-bottom:var(--spacing-sm)}.results-stat-label{font-size:var(--font-size-sm);color:var(--text-primary)}.ai-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--outline);border-radius:var(--radius-md);background-color:var(--background);max-width:500px;width:calc(100% - 2rem);max-height:90vh;overflow-y:auto;padding:0;margin:0;color:var(--text-primary)}.ai-dialog::backdrop{background-color:#00000080;backdrop-filter:blur(2px)}.dialog-content{display:flex;flex-direction:column;height:100%;background-color:var(--background);color:var(--text-primary)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--outline);background-color:var(--surface)}.dialog-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.close-button{background:none;border:none;font-size:var(--font-size-xl);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.close-button:hover{background-color:var(--surface-variant);color:var(--text-primary)}.dialog-body{padding:var(--spacing-lg);flex:1;background-color:var(--background)}.api-status{background:linear-gradient(135deg,#f59e0b1a,#fbbf240d);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);padding:var(--spacing-md);margin:var(--spacing-lg) 0;text-align:center}.api-status p{margin:0;color:var(--warning);font-weight:500;font-size:var(--font-size-sm)}.api-status strong{color:var(--primary)}.dialog-footer{padding:var(--spacing-lg);border-top:1px solid var(--outline);background-color:var(--surface);display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-group{margin-bottom:var(--spacing-lg)}.input-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.input-group input,.input-group textarea,.input-group select{width:100%;padding:var(--spacing-md);border:2px solid var(--outline);border-radius:var(--radius-md);background-color:var(--background);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-normal)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--primary);background-color:var(--surface)}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-disabled);opacity:1}.input-group textarea{resize:vertical;min-height:80px}.input-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.help-text{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.dialog-footer .btn{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-normal);text-align:center;min-width:120px}.dialog-footer .btn.primary{background-color:var(--primary);color:var(--text-on-primary)}.dialog-footer .btn.primary:hover{background-color:var(--primary-light);transform:translateY(-1px)}.dialog-footer .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease}.loading-overlay:not(.hidden){display:flex;opacity:1}.loading-content{text-align:center;color:#fff;background:#000c;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.loading-content p{margin:var(--spacing-md) 0 var(--spacing-xs);font-size:var(--font-size-lg);font-weight:600;color:#fff}.loading-content small{color:#fffc;font-size:var(--font-size-sm)}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-left:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.ai-loading-spinner{display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:#667eea}.ai-loading-spinner svg{filter:drop-shadow(0 0 10px rgba(102,126,234,.5))}.loading-wave{transform-origin:center bottom}@keyframes loadingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}.loading-overlay{position:fixed!important;z-index:99999!important;pointer-events:auto}.loading-overlay.hidden{pointer-events:none}.provider-info-box{margin:var(--spacing-md) 0;padding:var(--spacing-md);background-color:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-md)}.provider-specific{display:none}.provider-specific.active{display:block}.provider-highlight{text-align:center;padding:var(--spacing-md);background-color:var(--surface);color:var(--text-primary);border:1px solid var(--outline);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.provider-highlight p{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-weight:500}.prominent-guide-link{display:inline-block;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary);color:var(--text-on-primary);text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-normal);border:1px solid var(--primary)}.prominent-guide-link:hover{background-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.actions-container{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}@keyframes checkmarkAppear{0%{transform:translate(-50%,-50%) scale(0) rotate(-45deg);opacity:0}50%{transform:translate(-50%,-50%) scale(1.3) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes radioSelected{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.3)}to{transform:translateY(-50%) scale(1.2)}}@keyframes toggleSelected{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1.1)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feedbackSlideIn{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes iconBounce{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.3) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes pointsDisplay{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes resultsAppear{0%{opacity:0;transform:translateY(50px) scale(.8) rotateX(20deg)}60%{transform:translateY(-10px) scale(1.05) rotateX(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes correctIndicator{0%{background:var(--surface);transform:scale(1)}50%{transform:scale(1.05)}to{background:linear-gradient(135deg,#10b98126,#22c55e1a);transform:scale(1)}}@keyframes selectedCorrect{0%{background:var(--surface);transform:scale(1) rotateX(0)}50%{transform:scale(1.08) rotateX(10deg)}to{background:linear-gradient(135deg,var(--success),#22c55e);transform:scale(1.02) rotateX(0)}}@keyframes wrongAnswer{0%{background:var(--surface);transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{background:linear-gradient(135deg,var(--error),#f87171);transform:translate(0)}}@keyframes checkmarkSuccess{0%{transform:scale(0) rotate(-45deg);background:var(--text-on-primary)}50%{transform:scale(1.3) rotate(0)}to{transform:scale(1) rotate(0);background:var(--text-on-primary)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px) rotate(-5deg)}75%{transform:translate(4px) rotate(5deg)}}@keyframes indicatorShine{0%{left:-100%}to{left:100%}}@keyframes errorPattern{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes scoreReveal{0%{opacity:0;transform:scale(.5) rotateY(180deg)}50%{transform:scale(1.1) rotateY(90deg)}to{opacity:1;transform:scale(1) rotateY(0)}}@keyframes scoreShine{0%{left:-100%}to{left:100%}}@keyframes scoreText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes emojiPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.3) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:.95;transform:translateY(0)}}@keyframes statSlideUp{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes resultItemReveal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes itemShine{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.tab-container{gap:var(--spacing-sm);min-height:40px}.tab-toggle{max-width:300px;height:40px;flex:1}.tab-toggle-label{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.btn-pdf{height:40px;min-width:60px;padding:0 var(--spacing-sm);font-size:var(--font-size-xs)}.btn-pdf svg{width:14px;height:14px}.theory-container{padding:var(--spacing-sm)}.theory-container h1{font-size:var(--font-size-2xl)}.theory-container h2{font-size:var(--font-size-xl)}.theory-container h3{font-size:var(--font-size-lg)}.quiz-question{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.quiz-question h3{padding-left:32px;font-size:var(--font-size-base)}.quiz-question:before{width:20px;height:20px;font-size:var(--font-size-xs)}.option-button{padding:var(--spacing-sm);gap:var(--spacing-sm)}.option-button .option-text{font-size:var(--font-size-xs)}.actions-container{flex-direction:column;gap:var(--spacing-sm)}.actions-container .btn{width:100%}.table-scroll{font-size:var(--font-size-xs)}.theory-container th,.theory-container td{padding:var(--spacing-sm)}.chart-container{height:250px}.ai-dialog{width:calc(100% - 1rem);max-height:calc(100vh - 2rem);margin:0;top:1rem;left:50%;transform:translate(-50%)}.score-details{flex-direction:column;gap:var(--spacing-sm)}.score-stats{grid-template-columns:1fr;gap:var(--spacing-md)}}.tutor-toggle-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:25px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;position:relative;overflow:hidden;animation:aiButtonFloat 3s ease-in-out infinite,aiButtonPulse 2s ease-in-out infinite,aiButtonGlow 4s ease-in-out infinite,aiAttentionCall 8s ease-in-out infinite}.tutor-toggle-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:aiButtonShine 3s ease-in-out infinite;z-index:0;pointer-events:none}.tutor-toggle-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #667eea66;animation-play-state:paused}.tutor-toggle-btn:active{transform:translateY(0) scale(.98)}@keyframes aiButtonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes aiButtonPulse{0%,to{box-shadow:0 4px 15px #0003,0 0 #667eeab3}50%{box-shadow:0 4px 15px #0003,0 0 0 8px #667eea00}}@keyframes aiButtonGlow{0%,to{background:linear-gradient(135deg,#667eea,#764ba2)}50%{background:linear-gradient(135deg,#7c8df0,#8558b8)}}@keyframes aiButtonShine{0%{transform:rotate(45deg) translate(-200%)}50%{transform:rotate(45deg) translate(200%)}to{transform:rotate(45deg) translate(200%)}}.ai-icon{transition:transform .3s ease;position:relative;z-index:1;animation:aiIconBreathing 4s ease-in-out infinite}.tutor-toggle-btn:hover .ai-icon{animation:aiIconBounce .6s ease-in-out,aiIconBreathing 4s ease-in-out infinite}.siri-waves{transform-origin:center}.wave{opacity:.8;transform-origin:center}.tutor-toggle-btn:hover .wave{animation-duration:.8s!important}.center-pulse{transform-origin:center}.tutor-toggle-btn:hover .center-pulse{animation-duration:1s!important}.floating-particles{opacity:.7}.tutor-toggle-btn:hover .floating-particles{opacity:1}.tutor-text{transition:all .3s ease;position:relative;z-index:1}@keyframes aiIconBreathing{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}@keyframes aiIconBounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-4px)}80%{transform:translateY(-2px)}}@keyframes aiAttentionCall{0%,90%,to{transform:scale(1);box-shadow:0 4px 15px #0003,0 0 #667eeab3}5%{transform:scale(1.05);box-shadow:0 6px 20px #667eea4d,0 0 #667eeab3}10%{transform:scale(1.1);box-shadow:0 8px 25px #667eea66,0 0 0 5px #667eea80}15%{transform:scale(1.05);box-shadow:0 6px 20px #667eea4d,0 0 0 10px #667eea4d}20%{transform:scale(1);box-shadow:0 4px 15px #0003,0 0 0 15px #667eea00}}.tutor-panel{position:fixed;top:0;right:0;width:100%;height:100%;z-index:1001;pointer-events:none}.tutor-panel:not(.hidden){pointer-events:all}.tutor-panel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;transition:opacity .3s ease}.tutor-panel:not(.hidden) .tutor-panel-overlay{opacity:1}.tutor-panel-content{position:absolute;top:0;right:0;width:400px;height:100%;background:var(--surface);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.tutor-panel:not(.hidden) .tutor-panel-content{transform:translate(0)}.tutor-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.tutor-header h2{margin:0;font-size:1.2rem;font-weight:600}.close-tutor-btn{background:#fff3;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.close-tutor-btn:hover{background:#ffffff4d}.api-config-section summary{list-style:none;padding:15px 20px;display:flex;align-items:center;cursor:pointer;transition:background .2s ease}.api-config-section summary::-webkit-details-marker{display:none}.api-config-section summary::marker{display:none}.config-header{display:flex;align-items:center;width:100%;justify-content:space-between}.config-header:hover{background:#667eea0d}.config-status{display:flex;align-items:center;gap:8px;flex:1}.status-indicator{font-size:.9rem}#status-text{font-size:.85rem;color:var(--on-surface-variant)}.toggle-arrow{color:var(--on-surface-variant);transition:transform .2s ease;flex-shrink:0}.api-config-section[open] .toggle-arrow{transform:rotate(180deg)}.config-content{padding:0 20px 20px;background:var(--surface)}.api-key-section label{display:block;margin-bottom:8px;font-weight:500;color:var(--on-surface);font-size:.9rem}.api-input-group{display:flex;gap:8px;margin-bottom:15px}#tutor-api-key{flex:1;padding:10px 12px;border:1px solid var(--outline);border-radius:8px;background:var(--surface);color:var(--on-surface);font-size:.9rem;transition:all .2s ease}#tutor-api-key:focus{outline:none;border-color:var(--primary)}.save-btn{background:var(--primary);color:var(--text-on-primary);border:1px solid var(--primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:var(--font-size-base);transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;min-height:44px}.save-btn:hover{background:var(--primary-light);border-color:var(--primary-light);transform:translateY(-1px)}.save-btn:disabled{background:var(--surface-variant);color:var(--text-disabled);border-color:var(--outline);cursor:not-allowed;transform:none}.api-help details{margin-top:10px}.api-help summary{cursor:pointer;font-size:.85rem;color:var(--primary);font-weight:500;padding:8px 20px 8px 0;position:relative}.api-help summary:after{content:"›";position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0);transition:transform .2s ease;color:var(--primary);font-size:1em}.api-help details[open] summary:after{transform:translateY(-50%) rotate(90deg)}.api-help summary:hover{color:var(--primary-variant)}.help-content{background:var(--surface-variant);padding:15px;border-radius:8px;margin-top:8px;border-left:3px solid var(--primary)}.help-content p{margin:5px 0;font-size:.85rem;line-height:1.4}.help-content a{color:var(--primary);text-decoration:none;font-weight:500}.help-content a:hover{text-decoration:underline}.chat-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.message{max-width:85%;padding:12px 16px;border-radius:16px;word-wrap:break-word;font-size:.9rem;line-height:1.4;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.ai{background:var(--surface-variant);color:var(--on-surface);align-self:flex-start;border-bottom-left-radius:4px;border:1px solid var(--outline)}.message.welcome{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;align-self:center;border-radius:16px;text-align:center;max-width:90%}.chat-input-container{padding:20px;border-top:1px solid var(--outline);background:var(--surface);display:flex;gap:12px}#chat-input{flex:1;padding:12px 16px;border:1px solid var(--outline);border-radius:20px;background:var(--surface);color:var(--on-surface);outline:none;font-size:.9rem;transition:all .2s ease}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;position:relative;overflow:hidden}.send-btn:disabled{background:var(--surface-variant);color:var(--on-surface-variant);cursor:not-allowed;transform:none}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-right:8px;position:relative;overflow:hidden}.generate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.generate-btn:hover:not(:disabled){transform:scale(1.05)}.generate-btn:hover:not(:disabled):before{left:100%}.generate-btn:disabled{background:var(--surface-variant);color:var(--on-surface-variant);cursor:not-allowed;transform:none}.api-configured{color:#48bb78}.api-not-configured{color:#f56565}.api-testing{color:#ed8936}@media (max-width: 768px){.tutor-panel-content{width:100%;right:0}.ai-tutor-container{bottom:15px;right:15px}.tutor-header{padding:15px 20px}.tutor-header h2{font-size:1.1rem}.config-header{padding:12px 20px}.chat-messages,.chat-input-container{padding:15px}.message{max-width:90%;font-size:.85rem}}@media (max-width: 480px){.tutor-header{padding:12px 15px}.config-header{padding:10px 15px}.config-content{padding:0 15px 15px}.chat-messages{padding:10px;gap:10px}.chat-input-container{padding:10px}.api-input-group{flex-direction:column;gap:10px}.save-btn{width:100%}}.ai-tutor-container{position:fixed;bottom:20px;right:20px;z-index:1000}.tutor-toggle-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}.tutor-toggle-btn:hover{transform:translateY(-2px)}.tutor-chat{position:absolute;bottom:60px;right:0;width:350px;height:400px;background:var(--surface);border:1px solid var(--outline);border-radius:15px;display:flex;flex-direction:column;overflow:hidden}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:1rem;font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.api-config-section{border-bottom:1px solid var(--outline);background:var(--surface-variant)}.api-config-header{padding:12px 15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9rem;color:var(--on-surface);transition:background .2s ease}.api-config-header:hover{background:#0000000d}.config-arrow{transition:transform .3s ease;font-size:.8rem}.config-arrow.expanded{transform:rotate(180deg)}.api-config-content{padding:15px;border-top:1px solid var(--outline);background:var(--surface)}.api-status{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;border-radius:6px;background:var(--surface-variant);font-size:.85rem}.status-indicator{font-size:1rem}.status-indicator.connected{color:#48bb78}.status-indicator.disconnected{color:#f56565}.api-input-group{display:flex;flex-direction:column;gap:8px}.api-input-group label{font-size:.85rem;font-weight:600;color:var(--on-surface)}.api-input-container{display:flex;gap:8px}#tutor-api-key{flex:1;padding:8px 12px;border:1px solid var(--outline);border-radius:6px;font-size:.85rem;outline:none}#tutor-api-key:focus{border-color:var(--primary)}.save-api-btn{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .2s ease}.save-api-btn:hover{background:var(--primary-variant)}.save-api-btn:disabled{background:var(--outline);cursor:not-allowed}.api-help-text{font-size:.75rem;color:var(--on-surface-variant)}.api-help-text a{color:var(--primary);text-decoration:none}.api-help-text a:hover{text-decoration:underline}.message{max-width:85%;padding:10px 14px;border-radius:12px;word-wrap:break-word;font-size:.9rem;line-height:1.4}.message.user{background:var(--primary);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.message.ai{background:var(--surface-variant);color:var(--on-surface);align-self:flex-start;border-bottom-left-radius:4px}.chat-input-container{padding:15px;border-top:1px solid var(--outline);display:flex;gap:8px}#chat-input{flex:1;padding:10px 14px;border:1px solid var(--outline);border-radius:20px;outline:none;font-size:.9rem}#chat-input:focus{border-color:var(--primary)}#chat-input:disabled{background:var(--surface-variant);color:var(--on-surface-variant);cursor:not-allowed}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;overflow:hidden}.send-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:hover:not(:disabled):before{left:100%}.send-btn:disabled{background:var(--outline);cursor:not-allowed;opacity:.5}.ai-recommendations{background:var(--surface);border:1px solid var(--outline);border-radius:12px;margin:20px 0;padding:0;overflow:hidden}.recommendations-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.recommendations-header h3{margin:0;font-size:1.1rem;font-weight:600}#recommendations-content{padding:20px}.recommendation-section{margin-bottom:20px}.recommendation-section:last-child{margin-bottom:0}.recommendation-section h4{margin:0 0 10px;color:var(--on-surface);font-size:1rem;font-weight:600}.recommendation-content{background:var(--surface-variant);padding:15px;border-radius:8px;border-left:4px solid var(--primary)}.recommendation-item{background:var(--surface);padding:12px;border-radius:8px;margin-bottom:8px;border-left:3px solid var(--primary);font-size:.9rem;line-height:1.4}.recommendation-item:last-child{margin-bottom:0}.ai-explanation-dialog{max-width:600px;width:90vw;border:none;border-radius:12px;padding:0;background:var(--surface)}.explanation-header{background:linear-gradient(135deg,#ff6b6b,#feca57);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.explanation-header h3{margin:0;font-size:1.1rem;font-weight:600}.explanation-content{padding:20px;max-height:400px;overflow-y:auto}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px 20px}.spinner{width:40px;height:40px;border:4px solid var(--outline);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.explanation-chat{margin-top:var(--spacing-lg);border-top:1px solid var(--outline);padding-top:var(--spacing-md)}.chat-divider{text-align:center;margin-bottom:var(--spacing-md)}.chat-divider span{background:var(--surface);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.explanation-messages{max-height:200px;overflow-y:auto;margin-bottom:var(--spacing-md);padding:var(--spacing-xs)}.explanation-messages .message{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);max-width:85%;word-wrap:break-word}.explanation-messages .message.user{background:var(--primary);color:#fff;margin-left:auto;text-align:right}.explanation-messages .message.ai{background:var(--surface);color:var(--text-primary);border:1px solid var(--outline)}.explanation-input-area{display:flex;gap:var(--spacing-xs);align-items:center}.explanation-input-area input{flex:1;padding:var(--spacing-sm);border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-sm)}.explanation-input-area input:focus{outline:none;border-color:var(--primary)}#explanation-send-btn{padding:var(--spacing-sm);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;transition:background var(--transition-normal)}#explanation-send-btn:hover{background:var(--primary-variant)}#explanation-send-btn:disabled{background:var(--outline);cursor:not-allowed}.ai-explain-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:20px;margin-top:10px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.ai-explain-btn:hover{transform:translateY(-1px);background:linear-gradient(45deg,#5a67d8,#6b46c1)}.close-btn{background:#fff3;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.close-btn:hover{background:#ffffff4d}.loading-recommendation{display:flex;align-items:center;gap:10px;padding:15px;background:var(--surface-variant);border-radius:8px}.loading-recommendation .spinner{width:20px;height:20px;border-width:2px}@media (max-width: 768px){.ai-tutor-container{bottom:15px;right:15px}.tutor-chat{width:calc(100vw - 30px);right:-15px;height:350px}.ai-explanation-dialog{width:95vw;max-width:none;height:80vh}.explanation-content{max-height:none;height:calc(80vh - 120px)}.ai-recommendations{margin:15px 0}#recommendations-content{padding:15px}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-message{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:15px 20px;border-radius:8px;z-index:1001;font-weight:600;animation:slideIn .3s ease-out}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease-in-out}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-content{background:var(--background);border-radius:var(--radius-lg);box-shadow:0 20px 50px #0000004d;max-width:800px;width:90vw;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--outline);background:var(--surface)}.modal-header h3{margin:0;color:var(--on-surface);font-size:1.2em;font-weight:600}.modal-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.btn.btn-danger{background-color:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn.btn-danger:hover{background-color:#b91c1c}.close-btn{background:none;border:none;font-size:1.5em;cursor:pointer;color:var(--on-surface-variant);padding:4px 8px;border-radius:var(--radius-sm);transition:background-color .2s ease}.close-btn:hover{background-color:var(--outline)}.history-content{padding:var(--spacing-lg);max-height:calc(80vh - 120px);overflow-y:auto}.history-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--outline);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);transition:all .2s ease}.history-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.history-score{display:flex;flex-direction:column;align-items:center;min-width:80px;padding:var(--spacing-sm);border-radius:var(--radius-md);font-weight:700}.history-score.score-excellent{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a}.history-score.score-warning{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#d97706}.history-score.score-poor{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.history-percentage{font-size:1.5em;margin-bottom:2px}.history-points{font-size:.8em;opacity:.8}.history-details{flex:1}.history-title{font-weight:600;margin-bottom:4px;color:var(--on-surface)}.history-date{font-size:.9em;color:var(--on-surface-variant);margin-bottom:4px}.history-stats{display:flex;gap:var(--spacing-md);font-size:.85em;color:var(--on-surface-variant)}.no-history{text-align:center;padding:var(--spacing-xl);color:var(--on-surface-variant)}.no-history svg{width:64px;height:64px;margin-bottom:var(--spacing-md);opacity:.5}@media (max-width: 768px){.modal-content{width:95vw;max-height:90vh}.history-item{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.history-score{min-width:auto;width:100%}.history-stats{justify-content:center}}