.study-insights{padding:8px 0}.study-insights h2{margin:0 0 24px;font-size:24px;font-weight:600;color:#1a1a1a}.study-insights h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#333}.insights-section{margin-bottom:40px}.insights-list{display:flex;flex-direction:column;gap:16px}.insight-card{display:flex;gap:16px;padding:20px;border-radius:12px;border:2px solid;transition:all .3s}.insight-card:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.insight-card.positive{background:linear-gradient(135deg,#e8f5e9,#f1f8f4);border-color:#43e97b}.insight-card.warning{background:linear-gradient(135deg,#fff5f5,#fff8f8);border-color:#f5576c}.insight-card.tip{background:linear-gradient(135deg,#e3f2fd,#f0f7ff);border-color:#4facfe}.insight-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.insight-message{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.insight-action{padding:6px 16px;background:#fff;border:1px solid currentColor;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.insight-card.positive .insight-action{color:#43e97b}.insight-card.warning .insight-action{color:#f5576c}.insight-card.tip .insight-action{color:#4facfe}.insight-action:hover{background:currentColor;color:#fff}.recommendations-section{margin-bottom:40px}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.recommendation-card{padding:24px;background:#fff;border-radius:12px;border:2px solid #e9ecef;transition:all .3s}.recommendation-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-4px)}.recommendation-icon{font-size:40px;margin-bottom:16px}.recommendation-content{display:flex;flex-direction:column;gap:8px}.recommendation-title{font-size:18px;font-weight:600;color:#1a1a1a}.recommendation-description{font-size:14px;color:#666;line-height:1.6}.recommendation-benefit{padding:12px;background:#f8f9fa;border-radius:8px;font-size:13px;color:#666;margin-top:8px}.benefit-label{font-weight:600;color:#007bff}.tips-section{margin-bottom:40px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.tip-card{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 12px #667eea4d;transition:all .3s}.tip-card:nth-child(2n){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f093fb4d}.tip-card:nth-child(3n){background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe4d}.tip-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.tip-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;font-size:16px;font-weight:700;flex-shrink:0}.tip-text{font-size:14px;line-height:1.6;flex:1}.empty-state p{margin:0;font-size:16px;color:#666}@media (max-width: 768px){.recommendations-grid,.tips-grid{grid-template-columns:1fr}.insight-card{flex-direction:column}.insight-icon{font-size:40px}}.subject-comparison-chart{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.subject-comparison-chart h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.subject-comparison-chart canvas{display:block;max-width:100%;height:auto}.subject-comparison-chart.empty{display:flex;align-items:center;justify-content:center;min-height:300px}.subject-comparison-chart.empty p{color:#999;font-size:14px}.dictation-history__select{appearance:none;padding:.5rem 2rem .5rem .75rem;border:1px solid #D1D5DB;border-radius:.5rem;font-size:.875rem;color:#111827;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right .75rem center;cursor:pointer;transition:border-color .2s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.loading-spinner-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f9fafb}.spinner{border:3px solid #e5e7eb;border-top:3px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1.2s ease-in-out infinite;margin:0 auto 1rem}.heartbeat{width:40px;height:40px;background:#667eea;border-radius:50%;animation:heartbeat 1.2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.loading-message{color:#6b7280;font-size:14px;margin:0}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.error-container{background:#fff;padding:3rem 2rem;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:700px;text-align:center}.error-icon{font-size:64px;margin-bottom:1rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-container h1{color:#dc2626;margin-bottom:1rem;font-size:28px;font-weight:700}.error-message{color:#4b5563;margin-bottom:1.5rem;font-size:16px;line-height:1.6}.error-id{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;padding:1rem;margin:1.5rem 0;font-size:14px;color:#92400e}.error-id strong{color:#78350f}.error-id small{display:block;margin-top:.5rem;color:#a16207;font-size:12px}.error-details{text-align:left;margin:2rem 0;padding:0;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.error-details summary{cursor:pointer;font-weight:600;padding:1rem;background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#374151;user-select:none;transition:background .2s}.error-details summary:hover{background:#e5e7eb}.error-details[open] summary{background:#e5e7eb}.error-details-content{padding:1.5rem}.error-details-content section{margin-bottom:1.5rem}.error-details-content section:last-child{margin-bottom:0}.error-details-content h3{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.error-details-content p{color:#6b7280;font-size:13px;margin-bottom:.5rem;line-height:1.5}.error-details-content strong{color:#374151;font-weight:600}.error-stack,.component-stack{white-space:pre-wrap;word-wrap:break-word;font-size:11px;font-family:Courier New,monospace;color:#dc2626;background:#fef2f2;padding:1rem;border-radius:4px;border:1px solid #fecaca;overflow-x:auto;line-height:1.5;margin:0}.component-stack{color:#ea580c;background:#fff7ed;border-color:#fed7aa}.error-actions{display:flex;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.keyboard-navigation *:focus{outline:3px solid var(--color-primary, #2563eb);outline-offset:2px;border-radius:var(--radius-sm, .375rem)}.keyboard-navigation button:focus,.keyboard-navigation a:focus,.keyboard-navigation input:focus,.keyboard-navigation select:focus,.keyboard-navigation textarea:focus,.keyboard-navigation [tabindex]:focus{outline:3px solid var(--color-primary, #2563eb);outline-offset:2px;box-shadow:0 0 0 4px #2563eb1a}.floating-window-btn:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:1px}.mode-tab-button:focus{outline:3px solid var(--color-primary, #2563eb);outline-offset:2px}.control-button:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:1px}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--color-primary, #2563eb);color:#fff;padding:8px 16px;text-decoration:none;border-radius:0 0 4px;z-index:10000}.skip-to-content:focus{top:0}.focus-visible:focus-visible{outline:3px solid var(--color-primary, #2563eb);outline-offset:2px}button,a,input[type=checkbox],input[type=radio],select{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}a:not([role=button]){min-width:auto;min-height:auto}@media (prefers-contrast: high){.keyboard-navigation *:focus{outline-width:4px;outline-color:currentColor}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.floating-window:focus-within{box-shadow:0 0 0 3px #2563eb33}.keyboard-hint{font-size:.75rem;color:var(--color-text-secondary, #6b7280);margin-left:.5rem;opacity:.7}.keyboard-navigation .keyboard-hint{opacity:1}canvas:focus{outline:3px solid var(--color-primary, #2563eb);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button[aria-pressed=true]{background-color:var(--color-primary, #2563eb);color:#fff}[role=tabpanel][hidden]{display:none}[role=tabpanel]:not([hidden]){display:block}[role=tab]:focus{outline:3px solid var(--color-primary, #2563eb);outline-offset:-2px;z-index:1}[role=tab][aria-selected=true]{position:relative}[role=tab][aria-selected=true]:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background-color:currentColor}.text-contrast-check{color:var(--color-text-primary, #1f2937);background-color:var(--color-bg-primary, #ffffff)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:1px;border-color:var(--color-primary, #2563eb)}[aria-invalid=true]{border-color:var(--color-danger, #ef4444)}[aria-invalid=true]:focus{outline-color:var(--color-danger, #ef4444)}[role=status],[role=alert],[aria-live]{position:relative}[role=dialog][aria-modal=true]{position:fixed}[draggable=true]:focus{outline:3px solid var(--color-primary, #2563eb);outline-offset:2px}body.keyboard-navigation{--focus-ring-color: var(--color-primary, #2563eb);--focus-ring-width: 3px;--focus-ring-offset: 2px}[role=tooltip]{position:absolute;z-index:10000;background:var(--color-bg-tooltip, #1f2937);color:var(--color-text-tooltip, #ffffff);padding:.5rem .75rem;border-radius:var(--radius-sm, .375rem);font-size:.875rem;max-width:200px}[role=toolbar] button:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:1px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--color-primary, #2563eb);text-decoration:underline}a:hover{text-decoration:none}a:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.bg-primary{background-color:var(--color-primary, #2563eb);color:#fff}.bg-secondary{background-color:var(--color-secondary, #10b981);color:#fff}.bg-danger{background-color:var(--color-danger, #ef4444);color:#fff}.child-friendly-voice-controls{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:24px;box-shadow:0 8px 32px #0000001a;max-width:600px;margin:0 auto;font-family:Comic Sans MS,cursive,sans-serif}.voice-controls-header{text-align:center;margin-bottom:16px}.voice-controls-title{font-size:28px;font-weight:700;color:#1e40af;margin:0 0 8px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.voice-controls-subtitle{font-size:16px;color:#64748b;margin:0;font-weight:500}.voice-controls-main{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%}.voice-animation-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.voice-animation-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #3b82f64d;transition:all .3s ease;z-index:2}.voice-animation-waves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px}.wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid #3b82f6;border-radius:50%;opacity:0}.wave-1{width:90px;height:90px}.wave-2{width:110px;height:110px}.wave-3{width:130px;height:130px}.voice-animation-container.listening .voice-animation-circle{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98166;animation:pulse-listening 1.5s infinite}.voice-animation-container.listening .wave{animation:wave-expand 2s infinite;border-color:#10b981}.voice-animation-container.processing .voice-animation-circle{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b66;animation:spin-processing 2s linear infinite}.voice-animation-container.playing .voice-animation-circle{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #8b5cf666;animation:bounce-playing 1s infinite}.voice-animation-container.playing .wave{animation:wave-expand 1s infinite;border-color:#8b5cf6}.voice-controls-buttons{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:400px}.child-friendly-voice-controls .voice-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border:3px solid #e2e8f0;border-radius:20px;background:#fff;color:#374151;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;user-select:none;box-shadow:0 4px 12px #0000001a;min-height:120px;position:relative;overflow:hidden}.child-friendly-voice-controls .voice-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#3b82f6}.child-friendly-voice-controls .voice-btn:active:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.child-friendly-voice-controls .voice-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000000d}.child-friendly-voice-controls .voice-btn-icon{font-size:32px;line-height:1;margin-bottom:4px}.child-friendly-voice-controls .voice-btn-text{font-size:16px;font-weight:700;text-align:center;line-height:1.2}.child-friendly-voice-controls .voice-btn-subtitle{font-size:12px;font-weight:500;color:#64748b;text-align:center;line-height:1.2}.child-friendly-voice-controls .voice-btn-listen{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.child-friendly-voice-controls .voice-btn-listen:hover:not(:disabled){border-color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.child-friendly-voice-controls .voice-btn-stop{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fecaca)}.child-friendly-voice-controls .voice-btn-stop:hover:not(:disabled){border-color:#dc2626;background:linear-gradient(135deg,#fecaca,#fca5a5)}.child-friendly-voice-controls .voice-btn-play{border-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#e9d5ff)}.child-friendly-voice-controls .voice-btn-play:hover:not(:disabled){border-color:#7c3aed;background:linear-gradient(135deg,#e9d5ff,#ddd6fe)}.child-friendly-voice-controls .voice-btn-pause{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fde68a)}.child-friendly-voice-controls .voice-btn-pause:hover:not(:disabled){border-color:#d97706;background:linear-gradient(135deg,#fde68a,#fcd34d)}.child-friendly-voice-controls .voice-btn.btn-hover{animation:button-hover .3s ease}.child-friendly-voice-controls .voice-btn.btn-click{animation:button-click .2s ease}.voice-status-display{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.voice-status-display.status-update{animation:status-update .5s ease}.status-icon{font-size:24px;line-height:1}.status-text{font-size:16px;font-weight:600;color:#374151;text-align:center}.voice-encouragement-display{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#fef3c7,#fde047);border:2px solid #f59e0b;border-radius:16px;box-shadow:0 4px 12px #f59e0b33;opacity:0;transform:translateY(20px);transition:all .3s ease}.voice-encouragement-display.encouragement-show{opacity:1;transform:translateY(0);animation:encouragement-bounce .6s ease}.encouragement-icon{font-size:24px;line-height:1;animation:star-twinkle 2s infinite}.encouragement-text{font-size:16px;font-weight:600;color:#92400e;text-align:center}@keyframes pulse-listening{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wave-expand{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.6}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes spin-processing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-playing{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes button-hover{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(-4px)}}@keyframes button-click{0%{transform:translateY(-4px) scale(1)}50%{transform:translateY(-2px) scale(.98)}to{transform:translateY(-4px) scale(1)}}@keyframes status-update{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes encouragement-bounce{0%{transform:translateY(20px) scale(.9);opacity:0}50%{transform:translateY(-5px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes star-twinkle{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.05) rotate(-5deg)}75%{transform:scale(1.1) rotate(3deg)}}@media (max-width: 768px){.child-friendly-voice-controls{padding:20px;gap:20px}.voice-controls-title{font-size:24px}.voice-controls-subtitle{font-size:14px}.voice-animation-container{width:100px;height:100px}.voice-animation-circle{width:70px;height:70px}.voice-controls-buttons{gap:16px}.child-friendly-voice-controls .voice-btn{padding:16px 12px;min-height:100px}.child-friendly-voice-controls .voice-btn-icon{font-size:28px}.child-friendly-voice-controls .voice-btn-text{font-size:14px}.child-friendly-voice-controls .voice-btn-subtitle{font-size:11px}}@media (max-width: 480px){.voice-controls-buttons{grid-template-columns:1fr;max-width:280px}.child-friendly-voice-controls .voice-btn{min-height:80px;padding:12px 16px}.child-friendly-voice-controls .voice-btn-icon{font-size:24px}.child-friendly-voice-controls .voice-btn-text{font-size:13px}.status-text,.encouragement-text{font-size:14px}}@media (prefers-contrast: high){.child-friendly-voice-controls{background:#fff;border:3px solid #000000}.child-friendly-voice-controls .voice-btn,.voice-status-display,.voice-encouragement-display{border-width:3px;border-color:#000}}@media (prefers-reduced-motion: reduce){.child-friendly-voice-controls .voice-btn,.voice-status-display,.voice-encouragement-display,.voice-animation-circle{transition:none;animation:none}.wave{animation:none}.child-friendly-voice-controls .voice-btn:hover:not(:disabled){transform:none}.encouragement-icon{animation:none}}.child-friendly-voice-controls .voice-btn:focus{outline:3px solid #3b82f6;outline-offset:3px}@media print{.child-friendly-voice-controls{display:none}}.upgrade-modal-overlay{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.upgrade-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}.upgrade-modal__header{position:relative;padding:24px 24px 0;text-align:center}.upgrade-modal__icon{font-size:48px;margin-bottom:16px;display:block}.upgrade-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.upgrade-modal__close:hover{background-color:#f3f4f6;color:#374151}.upgrade-modal__close:focus{outline:2px solid #3b82f6;outline-offset:2px}.upgrade-modal__content{padding:0 24px 24px}.upgrade-modal__title{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px;text-align:center}.upgrade-modal__message{font-size:16px;color:#6b7280;line-height:1.5;margin:0 0 24px;text-align:center}.upgrade-modal__usage{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:24px}.upgrade-modal__usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.upgrade-modal__usage-label{font-size:14px;font-weight:500;color:#374151}.upgrade-modal__usage-count{font-size:14px;font-weight:600;color:#dc2626}.upgrade-modal__usage-bar{height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.upgrade-modal__usage-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#dc2626);border-radius:4px;transition:width .3s ease}.upgrade-modal__usage-text{font-size:14px;color:#6b7280;margin:0}.upgrade-modal__benefits{margin-bottom:24px}.upgrade-modal__benefits-header{text-align:center;margin-bottom:16px}.upgrade-modal__category{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;color:#1d4ed8;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;margin-bottom:12px}.upgrade-modal__category-icon{font-size:16px}.upgrade-modal__benefits h4{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.upgrade-modal__highlight{display:inline-block;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.upgrade-modal__price{text-align:center;margin-bottom:20px}.upgrade-modal__price-amount{font-size:32px;font-weight:700;color:#111827;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upgrade-modal__features{list-style:none;padding:0;margin:0}.upgrade-modal__feature{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6}.upgrade-modal__feature:last-child{border-bottom:none}.upgrade-modal__feature-icon{font-size:16px;flex-shrink:0;margin-top:2px}.upgrade-modal__feature-text{font-size:14px;color:#374151;line-height:1.4}.upgrade-modal__feature--more{opacity:.7}.upgrade-modal__feature--more .upgrade-modal__feature-text{font-style:italic}.upgrade-modal__actions{padding:0 24px 24px;display:flex;flex-direction:column;gap:12px}.upgrade-modal__button{width:100%;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.upgrade-modal__button--primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.upgrade-modal__button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.upgrade-modal__button--primary:active{transform:translateY(0)}.upgrade-modal__button--secondary{background:#fff;color:#374151;border:2px solid #e5e7eb}.upgrade-modal__button--secondary:hover{background:#f9fafb;border-color:#d1d5db}.upgrade-modal__button:focus{outline:2px solid #3b82f6;outline-offset:2px}.upgrade-modal__footer{padding:0 24px 24px;text-align:center}.upgrade-modal__footer-text{font-size:12px;color:#9ca3af;margin:0}.feature-gate{position:relative}.feature-gate--denied{opacity:.8}.feature-gate--denied:hover{opacity:1}.feature-gate--loading{opacity:.6;pointer-events:none}@media (max-width: 640px){.upgrade-modal-overlay{padding:16px}.upgrade-modal{border-radius:12px;max-height:95vh}.upgrade-modal__header{padding:20px 20px 0}.upgrade-modal__content,.upgrade-modal__actions{padding:0 20px 20px}.upgrade-modal__title{font-size:20px}.upgrade-modal__price-amount{font-size:28px}.upgrade-modal__button{padding:12px 20px;font-size:15px}}@media (prefers-color-scheme: dark){.upgrade-modal{background:#1f2937;color:#f9fafb}.upgrade-modal__title{color:#f9fafb}.upgrade-modal__usage{background:#374151;border-color:#4b5563}.upgrade-modal__usage-bar{background-color:#4b5563}.upgrade-modal__feature{border-color:#374151}.upgrade-modal__feature-text{color:#d1d5db}.upgrade-modal__button--secondary{background:#374151;color:#f9fafb;border-color:#4b5563}.upgrade-modal__button--secondary:hover{background:#4b5563}}@media (prefers-contrast: high){.upgrade-modal{border:2px solid #000}.upgrade-modal__button--primary{background:#000;color:#fff}.upgrade-modal__button--secondary{border-color:#000;color:#000}}@media (prefers-reduced-motion: reduce){.upgrade-modal-overlay,.upgrade-modal,.upgrade-modal__usage-fill,.upgrade-modal__button{animation:none;transition:none}}.voice-toggle-standard{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;user-select:none}.voice-toggle-standard:hover{border-color:#3b82f6;background:#f8fafc}.voice-toggle-standard.enabled{border-color:#10b981;background:#ecfdf5;color:#065f46}.voice-toggle-standard.enabled:hover{background:#d1fae5}.voice-toggle-standard:disabled{opacity:.5;cursor:not-allowed}.voice-toggle-icon{font-size:16px;line-height:1}.voice-toggle-text{font-size:14px;font-weight:500}.voice-toggle-child-friendly{display:inline-flex;flex-direction:column;align-items:center;padding:12px 16px;border:3px solid #e2e8f0;border-radius:16px;background:#fff;color:#374151;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;user-select:none;min-width:100px;box-shadow:0 2px 4px #0000001a}.voice-toggle-child-friendly:hover{border-color:#3b82f6;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.voice-toggle-child-friendly.enabled{border-color:#10b981;background:#ecfdf5;color:#065f46}.voice-toggle-child-friendly.enabled:hover{background:#d1fae5;border-color:#059669}.voice-toggle-child{display:flex;flex-direction:column;align-items:center;gap:8px}.voice-toggle-child .voice-toggle-icon{font-size:24px;line-height:1;transition:transform .2s ease}.voice-toggle-child .voice-toggle-icon.active{transform:scale(1.1);animation:pulse 2s infinite}.voice-toggle-child .voice-toggle-text{font-size:14px;font-weight:600;text-align:center;line-height:1.2}.voice-play-pause-standard{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #e2e8f0;border-radius:50%;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease;user-select:none}.voice-play-pause-standard:hover:not(:disabled){border-color:#3b82f6;background:#f0f9ff;transform:scale(1.05)}.voice-play-pause-standard.playing{border-color:#10b981;background:#ecfdf5;color:#065f46}.voice-play-pause-standard.paused{border-color:#f59e0b;background:#fffbeb;color:#92400e}.voice-play-pause-standard:disabled{opacity:.4;cursor:not-allowed;transform:none}.voice-play-pause-standard .voice-icon{font-size:18px;line-height:1}.voice-play-pause-child-friendly{display:inline-flex;flex-direction:column;align-items:center;padding:12px 16px;border:3px solid #e2e8f0;border-radius:16px;background:#fff;color:#374151;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;user-select:none;min-width:90px;box-shadow:0 2px 4px #0000001a}.voice-play-pause-child-friendly:hover:not(:disabled){border-color:#3b82f6;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.voice-play-pause-child-friendly.playing{border-color:#10b981;background:#ecfdf5;color:#065f46}.voice-play-pause-child-friendly.paused{border-color:#f59e0b;background:#fffbeb;color:#92400e}.voice-play-pause-child-friendly:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:0 1px 2px #0000000d}.voice-control-child{display:flex;flex-direction:column;align-items:center;gap:6px}.voice-control-icon{font-size:20px;line-height:1}.voice-control-text{font-size:12px;font-weight:600;text-align:center;line-height:1.2}.voice-message-play-button-standard{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease;user-select:none;opacity:.7}.voice-message-play-button-standard:hover{border-color:#3b82f6;background:#f0f9ff;color:#3b82f6;opacity:1;transform:scale(1.05)}.voice-message-play-button-standard:active{transform:scale(.95)}.voice-message-play-button-standard .voice-play-icon{font-size:14px;line-height:1}.voice-message-play-button-child-friendly{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;user-select:none;box-shadow:0 1px 3px #0000001a}.voice-message-play-button-child-friendly:hover{border-color:#3b82f6;background:#f0f9ff;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.voice-message-play-button-child-friendly:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.voice-message-play-button-child-friendly .voice-play-icon{font-size:16px;line-height:1}.voice-message-play-button-child-friendly .voice-play-text{font-size:12px;font-weight:600}.message-voice-controls{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6}.voice-settings-panel{display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000001a}.voice-setting-group{display:flex;flex-direction:column;gap:8px}.voice-setting-label{font-size:14px;font-weight:600;color:#374151}.voice-setting-slider{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;cursor:pointer;transition:background .2s ease}.voice-setting-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.voice-setting-slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}.voice-setting-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:all .2s ease}.voice-setting-slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.1)}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.voice-button-animate{animation:bounce .6s ease}@media (max-width: 768px){.voice-toggle-child-friendly,.voice-play-pause-child-friendly{min-width:80px;padding:10px 12px}.voice-toggle-child .voice-toggle-text,.voice-control-text{font-size:12px}.voice-message-play-button-child-friendly{padding:6px 10px}.voice-message-play-button-child-friendly .voice-play-text{font-size:11px}}@media (max-width: 480px){.voice-toggle-child-friendly,.voice-play-pause-child-friendly{min-width:70px;padding:8px 10px}.voice-toggle-child .voice-toggle-icon,.voice-control-icon{font-size:18px}.voice-message-play-button-child-friendly .voice-play-text{display:none}}@media (prefers-contrast: high){.voice-toggle-standard,.voice-play-pause-standard,.voice-message-play-button-standard{border-width:2px;border-color:#000}.voice-toggle-child-friendly,.voice-play-pause-child-friendly,.voice-message-play-button-child-friendly{border-width:3px;border-color:#000;box-shadow:0 2px 4px #0000004d}}@media (prefers-reduced-motion: reduce){.voice-toggle-standard,.voice-toggle-child-friendly,.voice-play-pause-standard,.voice-play-pause-child-friendly,.voice-message-play-button-standard,.voice-message-play-button-child-friendly{transition:none;animation:none}.voice-toggle-child .voice-toggle-icon.active{animation:none}}.voice-toggle-standard:focus,.voice-toggle-child-friendly:focus,.voice-play-pause-standard:focus,.voice-play-pause-child-friendly:focus,.voice-message-play-button-standard:focus,.voice-message-play-button-child-friendly:focus{outline:2px solid #3b82f6;outline-offset:2px}.analytics-dashboard{width:100%;max-width:1400px;margin:0 auto;padding:24px;background:#f8f9fa;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.header-content h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a1a1a}.header-content p{margin:0;font-size:14px;color:#666}.time-range-selector{padding:8px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.time-range-selector:hover{border-color:#007bff}.time-range-selector:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.refresh-button,.export-button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.refresh-button{background:#f0f0f0;color:#333}.refresh-button:hover:not(:disabled){background:#e0e0e0}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.export-button{background:#007bff;color:#fff}.export-button:hover{background:#0056b3}.dashboard-nav{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.nav-tab{flex:1;padding:12px 24px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s}.nav-tab:hover{background:#f8f9fa;color:#333}.nav-tab.active{background:#007bff;color:#fff}.dashboard-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;min-height:500px}.streak-indicator-section{margin-bottom:32px}.streak-indicator-section .learning-streak-indicator{margin-bottom:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.metric-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 12px #667eea4d}.metric-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f093fb4d}.metric-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe4d}.metric-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 4px 12px #43e97b4d}.metric-icon{font-size:32px;opacity:.9}.metric-label{font-size:12px;opacity:.9;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:32px;font-weight:700;margin-bottom:4px}.metric-subtitle{font-size:13px;opacity:.8}.recent-activity-section{margin-top:32px}.recent-activity-section h2{margin:0 0 20px;font-size:20px;font-weight:600;color:#1a1a1a}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;transition:all .2s}.activity-item:hover{background:#e9ecef;transform:translate(4px)}.activity-date{font-size:12px;color:#666;min-width:100px}.activity-details{flex:1}.activity-subject{font-weight:600;color:#1a1a1a;margin-bottom:4px}.activity-topics{font-size:13px;color:#666}.activity-stats{display:flex;gap:16px;align-items:center}.activity-duration,.activity-performance{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.activity-duration{background:#e3f2fd;color:#1976d2}.activity-performance{background:#e8f5e9;color:#388e3c}.analytics-dashboard.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.analytics-dashboard.error{display:flex;align-items:center;justify-content:center;min-height:400px}.error-message{text-align:center;padding:32px;background:#fff5f5;border-radius:12px;border:1px solid #ffebee}.error-message h3{color:#d32f2f;margin:0 0 8px}.error-message p{color:#666;margin:0 0 16px}.error-message button{padding:8px 24px;background:#d32f2f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.error-message button:hover{background:#b71c1c}@media (max-width: 768px){.analytics-dashboard{padding:16px}.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.time-range-selector,.refresh-button,.export-button{flex:1;min-width:100px}.dashboard-nav{overflow-x:auto;flex-wrap:nowrap}.nav-tab{white-space:nowrap;flex:0 0 auto}.metrics-grid{grid-template-columns:1fr}.activity-item{flex-direction:column;align-items:flex-start}.activity-stats{width:100%;justify-content:space-between}}.basic-analytics-view{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.basic-analytics-view.loading,.basic-analytics-view.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-message{text-align:center}.error-message h3{color:#dc3545;margin-bottom:8px}.error-message button{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:16px}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.header-content h1{margin:0 0 8px;font-size:32px;font-weight:600;color:#212529}.header-content p{margin:0 0 16px;color:#6c757d;font-size:16px}.tier-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.tier-badge.free{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.badge-icon{font-size:16px}.header-actions{display:flex;gap:12px;align-items:center}.time-range-selector{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background:#fff}.refresh-button{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .15s ease-in-out}.refresh-button:hover{background-color:#5a6268}.basic-metrics-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;margin-bottom:24px}.basic-metrics-section h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#212529}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.metric-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.metric-icon{font-size:32px;margin-bottom:12px}.metric-label{font-size:14px;color:#6c757d;margin-bottom:4px}.metric-value{font-size:28px;font-weight:600;color:#212529;margin-bottom:4px}.metric-subtitle{font-size:12px;color:#6c757d}.progress-summary{background:#f8f9fa;border-radius:8px;padding:20px}.progress-summary h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#495057}.activity-days{display:flex;justify-content:space-between;gap:8px}.activity-day{display:flex;flex-direction:column;align-items:center;gap:8px}.day-indicator{width:32px;height:32px;border-radius:50%;background-color:#e9ecef;transition:background-color .2s ease}.day-indicator.active{background-color:#28a745}.day-label{font-size:12px;color:#6c757d;font-weight:500}.mastery-summary{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:20px;margin-top:var(--space-4, 16px)}.mastery-summary h3{margin:0 0 var(--space-4, 16px) 0;font-size:18px;font-weight:var(--font-semibold, 600);color:var(--text-primary, #495057)}.mastery-indicators{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.premium-analytics-section{border-radius:12px;margin-bottom:24px;position:relative}.premium-features h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#212529;display:flex;align-items:center;gap:8px}.premium-icon{color:gold;font-size:24px}.feature-preview{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.feature-preview h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#495057}.feature-preview p{margin:0 0 16px;color:#6c757d;font-size:14px}.preview-chart{background:#f8f9fa;border-radius:6px;padding:16px}.chart-placeholder{display:flex;flex-direction:column;align-items:center}.chart-bars{display:flex;align-items:end;gap:8px;height:80px;margin-bottom:8px}.chart-bar{width:20px;background:linear-gradient(to top,#007bff,#66b3ff);border-radius:2px 2px 0 0;opacity:.7}.chart-labels{display:flex;gap:8px;font-size:12px;color:#6c757d}.preview-subjects{display:flex;flex-direction:column;gap:12px}.subject-item{display:flex;align-items:center;gap:12px}.subject-name{min-width:80px;font-size:14px;color:#495057;font-weight:500}.subject-bar{flex:1;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.subject-fill{height:100%;background:linear-gradient(90deg,#28a745,#5cbf60);border-radius:4px}.subject-percentage{min-width:40px;font-size:14px;color:#495057;font-weight:500;text-align:right}.preview-goals{display:flex;flex-direction:column;gap:16px}.goal-item{display:flex;align-items:center;gap:12px;background:#f8f9fa;padding:12px;border-radius:6px}.goal-icon{font-size:20px}.goal-content{flex:1}.goal-title{font-size:14px;font-weight:500;color:#495057;margin-bottom:4px}.goal-progress{display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:6px;background-color:#e9ecef;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#66b3ff);border-radius:3px}.progress-text{font-size:12px;color:#6c757d}.insight-item{display:flex;align-items:center;gap:12px;background:#e7f3ff;padding:12px;border-radius:6px;border-left:4px solid #007bff}.insight-icon{font-size:20px}.insight-text{font-size:14px;color:#495057}.preview-reports{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.report-item{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:12px;border-radius:6px;font-size:14px;color:#495057}.report-icon{font-size:16px}.upgrade-prompt{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:12px;padding:32px;text-align:center;margin-top:32px}.upgrade-button{background:#fff;color:#007bff;border:none;padding:16px 32px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out}.upgrade-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}@media (max-width: 768px){.basic-analytics-view{padding:16px}.analytics-header{flex-direction:column;gap:16px}.header-actions{width:100%;justify-content:space-between}.metrics-grid{grid-template-columns:1fr}.activity-days{gap:4px}.day-indicator{width:24px;height:24px}.preview-reports,.upgrade-benefits{grid-template-columns:1fr}.upgrade-prompt{padding:24px}.upgrade-content h3{font-size:20px}}.blurred-preview{position:relative;border-radius:.75rem;overflow:hidden;margin-top:var(--space-6)}.blurred-preview__background{filter:blur(8px);opacity:.6;pointer-events:none;user-select:none;padding:var(--space-6)}.blurred-preview__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}.blurred-preview__card{background:var(--bg-primary);border-radius:.75rem;box-shadow:0 4px 24px #00000026;padding:var(--space-8);max-width:420px;width:90%;text-align:center}.blurred-preview__card-icon{font-size:2rem;margin-bottom:var(--space-3)}.blurred-preview__card-heading{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.blurred-preview__card-features{list-style:none;padding:0;margin:0 0 var(--space-6);text-align:left}.blurred-preview__card-feature{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.blurred-preview__card-check{color:var(--eduq-cyan);font-weight:var(--font-bold);flex-shrink:0}.blurred-preview__card-button{display:inline-block;width:100%;padding:.75rem 1.5rem;background-color:var(--eduq-blue);color:#fff;border:none;border-radius:.5rem;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:background-color .2s ease}.blurred-preview__card-button:hover{background-color:var(--eduq-blue-hover)}.blurred-preview__card-button:active{background-color:var(--eduq-blue-active)}.blurred-preview__card-button:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.blurred-preview__placeholder-header{margin-bottom:var(--space-6)}.blurred-preview__placeholder-bar{background-color:var(--bg-tertiary);border-radius:4px}.blurred-preview__placeholder-bar--title{width:200px;height:24px;margin-bottom:var(--space-2)}.blurred-preview__placeholder-bar--subtitle{width:300px;height:14px}.blurred-preview__placeholder-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.blurred-preview__placeholder-card{background:var(--bg-secondary);border-radius:.5rem;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.blurred-preview__placeholder-bar--icon{width:32px;height:32px;border-radius:50%}.blurred-preview__placeholder-bar--value{width:60px;height:20px}.blurred-preview__placeholder-bar--label{width:80px;height:12px}.blurred-preview__placeholder-chart{background:var(--bg-secondary);border-radius:.5rem;padding:var(--space-4);height:180px;margin-bottom:var(--space-6)}.blurred-preview__placeholder-bars{display:flex;align-items:flex-end;gap:var(--space-3);height:100%}.blurred-preview__placeholder-chart-bar{flex:1;background-color:var(--eduq-blue);border-radius:4px 4px 0 0;opacity:.4}.blurred-preview__placeholder-subjects{display:flex;flex-direction:column;gap:var(--space-3)}.blurred-preview__placeholder-subject{display:flex;align-items:center;gap:var(--space-3)}.blurred-preview__placeholder-bar--subject-name{width:100px;height:14px}.blurred-preview__placeholder-progress{flex:1;height:10px;background-color:var(--bg-tertiary);border-radius:5px;overflow:hidden}.blurred-preview__placeholder-progress-fill{height:100%;background-color:var(--eduq-blue);border-radius:5px;opacity:.4}.blurred-preview__sample-header{margin-bottom:var(--space-6)}.blurred-preview__sample-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.blurred-preview__sample-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.blurred-preview__sample-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.blurred-preview__sample-card{background:var(--bg-secondary);border-radius:.5rem;padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.blurred-preview__sample-icon{font-size:1.5rem}.blurred-preview__sample-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.blurred-preview__sample-label{font-size:var(--text-xs);color:var(--text-secondary)}.blurred-preview__sample-chart{background:var(--bg-secondary);border-radius:.5rem;padding:var(--space-4);margin-bottom:var(--space-6)}.blurred-preview__sample-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.blurred-preview__sample-bars{display:flex;align-items:flex-end;gap:var(--space-3);height:140px}.blurred-preview__sample-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.blurred-preview__sample-bar{width:100%;background-color:var(--eduq-blue);border-radius:4px 4px 0 0}.blurred-preview__sample-bar-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.blurred-preview__sample-subjects{display:flex;flex-direction:column;gap:var(--space-3)}.blurred-preview__sample-subject{display:flex;align-items:center;gap:var(--space-3)}.blurred-preview__sample-subject-name{width:100px;font-size:var(--text-sm);color:var(--text-primary);flex-shrink:0}.blurred-preview__sample-subject-bar{flex:1;height:10px;background-color:var(--bg-tertiary);border-radius:5px;overflow:hidden}.blurred-preview__sample-subject-fill{height:100%;background-color:var(--eduq-blue);border-radius:5px}.blurred-preview__sample-subject-pct{font-size:var(--text-sm);color:var(--text-secondary);width:40px;text-align:right;flex-shrink:0}@media (max-width: 767px){.blurred-preview__placeholder-metrics,.blurred-preview__sample-metrics{grid-template-columns:repeat(2,1fr)}.blurred-preview__card{padding:var(--space-6)}}.full-analytics-dashboard{max-width:1200px;margin:0 auto;padding:1.5rem;font-family:var(--font-family-primary, "Inter", sans-serif)}.full-analytics-dashboard--loading,.full-analytics-dashboard--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.full-analytics-dashboard__spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.full-analytics-dashboard__error-content{text-align:center;padding:2rem}.full-analytics-dashboard__retry-btn{background-color:var(--eduq-blue, #0066FF);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:600;margin-top:1rem}.full-analytics-dashboard__retry-btn:hover{background-color:#0052cc}.full-analytics-dashboard__fallback{padding:1rem;width:100%;max-width:600px}.full-analytics-dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;position:relative}.full-analytics-dashboard__back-btn{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;color:#374151;border-radius:.5rem;transition:background-color .2s}.full-analytics-dashboard__back-btn:hover{background-color:#f3f4f6}.full-analytics-dashboard__back-btn svg{flex-shrink:0}.full-analytics-dashboard__title-section{margin-left:48px}.full-analytics-dashboard__title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.full-analytics-dashboard__subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.full-analytics-dashboard__actions{display:flex;gap:.75rem;align-items:center}.full-analytics-dashboard__time-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff}.full-analytics-dashboard__refresh-btn{padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.875rem}.full-analytics-dashboard__refresh-btn:hover{background:#e5e7eb}.full-analytics-dashboard__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.full-analytics-dashboard__pdf-export{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.full-analytics-dashboard__pdf-type-select{padding:.5rem .75rem;border:1px solid var(--border-medium, #D1D5DB);border-radius:8px;font-size:var(--text-sm, .875rem);background:var(--bg-primary, #FFFFFF);color:var(--text-primary, #111827)}.full-analytics-dashboard__pdf-type-select:disabled{opacity:.5;cursor:not-allowed}.full-analytics-dashboard__pdf-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background-color:var(--eduq-blue, #0066FF);color:var(--text-inverse, #FFFFFF);border:none;border-radius:8px;cursor:pointer;font-size:var(--text-sm, .875rem);font-weight:600;transition:background-color .2s ease;white-space:nowrap}.full-analytics-dashboard__pdf-btn:hover:not(:disabled){background-color:var(--eduq-blue-hover, #0052CC)}.full-analytics-dashboard__pdf-btn:disabled{opacity:.7;cursor:not-allowed}.full-analytics-dashboard__pdf-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse, #FFFFFF);border-radius:50%;animation:full-analytics-dashboard-pdf-spin .6s linear infinite}@keyframes full-analytics-dashboard-pdf-spin{to{transform:rotate(360deg)}}.full-analytics-dashboard__pdf-error{display:block;width:100%;font-size:var(--text-xs, .75rem);color:var(--error, #EF4444);margin-top:.25rem}.full-analytics-dashboard__export-dropdown{position:relative}.full-analytics-dashboard__export-btn{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem}.full-analytics-dashboard__export-menu{display:none;position:absolute;top:100%;right:0;margin-top:.25rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:10}.full-analytics-dashboard__export-dropdown:hover .full-analytics-dashboard__export-menu{display:block}.full-analytics-dashboard__export-menu button{display:block;width:100%;padding:.5rem 1rem;text-align:left;background:none;border:none;cursor:pointer;font-size:.875rem}.full-analytics-dashboard__export-menu button:hover{background:#f3f4f6}.full-analytics-dashboard__nav{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.full-analytics-dashboard__tab{padding:.5rem 1rem;background:none;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:.875rem;color:#6b7280;transition:all .2s}.full-analytics-dashboard__tab:hover{color:#3b82f6;background:#f3f4f6}.full-analytics-dashboard__tab--active{color:#3b82f6;background:#eff6ff;font-weight:600}.full-analytics-dashboard__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.full-analytics-dashboard__metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem}.full-analytics-dashboard__metric-icon{font-size:2rem}.full-analytics-dashboard__metric-content{display:flex;flex-direction:column}.full-analytics-dashboard__metric-value{font-size:1.5rem;font-weight:700;color:#1f2937}.full-analytics-dashboard__metric-label{font-size:.75rem;color:#6b7280;text-transform:uppercase}.full-analytics-dashboard__metric-sublabel{font-size:.75rem;color:#9ca3af;margin-left:auto}.full-analytics-dashboard__subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.full-analytics-dashboard__subject-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem}.full-analytics-dashboard__subject-name{font-size:1.125rem;font-weight:600;margin:0 0 1rem}.full-analytics-dashboard__progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.full-analytics-dashboard__progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:4px;transition:width .3s ease}.full-analytics-dashboard__subject-stats{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280}.full-analytics-dashboard__section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.full-analytics-dashboard__section-title{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:#1f2937}.full-analytics-dashboard__empty{color:#9ca3af;font-style:italic;text-align:center;padding:2rem}.full-analytics-dashboard__info-text{color:#6b7280;font-size:.875rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.full-analytics-dashboard__activity-list{list-style:none;padding:0;margin:0}.full-analytics-dashboard__activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.full-analytics-dashboard__activity-item:last-child{border-bottom:none}.full-analytics-dashboard__activity-date{font-size:.75rem;color:#6b7280;min-width:80px}.full-analytics-dashboard__activity-subject{flex:1;font-weight:500}.full-analytics-dashboard__activity-score{font-weight:600;color:#10b981}.full-analytics-dashboard__strengths-list,.full-analytics-dashboard__weaknesses-list,.full-analytics-dashboard__recommendations-list{list-style:none;padding:0;margin:0}.full-analytics-dashboard__strength-item,.full-analytics-dashboard__weakness-item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;background:#f9fafb;border-radius:8px;margin-bottom:.5rem}.full-analytics-dashboard__strength-name,.full-analytics-dashboard__weakness-name{font-weight:600}.full-analytics-dashboard__strength-level{color:#10b981;font-weight:600}.full-analytics-dashboard__weakness-level{color:#ef4444;font-weight:600}.full-analytics-dashboard__strength-desc,.full-analytics-dashboard__weakness-rec{width:100%;font-size:.875rem;color:#6b7280;margin-top:.25rem}.full-analytics-dashboard__recommendation-item{padding:1rem;border-radius:8px;margin-bottom:.75rem;border-left:4px solid #d1d5db}.full-analytics-dashboard__recommendation-item--high{background:#fef2f2;border-left-color:#ef4444}.full-analytics-dashboard__recommendation-item--medium{background:#fffbeb;border-left-color:#f59e0b}.full-analytics-dashboard__recommendation-item--low{background:#f0fdf4;border-left-color:#10b981}.full-analytics-dashboard__recommendation-title{font-weight:600;margin:0 0 .5rem}.full-analytics-dashboard__recommendation-desc{font-size:.875rem;color:#4b5563;margin:0 0 .75rem}.full-analytics-dashboard__recommendation-action{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.full-analytics-dashboard__recommendation-action:hover{background:#2563eb}@media (max-width: 768px){.full-analytics-dashboard{padding:1rem}.full-analytics-dashboard__header{flex-direction:column}.full-analytics-dashboard__back-btn{width:44px;height:44px}.full-analytics-dashboard__title-section{margin-left:52px}.full-analytics-dashboard__actions{width:100%;flex-wrap:wrap}.full-analytics-dashboard__nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.full-analytics-dashboard__metrics{grid-template-columns:1fr 1fr}.full-analytics-dashboard__metric-card{padding:1rem}.full-analytics-dashboard__metric-value{font-size:1.25rem}}@media (max-width: 480px){.full-analytics-dashboard__metrics{grid-template-columns:1fr}}.goal-setting{padding:8px 0}.goal-setting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.goal-setting-header h2{margin:0;font-size:24px;font-weight:600;color:#1a1a1a}.new-goal-button{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.new-goal-button:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.new-goal-form{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:32px;border:2px solid #007bff}.new-goal-form h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#1a1a1a}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button,.submit-button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-button{background:#f0f0f0;color:#666}.cancel-button:hover{background:#e0e0e0}.submit-button{background:#007bff;color:#fff}.submit-button:hover:not(:disabled){background:#0056b3}.submit-button:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px;background:#fff5f5;border:1px solid #ffebee;border-radius:6px;color:#d32f2f;font-size:14px;margin-bottom:16px}.goals-section{margin-bottom:32px}.goals-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#333}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.goal-card{padding:24px;background:#fff;border-radius:12px;border:2px solid #e9ecef;transition:all .3s}.goal-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.goal-card.completed{border-color:#43e97b;background:linear-gradient(135deg,#e8f5e9,#f1f8f4)}.goal-card.overdue{border-color:#f5576c;background:linear-gradient(135deg,#fff5f5,#fff8f8)}.goal-header{display:flex;gap:16px;margin-bottom:20px}.goal-icon{font-size:32px;flex-shrink:0}.goal-type{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.goal-deadline{font-size:13px;color:#666}.overdue-label{color:#f5576c;font-weight:600}.completed-label{color:#43e97b;font-weight:600}.goal-progress{margin-bottom:16px}.progress-info{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.progress-current{font-size:28px;font-weight:700;color:#007bff}.progress-separator{font-size:20px;color:#999}.progress-target{font-size:20px;color:#666}.progress-bar{height:12px;background:#e9ecef;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .6s ease}.goal-card.completed .progress-bar-fill{background:linear-gradient(90deg,#43e97b,#38f9d7)}.progress-percentage{text-align:right;font-size:14px;font-weight:600;color:#666}.goal-celebration{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:#43e97b}.celebration-icon{font-size:20px}.goal-suggestions-section{margin-top:32px}.goal-suggestions-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#333}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.suggestion-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;transition:all .2s}.suggestion-card:hover{border-color:#007bff;background:#fff;box-shadow:0 2px 8px #007bff1a}.suggestion-icon{font-size:32px}.suggestion-content{flex:1}.suggestion-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.suggestion-description{font-size:13px;color:#666;line-height:1.5}.suggestion-button{padding:8px 16px;background:#fff;color:#007bff;border:1px solid #007bff;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.suggestion-button:hover{background:#007bff;color:#fff}.empty-state{text-align:center;padding:64px 32px;background:#f8f9fa;border-radius:12px}.empty-state p{margin:0 0 8px;font-size:16px;color:#666}.empty-subtitle{font-size:14px;color:#999}@media (max-width: 768px){.goal-setting-header{flex-direction:column;gap:16px;align-items:flex-start}.new-goal-button{width:100%}.goals-grid,.suggestions-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.streak-indicator{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.streak-indicator--active{border-left:3px solid #10b981;background:#f0fdf4}.streak-indicator--warning{border-left:3px solid #f59e0b;background:#fffbeb}.streak-indicator--inactive{border-left:3px solid #9ca3af;background:#f9fafb}.streak-indicator__icon{font-size:32px;line-height:1;flex-shrink:0}.streak-indicator__content{flex:1;display:flex;flex-direction:column;gap:4px}.streak-indicator__current{display:flex;align-items:baseline;gap:8px}.streak-indicator__count{font-size:28px;font-weight:600;color:#111827;line-height:1}.streak-indicator__label{font-size:14px;color:#6b7280;font-weight:400}.streak-indicator__best{font-size:12px;color:#9ca3af}.streak-indicator--compact{display:inline-flex;padding:6px 12px;border-radius:20px;gap:6px;cursor:pointer;border:1px solid #e5e7eb;background:#fff}.streak-indicator--compact:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.streak-indicator--compact .streak-indicator__icon{font-size:18px}.streak-indicator--compact .streak-indicator__count{font-size:16px;font-weight:600;color:#111827}@media (max-width: 768px){.streak-indicator{padding:12px;gap:10px}.streak-indicator__icon{font-size:28px}.streak-indicator__count{font-size:24px}.streak-indicator__label{font-size:13px}}@media (max-width: 480px){.streak-indicator--compact{padding:4px 10px;gap:4px}.streak-indicator--compact .streak-indicator__icon{font-size:16px}.streak-indicator--compact .streak-indicator__count{font-size:14px}}.mastery-indicator{display:flex;flex-direction:column;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem);border-radius:var(--radius-md, .5rem);background-color:var(--bg-primary, #FFFFFF)}.mastery-indicator__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2, .5rem)}.mastery-indicator__topic{font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mastery-indicator__level-name{font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);color:var(--eduq-blue, #0066FF);white-space:nowrap}.mastery-indicator__bar{width:100%;height:8px;border-radius:var(--radius-full, 9999px);background-color:var(--bg-tertiary, #F3F4F6);overflow:hidden}.mastery-indicator__bar-fill{height:100%;border-radius:var(--radius-full, 9999px);background-color:var(--eduq-blue, #0066FF);transition:width var(--transition-base, .2s ease-in-out)}.mastery-indicator__stars{display:flex;gap:2px}.mastery-indicator__star{font-size:var(--text-sm, .875rem);line-height:1}.mastery-indicator__star--filled{color:var(--eduq-blue, #0066FF)}.mastery-indicator__star--empty{color:var(--border-light, #E5E7EB)}.mastery-trend-chart{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.mastery-trend-chart h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.mastery-trend-chart canvas{display:block;max-width:100%;height:auto}.mastery-trend-chart.empty{display:flex;align-items:center;justify-content:center;min-height:300px}.mastery-trend-chart.empty p{color:#999;font-size:14px}.performance-metrics{padding:8px 0}.performance-metrics h2{margin:0 0 24px;font-size:24px;font-weight:600;color:#1a1a1a}.performance-metrics h3{margin:32px 0 16px;font-size:18px;font-weight:600;color:#333}.performance-overview{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-bottom:32px}.performance-score-card{display:flex;align-items:center;justify-content:center;padding:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea4d}.score-circle{width:200px;height:200px;border-radius:50%;border:8px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.score-value{font-size:48px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.score-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.performance-stats-grid{display:flex;flex-direction:column;gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.stat-label{font-size:12px;color:#666;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:700}.subject-performance-section{margin-bottom:32px}.subject-performance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.subject-performance-card{padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.subject-performance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.subject-name{font-size:16px;font-weight:600;color:#1a1a1a}.performance-badge{padding:4px 12px;border-radius:12px;font-size:14px;font-weight:700;color:#fff}.performance-bar{height:8px;background:#fff;border-radius:4px;overflow:hidden;margin-bottom:12px}.performance-bar-fill{height:100%;transition:width .6s ease}.subject-performance-details{display:flex;justify-content:space-between;font-size:12px;color:#666}.performance-trend-section{margin-bottom:32px}.trend-chart{background:#f8f9fa;border-radius:12px;padding:24px}.trend-bars{display:flex;align-items:flex-end;justify-content:space-around;height:250px;margin-bottom:24px;padding:20px;background:#fff;border-radius:8px}.trend-bar-container{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:60px}.trend-bar{width:100%;border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.trend-bar:hover{opacity:.8;transform:translateY(-4px)}.trend-bar-value{font-size:11px;font-weight:600;color:#fff}.trend-bar-label{font-size:10px;color:#666;text-align:center;white-space:nowrap}.trend-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.legend-color{width:16px;height:16px;border-radius:4px}.performance-insights-section{margin-top:32px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.insight-card{display:flex;gap:16px;padding:20px;border-radius:12px;border:2px solid}.insight-card.positive{background:#e8f5e9;border-color:#43e97b}.insight-card.warning{background:#fff5f5;border-color:#f5576c}.insight-card.info{background:#e3f2fd;border-color:#4facfe}.insight-icon{font-size:32px;flex-shrink:0}.insight-title{font-size:16px;font-weight:600;margin-bottom:4px;color:#1a1a1a}.insight-text{font-size:14px;color:#666;line-height:1.5}@media (max-width: 1024px){.performance-overview{grid-template-columns:1fr}.performance-score-card{justify-content:center}}@media (max-width: 768px){.subject-performance-grid{grid-template-columns:1fr}.trend-bars{overflow-x:auto;justify-content:flex-start}.trend-bar-container{min-width:40px}.insights-grid{grid-template-columns:1fr}}.practice-consistency-heatmap{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.practice-consistency-heatmap h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.practice-consistency-heatmap canvas{display:block;max-width:100%;height:auto}.practice-consistency-heatmap.empty{display:flex;align-items:center;justify-content:center;min-height:300px}.practice-consistency-heatmap.empty p{color:#999;font-size:14px}.progress-chart{padding:8px 0}.progress-chart h2{margin:0 0 24px;font-size:24px;font-weight:600;color:#1a1a1a}.progress-chart h3{margin:32px 0 16px;font-size:18px;font-weight:600;color:#333}.progress-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.summary-card{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 12px #667eea4d}.summary-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f093fb4d}.summary-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe4d}.summary-label{font-size:12px;opacity:.9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:32px;font-weight:700}.subject-progress-section{margin-bottom:32px}.subject-progress-list{display:flex;flex-direction:column;gap:24px}.subject-progress-item{padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.subject-name{font-size:18px;font-weight:600;color:#1a1a1a}.subject-stats{display:flex;gap:16px}.subject-stats .stat{padding:4px 12px;background:#fff;border-radius:12px;font-size:12px;font-weight:500;color:#666}.progress-bar-container{margin-bottom:12px}.progress-bar-container:last-child{margin-bottom:0}.progress-bar-label{font-size:12px;color:#666;margin-bottom:6px;font-weight:500}.progress-bar{height:32px;background:#fff;border-radius:16px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;transition:width .6s ease;position:relative}.progress-bar-fill.time{background:linear-gradient(90deg,#667eea,#764ba2)}.progress-bar-fill.sessions{background:linear-gradient(90deg,#f093fb,#f5576c)}.progress-bar-fill.performance{background:linear-gradient(90deg,#43e97b,#38f9d7)}.progress-bar-text{color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.time-breakdown-section{margin-top:32px}.time-breakdown-chart{background:#f8f9fa;border-radius:12px;padding:24px}.pie-chart{display:flex;height:40px;border-radius:20px;overflow:hidden;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.pie-segment{transition:all .3s ease}.pie-segment:hover{opacity:.8}.pie-segment-bar{width:100%;height:100%}.pie-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.legend-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-label{flex:1;font-size:14px;color:#333;font-weight:500}.legend-value{font-size:14px;font-weight:600;color:#666}.empty-state{text-align:center;padding:48px;color:#999;font-size:14px}@media (max-width: 768px){.progress-summary{grid-template-columns:1fr}.subject-header{flex-direction:column;align-items:flex-start;gap:12px}.subject-stats{width:100%;justify-content:space-between}.pie-legend{grid-template-columns:1fr}}.calendar-view{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.calendar-view--read-only{opacity:.9}.calendar-view__read-only-banner{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;border-bottom:1px solid #d1d5db}.read-only-banner__icon{font-size:1rem}.read-only-banner__text{text-transform:uppercase;letter-spacing:.05em}.calendar-view__overall-progress{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;gap:.75rem}.calendar-view__progress-info{display:flex;justify-content:space-between;align-items:center}.calendar-view__progress-label{font-size:1rem;font-weight:600;color:#fffffff2}.calendar-view__progress-stats{font-size:.875rem;color:#fffc;font-weight:500}.calendar-view__progress-bar-container{display:flex;align-items:center;gap:.75rem}.calendar-view__progress-bar{flex:1;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.calendar-view__progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;transition:width .5s ease;box-shadow:0 0 8px #4caf5066}.calendar-view__progress-percentage{font-size:1.125rem;font-weight:700;color:#fff;min-width:45px;text-align:right}.calendar-view__header{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--color-surface, #f8f9fa);border-bottom:1px solid var(--color-border, #e9ecef)}.calendar-view__mode-buttons{display:flex;gap:.5rem;justify-content:center}.calendar-view__mode-button{padding:.5rem 1rem;border:1px solid var(--color-border, #e9ecef);background:var(--color-background, #ffffff);color:var(--color-text, #333333);border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.calendar-view__mode-button:hover{background:var(--color-primary-light, #e3f2fd);border-color:var(--color-primary, #2196f3)}.calendar-view__mode-button--active{background:var(--color-primary, #2196f3);color:var(--color-primary-text, #ffffff);border-color:var(--color-primary, #2196f3)}.calendar-view__mode-button:focus{outline:2px solid var(--color-focus, #2196f3);outline-offset:2px}.calendar-view__navigation{display:flex;align-items:center;justify-content:space-between;gap:1rem}.calendar-view__nav-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--color-border, #e9ecef);background:var(--color-background, #ffffff);color:var(--color-text, #333333);border-radius:50%;cursor:pointer;transition:all .2s ease}.calendar-view__nav-button:hover{background:var(--color-primary-light, #e3f2fd);border-color:var(--color-primary, #2196f3)}.calendar-view__nav-button:focus{outline:2px solid var(--color-focus, #2196f3);outline-offset:2px}.calendar-view__nav-icon{font-size:1.25rem;font-weight:700}.calendar-view__current-date{display:flex;flex-direction:column;align-items:center;gap:.25rem}.calendar-view__date-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text, #333333)}.calendar-view__today-button{padding:.25rem .75rem;border:1px solid var(--color-primary, #2196f3);background:transparent;color:var(--color-primary, #2196f3);border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease}.calendar-view__today-button:hover{background:var(--color-primary, #2196f3);color:var(--color-primary-text, #ffffff)}.calendar-view__filters{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--color-surface-light, #fafafa);border-bottom:1px solid var(--color-border, #e9ecef)}.calendar-view__filter-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.calendar-view__filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text, #333333);cursor:pointer}.calendar-view__filter-checkbox{width:1rem;height:1rem;accent-color:var(--color-primary, #2196f3)}.calendar-view__filter-select{padding:.5rem;border:1px solid var(--color-border, #e9ecef);background:var(--color-background, #ffffff);color:var(--color-text, #333333);border-radius:4px;font-size:.875rem;cursor:pointer}.calendar-view__filter-select:focus{outline:2px solid var(--color-focus, #2196f3);outline-offset:2px}.calendar-view__content{flex:1;overflow:auto;padding:1rem}.calendar-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.calendar-view__spinner{width:2rem;height:2rem;border:2px solid var(--color-border, #e9ecef);border-top:2px solid var(--color-primary, #2196f3);border-radius:50%;animation:calendar-view-spin 1s linear infinite}@keyframes calendar-view-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.calendar-view--error{display:flex;align-items:center;justify-content:center}.calendar-view__error{text-align:center;padding:2rem;color:var(--color-error, #d32f2f)}.calendar-view__error h3{margin:0 0 .5rem;font-size:1.125rem}.calendar-view__error p{margin:0 0 1rem;color:var(--color-text-secondary, #666666)}.calendar-view__error button{padding:.5rem 1rem;border:1px solid var(--color-error, #d32f2f);background:var(--color-error, #d32f2f);color:var(--color-error-text, #ffffff);border-radius:4px;cursor:pointer;font-weight:500}.calendar-view__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.calendar-view__modal{background:var(--color-background, #ffffff);border-radius:8px;box-shadow:0 4px 16px #0003;max-width:400px;width:100%;max-height:80vh;overflow:auto}.calendar-view__modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-border, #e9ecef)}.calendar-view__modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text, #333333)}.calendar-view__modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:var(--color-text-secondary, #666666);border-radius:4px;cursor:pointer;font-size:1.25rem;font-weight:700;transition:all .2s ease}.calendar-view__modal-close:hover{background:var(--color-surface, #f8f9fa);color:var(--color-text, #333333)}.calendar-view__modal-content{padding:1rem}.calendar-view__modal-content p{margin:0 0 .75rem;font-size:.875rem;line-height:1.4}.calendar-view__modal-content p:last-child{margin-bottom:0}.calendar-view__modal-content strong{font-weight:600;color:var(--color-text, #333333)}@media (max-width: 768px){.calendar-view__overall-progress{padding:.75rem;gap:.5rem}.calendar-view__progress-info{flex-direction:column;align-items:flex-start;gap:.25rem}.calendar-view__progress-label{font-size:.9375rem}.calendar-view__progress-stats{font-size:.8125rem}.calendar-view__progress-percentage{font-size:1rem;min-width:40px}.calendar-view__header{padding:.75rem;gap:.75rem}.calendar-view__mode-buttons{gap:.25rem}.calendar-view__mode-button{padding:.375rem .75rem;font-size:.8125rem}.calendar-view__navigation{gap:.75rem}.calendar-view__nav-button{width:2rem;height:2rem}.calendar-view__nav-icon{font-size:1rem}.calendar-view__date-title{font-size:1.125rem}.calendar-view__today-button{font-size:.6875rem;padding:.1875rem .5rem}.calendar-view__filters{padding:.75rem;gap:.75rem}.calendar-view__filter-group{gap:.75rem}.calendar-view__filter-label{font-size:.8125rem}.calendar-view__filter-select{font-size:.8125rem;padding:.375rem}.calendar-view__content{padding:.75rem}.calendar-view__modal{margin:.5rem;max-width:none}.calendar-view__modal-header,.calendar-view__modal-content{padding:.75rem}}@media (max-width: 480px){.calendar-view__overall-progress{padding:.5rem}.calendar-view__progress-label{font-size:.875rem}.calendar-view__progress-stats{font-size:.75rem}.calendar-view__progress-bar-container{gap:.5rem}.calendar-view__progress-percentage{font-size:.9375rem;min-width:35px}.calendar-view__header{padding:.5rem}.calendar-view__mode-button{padding:.25rem .5rem;font-size:.75rem}.calendar-view__date-title{font-size:1rem}.calendar-view__filter-group{flex-direction:column;align-items:stretch;gap:.5rem}.calendar-view__filter-select{width:100%}.calendar-view__content{padding:.5rem}}@media (hover: none) and (pointer: coarse){.calendar-view__mode-button,.calendar-view__nav-button,.calendar-view__today-button,.calendar-view__filter-select{min-height:44px}.calendar-view__modal-close{min-width:44px;min-height:44px}}@media (prefers-contrast: high){.calendar-view{border:2px solid}.calendar-view__mode-button,.calendar-view__nav-button,.calendar-view__today-button,.calendar-view__filter-select{border-width:2px}}@media (prefers-reduced-motion: reduce){.calendar-view__mode-button,.calendar-view__nav-button,.calendar-view__today-button,.calendar-view__modal-close{transition:none}.calendar-view__spinner{animation:none}}.calendar-view__offline-status{margin:0;border-radius:0;border-left:none;border-right:none;border-top:none}.calendar-view__offline-banner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;border-bottom:1px solid #d1d5db;animation:pulse 2s infinite}.offline-banner__icon{font-size:1rem}.offline-banner__text{text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.calendar-view__offline-banner{padding:.5rem 1rem;font-size:.8rem}.calendar-view__offline-status{font-size:.8rem}}.calendar-view__sync-status{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;font-weight:500;border-bottom:1px solid #d1d5db;opacity:.9}.sync-status__icon{font-size:.875rem;animation:rotate 2s linear infinite}.sync-status__text{text-align:center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.calendar-view__sync-status{padding:.375rem .75rem;font-size:.7rem}}.conflict-warning-modal__overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.conflict-warning-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.conflict-warning-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.conflict-warning-modal__title{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:#333}.conflict-warning-modal__icon{font-size:1.5rem}.conflict-warning-modal__icon--error{color:#dc3545}.conflict-warning-modal__icon--conflict{color:#fd7e14}.conflict-warning-modal__icon--warning{color:#ffc107}.conflict-warning-modal__icon--info{color:#0dcaf0}.conflict-warning-modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;color:#6c757d;border-radius:4px;transition:background-color .2s ease}.conflict-warning-modal__close:hover{background-color:#e9ecef;color:#495057}.conflict-warning-modal__content{padding:1.5rem;overflow-y:auto;flex:1}.conflict-warning-modal__content h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#495057}.conflict-warning-modal__content>div:not(:last-child){margin-bottom:1.5rem}.conflict-warning-modal__session-info{background-color:#f8f9fa;padding:1rem;border-radius:6px;border-left:4px solid #0d6efd}.conflict-warning-modal__session-details p{margin:.25rem 0;font-size:.9rem}.conflict-warning-modal__session-details strong{color:#495057;min-width:80px;display:inline-block}.conflict-warning-modal__errors{background-color:#f8d7da;padding:1rem;border-radius:6px;border-left:4px solid #dc3545}.conflict-warning-modal__error-list{list-style:none;padding:0;margin:0}.conflict-warning-modal__error-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:#721c24}.conflict-warning-modal__error-item:last-child{margin-bottom:0}.conflict-warning-modal__error-icon{flex-shrink:0;margin-top:.1rem}.conflict-warning-modal__conflicts{background-color:#fff3cd;padding:1rem;border-radius:6px;border-left:4px solid #fd7e14}.conflict-warning-modal__conflict-list{display:flex;flex-direction:column;gap:1rem}.conflict-warning-modal__conflict-item{background:#fff;padding:.75rem;border-radius:4px;border:1px solid #ffeaa7}.conflict-warning-modal__conflict-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#856404}.conflict-warning-modal__conflict-subject{font-weight:400;color:#6c757d;font-size:.9rem}.conflict-warning-modal__conflict-details p{margin:.25rem 0;font-size:.85rem;color:#856404}.conflict-warning-modal__warnings{background-color:#d1ecf1;padding:1rem;border-radius:6px;border-left:4px solid #0dcaf0}.conflict-warning-modal__warning-list{list-style:none;padding:0;margin:0}.conflict-warning-modal__warning-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:#055160}.conflict-warning-modal__warning-item:last-child{margin-bottom:0}.conflict-warning-modal__warning-icon{flex-shrink:0;margin-top:.1rem}.conflict-warning-modal__alternatives{background-color:#d4edda;padding:1rem;border-radius:6px;border-left:4px solid #198754}.conflict-warning-modal__alternative-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.conflict-warning-modal__alternative-item{background:#fff;border:1px solid #c3e6cb;border-radius:4px;padding:.75rem;cursor:pointer;transition:all .2s ease;text-align:left}.conflict-warning-modal__alternative-item:hover{background-color:#f8f9fa;border-color:#198754;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.conflict-warning-modal__alternative-time{font-weight:600;color:#155724;font-size:1rem;margin-bottom:.25rem}.conflict-warning-modal__alternative-date{font-size:.85rem;color:#6c757d}.conflict-warning-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e0e0e0;background-color:#f8f9fa}.conflict-warning-modal__button{padding:.5rem 1.5rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.conflict-warning-modal__button--cancel{background-color:#6c757d;color:#fff}.conflict-warning-modal__button--cancel:hover{background-color:#5a6268}.conflict-warning-modal__button--proceed{background-color:#198754;color:#fff}.conflict-warning-modal__button--proceed:hover{background-color:#157347}@media (max-width: 768px){.conflict-warning-modal__overlay{padding:.5rem}.conflict-warning-modal{max-height:95vh}.conflict-warning-modal__header,.conflict-warning-modal__content,.conflict-warning-modal__footer{padding:1rem}.conflict-warning-modal__title{font-size:1.1rem}.conflict-warning-modal__alternative-list{grid-template-columns:1fr}.conflict-warning-modal__footer{flex-direction:column-reverse}.conflict-warning-modal__button{width:100%}}.conflict-warning-modal__overlay{animation:fadeIn .2s ease-out}.conflict-warning-modal{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.conflict-warning-modal__close:focus,.conflict-warning-modal__button:focus,.conflict-warning-modal__alternative-item:focus{outline:2px solid #0d6efd;outline-offset:2px}@media (prefers-contrast: high){.conflict-warning-modal{border:2px solid #000}.conflict-warning-modal__header,.conflict-warning-modal__footer{border-color:#000}}.day-view{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.day-view__header{padding:1rem;border-bottom:1px solid var(--color-border, #e9ecef);background:var(--color-surface, #f8f9fa)}.day-view__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text, #333333);text-align:center}.day-view__content{display:flex;flex:1;overflow:hidden}.day-view__time-column{width:80px;border-right:1px solid var(--color-border, #e9ecef);background:var(--color-surface-light, #fafafa)}.day-view__time-slot{height:60px;border-bottom:1px solid var(--color-border-light, #f0f0f0);display:flex;align-items:flex-start;padding:.25rem .5rem}.day-view__time-slot--current{background:var(--color-primary-light, #e3f2fd)}.day-view__time-label{font-size:.75rem;color:var(--color-text-secondary, #666666);font-weight:500}.day-view__sessions-column{flex:1;position:relative;overflow-y:auto}.day-view__session-slot{height:60px;border-bottom:1px solid var(--color-border-light, #f0f0f0);position:relative;padding:.25rem}.day-view__session-slot--current{background:var(--color-primary-light, #e3f2fd)}.day-view__session-container{position:relative;margin-bottom:.25rem}.day-view__drop-zone{position:absolute;inset:0;background:#2196f31a;border:2px dashed var(--color-primary, #2196f3);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-primary, #2196f3);font-weight:500;opacity:0;transition:opacity .2s ease;pointer-events:none}.day-view__session-slot:hover .day-view__drop-zone{opacity:1}.day-view__current-time-line{position:absolute;left:80px;right:0;height:2px;background:var(--color-error, #f44336);z-index:10;pointer-events:none}.day-view__current-time-dot{position:absolute;left:-4px;top:-3px;width:8px;height:8px;background:var(--color-error, #f44336);border-radius:50%}.day-view__current-time-label{position:absolute;left:8px;top:-10px;background:var(--color-error, #f44336);color:#fff;padding:.125rem .25rem;border-radius:3px;font-size:.6875rem;font-weight:500;white-space:nowrap}@media (max-width: 768px){.day-view__time-column{width:60px}.day-view__time-label{font-size:.6875rem}.day-view__session-slot{height:50px;padding:.1875rem}.day-view__current-time-line{left:60px}}@media (max-width: 480px){.day-view__header{padding:.75rem}.day-view__title{font-size:1.125rem}.day-view__time-column{width:50px}.day-view__time-label{font-size:.625rem}.day-view__session-slot{height:45px;padding:.125rem}.day-view__current-time-line{left:50px}.day-view__current-time-label{font-size:.625rem;padding:.0625rem .1875rem}}.month-view{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.month-view__header{padding:1rem;border-bottom:1px solid var(--color-border, #e9ecef);background:var(--color-surface, #f8f9fa);text-align:center}.month-view__title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text, #333333)}.month-view__calendar{flex:1;display:flex;flex-direction:column;overflow:hidden}.month-view__weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--color-border, #e9ecef);background:var(--color-surface-light, #fafafa)}.month-view__weekday{padding:.75rem .5rem;text-align:center;font-size:.875rem;font-weight:600;color:var(--color-text-secondary, #666666);text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--color-border-light, #f0f0f0)}.month-view__weekday:last-child{border-right:none}.month-view__grid{flex:1;overflow-y:auto}.month-view__week{display:grid;grid-template-columns:repeat(7,1fr);min-height:120px}.month-view__day{border-right:1px solid var(--color-border-light, #f0f0f0);border-bottom:1px solid var(--color-border-light, #f0f0f0);padding:.5rem;position:relative;cursor:pointer;transition:background-color .2s ease;overflow:hidden}.month-view__day:hover{background:var(--color-surface-light, #fafafa)}.month-view__day--current-month{background:var(--color-background, #ffffff)}.month-view__day--other-month{background:var(--color-surface, #f8f9fa);color:var(--color-text-secondary, #666666)}.month-view__day--today{background:var(--color-primary-light, #e3f2fd);border-color:var(--color-primary, #2196f3)}.month-view__day--past{opacity:.7}.month-view__day--has-sessions{border-left:3px solid var(--color-primary, #2196f3)}.month-view__day-number{font-size:1rem;font-weight:600;color:var(--color-text, #333333);margin-bottom:.5rem}.month-view__day--today .month-view__day-number{color:var(--color-primary, #2196f3);font-weight:700}.month-view__day--other-month .month-view__day-number{color:var(--color-text-secondary, #666666)}.month-view__session-indicators{display:flex;gap:.25rem;margin-bottom:.5rem;flex-wrap:wrap}.month-view__session-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;font-size:.6875rem;font-weight:600;color:#fff;padding:0 .25rem}.month-view__session-indicator--completed{background:#4caf50}.month-view__session-indicator--scheduled{background:var(--color-primary, #2196f3)}.month-view__session-indicator--missed{background:#f44336}.month-view__session-indicator--in-progress{background:#ff9800}.month-view__session-previews{display:flex;flex-direction:column;gap:.125rem;max-height:60px;overflow:hidden}.month-view__session-preview{display:flex;align-items:center;gap:.25rem;padding:.125rem .25rem;border-radius:3px;font-size:.6875rem;cursor:pointer;transition:background-color .2s ease}.month-view__session-preview:hover{background:#0000000d}.month-view__session-preview--scheduled{background:#2196f31a;color:var(--color-primary, #2196f3)}.month-view__session-preview--completed{background:#4caf501a;color:#4caf50}.month-view__session-preview--missed{background:#f443361a;color:#f44336}.month-view__session-preview--in-progress{background:#ff98001a;color:#ff9800}.month-view__session-preview--more{background:var(--color-surface, #f8f9fa);color:var(--color-text-secondary, #666666);font-weight:500;text-align:center;justify-content:center}.month-view__session-preview-time{font-weight:600;min-width:35px}.month-view__session-preview-topic{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-view__drop-zone{position:absolute;inset:0;background:#2196f31a;border:2px dashed var(--color-primary, #2196f3);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-primary, #2196f3);font-weight:500;opacity:0;transition:opacity .2s ease;pointer-events:none}.month-view__day:hover .month-view__drop-zone{opacity:1}.month-view__summary{border-top:1px solid var(--color-border, #e9ecef);background:var(--color-surface, #f8f9fa);padding:1rem}.month-view__summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.month-view__summary-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--color-background, #ffffff);border-radius:4px;border:1px solid var(--color-border-light, #f0f0f0)}.month-view__summary-label{font-size:.875rem;color:var(--color-text-secondary, #666666);font-weight:500}.month-view__summary-value{font-size:1rem;font-weight:700;color:var(--color-text, #333333)}.month-view__summary-value--completed{color:#4caf50}.month-view__summary-value--scheduled{color:var(--color-primary, #2196f3)}.month-view__summary-value--missed{color:#f44336}@media (max-width: 768px){.month-view__header{padding:.75rem}.month-view__title{font-size:1.25rem}.month-view__weekday{padding:.5rem .25rem;font-size:.75rem}.month-view__week{min-height:100px}.month-view__day{padding:.375rem}.month-view__day-number{font-size:.875rem;margin-bottom:.375rem}.month-view__session-indicator{min-width:16px;height:16px;font-size:.625rem}.month-view__session-previews{max-height:50px}.month-view__session-preview{font-size:.625rem;padding:.0625rem .1875rem}.month-view__session-preview-time{min-width:30px}.month-view__summary{padding:.75rem}.month-view__summary-stats{grid-template-columns:1fr;gap:.5rem}.month-view__summary-stat{padding:.375rem}.month-view__summary-label{font-size:.8125rem}.month-view__summary-value{font-size:.9375rem}}@media (max-width: 480px){.month-view__header{padding:.5rem}.month-view__title{font-size:1.125rem}.month-view__weekday{padding:.375rem .1875rem;font-size:.6875rem}.month-view__week{min-height:80px}.month-view__day{padding:.25rem}.month-view__day-number{font-size:.8125rem;margin-bottom:.25rem}.month-view__session-indicator{min-width:14px;height:14px;font-size:.5625rem}.month-view__session-previews{max-height:40px}.month-view__session-preview{font-size:.5625rem;padding:.0625rem .125rem;gap:.125rem}.month-view__session-preview-time{min-width:25px}.month-view__summary{padding:.5rem}.month-view__summary-stat{padding:.25rem}.month-view__summary-label{font-size:.75rem}.month-view__summary-value{font-size:.875rem}}@media print{.month-view__summary{break-inside:avoid}.month-view__drop-zone{display:none}.month-view__day:hover,.month-view__session-preview:hover{background:inherit}}.session-card{position:relative;display:flex;flex-direction:column;background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e9ecef);border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s ease;overflow:hidden;min-height:60px}.session-card:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.session-card:focus{outline:2px solid var(--color-focus, #2196f3);outline-offset:2px}.session-card__color-bar{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--subject-color, #757575)}.session-card--scheduled{border-left:4px solid var(--subject-color, #757575);background:var(--color-background, #ffffff)}.session-card--completed{border-left:4px solid #4CAF50;background:#f1f8e9;opacity:.9}.session-card--missed{border-left:4px solid #F44336;background:#ffebee;border-color:#ffcdd2}.session-card--in-progress{border-left:4px solid #FF9800;background:#fff3e0;animation:session-card-pulse 2s infinite}@keyframes session-card-pulse{0%,to{opacity:1}50%{opacity:.8}}.session-card--dragged{opacity:.5;transform:rotate(5deg);z-index:1000}.session-card--selected{border-color:var(--color-primary, #2196f3);box-shadow:0 0 0 2px #2196f333}.session-card--day-view{min-height:80px;padding:.75rem}.session-card--week-view{min-height:60px;padding:.5rem;font-size:.875rem}.session-card--month-view{min-height:40px;padding:.25rem;font-size:.75rem}.session-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.session-card__status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.session-card__status-icon{font-size:.875rem}.session-card__status-text{text-transform:capitalize;color:var(--color-text-secondary, #666666)}.session-card__priority{font-size:.75rem}.session-card__content{flex:1;display:flex;flex-direction:column;gap:.25rem}.session-card__topic{font-weight:600;color:var(--color-text, #333333);line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.session-card__subject{font-size:.75rem;color:var(--subject-color, #757575);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.session-card__time-info{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-secondary, #666666)}.session-card__time{font-weight:500}.session-card__duration{background:var(--color-surface, #f8f9fa);padding:.125rem .25rem;border-radius:3px;font-weight:500}.session-card__mastery{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.session-card__mastery-bar{flex:1;height:4px;background:var(--color-border, #e9ecef);border-radius:2px;overflow:hidden}.session-card__mastery-fill{height:100%;background:var(--mastery-color, #4CAF50);transition:width .3s ease}.session-card__mastery-text{font-size:.6875rem;font-weight:600;color:var(--mastery-color, #4CAF50);min-width:30px;text-align:right}.session-card__progress-indicators{margin-top:.375rem;display:flex;flex-direction:column;gap:.25rem}.session-card__topic-completion{display:flex;align-items:center;gap:.375rem;font-size:.6875rem}.session-card__progress-label{font-weight:600;color:var(--color-text-secondary, #666666);min-width:35px}.session-card__progress-bar{flex:1;height:3px;background:var(--color-border, #e9ecef);border-radius:1.5px;overflow:hidden}.session-card__progress-fill{height:100%;transition:width .3s ease;border-radius:1.5px}.session-card__progress-fill--topic{background:linear-gradient(90deg,#f44336,#ff9800,#4caf50)}.session-card__progress-text{font-weight:600;color:var(--color-text, #333333);min-width:30px;text-align:right;font-size:.625rem}.session-card__time-progress{display:flex;align-items:center;gap:.375rem;font-size:.6875rem}.session-card__time-comparison{display:flex;align-items:center;gap:.125rem;font-weight:500}.session-card__time-actual{color:var(--color-text, #333333)}.session-card__time-separator,.session-card__time-planned{color:var(--color-text-secondary, #666666)}.session-card__time-efficiency{margin-left:auto}.session-card__efficiency-indicator{font-size:.625rem;font-weight:600;padding:.125rem .25rem;border-radius:3px;text-transform:uppercase;letter-spacing:.25px}.session-card__efficiency-indicator--good{background:#e8f5e9;color:#2e7d32}.session-card__efficiency-indicator--needs-improvement{background:#fff3e0;color:#ef6c00}.session-card__completion-info{margin-top:.25rem;padding-top:.25rem;border-top:1px solid var(--color-border-light, #f0f0f0);font-size:.6875rem;color:var(--color-text-secondary, #666666)}.session-card__actual-duration{margin-bottom:.125rem}.session-card__mastery-change{color:#4caf50;font-weight:600}.session-card__drag-handle{position:absolute;top:.25rem;right:.25rem;width:12px;height:20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;cursor:grab}.session-card:hover .session-card__drag-handle{opacity:.5}.session-card__drag-handle:hover{opacity:1}.session-card__drag-icon{font-size:.75rem;color:var(--color-text-secondary, #666666);line-height:1}.session-card__mastery-highlight{position:absolute;top:-2px;right:-2px;background:#4caf50;color:#fff;font-size:.6875rem;padding:.125rem .25rem;border-radius:0 6px;font-weight:600;animation:session-card-highlight 3s ease-in-out}@keyframes session-card-highlight{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.session-card--month-view .session-card__content{gap:.125rem}.session-card--month-view .session-card__topic{font-size:.6875rem;-webkit-line-clamp:1}.session-card--month-view .session-card__time-info{font-size:.625rem}.session-card--month-view .session-card__mastery,.session-card--month-view .session-card__drag-handle{display:none}.session-card--week-view .session-card__topic{font-size:.8125rem}.session-card--week-view .session-card__mastery-text{font-size:.625rem}.session-card--day-view .session-card__topic{font-size:.9375rem}.session-card--day-view .session-card__time-info{font-size:.8125rem}.session-card--completed .session-card__topic{text-decoration:line-through;opacity:.8}.session-card--missed .session-card__topic{color:#d32f2f}.session-card--in-progress .session-card__topic{color:#f57c00;font-weight:700}@media (max-width: 768px){.session-card--day-view{padding:.5rem;min-height:70px}.session-card--week-view{padding:.375rem;min-height:50px;font-size:.8125rem}.session-card--month-view{padding:.1875rem;min-height:35px;font-size:.6875rem}.session-card__topic{font-size:.8125rem}.session-card--week-view .session-card__topic{font-size:.75rem}.session-card--month-view .session-card__topic{font-size:.625rem}}@media (max-width: 480px){.session-card--day-view{padding:.375rem;min-height:60px}.session-card--week-view{padding:.25rem;min-height:45px}.session-card--month-view{padding:.125rem;min-height:30px}.session-card__time-info{flex-direction:column;align-items:flex-start;gap:.125rem}.session-card__mastery{gap:.25rem}.session-card__progress-indicators{gap:.1875rem}.session-card__topic-completion,.session-card__time-progress{font-size:.625rem;gap:.25rem}.session-card__progress-label{min-width:30px}.session-card__efficiency-indicator{font-size:.5625rem;padding:.0625rem .1875rem}}@media (hover: none) and (pointer: coarse){.session-card{min-height:44px}.session-card__drag-handle{opacity:.3;width:16px;height:24px}}@media (prefers-contrast: high){.session-card{border-width:2px}.session-card--completed{background:#e8f5e8;border-color:#2e7d32}.session-card--missed{background:#ffebee;border-color:#c62828}.session-card--in-progress{background:#fff8e1;border-color:#ef6c00}}@media (prefers-reduced-motion: reduce){.session-card{transition:none}.session-card:hover{transform:none}.session-card--in-progress{animation:none}.session-card__mastery-fill,.session-card__progress-fill{transition:none}.session-card__mastery-highlight{animation:none}}@media print{.session-card{break-inside:avoid;box-shadow:none;border:1px solid #000}.session-card__drag-handle{display:none}.session-card--completed{background:#f5f5f5}.session-card--missed{background:#f0f0f0;border-style:dashed}}.session-details-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.session-details-modal__content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.session-details-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6) var(--space-6) var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light)}.session-details-modal__title-section{flex:1;margin-right:var(--space-4)}.session-details-modal__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.session-details-modal__subtitle{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--font-medium)}.session-details-modal__close-button{background:none;border:none;font-size:var(--text-xl);color:var(--text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:.375rem;transition:all .2s ease;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.session-details-modal__close-button:hover{background-color:var(--bg-secondary);color:var(--text-secondary)}.session-details-modal__close-button:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.session-details-modal__basic-info{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light)}.session-details-modal__status{display:flex;align-items:center;margin-bottom:var(--space-3)}.session-details-modal__status-indicator{font-size:var(--text-lg);margin-right:var(--space-2)}.session-details-modal__status-text{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.session-details-modal__datetime{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-2)}.session-details-modal__duration{font-size:var(--text-sm);color:var(--text-tertiary)}.session-details-modal__mastery-section,.session-details-modal__progress-section,.session-details-modal__tips-section,.session-details-modal__profile-section{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light)}.session-details-modal__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-1)}.session-details-modal__tips-subtitle{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-secondary);font-style:italic}.session-details-modal__mastery-info{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.session-details-modal__mastery-bar{flex:1;height:8px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden}.session-details-modal__mastery-fill{height:100%;border-radius:4px;transition:width .3s ease}.session-details-modal__mastery-percentage{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);min-width:40px;text-align:right}.session-details-modal__mastery-change{margin-top:var(--space-2)}.session-details-modal__mastery-improvement{font-size:var(--text-sm);color:var(--success);font-weight:var(--font-medium)}.session-details-modal__time-comparison{display:flex;gap:var(--space-6);margin-bottom:var(--space-4)}.session-details-modal__time-item{display:flex;flex-direction:column;gap:var(--space-1)}.session-details-modal__time-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.session-details-modal__time-value{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-semibold)}.session-details-modal__topic-progress{display:flex;flex-direction:column;gap:var(--space-2)}.session-details-modal__progress-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.session-details-modal__progress-bar{height:6px;background-color:var(--bg-tertiary);border-radius:3px;overflow:hidden}.session-details-modal__progress-fill{height:100%;background-color:var(--eduq-blue);border-radius:3px;transition:width .3s ease}.session-details-modal__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-secondary);font-style:italic}.session-details-modal__tips-list{display:flex;flex-direction:column;gap:var(--space-3)}.session-details-modal__tip-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-secondary);border-radius:.5rem;border-left:3px solid var(--eduq-cyan)}.session-details-modal__tip-item:before{content:"💡";font-size:var(--text-base);flex-shrink:0}.session-details-modal__tip-text{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-relaxed)}.session-details-modal__profile-info{display:flex;flex-direction:column;gap:var(--space-3)}.session-details-modal__profile-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.session-details-modal__profile-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.session-details-modal__profile-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-semibold)}.session-details-modal__actions{padding:var(--space-5) var(--space-6);display:flex;gap:var(--space-3);justify-content:flex-end}.session-details-modal__action-button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:var(--space-2)}.session-details-modal__action-button--primary{background-color:var(--eduq-blue);color:#fff}.session-details-modal__action-button--primary:hover{background-color:var(--eduq-blue-hover)}.session-details-modal__action-button--primary:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.session-details-modal__action-button--secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.session-details-modal__action-button--secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-dark)}.session-details-modal__action-button--secondary:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}@media (max-width: 640px){.session-details-modal{padding:var(--space-2)}.session-details-modal__content{max-height:95vh}.session-details-modal__header{padding:var(--space-4) var(--space-4) var(--space-3) var(--space-4)}.session-details-modal__title{font-size:var(--text-xl)}.session-details-modal__basic-info,.session-details-modal__mastery-section,.session-details-modal__progress-section,.session-details-modal__tips-section,.session-details-modal__profile-section{padding:var(--space-4)}.session-details-modal__actions{padding:var(--space-4);flex-direction:column}.session-details-modal__action-button{width:100%;justify-content:center}.session-details-modal__time-comparison{flex-direction:column;gap:var(--space-3)}.session-details-modal__profile-item{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}@media (prefers-reduced-motion: reduce){.session-details-modal__mastery-fill,.session-details-modal__progress-fill,.session-details-modal__action-button{transition:none}}@media (prefers-contrast: high){.session-details-modal__content{border:2px solid var(--text-primary)}.session-details-modal__tip-item{border:1px solid var(--border-dark)}}.session-details-modal[aria-hidden=true]{display:none}.session-details-modal__loading:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid var(--text-tertiary);border-radius:50%;border-top-color:var(--eduq-blue);animation:spin 1s ease-in-out infinite;margin-left:var(--space-2)}.session-details-modal{isolation:isolate}.week-view{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff)}.week-view__header{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:1px solid var(--color-border, #e9ecef);background:var(--color-surface, #f8f9fa)}.week-view__time-header{padding:1rem .5rem;font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #666666);text-align:center;border-right:1px solid var(--color-border, #e9ecef)}.week-view__day-header{padding:1rem .5rem;text-align:center;border-right:1px solid var(--color-border-light, #f0f0f0);position:relative}.week-view__day-header--today{background:var(--color-primary-light, #e3f2fd);color:var(--color-primary, #2196f3)}.week-view__day-header--other-month{opacity:.5}.week-view__day-name{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.week-view__day-number{font-size:1.125rem;font-weight:700}.week-view__today-indicator{position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--color-primary, #2196f3);border-radius:50%}.week-view__content{display:flex;flex:1;overflow:hidden}.week-view__time-column{width:80px;border-right:1px solid var(--color-border, #e9ecef);background:var(--color-surface-light, #fafafa);overflow-y:auto}.week-view__time-slot{height:40px;border-bottom:1px solid var(--color-border-light, #f0f0f0);display:flex;align-items:flex-start;padding:.25rem .5rem}.week-view__time-label{font-size:.6875rem;color:var(--color-text-secondary, #666666);font-weight:500}.week-view__days-grid{display:grid;grid-template-columns:repeat(7,1fr);flex:1;overflow-y:auto}.week-view__day-column{border-right:1px solid var(--color-border-light, #f0f0f0)}.week-view__day-column--today{background:var(--color-primary-light, #e3f2fd)}.week-view__session-slot{height:40px;border-bottom:1px solid var(--color-border-light, #f0f0f0);position:relative;padding:.125rem}.week-view__session-slot--current{background:#2196f31a}.week-view__session-container{position:relative;margin-bottom:.125rem}.week-view__drop-zone{position:absolute;inset:0;background:#2196f31a;border:1px dashed var(--color-primary, #2196f3);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:.625rem;color:var(--color-primary, #2196f3);font-weight:500;opacity:0;transition:opacity .2s ease;pointer-events:none}.week-view__session-slot:hover .week-view__drop-zone{opacity:1}.week-view__current-time-line{position:absolute;height:2px;background:var(--color-error, #f44336);z-index:10;pointer-events:none;width:calc(100% / 7)}.week-view__current-time-dot{position:absolute;left:-3px;top:-2px;width:6px;height:6px;background:var(--color-error, #f44336);border-radius:50%}.week-view__current-time-label{position:absolute;left:6px;top:-8px;background:var(--color-error, #f44336);color:#fff;padding:.0625rem .1875rem;border-radius:2px;font-size:.625rem;font-weight:500;white-space:nowrap}.week-view__summary{border-top:1px solid var(--color-border, #e9ecef);background:var(--color-surface, #f8f9fa);padding:.75rem}.week-view__summary-stats{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.week-view__day-summary{text-align:center;padding:.5rem;border-radius:4px;background:var(--color-background, #ffffff);border:1px solid var(--color-border-light, #f0f0f0)}.week-view__day-summary--today{background:var(--color-primary-light, #e3f2fd);border-color:var(--color-primary, #2196f3)}.week-view__day-summary-label{font-size:.6875rem;font-weight:600;color:var(--color-text-secondary, #666666);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.week-view__day-summary-count{font-size:.875rem;font-weight:700;color:var(--color-text, #333333)}@media (max-width: 768px){.week-view__header{grid-template-columns:60px repeat(7,1fr)}.week-view__time-header,.week-view__day-header{padding:.75rem .25rem}.week-view__day-name{font-size:.6875rem}.week-view__day-number{font-size:1rem}.week-view__time-column{width:60px}.week-view__time-label{font-size:.625rem}.week-view__session-slot{height:35px;padding:.0625rem}.week-view__summary-stats{gap:.25rem}.week-view__day-summary{padding:.375rem}.week-view__day-summary-label{font-size:.625rem}.week-view__day-summary-count{font-size:.8125rem}}@media (max-width: 480px){.week-view__header{grid-template-columns:50px repeat(7,1fr)}.week-view__time-header,.week-view__day-header{padding:.5rem .1875rem}.week-view__day-name{font-size:.625rem;margin-bottom:.125rem}.week-view__day-number{font-size:.875rem}.week-view__time-column{width:50px}.week-view__time-label{font-size:.5625rem}.week-view__session-slot{height:30px;padding:.0625rem}.week-view__summary{padding:.5rem}.week-view__summary-stats{gap:.1875rem}.week-view__day-summary{padding:.25rem}.week-view__day-summary-label{font-size:.5625rem}.week-view__day-summary-count{font-size:.75rem}}@media print{.week-view__summary{break-inside:avoid}.week-view__current-time-line{display:none}}.content-detection-card{position:fixed;bottom:var(--space-5, 20px);right:var(--space-5, 20px);width:360px;max-width:calc(100vw - 40px);background:var(--bg-primary, #ffffff);border-radius:.75rem;box-shadow:0 4px 20px #00000026;padding:var(--space-5, 20px);z-index:1000;animation:slideInRight .3s ease-out}.content-detection-card--animating{animation:slideOutRight .3s ease-in forwards}.content-detection-card__dismiss{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary, #6B7280);padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:.25rem;transition:all .2s ease}.content-detection-card__dismiss:hover{background:var(--bg-secondary, #F9FAFB);color:var(--text-primary, #111827)}.content-detection-card__dismiss:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.content-detection-card__header{display:flex;align-items:center;gap:var(--space-3, 12px);margin-bottom:var(--space-3, 12px)}.content-detection-card__icon{font-size:32px;flex-shrink:0}.content-detection-card__title{font-size:var(--text-base, 1rem);font-weight:var(--font-semibold, 600);margin:0;color:var(--text-primary, #111827);line-height:var(--leading-snug, 1.375)}.content-detection-card__description{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #6B7280);margin-bottom:var(--space-4, 16px);line-height:var(--leading-normal, 1.5)}.content-detection-card__suggestion{margin-bottom:var(--space-4, 16px)}.content-detection-card__module{display:flex;flex-direction:column;gap:var(--space-1, 4px);padding:var(--space-3, 12px);background:var(--bg-secondary, #F9FAFB);border-radius:.5rem;border-left:4px solid var(--eduq-blue, #0066FF)}.content-detection-card__module strong{color:var(--eduq-blue, #0066FF);font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600)}.content-detection-card__module span{font-size:var(--text-xs, .75rem);color:var(--text-secondary, #6B7280);line-height:var(--leading-snug, 1.375)}.content-detection-card__actions{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.content-detection-card__btn{padding:.75rem 1rem;border-radius:.5rem;font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);cursor:pointer;transition:all .2s ease;border:none;text-align:center}.content-detection-card__btn--primary{background:var(--eduq-blue, #0066FF);color:#fff}.content-detection-card__btn--primary:hover{background:var(--eduq-blue-hover, #0052CC);transform:translateY(-1px)}.content-detection-card__btn--primary:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.content-detection-card__btn--secondary{background:transparent;color:var(--eduq-blue, #0066FF);border:2px solid var(--eduq-blue, #0066FF)}.content-detection-card__btn--secondary:hover{background:#0066ff1a;transform:translateY(-1px)}.content-detection-card__btn--secondary:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}@media (max-width: 480px){.content-detection-card{bottom:var(--space-2, 8px);right:var(--space-2, 8px);left:var(--space-2, 8px);width:auto;max-width:none;padding:var(--space-4, 16px)}.content-detection-card__title{font-size:var(--text-sm, .875rem)}.content-detection-card__description{font-size:var(--text-xs, .75rem)}.content-detection-card__btn{padding:.625rem .875rem;font-size:var(--text-xs, .75rem)}}@media (prefers-contrast: high){.content-detection-card{border:2px solid var(--text-primary, #111827)}.content-detection-card__btn--secondary{border-width:2px}}@media (prefers-reduced-motion: reduce){.content-detection-card{animation:none}.content-detection-card--animating{animation:none;opacity:0}.content-detection-card__btn:hover{transform:none}}.intervention-card{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--color-surface, #ffffff);border-radius:16px;box-shadow:0 8px 32px #0000001f;padding:24px;max-width:420px;width:calc(100% - 40px);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);z-index:1000;border:1px solid var(--color-border-light, #f0f0f0)}.intervention-card--animating{animation:slideOut .3s ease-in forwards}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0;scale:.9}to{transform:translate(-50%) translateY(0);opacity:1;scale:1}}@keyframes slideOut{0%{transform:translate(-50%) translateY(0);opacity:1;scale:1}to{transform:translate(-50%) translateY(20px);opacity:0;scale:.95}}.intervention-card__dismiss{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-tertiary, #999);padding:4px;border-radius:4px;transition:all .2s ease;line-height:1}.intervention-card__dismiss:hover{background:var(--color-background-hover, #f5f5f5);color:var(--color-text-secondary, #666)}.intervention-card__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.intervention-card__icon{font-size:32px;line-height:1}.intervention-card__title{font-size:18px;font-weight:600;color:var(--color-text-primary, #333);margin:0}.intervention-card__message{font-size:16px;line-height:1.5;color:var(--color-text-primary, #333);margin:0 0 20px;text-align:left}.intervention-card__options{display:flex;flex-direction:column;gap:10px}.intervention-card__option{display:flex;flex-direction:column;align-items:flex-start;padding:14px 16px;border:1px solid var(--color-border, #e0e0e0);border-radius:10px;background:var(--color-background, #fafafa);cursor:pointer;font-size:14px;transition:all .2s ease;text-align:left;width:100%;box-sizing:border-box}.intervention-card__option:hover{background:var(--color-primary-light, #e8f0fa);border-color:var(--color-primary, #4a90d9);transform:translateY(-1px);box-shadow:0 2px 8px #4a90d926}.intervention-card__option--high{border-color:var(--color-primary, #4a90d9);background:var(--color-primary-lightest, #f0f7ff)}.intervention-card__option--high:hover{background:var(--color-primary-light, #e8f0fa);box-shadow:0 3px 12px #4a90d933}.intervention-card__option--medium{border-color:var(--color-border, #e0e0e0);background:var(--color-background, #fafafa)}.intervention-card__option--low{border-color:var(--color-border-light, #f0f0f0);background:var(--color-background-light, #f8f8f8);opacity:.8}.intervention-card__option-label{font-weight:500;color:var(--color-text-primary, #333);margin-bottom:4px}.intervention-card__option-description{font-size:12px;color:var(--color-text-secondary, #666);line-height:1.4}.intervention-card__footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border-light, #f0f0f0);display:flex;justify-content:center}.intervention-card__ai-badge{font-size:11px;color:var(--color-text-tertiary, #999);background:var(--color-background-light, #f8f8f8);padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}@media (max-width: 480px){.intervention-card{bottom:20px;left:20px;right:20px;width:auto;transform:none;max-width:none;padding:20px}.intervention-card--animating{animation:slideOutMobile .3s ease-in forwards}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutMobile{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.intervention-card__title{font-size:16px}.intervention-card__message{font-size:15px}.intervention-card__option{padding:12px 14px}}@media (prefers-color-scheme: dark){.intervention-card{background:var(--color-surface-dark, #2a2a2a);border-color:var(--color-border-dark, #404040);box-shadow:0 8px 32px #0000004d}.intervention-card__title,.intervention-card__message{color:var(--color-text-primary-dark, #ffffff)}.intervention-card__option{background:var(--color-background-dark, #333333);border-color:var(--color-border-dark, #404040);color:var(--color-text-primary-dark, #ffffff)}.intervention-card__option:hover{background:var(--color-primary-dark, #3a7bc8);border-color:var(--color-primary-dark, #3a7bc8)}.intervention-card__option-label{color:var(--color-text-primary-dark, #ffffff)}.intervention-card__option-description{color:var(--color-text-secondary-dark, #cccccc)}}@media (prefers-reduced-motion: reduce){.intervention-card{animation:none}.intervention-card--animating{animation:none;opacity:0}.intervention-card__option:hover{transform:none}}@media (prefers-contrast: high){.intervention-card,.intervention-card__option{border:2px solid var(--color-text-primary, #000000)}.intervention-card__option:hover{border:2px solid var(--color-primary, #4a90d9)}}.proactive-greeting{position:fixed;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out;display:none!important}.proactive-greeting--animating-out{animation:fadeOut .3s ease-in forwards}.proactive-greeting__dismiss{position:absolute;top:20px;right:20px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.proactive-greeting__avatar{font-size:64px;margin-bottom:20px;animation:wave 1s ease-in-out}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.proactive-greeting__message{background:#fff;padding:24px 32px;border-radius:20px;font-size:20px;max-width:500px;text-align:center;margin-bottom:24px;box-shadow:0 4px 20px #0000001a}.proactive-greeting__suggestions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px;padding:0 20px}.proactive-greeting__suggestions-label{color:#fff;text-align:center;margin-bottom:8px;font-size:16px}.proactive-greeting__suggestion{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:none;border-radius:12px;cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.proactive-greeting__suggestion:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.proactive-greeting__suggestion-icon{font-size:24px}.proactive-greeting__suggestion-label{font-size:16px;font-weight:500;color:var(--color-text-primary, #333)}.proactive-greeting__suggestion-reason{font-size:13px;color:var(--color-text-secondary, #666);margin-left:auto}.proactive-greeting--loading{background:#0000004d}.proactive-greeting__loader{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;font-size:18px}.proactive-greeting__loader-icon{font-size:48px;animation:wave 1s ease-in-out infinite}@media (max-width: 480px){.proactive-greeting__message{font-size:18px;padding:20px 24px;margin:0 16px 24px}.proactive-greeting__suggestion{padding:14px 16px}.proactive-greeting__suggestion-reason{display:none}}.study-plan-creator{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.study-plan-creator__modal{background:var(--color-surface, #ffffff);border-radius:16px;box-shadow:0 8px 32px #0003;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.study-plan-creator__header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--color-border, #e0e0e0);background:var(--color-surface, #ffffff)}.study-plan-creator__title{font-size:24px;font-weight:600;color:var(--color-text-primary, #333);margin:0}.study-plan-creator__close{background:none;border:none;font-size:28px;color:var(--color-text-secondary, #666);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.study-plan-creator__close:hover{background:var(--color-background, #f5f5f5);color:var(--color-text-primary, #333)}.study-plan-creator__progress{padding:24px 32px;background:var(--color-background, #f8f9fa);border-bottom:1px solid var(--color-border, #e0e0e0)}.study-plan-creator__steps{display:flex;justify-content:space-between;position:relative}.study-plan-creator__steps:before{content:"";position:absolute;top:20px;left:40px;right:40px;height:2px;background:var(--color-border, #e0e0e0);z-index:1}.study-plan-creator__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;cursor:pointer;transition:all .2s ease;z-index:2}.study-plan-creator__step:hover{transform:translateY(-2px)}.study-plan-creator__step--active .study-plan-creator__step-number{background:var(--color-primary, #4a90d9);color:#fff;border-color:var(--color-primary, #4a90d9)}.study-plan-creator__step--completed .study-plan-creator__step-number{background:var(--color-success, #4caf50);color:#fff;border-color:var(--color-success, #4caf50)}.study-plan-creator__step-number{width:40px;height:40px;border-radius:50%;background:var(--color-surface, #ffffff);border:2px solid var(--color-border, #e0e0e0);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:var(--color-text-secondary, #666);margin-bottom:8px;transition:all .2s ease}.study-plan-creator__step-info{text-align:center;max-width:120px}.study-plan-creator__step-title{font-size:14px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:4px}.study-plan-creator__step-description{font-size:12px;color:var(--color-text-secondary, #666);line-height:1.3}.study-plan-creator__error{display:flex;align-items:center;gap:12px;padding:16px 32px;background:var(--color-error-light, #ffebee);border-left:4px solid var(--color-error, #f44336);color:var(--color-error-dark, #c62828)}.study-plan-creator__error-icon{font-size:20px}.study-plan-creator__error-message{flex:1;font-size:14px}.study-plan-creator__error-dismiss{background:none;border:none;font-size:20px;color:var(--color-error, #f44336);cursor:pointer;padding:4px}.study-plan-creator__content{flex:1;overflow-y:auto;padding:32px}.study-plan-creator__confirm{max-width:600px;margin:0 auto}.study-plan-creator__confirm-content h3{font-size:20px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:24px;text-align:center}.study-plan-creator__summary{background:var(--color-background, #f8f9fa);border-radius:12px;padding:24px;margin-bottom:32px}.study-plan-creator__summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border, #e0e0e0)}.study-plan-creator__summary-item:last-child{border-bottom:none}.study-plan-creator__summary-item strong{color:var(--color-text-primary, #333);font-weight:500}.study-plan-creator__topics-preview{margin-top:24px}.study-plan-creator__topics-preview h4{font-size:16px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:16px}.study-plan-creator__topics-list{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:8px;overflow:hidden}.study-plan-creator__topic-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border, #e0e0e0)}.study-plan-creator__topic-item:last-child{border-bottom:none}.study-plan-creator__topic-item--more{font-style:italic;color:var(--color-text-secondary, #666);justify-content:center}.study-plan-creator__topic-number{font-weight:600;color:var(--color-primary, #4a90d9);min-width:24px}.study-plan-creator__topic-name{flex:1;color:var(--color-text-primary, #333)}.study-plan-creator__topic-hours{font-size:12px;color:var(--color-text-secondary, #666);background:var(--color-background, #f5f5f5);padding:4px 8px;border-radius:4px}.study-plan-creator__navigation{display:flex;align-items:center;gap:16px;padding:24px 32px;border-top:1px solid var(--color-border, #e0e0e0);background:var(--color-surface, #ffffff)}.study-plan-creator__nav-spacer{flex:1}.study-plan-creator__nav-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.study-plan-creator__nav-btn:disabled{opacity:.5;cursor:not-allowed}.study-plan-creator__nav-btn--primary{background:var(--color-primary, #4a90d9);color:#fff}.study-plan-creator__nav-btn--primary:hover:not(:disabled){background:var(--color-primary-dark, #3a7bc8);transform:translateY(-1px)}.study-plan-creator__nav-btn--secondary{background:transparent;color:var(--color-text-secondary, #666);border:1px solid var(--color-border, #e0e0e0)}.study-plan-creator__nav-btn--secondary:hover:not(:disabled){background:var(--color-background, #f5f5f5);color:var(--color-text-primary, #333)}.schedule-preferences-step{max-width:600px;margin:0 auto}.schedule-preferences-step__header h3{font-size:24px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:8px}.schedule-preferences-step__header p{color:var(--color-text-secondary, #666);font-size:16px}.schedule-preferences-step__content{display:flex;flex-direction:column;gap:32px}.schedule-preferences-step__field{display:flex;flex-direction:column;gap:8px}.schedule-preferences-step__label{font-size:16px;font-weight:500;color:var(--color-text-primary, #333);display:flex;align-items:center;gap:4px}.schedule-preferences-step__required{color:var(--color-error, #f44336)}.schedule-preferences-step__input,.schedule-preferences-step__select{padding:12px 16px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;font-size:16px;transition:all .2s ease}.schedule-preferences-step__input--error,.schedule-preferences-step__select--error{border-color:var(--color-error, #f44336)}.schedule-preferences-step__error{color:var(--color-error, #f44336);font-size:14px;margin-top:4px}.schedule-preferences-step__range-value{text-align:center;font-weight:500;color:var(--color-primary, #4a90d9);font-size:18px}.schedule-preferences-step__days{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.schedule-preferences-step__day{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:2px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-surface, #ffffff);cursor:pointer;transition:all .2s ease}.schedule-preferences-step__day:hover{border-color:var(--color-primary, #4a90d9);transform:translateY(-2px)}.schedule-preferences-step__day--selected{border-color:var(--color-primary, #4a90d9);background:var(--color-primary-light, #e8f0fa)}.schedule-preferences-step__day-short{font-weight:600;font-size:14px;color:var(--color-text-primary, #333)}.schedule-preferences-step__day-full{font-size:12px;color:var(--color-text-secondary, #666);margin-top:4px}.schedule-preferences-step__time-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-surface, #ffffff);cursor:pointer;transition:all .2s ease;text-align:left}.schedule-preferences-step__time-option:hover{border-color:var(--color-primary, #4a90d9);transform:translateY(-2px)}.schedule-preferences-step__time-option--selected{border-color:var(--color-primary, #4a90d9);background:var(--color-primary-light, #e8f0fa)}.schedule-preferences-step__time-icon{font-size:24px}.schedule-preferences-step__time-label{font-size:14px;color:var(--color-text-primary, #333)}.schedule-preferences-step__summary{background:var(--color-background, #f8f9fa);border-radius:12px;padding:24px;margin-top:16px}.schedule-preferences-step__summary h4{font-size:18px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:16px;text-align:center}.schedule-preferences-step__summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.schedule-preferences-step__summary-item{display:flex;flex-direction:column;gap:4px;text-align:center}.schedule-preferences-step__summary-label{font-size:12px;color:var(--color-text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.schedule-preferences-step__summary-value{font-size:16px;font-weight:600;color:var(--color-primary, #4a90d9)}.schedule-preferences-step__tips h4{font-size:16px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:12px}.schedule-preferences-step__tips-list li{font-size:14px;color:var(--color-text-secondary, #666);margin-bottom:8px;padding-left:16px;position:relative}.schedule-preferences-step__tips-list li:before{content:"•";color:var(--color-info, #2196f3);position:absolute;left:0}.schedule-preferences-step__submit{padding:16px 32px;background:var(--color-primary, #4a90d9);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:200px}@media (max-width: 768px){.study-plan-creator{padding:0;align-items:flex-start}.study-plan-creator__modal{max-height:100vh;height:100vh;max-width:100%;border-radius:0;margin:0}.study-plan-creator__header{padding:16px 20px}.study-plan-creator__title{font-size:20px}.study-plan-creator__progress{padding:16px 20px}.study-plan-creator__content{padding:20px}.study-plan-creator__navigation{padding:16px 20px}.study-plan-creator__steps{flex-direction:column;gap:16px}.study-plan-creator__steps:before{display:none}.study-plan-creator__step{flex-direction:row;text-align:left;gap:12px}.study-plan-creator__step-info{max-width:none;text-align:left}.study-plan-creator__step-number{flex-shrink:0}.schedule-preferences-step__days{grid-template-columns:repeat(3,1fr)}.schedule-preferences-step__time-options{grid-template-columns:1fr}.schedule-preferences-step__summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.study-plan-creator__title{font-size:18px}.study-plan-creator__header,.study-plan-creator__progress{padding:12px 16px}.study-plan-creator__content{padding:16px}.study-plan-creator__navigation{padding:12px 16px}.study-plan-creator__nav-btn{min-width:90px;padding:10px 16px;font-size:13px}.study-plan-creator__step-title{font-size:13px}.study-plan-creator__step-description{font-size:11px}.schedule-preferences-step__days{grid-template-columns:repeat(2,1fr)}.schedule-preferences-step__summary-grid{grid-template-columns:1fr}}@media (max-width: 375px){.study-plan-creator__title{font-size:16px}.study-plan-creator__close{font-size:24px}.study-plan-creator__step-number{width:32px;height:32px;font-size:14px}.study-plan-creator__nav-btn{min-width:80px;padding:8px 12px;font-size:12px}}.study-plan-creator__loading{display:flex;align-items:center;justify-content:center;padding:40px}.study-plan-creator__loader{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--color-text-secondary, #666)}.study-plan-creator__loader:before{content:"";width:20px;height:20px;border:2px solid var(--color-border, #e0e0e0);border-top:2px solid var(--color-primary, #4a90d9);border-radius:50%;animation:spin 1s linear infinite}.study-plan-creator__step:focus,.schedule-preferences-step__day:focus,.schedule-preferences-step__time-option:focus{outline:2px solid var(--color-primary, #4a90d9);outline-offset:2px}@media (prefers-contrast: high){.study-plan-creator__step-number,.schedule-preferences-step__day,.schedule-preferences-step__time-option{border-width:3px}}@media (prefers-reduced-motion: reduce){.study-plan-creator__step,.study-plan-creator__nav-btn,.schedule-preferences-step__day,.schedule-preferences-step__time-option,.schedule-preferences-step__submit{transition:none}.study-plan-creator__step:hover,.schedule-preferences-step__day:hover,.schedule-preferences-step__time-option:hover,.schedule-preferences-step__submit:hover{transform:none}}.schedule-preferences-step{max-width:800px;margin:0 auto;padding:2rem;background:var(--color-surface);border-radius:12px;box-shadow:0 4px 12px #0000001a}.schedule-preferences-step__header{text-align:center;margin-bottom:2rem}.schedule-preferences-step__header h3{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.schedule-preferences-step__header p{font-size:1rem;color:var(--color-text-secondary);margin:0}.schedule-preferences-step__content{display:flex;flex-direction:column;gap:2rem}.schedule-preferences-step__field{display:flex;flex-direction:column;gap:.75rem}.schedule-preferences-step__label{font-size:1rem;font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.schedule-preferences-step__required{color:var(--color-error);font-weight:600}.schedule-preferences-step__help{font-size:.875rem;font-weight:400;color:var(--color-text-secondary);margin-left:.5rem}.schedule-preferences-step__mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.schedule-preferences-step__mode-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;transition:all .2s ease;text-align:left}.schedule-preferences-step__mode-btn:hover{border-color:var(--color-primary-light);background:var(--color-primary-lightest)}.schedule-preferences-step__mode-btn--active{border-color:var(--color-primary);background:var(--color-primary-lightest);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.schedule-preferences-step__mode-icon{font-size:1.5rem;flex-shrink:0}.schedule-preferences-step__mode-text{display:flex;flex-direction:column;gap:.25rem}.schedule-preferences-step__mode-text strong{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.schedule-preferences-step__mode-text small{font-size:.875rem;color:var(--color-text-secondary)}.schedule-preferences-step__input,.schedule-preferences-step__select{padding:.75rem;border:2px solid var(--color-border);border-radius:6px;font-size:1rem;background:var(--color-surface);color:var(--color-text-primary);transition:border-color .2s ease}.schedule-preferences-step__input:focus,.schedule-preferences-step__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.schedule-preferences-step__input--error,.schedule-preferences-step__select--error{border-color:var(--color-error)}.schedule-preferences-step__error{font-size:.875rem;color:var(--color-error);margin-top:.25rem}.schedule-preferences-step__calculation{padding:1rem;border-radius:8px;background:var(--color-info-lightest);border:1px solid var(--color-info-light);margin-top:.75rem}.schedule-preferences-step__calculation--warning{background:var(--color-warning-lightest);border-color:var(--color-warning-light)}.schedule-preferences-step__calculation-result{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.schedule-preferences-step__calculation-result strong{font-size:1.125rem;color:var(--color-text-primary)}.schedule-preferences-step__calculation-details{font-size:.875rem;color:var(--color-text-secondary)}.schedule-preferences-step__warning{padding:.75rem;background:var(--color-warning-lightest);border:1px solid var(--color-warning-light);border-radius:6px;color:var(--color-warning-dark);font-size:.875rem;margin-top:.5rem}.schedule-preferences-step__recommendation{padding:.75rem;background:var(--color-info-lightest);border:1px solid var(--color-info-light);border-radius:6px;color:var(--color-info-dark);font-size:.875rem;margin-top:.5rem}.schedule-preferences-step__range-input{display:flex;flex-direction:column;gap:.5rem}.schedule-preferences-step__slider{width:100%;height:6px;border-radius:3px;background:var(--color-border);outline:none;-webkit-appearance:none}.schedule-preferences-step__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:0 2px 4px #0003}.schedule-preferences-step__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.schedule-preferences-step__range-value{text-align:center;font-weight:500;color:var(--color-text-primary);padding:.5rem;background:var(--color-primary-lightest);border-radius:6px}.schedule-preferences-step__topics-priorities{display:flex;flex-direction:column;gap:1rem}.schedule-preferences-step__topic-priority{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.schedule-preferences-step__topic-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.schedule-preferences-step__topic-name{font-weight:500;color:var(--color-text-primary)}.schedule-preferences-step__topic-hours{font-size:.875rem;color:var(--color-text-secondary)}.schedule-preferences-step__topic-weight{margin-left:.5rem;font-style:italic}.schedule-preferences-step__priority-selector{display:flex;gap:.5rem}.schedule-preferences-step__priority-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.schedule-preferences-step__priority-btn:hover{background:var(--color-surface-hover)}.schedule-preferences-step__priority-btn--active{color:#fff;border-color:transparent}.schedule-preferences-step__priority-btn--high.schedule-preferences-step__priority-btn--active{background:var(--color-error)}.schedule-preferences-step__priority-btn--medium.schedule-preferences-step__priority-btn--active{background:var(--color-warning)}.schedule-preferences-step__priority-btn--low.schedule-preferences-step__priority-btn--active{background:var(--color-success)}.schedule-preferences-step__focus-mode{padding:1.5rem;background:var(--color-warning-lightest);border:2px solid var(--color-warning-light);border-radius:12px;margin:1rem 0}.schedule-preferences-step__focus-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.schedule-preferences-step__focus-icon{font-size:1.5rem}.schedule-preferences-step__focus-header strong{font-size:1.125rem;color:var(--color-warning-dark)}.schedule-preferences-step__focus-description{color:var(--color-text-primary);margin:0 0 1rem;line-height:1.5}.schedule-preferences-step__marks-impact{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.schedule-preferences-step__impact-metric{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-surface);border-radius:6px;border:1px solid var(--color-border)}.schedule-preferences-step__impact-label{font-size:.875rem;color:var(--color-text-secondary)}.schedule-preferences-step__impact-value{font-weight:600;color:var(--color-text-primary)}.schedule-preferences-step__impact-value--low{color:var(--color-success)}.schedule-preferences-step__impact-value--medium{color:var(--color-warning)}.schedule-preferences-step__impact-value--high{color:var(--color-error)}.schedule-preferences-step__recommendations{padding:1.5rem;background:var(--color-info-lightest);border:1px solid var(--color-info-light);border-radius:12px}.schedule-preferences-step__recommendations h4{margin:0 0 1rem;color:var(--color-info-dark);font-size:1.125rem}.schedule-preferences-step__recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.schedule-preferences-step__recommendation-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-surface);border-radius:6px;border:1px solid var(--color-border)}.schedule-preferences-step__rec-label{font-size:.875rem;color:var(--color-text-secondary)}.schedule-preferences-step__rec-value{font-weight:600;color:var(--color-text-primary)}.schedule-preferences-step__days{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.schedule-preferences-step__day{display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;transition:all .2s ease;text-align:center}.schedule-preferences-step__day:hover{border-color:var(--color-primary-light);background:var(--color-primary-lightest)}.schedule-preferences-step__day--selected{border-color:var(--color-primary);background:var(--color-primary-lightest);color:var(--color-primary-dark)}.schedule-preferences-step__day-short{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.schedule-preferences-step__day-full{font-size:.75rem;color:var(--color-text-secondary)}.schedule-preferences-step__day--selected .schedule-preferences-step__day-full{color:var(--color-primary-dark)}.schedule-preferences-step__time-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.schedule-preferences-step__time-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;transition:all .2s ease;text-align:left}.schedule-preferences-step__time-option:hover{border-color:var(--color-primary-light);background:var(--color-primary-lightest)}.schedule-preferences-step__time-option--selected{border-color:var(--color-primary);background:var(--color-primary-lightest)}.schedule-preferences-step__time-icon{font-size:1.25rem;flex-shrink:0}.schedule-preferences-step__time-label{font-size:.875rem;color:var(--color-text-primary)}.schedule-preferences-step__summary{padding:1.5rem;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:12px}.schedule-preferences-step__summary h4{margin:0 0 1rem;color:var(--color-text-primary);font-size:1.125rem}.schedule-preferences-step__summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.schedule-preferences-step__summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-surface);border-radius:6px;border:1px solid var(--color-border)}.schedule-preferences-step__summary-label{font-size:.875rem;color:var(--color-text-secondary)}.schedule-preferences-step__summary-value{font-weight:600;color:var(--color-text-primary)}.schedule-preferences-step__tips{padding:1.5rem;background:var(--color-success-lightest);border:1px solid var(--color-success-light);border-radius:12px}.schedule-preferences-step__tips h4{margin:0 0 1rem;color:var(--color-success-dark);font-size:1.125rem}.schedule-preferences-step__tips-list{margin:0;padding-left:1.5rem;color:var(--color-text-primary)}.schedule-preferences-step__tips-list li{margin-bottom:.5rem;line-height:1.5}.schedule-preferences-step__actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.schedule-preferences-step__submit{padding:1rem 2rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px}.schedule-preferences-step__submit:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.schedule-preferences-step__submit:disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.schedule-preferences-step{padding:1rem;margin:0 1rem}.schedule-preferences-step__mode-toggle{grid-template-columns:1fr}.schedule-preferences-step__days{grid-template-columns:repeat(4,1fr);gap:.25rem}.schedule-preferences-step__day{padding:.75rem .25rem}.schedule-preferences-step__day-full{display:none}.schedule-preferences-step__time-options,.schedule-preferences-step__summary-grid,.schedule-preferences-step__recommendation-grid,.schedule-preferences-step__marks-impact{grid-template-columns:1fr}.schedule-preferences-step__topic-priority{flex-direction:column;align-items:stretch;gap:1rem}.schedule-preferences-step__priority-selector{justify-content:center}}@media (max-width: 480px){.schedule-preferences-step__header h3{font-size:1.5rem}.schedule-preferences-step__mode-btn{padding:1rem;gap:.75rem}.schedule-preferences-step__mode-text strong{font-size:.875rem}.schedule-preferences-step__mode-text small{font-size:.75rem}.schedule-preferences-step__days{grid-template-columns:repeat(3,1fr)}.schedule-preferences-step__submit{width:100%;min-width:auto}}.syllabus-upload-step{max-width:700px;margin:0 auto}.syllabus-upload-step__header{text-align:center;margin-bottom:32px}.syllabus-upload-step__title{font-size:24px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:12px}.syllabus-upload-step__description{font-size:16px;color:var(--color-text-secondary, #666);line-height:1.5}.syllabus-upload-step__method-selector{display:flex;gap:12px;margin-bottom:24px;justify-content:center}.syllabus-upload-step__method-btn{padding:12px 24px;border:2px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-surface, #ffffff);color:var(--color-text-primary, #333);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:150px}.syllabus-upload-step__method-btn:hover:not(:disabled){border-color:var(--color-primary, #4a90d9);transform:translateY(-2px)}.syllabus-upload-step__method-btn--active{border-color:var(--color-primary, #4a90d9);background:var(--color-primary-light, #e8f0fa);color:var(--color-primary, #4a90d9)}.syllabus-upload-step__method-btn:disabled{opacity:.5;cursor:not-allowed}.syllabus-upload-step__file-upload,.syllabus-upload-step__camera-capture,.syllabus-upload-step__camera-section{margin-bottom:24px}.syllabus-upload-step__camera-btn{width:100%;border:2px dashed var(--color-primary, #4a90d9);border-radius:12px;padding:48px 24px;background:var(--color-background, #f8f9fa);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.syllabus-upload-step__camera-btn:hover:not(:disabled){background:var(--color-primary-light, #e8f0fa);transform:translateY(-2px)}.syllabus-upload-step__camera-btn:disabled{opacity:.5;cursor:not-allowed}.syllabus-upload-step__camera-icon{font-size:48px}.syllabus-upload-step__camera-text{font-size:16px;font-weight:500;color:var(--color-text-primary, #333)}.syllabus-upload-step__camera-subtitle{font-size:14px;color:var(--color-text-secondary, #666)}.syllabus-upload-step__photo-previews{margin-top:24px}.syllabus-upload-step__previews-title{font-size:16px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:16px}.syllabus-upload-step__photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-bottom:20px}.syllabus-upload-step__photo-item{position:relative;border-radius:8px;overflow:hidden;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e0e0e0)}.syllabus-upload-step__photo-image{width:100%;height:120px;object-fit:cover;display:block}.syllabus-upload-step__photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:8px;display:flex;justify-content:space-between;align-items:center}.syllabus-upload-step__photo-name{font-size:12px;color:#fff;font-weight:500}.syllabus-upload-step__photo-delete{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background-color .2s ease}.syllabus-upload-step__photo-delete:hover:not(:disabled){background:#ff0000b3}.syllabus-upload-step__photo-delete:disabled{opacity:.5;cursor:not-allowed}.syllabus-upload-step__camera-actions{display:flex;gap:12px;justify-content:center}.syllabus-upload-step__add-photo-btn{padding:12px 24px;background:transparent;color:var(--color-primary, #4a90d9);border:2px solid var(--color-primary, #4a90d9);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.syllabus-upload-step__add-photo-btn:hover:not(:disabled){background:var(--color-primary-light, #e8f0fa)}.syllabus-upload-step__add-photo-btn:disabled{opacity:.5;cursor:not-allowed}.syllabus-upload-step__process-photos-btn{padding:12px 24px;background:var(--color-primary, #4a90d9);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.syllabus-upload-step__process-photos-btn:hover:not(:disabled){background:var(--color-primary-dark, #3a7bc8);transform:translateY(-1px)}.syllabus-upload-step__process-photos-btn:disabled{opacity:.5;cursor:not-allowed}.syllabus-upload-step__drop-zone{border:2px dashed var(--color-border, #e0e0e0);border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-background, #f8f9fa)}.syllabus-upload-step__drop-zone:hover:not(.syllabus-upload-step__drop-zone--disabled){border-color:var(--color-primary, #4a90d9);background:var(--color-primary-light, #e8f0fa)}.syllabus-upload-step__drop-zone--active{border-color:var(--color-primary, #4a90d9);background:var(--color-primary-light, #e8f0fa)}.syllabus-upload-step__drop-zone--disabled{cursor:not-allowed;opacity:.7}.syllabus-upload-step__drop-icon{font-size:48px;margin-bottom:16px}.syllabus-upload-step__drop-text{font-size:16px;color:var(--color-text-primary, #333);margin-bottom:8px}.syllabus-upload-step__drop-subtitle{font-size:14px;color:var(--color-text-secondary, #666)}.syllabus-upload-step__processing{display:flex;flex-direction:column;align-items:center;gap:12px}.syllabus-upload-step__spinner{width:40px;height:40px;border:4px solid var(--color-border, #e0e0e0);border-top:4px solid var(--color-primary, #4a90d9);border-radius:50%;animation:spin 1s linear infinite}.syllabus-upload-step__processing-text{font-size:16px;font-weight:500;color:var(--color-text-primary, #333)}.syllabus-upload-step__processing-subtitle{font-size:14px;color:var(--color-text-secondary, #666)}.syllabus-upload-step__text-input{margin-bottom:24px}.syllabus-upload-step__textarea{width:100%;padding:16px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:300px;transition:border-color .2s ease}.syllabus-upload-step__textarea:focus{outline:none;border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d91a}.syllabus-upload-step__textarea:disabled{background:var(--color-background, #f5f5f5);cursor:not-allowed}.syllabus-upload-step__text-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.syllabus-upload-step__text-info{font-size:14px;color:var(--color-text-secondary, #666)}.syllabus-upload-step__text-warning{color:var(--color-warning, #f59e0b);margin-left:8px}.syllabus-upload-step__submit-btn{padding:12px 24px;background:var(--color-primary, #4a90d9);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.syllabus-upload-step__submit-btn:hover:not(:disabled){background:var(--color-primary-dark, #3a7bc8);transform:translateY(-1px)}.syllabus-upload-step__submit-btn:disabled{opacity:.5;cursor:not-allowed}.syllabus-upload-step__btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.syllabus-upload-step__tips{background:var(--color-info-light, #e3f2fd);border-radius:8px;padding:20px;border-left:4px solid var(--color-info, #2196f3)}.syllabus-upload-step__tips-title{font-size:16px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:12px}.syllabus-upload-step__tips-list{list-style:none;padding:0;margin:0}.syllabus-upload-step__tips-list li{font-size:14px;color:var(--color-text-secondary, #666);margin-bottom:8px;padding-left:20px;position:relative}.syllabus-upload-step__tips-list li:before{content:"•";color:var(--color-info, #2196f3);position:absolute;left:0;font-size:18px}.topic-review-step{max-width:700px;margin:0 auto}.topic-review-step__header{text-align:center;margin-bottom:32px}.topic-review-step__title{font-size:24px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:12px}.topic-review-step__description{font-size:16px;color:var(--color-text-secondary, #666);line-height:1.5}.topic-review-step__topics-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.topic-review-step__topic-item{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px}.topic-review-step__topic-number{font-weight:600;color:var(--color-primary, #4a90d9);min-width:32px}.topic-review-step__topic-name{flex:1;font-size:16px;color:var(--color-text-primary, #333)}.topic-review-step__add-topic-btn{padding:12px 24px;background:transparent;color:var(--color-primary, #4a90d9);border:2px dashed var(--color-primary, #4a90d9);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.topic-review-step__add-topic-btn:hover{background:var(--color-primary-light, #e8f0fa)}.schedule-preferences-step{max-width:700px;margin:0 auto}.schedule-preferences-step__header{text-align:center;margin-bottom:32px}.schedule-preferences-step__title{font-size:24px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:12px}.schedule-preferences-step__description{font-size:16px;color:var(--color-text-secondary, #666);line-height:1.5}.schedule-preferences-step__field{margin-bottom:24px}.schedule-preferences-step__label{display:block;font-size:16px;font-weight:600;color:var(--color-text-primary, #333);margin-bottom:8px}.schedule-preferences-step__required{color:var(--color-error, #dc3545);margin-left:4px}.schedule-preferences-step__help{display:block;font-size:14px;font-weight:400;color:var(--color-text-secondary, #666);margin-top:4px}.schedule-preferences-step__input,.schedule-preferences-step__select{width:100%;padding:12px 16px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .2s ease}.schedule-preferences-step__input:focus,.schedule-preferences-step__select:focus{outline:none;border-color:var(--color-primary, #4a90d9);box-shadow:0 0 0 3px #4a90d91a}.schedule-preferences-step__input--error,.schedule-preferences-step__select--error{border-color:var(--color-error, #dc3545)}.schedule-preferences-step__error{color:var(--color-error, #dc3545);font-size:14px;margin-top:4px}.schedule-preferences-step__mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px}.schedule-preferences-step__mode-btn{padding:16px;border:2px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-surface, #ffffff);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;text-align:left}.schedule-preferences-step__mode-btn:hover:not(.schedule-preferences-step__mode-btn--active){border-color:var(--color-primary, #4a90d9);transform:translateY(-2px)}.schedule-preferences-step__mode-btn--active{border-color:var(--color-primary, #4a90d9);background:var(--color-primary-light, #e8f0fa);color:var(--color-primary, #4a90d9)}.schedule-preferences-step__mode-icon{font-size:24px;flex-shrink:0}.schedule-preferences-step__mode-text{display:flex;flex-direction:column;gap:4px}.schedule-preferences-step__mode-text strong{font-size:16px;font-weight:600}.schedule-preferences-step__mode-text small{font-size:14px;opacity:.8}.schedule-preferences-step__calculation{margin-top:12px;padding:16px;border-radius:8px;background:var(--color-info-light, #e3f2fd);border-left:4px solid var(--color-info, #2196f3)}.schedule-preferences-step__calculation--warning{background:var(--color-warning-light, #fff3cd);border-left-color:var(--color-warning, #f59e0b)}.schedule-preferences-step__calculation-result{margin-bottom:8px}.schedule-preferences-step__calculation-details{font-size:14px;color:var(--color-text-secondary, #666);margin-left:8px}.schedule-preferences-step__warning{color:var(--color-warning-dark, #d97706);font-size:14px;margin-bottom:4px}.schedule-preferences-step__recommendation{color:var(--color-info-dark, #1976d2);font-size:14px}.schedule-preferences-step__range-input{display:flex;flex-direction:column;gap:8px}.schedule-preferences-step__slider{width:100%;height:6px;border-radius:3px;background:var(--color-border, #e0e0e0);outline:none;-webkit-appearance:none}.schedule-preferences-step__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary, #4a90d9);cursor:pointer}.schedule-preferences-step__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary, #4a90d9);cursor:pointer;border:none}.schedule-preferences-step__range-value{text-align:center;font-weight:600;color:var(--color-primary, #4a90d9)}.schedule-preferences-step__topics-priorities{display:flex;flex-direction:column;gap:12px}.schedule-preferences-step__topic-priority{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-surface, #ffffff)}.schedule-preferences-step__topic-info{flex:1;display:flex;flex-direction:column;gap:4px}.schedule-preferences-step__topic-name{font-size:16px;font-weight:500;color:var(--color-text-primary, #333)}.schedule-preferences-step__topic-hours{font-size:14px;color:var(--color-text-secondary, #666)}.schedule-preferences-step__topic-weight{margin-left:8px;font-size:12px;color:var(--color-text-tertiary, #999)}.schedule-preferences-step__priority-selector{display:flex;gap:4px}.schedule-preferences-step__priority-btn{padding:6px 12px;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;background:var(--color-surface, #ffffff);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.schedule-preferences-step__priority-btn--high{color:var(--color-error, #dc3545);border-color:var(--color-error-light, #f8d7da)}.schedule-preferences-step__priority-btn--high.schedule-preferences-step__priority-btn--active{background:var(--color-error, #dc3545);color:#fff}.schedule-preferences-step__priority-btn--medium{color:var(--color-warning, #f59e0b);border-color:var(--color-warning-light, #fff3cd)}.schedule-preferences-step__priority-btn--medium.schedule-preferences-step__priority-btn--active{background:var(--color-warning, #f59e0b);color:#fff}.schedule-preferences-step__priority-btn--low{color:var(--color-success, #28a745);border-color:var(--color-success-light, #d4edda)}.schedule-preferences-step__priority-btn--low.schedule-preferences-step__priority-btn--active{background:var(--color-success, #28a745);color:#fff}.schedule-preferences-step__focus-mode{padding:20px;border-radius:8px;background:var(--color-warning-light, #fff3cd);border-left:4px solid var(--color-warning, #f59e0b);margin-bottom:24px}.schedule-preferences-step__focus-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--color-warning-dark, #d97706)}.schedule-preferences-step__focus-icon{font-size:20px}.schedule-preferences-step__focus-description{font-size:14px;color:var(--color-text-secondary, #666);margin-bottom:16px;line-height:1.5}.schedule-preferences-step__marks-impact{display:grid;grid-template-columns:1fr 1fr;gap:16px}.schedule-preferences-step__impact-metric{display:flex;justify-content:space-between;align-items:center}.schedule-preferences-step__impact-label{font-size:14px;color:var(--color-text-secondary, #666)}.schedule-preferences-step__impact-value{font-weight:600;font-size:14px}.schedule-preferences-step__impact-value--high{color:var(--color-error, #dc3545)}.schedule-preferences-step__impact-value--medium{color:var(--color-warning, #f59e0b)}.schedule-preferences-step__impact-value--low{color:var(--color-success, #28a745)}.schedule-preferences-step__recommendations{padding:20px;border-radius:8px;background:var(--color-info-light, #e3f2fd);border-left:4px solid var(--color-info, #2196f3);margin-bottom:24px}.schedule-preferences-step__recommendations h4{margin-bottom:16px;color:var(--color-info-dark, #1976d2)}.schedule-preferences-step__recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.schedule-preferences-step__recommendation-item{display:flex;justify-content:space-between;align-items:center}.schedule-preferences-step__rec-label{font-size:14px;color:var(--color-text-secondary, #666)}.schedule-preferences-step__rec-value{font-weight:600;font-size:14px;color:var(--color-text-primary, #333)}.schedule-preferences-step__days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.schedule-preferences-step__day{padding:12px 8px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-surface, #ffffff);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.schedule-preferences-step__day:hover:not(.schedule-preferences-step__day--selected){border-color:var(--color-primary, #4a90d9);transform:translateY(-2px)}.schedule-preferences-step__day--selected{border-color:var(--color-primary, #4a90d9);background:var(--color-primary-light, #e8f0fa);color:var(--color-primary, #4a90d9)}.schedule-preferences-step__day-short{font-size:14px;font-weight:600}.schedule-preferences-step__day-full{font-size:12px;opacity:.8}.schedule-preferences-step__time-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.schedule-preferences-step__time-option{padding:16px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-surface, #ffffff);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;text-align:left}.schedule-preferences-step__time-option:hover:not(.schedule-preferences-step__time-option--selected){border-color:var(--color-primary, #4a90d9);transform:translateY(-2px)}.schedule-preferences-step__time-option--selected{border-color:var(--color-primary, #4a90d9);background:var(--color-primary-light, #e8f0fa);color:var(--color-primary, #4a90d9)}.schedule-preferences-step__time-icon{font-size:20px;flex-shrink:0}.schedule-preferences-step__time-label{font-size:14px;font-weight:500}.schedule-preferences-step__summary{padding:20px;border-radius:8px;background:var(--color-background, #f8f9fa);border:1px solid var(--color-border, #e0e0e0);margin-bottom:24px}.schedule-preferences-step__summary h4{margin-bottom:16px;color:var(--color-text-primary, #333)}.schedule-preferences-step__summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.schedule-preferences-step__summary-item{display:flex;justify-content:space-between;align-items:center}.schedule-preferences-step__summary-label{font-size:14px;color:var(--color-text-secondary, #666)}.schedule-preferences-step__summary-value{font-weight:600;font-size:14px;color:var(--color-text-primary, #333)}.schedule-preferences-step__tips{background:var(--color-info-light, #e3f2fd);border-radius:8px;padding:20px;border-left:4px solid var(--color-info, #2196f3)}.schedule-preferences-step__tips h4{margin-bottom:12px;color:var(--color-info-dark, #1976d2)}.schedule-preferences-step__tips-list{list-style:none;padding:0;margin:0}.schedule-preferences-step__tips-list li{font-size:14px;color:var(--color-text-secondary, #666);margin-bottom:8px;padding-left:20px;position:relative}.schedule-preferences-step__tips-list li:before{content:"•";color:var(--color-info, #2196f3);position:absolute;left:0;font-size:18px}.schedule-preferences-step__actions{display:flex;justify-content:center;margin-top:32px}.schedule-preferences-step__submit{padding:16px 32px;background:var(--color-primary, #4a90d9);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px}.schedule-preferences-step__submit:hover:not(:disabled){background:var(--color-primary-dark, #3a7bc8);transform:translateY(-2px)}.schedule-preferences-step__submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.schedule-preferences-step{max-width:100%}.schedule-preferences-step__mode-toggle{grid-template-columns:1fr}.schedule-preferences-step__days{grid-template-columns:repeat(4,1fr);gap:6px}.schedule-preferences-step__day{padding:8px 4px}.schedule-preferences-step__time-options,.schedule-preferences-step__summary-grid,.schedule-preferences-step__recommendation-grid,.schedule-preferences-step__marks-impact{grid-template-columns:1fr}.schedule-preferences-step__topic-priority{flex-direction:column;align-items:stretch;gap:12px}.schedule-preferences-step__priority-selector{justify-content:center}}@media (max-width: 480px){.schedule-preferences-step__days{grid-template-columns:repeat(3,1fr)}.schedule-preferences-step__day-full{display:none}.schedule-preferences-step__mode-btn,.schedule-preferences-step__time-option{padding:12px}.schedule-preferences-step__submit{width:100%}}@media (max-width: 768px){.syllabus-upload-step,.topic-review-step{max-width:100%}.syllabus-upload-step__title,.topic-review-step__title{font-size:20px}.syllabus-upload-step__drop-zone,.syllabus-upload-step__camera-btn{padding:32px 16px}.syllabus-upload-step__method-selector{flex-direction:column}.syllabus-upload-step__method-btn{width:100%}.syllabus-upload-step__photos-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.syllabus-upload-step__camera-actions{flex-direction:column}.syllabus-upload-step__add-photo-btn,.syllabus-upload-step__process-photos-btn{width:100%;justify-content:center}}@media (max-width: 480px){.syllabus-upload-step__title,.topic-review-step__title{font-size:18px}.syllabus-upload-step__description,.topic-review-step__description{font-size:14px}.syllabus-upload-step__drop-icon,.syllabus-upload-step__camera-icon{font-size:36px}.syllabus-upload-step__text-actions{flex-direction:column;gap:12px;align-items:stretch}.syllabus-upload-step__submit-btn{width:100%;justify-content:center}.syllabus-upload-step__photos-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.syllabus-upload-step__photo-image{height:80px}.syllabus-upload-step__method-selector{gap:8px}.syllabus-upload-step__method-btn{padding:10px 16px;font-size:14px}}.study-plan-back-btn{position:absolute;top:.75rem;left:.75rem;z-index:100;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:#ffffffe6;backdrop-filter:blur(8px);cursor:pointer;color:#374151;border-radius:50%;box-shadow:0 1px 3px #0000001a;transition:background-color .2s,box-shadow .2s}.study-plan-back-btn:hover{background:#fff;box-shadow:0 2px 6px #00000026}.study-plan-back-btn:active{background:#f5f5f5;box-shadow:0 1px 3px #0000001a}.study-plan-back-btn svg{flex-shrink:0}.study-plan-view{position:relative;display:flex;flex-direction:column;height:100vh;background:var(--color-background, #ffffff);color:var(--color-text-primary, #333333);font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.study-plan-view--loading,.study-plan-view--empty{justify-content:center;align-items:center}.study-plan-view__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border, #e0e0e0);background:var(--color-surface, #ffffff)}.study-plan-view__close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-text-secondary, #666666);padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.study-plan-view__close:hover{background:var(--color-background-hover, #f5f5f5)}.study-plan-view__title-section{flex:1;margin-left:16px}.study-plan-view__title{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--color-text-primary, #333333)}.study-plan-view__subject{display:inline-block;background:var(--color-primary-light, #e3f2fd);color:var(--color-primary, #1976d2);padding:4px 12px;border-radius:16px;font-size:14px;font-weight:500;text-transform:capitalize}.study-plan-view__progress{padding:24px;background:var(--color-surface, #ffffff);border-bottom:1px solid var(--color-border, #e0e0e0)}.study-plan-view__progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.study-plan-view__progress-label{font-size:16px;font-weight:500;color:var(--color-text-primary, #333333)}.study-plan-view__progress-text{font-size:18px;font-weight:600;color:var(--color-primary, #1976d2)}.study-plan-view__progress-bar{height:8px;background:var(--color-background, #f5f5f5);border-radius:4px;overflow:hidden;margin-bottom:8px}.study-plan-view__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #1976d2),var(--color-primary-light, #42a5f5));border-radius:4px;transition:width .3s ease}.study-plan-view__progress-stats{font-size:14px;color:var(--color-text-secondary, #666666)}.study-plan-view__current{padding:24px;background:var(--color-surface, #ffffff);border-bottom:1px solid var(--color-border, #e0e0e0)}.study-plan-view__current-title{font-size:18px;font-weight:600;margin:0 0 16px;color:var(--color-text-primary, #333333)}.study-plan-view__tabs{display:flex;background:var(--color-surface, #ffffff);border-bottom:1px solid var(--color-border, #e0e0e0)}.study-plan-view__tab{flex:1;padding:16px 24px;background:none;border:none;font-size:16px;font-weight:500;cursor:pointer;color:var(--color-text-secondary, #666666);border-bottom:3px solid transparent;transition:all .2s ease}.study-plan-view__tab:hover{color:var(--color-primary, #1976d2);background:var(--color-background-hover, #f5f5f5)}.study-plan-view__tab--active{color:var(--color-primary, #1976d2);border-bottom-color:var(--color-primary, #1976d2)}.study-plan-view__content{flex:1;overflow-y:auto;padding:24px}.study-plan-view__topics-title{font-size:18px;font-weight:600;margin:0 0 20px;color:var(--color-text-primary, #333333)}.study-plan-view__topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.study-plan-view__loader{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--color-text-secondary, #666666)}.study-plan-view__loader-spinner{width:40px;height:40px;border:3px solid var(--color-background, #f5f5f5);border-top:3px solid var(--color-primary, #1976d2);border-radius:50%;animation:spin 1s linear infinite}.study-plan-view__empty-state{text-align:center;max-width:400px;padding:40px 20px}.study-plan-view__empty-icon{font-size:64px;margin-bottom:20px;display:block}.study-plan-view__empty-title{font-size:24px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary, #333333)}.study-plan-view__empty-description{font-size:16px;color:var(--color-text-secondary, #666666);margin:0 0 24px;line-height:1.5}.study-plan-view__create-btn{background:var(--color-primary, #1976d2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.study-plan-view__create-btn:hover{background:var(--color-primary-dark, #1565c0)}.topic-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;position:relative}.topic-card:hover{border-color:var(--color-primary, #1976d2);box-shadow:0 4px 12px #1976d21a;transform:translateY(-2px)}.topic-card--current{border-color:var(--color-primary, #1976d2);background:var(--color-primary-light, #e3f2fd)}.topic-card--completed{border-color:var(--color-success, #4caf50)}.topic-card--in-progress{border-color:var(--color-warning, #ff9800)}.topic-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.topic-card__status{display:flex;align-items:center;gap:8px}.topic-card__status-icon{font-size:20px}.topic-card__status-text{font-size:14px;font-weight:500;color:var(--color-text-secondary, #666666)}.topic-card__current-badge{background:var(--color-primary, #1976d2);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.topic-card__name{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary, #333333);line-height:1.3}.topic-card__meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.topic-card__meta-item{display:flex;align-items:center;gap:4px;font-size:14px}.topic-card__meta-label{color:var(--color-text-secondary, #666666)}.topic-card__meta-value{color:var(--color-text-primary, #333333);font-weight:500}.topic-card__objectives{margin-bottom:16px}.topic-card__objectives-label{font-size:14px;font-weight:500;color:var(--color-text-secondary, #666666);display:block;margin-bottom:8px}.topic-card__objectives-list{list-style:none;padding:0;margin:0}.topic-card__objective{font-size:13px;color:var(--color-text-secondary, #666666);margin-bottom:4px;padding-left:12px;position:relative}.topic-card__objective:before{content:"•";position:absolute;left:0;color:var(--color-primary, #1976d2)}.topic-card__objective--more{font-style:italic;color:var(--color-text-tertiary, #999999)}.topic-card__mastery{margin-bottom:16px}.topic-card__mastery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.topic-card__mastery-label{font-size:14px;font-weight:500;color:var(--color-text-secondary, #666666)}.topic-card__mastery-text{font-size:14px;font-weight:600;color:var(--color-text-primary, #333333)}.topic-card__mastery-bar{height:6px;background:var(--color-background, #f5f5f5);border-radius:3px;overflow:hidden}.topic-card__mastery-fill{height:100%;border-radius:3px;transition:width .3s ease}.topic-card__actions{display:flex;justify-content:flex-end}.topic-card__action-btn{background:var(--color-primary, #1976d2);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.topic-card__action-btn:hover{background:var(--color-primary-dark, #1565c0)}.study-plan-timeline__header{margin-bottom:24px}.study-plan-timeline__title{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--color-text-primary, #333333)}.study-plan-timeline__description{font-size:16px;color:var(--color-text-secondary, #666666);margin:0}.study-plan-timeline__weeks{position:relative}.study-plan-timeline__week{margin-bottom:32px;padding:20px;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:12px;position:relative}.study-plan-timeline__week--current{border-color:var(--color-primary, #1976d2);background:var(--color-primary-light, #e3f2fd)}.study-plan-timeline__week-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.study-plan-timeline__week-info{display:flex;align-items:center;gap:12px}.study-plan-timeline__week-number{font-size:18px;font-weight:600;color:var(--color-text-primary, #333333)}.study-plan-timeline__current-indicator{background:var(--color-primary, #1976d2);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.study-plan-timeline__week-progress{display:flex;align-items:center;gap:12px}.study-plan-timeline__week-progress-text{font-size:14px;color:var(--color-text-secondary, #666666);min-width:80px}.study-plan-timeline__week-progress-bar{width:100px;height:6px;background:var(--color-background, #f5f5f5);border-radius:3px;overflow:hidden}.study-plan-timeline__week-progress-fill{height:100%;background:var(--color-success, #4caf50);border-radius:3px;transition:width .3s ease}.study-plan-timeline__topics{display:flex;flex-direction:column;gap:12px}.study-plan-timeline__topic{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-background, #f5f5f5);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.study-plan-timeline__topic:hover{background:var(--color-background-hover, #eeeeee);transform:translate(4px)}.study-plan-timeline__topic--completed{background:var(--color-success-light, #e8f5e8);border-left:4px solid var(--color-success, #4caf50)}.study-plan-timeline__topic--in-progress{background:var(--color-warning-light, #fff3e0);border-left:4px solid var(--color-warning, #ff9800)}.study-plan-timeline__topic--not-started{background:var(--color-background, #f5f5f5);border-left:4px solid var(--color-border, #e0e0e0)}.study-plan-timeline__topic--skipped{background:var(--color-background, #f5f5f5);border-left:4px solid var(--color-text-tertiary, #999999);opacity:.7}.study-plan-timeline__topic-header{display:flex;align-items:center;gap:12px;flex:1}.study-plan-timeline__topic-icon{font-size:16px}.study-plan-timeline__topic-name{font-size:16px;font-weight:500;color:var(--color-text-primary, #333333)}.study-plan-timeline__topic-meta{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--color-text-secondary, #666666)}.study-plan-timeline__current-marker{display:flex;align-items:center;gap:8px;color:var(--color-primary, #1976d2);font-weight:500;font-size:14px}.study-plan-timeline__current-arrow{font-size:16px}.study-plan-timeline__week-connector{display:flex;flex-direction:column;align-items:center;margin:16px 0}.study-plan-timeline__connector-line{width:2px;height:20px;background:var(--color-border, #e0e0e0)}.study-plan-timeline__connector-arrow{color:var(--color-text-secondary, #666666);font-size:16px;margin-top:4px}.study-plan-timeline__legend{margin-top:32px;padding:20px;background:var(--color-background, #f5f5f5);border-radius:8px}.study-plan-timeline__legend-title{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary, #333333)}.study-plan-timeline__legend-items{display:flex;flex-wrap:wrap;gap:20px}.study-plan-timeline__legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary, #666666)}.study-plan-timeline__legend-icon{font-size:16px}@media (max-width: 768px){.study-plan-view__header{padding:16px 20px}.study-plan-view__title{font-size:20px}.study-plan-view__progress,.study-plan-view__current,.study-plan-view__content{padding:20px}.study-plan-view__topics-grid{grid-template-columns:1fr;gap:16px}.topic-card{padding:16px}.study-plan-timeline__week-header{flex-direction:column;align-items:flex-start;gap:12px}.study-plan-timeline__week-progress{width:100%;justify-content:space-between}.study-plan-timeline__week-progress-bar{flex:1;margin-left:12px}.study-plan-timeline__topic-meta{flex-direction:column;align-items:flex-start;gap:4px}.study-plan-timeline__legend-items{flex-direction:column;gap:12px}}@media (max-width: 480px){.study-plan-view__header{padding:12px 16px}.study-plan-view__title{font-size:18px}.study-plan-view__progress,.study-plan-view__current,.study-plan-view__content{padding:16px}.study-plan-view__tab{padding:12px 16px;font-size:14px}.topic-card{padding:12px}.topic-card__name{font-size:16px}.topic-card__meta{flex-direction:column;gap:8px}.study-plan-timeline__week{padding:16px}.study-plan-timeline__topic{padding:10px 12px}.study-plan-timeline__topic-name{font-size:14px}}.weekly-report{background:var(--color-surface, #ffffff);border-radius:16px;box-shadow:0 4px 24px #0000001a;max-width:700px;margin:0 auto;overflow:hidden;position:relative}.weekly-report--loading,.weekly-report--empty{display:flex;align-items:center;justify-content:center;min-height:400px}.weekly-report__loader{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--color-text-secondary, #666);text-align:center}.weekly-report__spinner{width:32px;height:32px;border:3px solid var(--color-background, #f0f0f0);border-top:3px solid var(--color-primary, #4a90d9);border-radius:50%;animation:spin 1s linear infinite}.weekly-report__empty-state{text-align:center;padding:40px 20px}.weekly-report__empty-icon{font-size:64px;margin-bottom:16px;display:block}.weekly-report__empty-state h3{font-size:20px;font-weight:600;color:var(--color-text-primary, #333);margin:0 0 8px}.weekly-report__empty-state p{font-size:14px;color:var(--color-text-secondary, #666);margin:0}.weekly-report__header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 0;margin-bottom:24px}.weekly-report__title-section{flex:1}.weekly-report__title-section h2{font-size:24px;font-weight:700;color:var(--color-text-primary, #333);margin:0 0 4px}.weekly-report__date{font-size:14px;color:var(--color-text-secondary, #666);margin:0}.weekly-report__close{background:none;border:none;font-size:24px;color:var(--color-text-secondary, #666);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.weekly-report__close:hover{background:var(--color-background-hover, #f0f0f0);color:var(--color-text-primary, #333)}.weekly-report__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;padding:0 24px;margin-bottom:32px}.weekly-report__stat{text-align:center;padding:16px;background:var(--color-background, #f8f9fa);border-radius:12px;border-left:4px solid var(--color-primary, #4a90d9)}.weekly-report__stat-value{display:block;font-size:24px;font-weight:700;color:var(--color-primary, #4a90d9);margin-bottom:4px}.weekly-report__stat-label{font-size:12px;color:var(--color-text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.weekly-report__section{padding:0 24px;margin-bottom:24px}.weekly-report__section-title{font-size:16px;font-weight:600;color:var(--color-text-primary, #333);margin:0 0 12px;display:flex;align-items:center;gap:8px}.weekly-report__section-icon{font-size:18px}.weekly-report__attention-list{display:flex;flex-direction:column;gap:8px}.weekly-report__attention-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fff3e0,#fef7f0);border-radius:8px;border-left:4px solid var(--color-warning, #ff9800)}.weekly-report__attention-topic{font-weight:500;color:var(--color-text-primary, #333)}.weekly-report__attention-accuracy{font-size:14px;font-weight:600}.weekly-report__subjects{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.weekly-report__subject{padding:16px;background:var(--color-background, #f8f9fa);border-radius:12px;border:1px solid var(--color-border, #e0e0e0)}.weekly-report__subject-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.weekly-report__subject-icon{font-size:24px}.weekly-report__subject-name{font-size:16px;font-weight:600;color:var(--color-text-primary, #333)}.weekly-report__subject-stats{display:flex;justify-content:space-between;gap:12px}.weekly-report__subject-stat{text-align:center;flex:1}.weekly-report__subject-stat-value{display:block;font-size:18px;font-weight:600;color:var(--color-primary, #4a90d9);margin-bottom:2px}.weekly-report__subject-stat-label{font-size:11px;color:var(--color-text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.weekly-report__improvements{display:flex;flex-direction:column;gap:8px}.weekly-report__improvement{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-radius:8px;border-left:4px solid var(--color-success, #4caf50)}.weekly-report__improvement-text{font-weight:500;color:var(--color-text-primary, #333)}.weekly-report__improvement-value{font-size:14px;font-weight:600;color:var(--color-success, #4caf50)}.weekly-report__footer{padding:20px 24px 24px;border-top:1px solid var(--color-border-light, #f0f0f0);background:var(--color-background-light, #fafafa)}.weekly-report__encouragement{text-align:center;font-size:16px;font-weight:500;color:var(--color-text-primary, #333);margin:0;line-height:1.4}@media (max-width: 768px){.weekly-report{margin:0;border-radius:0}.weekly-report__header{padding:20px 20px 0}.weekly-report__title-section h2{font-size:20px}.weekly-report__stats{padding:0 20px;grid-template-columns:repeat(2,1fr)}.weekly-report__section{padding:0 20px}.weekly-report__subjects{grid-template-columns:1fr}.weekly-report__footer{padding:16px 20px 20px}}@media (max-width: 480px){.weekly-report__header{padding:16px 16px 0}.weekly-report__title-section h2{font-size:18px}.weekly-report__stats{padding:0 16px;grid-template-columns:1fr}.weekly-report__section{padding:0 16px}.weekly-report__footer{padding:16px}.weekly-report__stat-value{font-size:20px}.weekly-report__subject-stats{flex-direction:column;gap:8px}.weekly-report__subject-stat{display:flex;justify-content:space-between;align-items:center;text-align:left}.weekly-report__subject-stat-value{font-size:16px}.weekly-report__encouragement{font-size:15px}}@media (prefers-color-scheme: dark){.weekly-report{background:var(--color-surface-dark, #2a2a2a);border-color:var(--color-border-dark, #404040)}.weekly-report__title-section h2{color:var(--color-text-primary-dark, #ffffff)}.weekly-report__date{color:var(--color-text-secondary-dark, #cccccc)}.weekly-report__section-title{color:var(--color-text-primary-dark, #ffffff)}.weekly-report__stat{background:var(--color-background-dark, #333333)}.weekly-report__subject{background:var(--color-background-dark, #333333);border-color:var(--color-border-dark, #404040)}.weekly-report__subject-name{color:var(--color-text-primary-dark, #ffffff)}.weekly-report__attention-item{background:linear-gradient(135deg,#4a3728,#3d2f24)}.weekly-report__improvement{background:linear-gradient(135deg,#2d4a2d,#254025)}.weekly-report__footer{background:var(--color-background-dark, #333333);border-color:var(--color-border-dark, #404040)}.weekly-report__encouragement{color:var(--color-text-primary-dark, #ffffff)}}@media (prefers-reduced-motion: reduce){.weekly-report__spinner{animation:none}}@media (prefers-contrast: high){.weekly-report{border:2px solid var(--color-text-primary, #000000)}.weekly-report__stat,.weekly-report__subject{border:1px solid var(--color-text-primary, #000000)}}.reconsent-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000080;padding:1rem}.reconsent-modal{background:var(--bg-primary, #fff);border-radius:.75rem;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.reconsent-modal h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary, #111827)}.reconsent-modal>p{color:var(--text-secondary, #6B7280);margin:0 0 1.5rem}.reconsent-updated-label{font-size:.875rem;font-weight:500;color:var(--text-primary, #111827);margin:0 0 .75rem!important}.reconsent-modal .consent-checkboxes{margin-bottom:1.5rem}.reconsent-error{font-size:.875rem;color:var(--error, #EF4444);margin:0 0 1rem}.reconsent-actions{display:flex;flex-direction:column;gap:.75rem}.reconsent-btn{width:100%;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:background-color .2s ease,opacity .2s ease}.reconsent-btn--primary{background-color:var(--eduq-blue, #0066FF);color:#fff}.reconsent-btn--primary:hover:not(:disabled){background-color:var(--eduq-blue-hover, #0052CC)}.reconsent-btn--primary:disabled{opacity:.5;cursor:not-allowed}.reconsent-btn--outline{background-color:transparent;color:var(--text-secondary, #6B7280);border:1px solid var(--border-medium, #D1D5DB)}.reconsent-btn--outline:hover:not(:disabled){background-color:var(--bg-secondary, #F9FAFB)}.reconsent-translation-note{font-size:.75rem;color:var(--text-tertiary, #9CA3AF);margin-top:1rem;text-align:center}.reconsent-declined{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;padding:2rem;color:var(--text-secondary, #6B7280)}@media (max-width: 640px){.reconsent-modal{padding:1.5rem}.reconsent-modal h2{font-size:1.25rem}}.signup-progress-bar{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-2, .5rem) 0}.signup-progress-bar__steps{display:flex;align-items:center;gap:0;width:100%;max-width:320px}.signup-progress-bar__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.signup-progress-bar__step:not(:last-child):after{content:"";position:absolute;top:11px;left:calc(50% + 11px);width:calc(100% - 22px);height:2px;background-color:var(--border-light, #E5E7EB);z-index:0}.signup-progress-bar__step--completed:not(:last-child):after{background-color:var(--eduq-blue, #0066FF)}.signup-progress-bar__step--current:not(:last-child):after{background-color:var(--border-light, #E5E7EB)}.signup-progress-bar__dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:var(--font-semibold, 600);position:relative;z-index:1;transition:background-color .2s ease,border-color .2s ease}.signup-progress-bar__step--completed .signup-progress-bar__dot{background-color:var(--eduq-blue, #0066FF);color:#fff;border:2px solid var(--eduq-blue, #0066FF)}.signup-progress-bar__step--current .signup-progress-bar__dot{background-color:#fff;color:var(--eduq-blue, #0066FF);border:2px solid var(--eduq-blue, #0066FF);animation:signup-progress-pulse 2s ease-in-out infinite}.signup-progress-bar__step--future .signup-progress-bar__dot{background-color:#fff;color:var(--text-tertiary, #9CA3AF);border:2px solid var(--border-light, #E5E7EB)}.signup-progress-bar__checkmark{display:inline-block;width:12px;height:12px}.signup-progress-bar__label{margin-top:var(--space-1, .25rem);font-size:.625rem;font-weight:var(--font-medium, 500);color:var(--text-secondary, #6B7280);text-align:center;white-space:nowrap}.signup-progress-bar__step--completed .signup-progress-bar__label{color:var(--eduq-blue, #0066FF)}.signup-progress-bar__step--current .signup-progress-bar__label{color:var(--eduq-blue, #0066FF);font-weight:var(--font-semibold, 600)}.signup-progress-bar__step--future .signup-progress-bar__label{color:var(--text-tertiary, #9CA3AF)}@keyframes signup-progress-pulse{0%,to{box-shadow:0 0 #0066ff4d}50%{box-shadow:0 0 0 6px #06f0}}@media (prefers-reduced-motion: reduce){.signup-progress-bar__step--current .signup-progress-bar__dot{animation:none}.signup-progress-bar__dot{transition:none}}@media (max-width: 480px){.signup-progress-bar__steps{max-width:100%}.signup-progress-bar__label{font-size:.625rem}}.chat-interface{display:flex;flex-direction:column;height:100vh;background:#f7fafc}.chat-layout{display:flex;flex:1;overflow:hidden}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-container{flex:1;display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%;padding:0;overflow:hidden;height:100%}.chat-content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem 1rem 1rem;display:flex;flex-direction:column}.chat-input-area{flex-shrink:0;padding:1rem;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000000d}.chat-controls-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem}@media (max-width: 768px){.chat-controls-row{flex-direction:column;gap:.75rem;align-items:stretch}}.chat-error{background:#fed7d7;color:#c53030;padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #c53030}.message-list,.message-list-virtual{flex:1;overflow-y:auto;padding:1rem 0;scroll-behavior:smooth}.message-list-empty{flex:1;display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;color:#718096}.empty-state svg{margin-bottom:1rem}.empty-state h3{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:.5rem}.empty-state p{font-size:14px}.chat-message{display:flex;gap:1rem;margin-bottom:.75rem;animation:fadeIn .3s ease}.message-avatar{flex-shrink:0}.message-content{flex:1;min-width:0}.message-role{font-size:14px;font-weight:600;color:#2d3748}.message-time{font-size:12px;color:#a0aec0}.message-text{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;line-height:1.6;color:#2d3748}.chat-message.assistant .message-text{background:#f7fafc}.message-text p{margin:0 0 1rem}.message-text code{background:#edf2f7;padding:.2rem .4rem;border-radius:4px;font-size:.9em;font-family:Courier New,monospace}.message-text pre{margin:1rem 0;border-radius:8px;overflow-x:auto}.message-text pre code{background:none;padding:0}.message-text ul,.message-text ol{margin:.5rem 0;padding-left:1.5rem}.message-text li{margin:.25rem 0}.typing-indicator{display:flex;gap:1rem;margin-bottom:.75rem;animation:fadeIn .3s ease}.typing-avatar{flex-shrink:0}.typing-content{background:#f7fafc;padding:1rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.typing-dots{display:flex;gap:.5rem}.dot{width:8px;height:8px;background:#a0aec0;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-form{margin-top:1rem}.chat-input-container{position:relative;display:flex;gap:.75rem;background:#fff;border-radius:12px;padding:.75rem;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:border-color .3s ease;align-items:flex-end}.chat-input-container:focus-within{border-color:#667eea}.chat-input-textarea{flex:1;border:none;outline:none;resize:none;font-size:14px;line-height:1.5;max-height:200px;overflow-y:auto;font-family:inherit;padding-right:100px}.chat-input-textarea::placeholder{color:#a0aec0}.chat-input-actions{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;z-index:1}.chat-input-button{flex-shrink:0;width:40px;height:40px;border-radius:8px;border:none;background:#667eea;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.chat-input-button:hover:not(:disabled){background:#5568d3;transform:scale(1.05)}.chat-input-button:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.chat-input-hint{font-size:12px;color:#a0aec0;margin-top:.5rem;text-align:center}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .3s ease}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem}.empty-state-icon{font-size:64px;margin-bottom:1.5rem;opacity:.5}.chat-empty-state h2{font-size:24px;font-weight:600;color:#2d3748;margin:0 0 .75rem}.chat-empty-state p{font-size:16px;color:#718096;margin:0 0 2rem;max-width:400px}.empty-state-button{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.empty-state-button:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.empty-state-button:disabled{background:#cbd5e0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.empty-state-button[aria-busy=true]{position:relative;color:transparent}.empty-state-button[aria-busy=true]:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spinner .6s linear infinite}.chat-loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;animation:fadeIn .3s ease}.chat-loading-placeholder .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;animation:spinner .8s linear infinite;margin-bottom:1rem}.chat-loading-placeholder p{font-size:16px;color:#718096;margin:0}@keyframes spinner{to{transform:rotate(360deg)}}.chat-error{display:flex;align-items:center;gap:12px;background:#fed7d7;color:#c53030;padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid #c53030}.error-icon{font-size:20px;flex-shrink:0}.error-message{flex:1;font-size:14px}@media (max-width: 768px){.chat-container{padding:0}.chat-content-area{padding:1rem .5rem}.chat-input-area{padding:.75rem .5rem}.chat-message{gap:.75rem}.message-avatar svg{width:28px;height:28px}.message-text{padding:.75rem;font-size:14px}.chat-empty-state{padding:1rem}.empty-state-icon{font-size:48px}.chat-empty-state h2{font-size:20px}.chat-empty-state p{font-size:14px}}.chat-voice-status{display:flex;justify-content:center;margin-bottom:12px;animation:fadeIn .3s ease}.chat-voice-error{display:flex;align-items:center;gap:8px;background:#fff5f5;color:#c53030;padding:8px 12px;border-radius:8px;margin-bottom:12px;border-left:3px solid #c53030;font-size:13px;animation:fadeIn .3s ease}.chat-voice-error .error-icon{font-size:16px;flex-shrink:0}.chat-voice-error .error-message{flex:1}.chat-input-container .voice-input-button{width:40px;height:40px}@media (max-width: 768px){.chat-input-textarea{padding-right:92px}.chat-input-actions{gap:6px;right:10px;bottom:10px}.chat-input-container .voice-input-button,.chat-input-button{width:36px;height:36px}}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:#718096}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.chat-empty-state h2{font-size:1.75rem;font-weight:600;color:#2d3748;margin-bottom:.75rem}.chat-empty-state p{font-size:1rem;margin-bottom:1.5rem;max-width:400px}.empty-state-button{background:#4299e1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.empty-state-button:hover:not(:disabled){background:#3182ce;transform:translateY(-1px);box-shadow:0 4px 12px #4299e14d}.empty-state-button:disabled{background:#cbd5e0;cursor:not-allowed;opacity:.6}.chat-ready-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:#718096}.ready-state-icon{font-size:3rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}.chat-ready-state h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.chat-ready-state p{font-size:1rem;color:#718096;max-width:400px}.chat-loading-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:#718096}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.chat-loading-placeholder p{font-size:1rem;color:#718096}.chat-usage-indicator{color:#6b7280;font-size:.875rem}.usage-warning{color:#f59e0b;font-weight:500}.chat-input-textarea:disabled{opacity:.6;cursor:not-allowed}.chat-usage-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-bottom:12px;animation:fadeIn .3s ease}.chat-usage-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chat-usage-text{font-size:14px;color:#4a5568;font-weight:500}.chat-usage-warning{font-size:12px;color:#f59e0b;font-weight:600;background:#fffbeb;padding:2px 8px;border-radius:12px;border:1px solid #fbbf24}.chat-usage-limit-reached{font-size:12px;color:#dc2626;font-weight:600;background:#fef2f2;padding:2px 8px;border-radius:12px;border:1px solid #fca5a5}.chat-usage-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.chat-usage-progress{height:100%;background:#10b981;border-radius:3px;transition:all .3s ease}.chat-usage-progress--warning{background:#f59e0b}.chat-usage-progress--limit{background:#dc2626}.chat-input-gate--blocked{position:relative}.chat-input-gate--blocked:after{content:"";position:absolute;inset:0;background:#fbbf241a;border-radius:12px;pointer-events:none;z-index:1}.chat-input-textarea--blocked{border-color:#fbbf24;background-color:#fffbeb;color:#92400e}.chat-input-textarea--blocked::placeholder{color:#d97706}.chat-input-button--blocked{background-color:#fbbf24;color:#fff}.chat-input-button--blocked:hover:not(:disabled){background-color:#f59e0b}.chat-input-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.chat-upgrade-hint{color:#f59e0b;font-weight:500}.chat-paste-warning{display:flex;align-items:center;gap:8px;background:#fff3cd;color:#856404;padding:8px 12px;border-radius:8px;margin-bottom:12px;border-left:3px solid #ffc107;font-size:13px;animation:fadeIn .3s ease}.chat-paste-warning .warning-icon{font-size:16px;flex-shrink:0}.chat-paste-warning .warning-message{flex:1}.chat-upgrade-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:16px;margin-bottom:16px;color:#fff;animation:fadeIn .3s ease}.chat-upgrade-content{display:flex;align-items:center;gap:16px}.chat-upgrade-icon{font-size:32px;flex-shrink:0}.chat-upgrade-text{flex:1}.chat-upgrade-text h4{margin:0 0 4px;font-size:16px;font-weight:600}.chat-upgrade-text p{margin:0;font-size:14px;opacity:.9}.chat-upgrade-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;flex-shrink:0}.chat-upgrade-button:hover{background:#ffffff4d;transform:translateY(-1px)}@media (max-width: 768px){.chat-upgrade-content{flex-direction:column;text-align:center;gap:12px}.chat-upgrade-icon{font-size:24px}.chat-upgrade-text h4{font-size:14px}.chat-upgrade-text p{font-size:13px}.chat-upgrade-button{width:100%;padding:10px 16px}}.multimodal-input-controls{margin-bottom:1rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e2e8f0}.input-mode-buttons{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.mode-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;justify-content:center}.mode-button:hover:not(:disabled){border-color:#3182ce;background:#ebf8ff;color:#2b6cb0;transform:translateY(-1px)}.mode-button:active:not(:disabled){transform:translateY(0)}.mode-button.active{border-color:#3182ce;background:#3182ce;color:#fff;box-shadow:0 4px 12px #3182ce4d}.mode-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mode-button.recording{border-color:#e53e3e;background:#e53e3e;color:#fff;animation:pulse-recording 1.5s infinite}.mode-icon{font-size:1.125rem;line-height:1}.mode-icon.pulse{animation:pulse-icon 1s infinite}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mode-label{font-weight:500}.voice-status-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:.5rem}.voice-status-indicator.listening{background:#ebf8ff;border-color:#3182ce}.voice-status-indicator.processing{background:#fef5e7;border-color:#d69e2e}.status-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.listening-animation{display:flex;gap:2px;align-items:center}.sound-wave{width:3px;height:12px;background:#3182ce;border-radius:2px;animation:sound-wave 1.2s infinite ease-in-out}.sound-wave:nth-child(2){animation-delay:.1s}.sound-wave:nth-child(3){animation-delay:.2s}@keyframes sound-wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.processing-spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite}.status-text{font-size:.875rem;color:#4a5568;font-weight:500}.document-status-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:.5rem}.document-status-indicator.processing{background:#fef5e7;border-color:#d69e2e}.current-mode-indicator{text-align:center;padding:.5rem}.mode-text{font-size:.75rem;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.multimodal-input-controls.child-friendly .mode-button{padding:1rem 1.5rem;font-size:1rem;min-width:120px;border-radius:12px}.mode-button.math-visual-mode{border-color:#3182ce}.mode-button.math-visual-mode:hover:not(:disabled){border-color:#2c5aa0;background:#ebf8ff;color:#2c5aa0}.mode-button.math-visual-mode .mode-icon{color:#3182ce}.mode-button.chinese-writing-mode{border-color:#dc2626}.mode-button.chinese-writing-mode:hover:not(:disabled){border-color:#b91c1c;background:#fef2f2;color:#b91c1c}.mode-button.chinese-writing-mode .mode-icon{color:#dc2626}.multimodal-input-controls.child-friendly .mode-icon{font-size:1.5rem}.multimodal-input-controls.child-friendly .mode-label{font-size:1rem;font-weight:600}.multimodal-input-controls.child-friendly .voice-status-indicator,.multimodal-input-controls.child-friendly .document-status-indicator{padding:1rem;font-size:1rem}@media (max-width: 768px){.multimodal-input-controls{margin-bottom:.75rem;padding:.75rem}.input-mode-buttons{gap:.5rem}.mode-button{flex:1;min-width:auto;padding:.625rem .75rem;font-size:.8125rem}.mode-icon{font-size:1rem}.mode-label{display:none}.voice-status-indicator,.document-status-indicator{padding:.625rem;font-size:.8125rem}}.mode-button:focus{outline:2px solid #3182ce;outline-offset:2px}.mode-button:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.mode-button{border-width:3px}.mode-button.active{border-color:#000;background:#000}.voice-status-indicator.listening{border-color:#000}}@media (prefers-reduced-motion: reduce){.mode-button,.mode-icon,.sound-wave,.processing-spinner{animation:none}.mode-button:hover:not(:disabled){transform:none}}.accessibility-controls{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:.75rem}.accessibility-control-group{display:flex;align-items:center;gap:.5rem}.auto-read-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.auto-read-toggle:hover:not(:disabled){border-color:#3182ce;background:#ebf8ff;color:#2b6cb0;transform:translateY(-1px)}.auto-read-toggle.enabled{border-color:#3182ce;background:#3182ce;color:#fff;box-shadow:0 2px 8px #3182ce4d}.auto-read-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.auto-read-toggle .control-icon{font-size:1.125rem;line-height:1}.auto-read-toggle .control-label{font-weight:500}.playback-controls{display:flex;gap:.5rem;padding-left:.75rem;border-left:1px solid #e2e8f0}.playback-control{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.playback-control:hover:not(:disabled){border-color:#3182ce;background:#ebf8ff;color:#2b6cb0;transform:translateY(-1px)}.playback-control:disabled{opacity:.5;cursor:not-allowed;transform:none}.playback-control .control-icon{font-size:1rem;line-height:1}.pause-button:hover:not(:disabled){border-color:#d69e2e;background:#fef5e7;color:#b7791f}.resume-button:hover:not(:disabled){border-color:#38a169;background:#f0fff4;color:#2f855a}.stop-button:hover:not(:disabled){border-color:#e53e3e;background:#fff5f5;color:#c53030}.accessibility-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f7fafc;border-radius:8px;margin-left:auto}.accessibility-status .status-icon{font-size:1.25rem;line-height:1}.accessibility-status .status-text{font-size:.875rem;color:#4a5568;font-weight:500}.accessibility-controls.child-friendly{padding:.75rem;gap:1rem}.accessibility-controls.child-friendly .auto-read-toggle{padding:.75rem 1rem;font-size:1rem;min-width:140px;justify-content:center}.accessibility-controls.child-friendly .auto-read-toggle .control-icon{font-size:1.5rem}.accessibility-controls.child-friendly .auto-read-toggle .control-text{font-size:1rem;font-weight:600}.accessibility-controls.child-friendly .playback-control{padding:.75rem 1rem;font-size:1rem;min-width:100px;justify-content:center}.accessibility-controls.child-friendly .playback-control .control-icon{font-size:1.25rem}.accessibility-controls.child-friendly .playback-control .control-text{font-size:1rem;font-weight:600}.accessibility-controls.child-friendly .accessibility-status{padding:.75rem 1rem}.accessibility-controls.child-friendly .accessibility-status .status-icon{font-size:1.5rem}.accessibility-controls.child-friendly .accessibility-status .status-text{font-size:1rem;font-weight:600}.message-speaker-button{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem;min-width:44px;min-height:44px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.message-speaker-button:hover:not(:disabled){border-color:#3182ce;background:#ebf8ff;color:#2b6cb0;transform:translateY(-1px)}.message-speaker-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.message-speaker-button.playing{border-color:#3182ce;background:#3182ce;color:#fff;animation:pulse-speaker 1.5s infinite}@keyframes pulse-speaker{0%,to{box-shadow:0 0 #3182ceb3}50%{box-shadow:0 0 0 6px #3182ce00}}.message-speaker-button.loading{opacity:.7;cursor:wait}.message-speaker-button .speaker-icon{width:24px;height:24px;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center}.message-speaker-button .loading-spinner{width:20px;height:20px;font-size:20px;display:flex;align-items:center;justify-content:center;animation:spin 1s linear infinite}.message-speaker-button .playing-icon{animation:pulse-icon 1s infinite}.playing-indicator{position:absolute;right:-20px;top:50%;transform:translateY(-50%);display:flex;gap:2px;align-items:center}.sound-wave{width:2px;height:10px;background:#3182ce;border-radius:2px;animation:sound-wave 1.2s infinite ease-in-out}.sound-wave.wave-1{animation-delay:0s}.sound-wave.wave-2{animation-delay:.1s}.sound-wave.wave-3{animation-delay:.2s}.message-speaker-button.child-friendly{padding:.625rem;min-width:44px;min-height:44px;border-radius:8px}.message-speaker-button.child-friendly .speaker-icon{font-size:24px}@media (max-width: 768px){.accessibility-controls{flex-wrap:wrap;padding:.5rem;gap:.5rem}.auto-read-toggle{padding:.5rem .625rem;font-size:.8125rem}.auto-read-toggle .control-icon{font-size:1rem}.playback-controls{padding-left:.5rem}.playback-control{padding:.5rem .625rem;font-size:.8125rem}.playback-control .control-icon{font-size:.875rem}.accessibility-status{width:100%;justify-content:center}.message-speaker-button{padding:.625rem;min-width:44px;min-height:44px}.message-speaker-button .speaker-icon{font-size:24px}.message-speaker-button.child-friendly{padding:.625rem;min-width:44px;min-height:44px}.message-speaker-button.child-friendly .speaker-icon{font-size:24px}}.auto-read-toggle:focus,.playback-control:focus,.message-speaker-button:focus{outline:2px solid #3182ce;outline-offset:2px}.auto-read-toggle:focus:not(:focus-visible),.playback-control:focus:not(:focus-visible),.message-speaker-button:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.auto-read-toggle,.playback-control,.message-speaker-button{border-width:2px}.auto-read-toggle.enabled,.message-speaker-button.playing{border-color:#000;background:#000}}@media (prefers-reduced-motion: reduce){.auto-read-toggle,.playback-control,.message-speaker-button,.sound-wave,.loading-spinner,.playing-icon{animation:none}.auto-read-toggle:hover:not(:disabled),.playback-control:hover:not(:disabled),.message-speaker-button:hover:not(:disabled){transform:none}}.message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.message-header-speaker{margin-left:auto}.message-header .message-speaker-button{padding:.5rem;min-width:40px;min-height:40px;border-radius:4px}.message-header .message-speaker-button.child-friendly{padding:.625rem;min-width:44px;min-height:44px;border-radius:6px}.enhanced-chat-message{position:relative}.enhanced-chat-message .message-content{flex:1;min-width:0}.enhanced-chat-message.ai-message .message-header{background:#10b9810d;padding:.5rem;border-radius:8px 8px 0 0;margin:-.5rem -.5rem .5rem}.enhanced-chat-message.ai-message .message-text{border-radius:0 0 8px 8px}.enhanced-chat-message.auto-reading{box-shadow:0 0 0 2px #3182ce4d;border-radius:12px}.enhanced-chat-message.auto-reading:before{content:"🔊";position:absolute;top:-8px;right:-8px;background:#3182ce;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1}.visual-feedback-system{margin:.75rem 0}.voice-feedback{padding:1rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;text-align:center}.voice-feedback.child-friendly{padding:1.5rem;border-radius:16px}.voice-listening-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.microphone-pulse{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px}.microphone-icon{font-size:2rem;z-index:2;position:relative}.pulse-ring{position:absolute;border:2px solid #3182ce;border-radius:50%;animation:pulse-ring 2s infinite}.pulse-ring-1{animation-delay:0s}.pulse-ring-2{animation-delay:.7s}.pulse-ring-3{animation-delay:1.4s}@keyframes pulse-ring{0%{width:40px;height:40px;opacity:1}to{width:80px;height:80px;opacity:0}}.sound-waves{display:flex;align-items:center;justify-content:center;gap:4px;height:40px}.sound-wave{width:4px;background:#3182ce;border-radius:2px;animation:sound-wave-bounce 1.2s infinite ease-in-out}@keyframes sound-wave-bounce{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.voice-processing-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.processing-spinner{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px}.spinner-icon{font-size:1.5rem;z-index:2}.spinner-dots{position:absolute;display:flex;gap:4px;bottom:-10px}.dot{width:6px;height:6px;background:#3182ce;border-radius:50%;animation:dot-bounce 1.4s infinite ease-in-out}.dot-1{animation-delay:-.32s}.dot-2{animation-delay:-.16s}.dot-3{animation-delay:0s}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.voice-status-text{font-size:1rem;color:#4a5568;font-weight:500}.voice-feedback.child-friendly .voice-status-text{font-size:1.125rem;font-weight:600;color:#2d3748}.transcription-display{margin-top:1rem;padding:.75rem;background:#f7fafc;border-radius:8px;text-align:left}.transcription-label{font-size:.875rem;color:#718096;font-weight:500;margin-bottom:.5rem}.transcription-text{font-size:1rem;color:#2d3748;line-height:1.5}.final-transcription{color:#2d3748;font-weight:500}.interim-transcription{color:#718096;font-style:italic}.transcription-cursor{color:#3182ce;animation:cursor-blink 1s infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.language-detection{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.5rem;background:#ebf8ff;border:1px solid #3182ce;border-radius:8px;font-size:.875rem;color:#2b6cb0}.language-icon{font-size:1rem}.voice-error{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:.75rem;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;text-align:left}.voice-error .error-icon{font-size:1.25rem;flex-shrink:0}.voice-error .error-content{flex:1}.voice-error .error-message{font-size:.875rem;color:#c53030;font-weight:500;margin-bottom:.5rem}.error-suggestions{margin-top:.5rem}.suggestions-label{font-size:.8125rem;color:#744210;font-weight:500;margin-bottom:.25rem}.error-suggestions ul{margin:0;padding-left:1rem;font-size:.8125rem;color:#744210}.retry-button{margin-top:.5rem;padding:.375rem .75rem;background:#3182ce;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-button:hover{background:#2c5aa0}.document-feedback{padding:1rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.document-feedback.child-friendly{padding:1.5rem;border-radius:16px}.document-progress-container{display:flex;flex-direction:column;gap:1rem}.progress-header{display:flex;align-items:center;gap:.75rem}.progress-icon{font-size:1.5rem;flex-shrink:0}.progress-text{flex:1}.progress-message{font-size:1rem;color:#2d3748;font-weight:500;margin-bottom:.25rem}.progress-details{font-size:.875rem;color:#718096}.progress-bar-container{width:100%}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3182ce,#4299e1);border-radius:4px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stage-indicators{display:flex;justify-content:space-between;gap:1rem}.stage{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;opacity:.5;transition:opacity .3s ease}.stage.active{opacity:1;color:#3182ce}.stage.complete{opacity:1;color:#10b981}.stage-icon{font-size:1.25rem}.stage-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.document-complete{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.complete-icon{font-size:2rem}.complete-message{font-size:1rem;color:#10b981;font-weight:500}.document-error{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px}.document-error .error-icon{font-size:1.25rem;flex-shrink:0;color:#e53e3e}.document-error .error-content{flex:1}.document-error .error-message{font-size:.875rem;color:#c53030;font-weight:500;margin-bottom:.25rem}.error-stage{font-size:.8125rem;color:#744210;margin-bottom:.5rem}.processing-feedback{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#f7fafc;border-radius:8px}.processing-feedback.child-friendly{padding:1.5rem;border-radius:12px}.processing-animation{display:flex;align-items:center;gap:.5rem}.processing-icon{font-size:1.5rem;animation:processing-spin 2s linear infinite}@keyframes processing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-dots{display:flex;gap:4px}.processing-dots .dot{width:6px;height:6px;background:#4a5568;border-radius:50%;animation:dot-bounce 1.4s infinite ease-in-out}.processing-message{font-size:.875rem;color:#4a5568;font-weight:500}.processing-feedback.child-friendly .processing-message{font-size:1rem;font-weight:600}@media (max-width: 768px){.voice-feedback,.document-feedback{padding:.75rem}.voice-feedback.child-friendly,.document-feedback.child-friendly{padding:1rem}.microphone-pulse{width:60px;height:60px}.microphone-icon{font-size:1.5rem}.pulse-ring{max-width:60px;max-height:60px}.progress-header{flex-direction:column;align-items:flex-start;gap:.5rem}.stage-indicators{gap:.5rem}.stage-label{font-size:.6875rem}}@media (prefers-reduced-motion: reduce){.pulse-ring,.sound-wave,.dot,.transcription-cursor,.progress-fill:after,.processing-icon{animation:none}.microphone-pulse,.processing-spinner{transform:none}}@media (prefers-contrast: high){.voice-feedback,.document-feedback{border-width:2px}.progress-bar{border:1px solid #000000}.progress-fill{background:#000}}.chat-content-suggestion{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#4a90d91a;border:1px solid rgba(74,144,217,.2);border-radius:.5rem;margin-bottom:.5rem;font-size:.875rem;color:var(--color-primary, #4a90d9);animation:slideInDown .3s ease-out}.chat-content-suggestion .suggestion-icon{font-size:1rem;flex-shrink:0}.chat-content-suggestion .suggestion-message{flex:1;line-height:1.4}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.chat-content-suggestion{font-size:.8rem;padding:.625rem .875rem}}.sidebar-toggle-tab{position:fixed;left:0;top:50%;transform:translateY(-50%);width:24px;height:48px;z-index:100;background:var(--bg-white, #ffffff);border:1px solid var(--border-gray, #e2e8f0);border-left:none;border-radius:0 8px 8px 0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--text-gray, #6b7280)}.sidebar-toggle-tab:hover{background:var(--bg-hover, #f9fafb);color:var(--text-primary, #374151);transform:translateY(-50%) translate(2px)}.sidebar-toggle-tab:focus{outline:2px solid #3182ce;outline-offset:2px}.sidebar-toggle-tab:focus:not(:focus-visible){outline:none}.sidebar-toggle-tab--open{left:280px;transition:left .3s ease,all .2s ease}@media (max-width: 768px){.sidebar-toggle-tab{width:44px;height:44px;top:70px;border-radius:0 12px 12px 0;box-shadow:2px 2px 8px #00000026;z-index:250}.sidebar-toggle-tab:hover{transform:translateY(0) translate(2px)}.sidebar-toggle-tab--open{display:none}}@media (min-width: 769px){.chat-interface__main{margin-left:260px}}.chat-send-error{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:#fef2f2;border:1px solid #FECACA;border-radius:.5rem;margin:0 1rem .5rem;color:#991b1b;font-size:.875rem;animation:chat-send-error-fade-in .2s ease}@keyframes chat-send-error-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-send-error__text{flex:1;margin-right:.5rem}.chat-send-error__dismiss{background:none;border:none;color:#991b1b;cursor:pointer;font-size:1.25rem;padding:0 .25rem;line-height:1;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center}.chat-send-error__dismiss:hover{color:#7f1d1d}.chat-send-error__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.chat-send-error__retry{background-color:var(--eduq-blue);color:#fff;border:none;border-radius:.375rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.chat-send-error__retry:hover{background-color:var(--eduq-blue-hover)}@media (prefers-reduced-motion: reduce){.chat-send-error{animation:none}}.voice-message-badge{font-size:.75rem;margin:0 4px;opacity:.75;flex-shrink:0;line-height:1}.ai-disclaimer{text-align:center;padding:4px 8px;font-size:.75rem;color:var(--text-tertiary, #9CA3AF);line-height:1.4;background:var(--bg-primary, #FFFFFF);border-top:1px solid var(--border-light, #E5E7EB);flex-shrink:0}@media (max-width: 640px){.ai-disclaimer{font-size:.6875rem;padding:3px 6px}}.assigned-work{padding:var(--space-3);border-top:1px solid var(--border-light)}.assigned-work__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin:0 0 var(--space-2) 0}.assigned-work__badge{background:var(--error);color:#fff;border-radius:10px;padding:0 6px;font-size:var(--text-xs);font-weight:600;min-width:18px;text-align:center;line-height:1.6}.assigned-work__card{display:flex;align-items:center;gap:8px;padding:var(--space-2);border-radius:.5rem;cursor:pointer;width:100%;border:none;background:transparent;text-align:left;transition:background-color .2s ease;color:var(--text-primary);font-size:var(--text-sm)}.assigned-work__card:hover{background:var(--bg-secondary)}.assigned-work__card:focus-visible{outline:2px solid var(--eduq-blue);outline-offset:2px}.assigned-work__card--completed{opacity:.6;cursor:default}.assigned-work__card--completed:hover{background:transparent}.assigned-work__subject{font-size:1rem;flex-shrink:0;line-height:1}.assigned-work__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.assigned-work__card-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assigned-work__due{font-size:var(--text-xs);color:var(--text-secondary)}.assigned-work__due--overdue{color:var(--error);font-weight:500}.assigned-work__overdue-badge{background:var(--error);color:#fff;font-size:var(--text-xs);font-weight:600;padding:1px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap}.assigned-work__completed-section{margin-top:var(--space-2)}.assigned-work__completed-toggle{font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;padding:var(--space-1) 0;list-style:none;user-select:none}.assigned-work__completed-toggle::-webkit-details-marker{display:none}.assigned-work__completed-toggle:before{content:"▶ ";font-size:.6rem;vertical-align:middle}.assigned-work__completed-section[open] .assigned-work__completed-toggle:before{content:"▼ "}.assigned-work__score{font-size:var(--text-xs);color:var(--success);font-weight:600;flex-shrink:0}.assigned-work__empty{font-size:var(--text-xs);color:var(--text-tertiary);margin:0;padding:var(--space-1) 0}@media (prefers-reduced-motion: reduce){.assigned-work__card{transition:none}}.chat-history{display:flex;flex-direction:column;height:100%;background:var(--bg-white, #ffffff);border-radius:var(--radius-lg, 12px);overflow:hidden}.chat-history-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-gray, #e5e7eb)}.chat-history-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0}.chat-history-controls{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-gray, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.chat-history-search{position:relative;display:flex;align-items:center}.chat-history-search .search-icon{position:absolute;left:.75rem;color:var(--text-muted, #9ca3af);pointer-events:none}.chat-history-search-input{width:100%;padding:.625rem 2.25rem;border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:.875rem;color:var(--text-primary, #1f2937);background:var(--bg-white, #ffffff);transition:border-color .2s,box-shadow .2s}.chat-history-search-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.chat-history-search-input::placeholder{color:var(--text-muted, #9ca3af)}.search-spinner{position:absolute;right:.75rem;width:16px;height:16px;border:2px solid var(--border-gray, #e5e7eb);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.search-clear-btn{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-muted, #9ca3af);cursor:pointer;border-radius:var(--radius-sm, 4px);transition:color .2s,background .2s}.search-clear-btn:hover{color:var(--text-primary, #1f2937);background:var(--bg-hover, #f3f4f6)}.chat-history-actions{display:flex;gap:.5rem}.chat-history-filter-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--bg-white, #ffffff);color:var(--text-secondary, #4b5563);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.chat-history-filter-btn:hover{border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.chat-history-filter-btn.active{border-color:var(--color-primary, #3b82f6);background:#3b82f60d;color:var(--color-primary, #3b82f6)}.filter-badge{width:6px;height:6px;background:var(--color-primary, #3b82f6);border-radius:50%}.chat-history-sort-select{flex:1;padding:.5rem .75rem;border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--bg-white, #ffffff);color:var(--text-secondary, #4b5563);font-size:.875rem;cursor:pointer;transition:border-color .2s}.chat-history-sort-select:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.chat-history-filter-panel{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-gray, #e5e7eb);animation:slideDown .2s ease}.filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.filter-label{font-size:.75rem;font-weight:500;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.025em}.filter-select{padding:.375rem .5rem;border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-sm, 6px);background:var(--bg-white, #ffffff);color:var(--text-primary, #1f2937);font-size:.8125rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary, #3b82f6)}.filter-actions{display:flex;align-items:flex-end;margin-left:auto}.filter-clear-btn{padding:.375rem .75rem;border:none;background:transparent;color:var(--text-muted, #9ca3af);font-size:.8125rem;cursor:pointer;transition:color .2s}.filter-clear-btn:hover:not(:disabled){color:var(--color-primary, #3b82f6)}.filter-clear-btn:disabled{opacity:.5;cursor:not-allowed}.chat-history-search-result{padding:.75rem 1rem;background:#3b82f60d;border-bottom:1px solid var(--border-gray, #e5e7eb)}.search-result-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-white, #ffffff);border:1px solid var(--color-primary, #3b82f6);border-radius:var(--radius-md, 8px);cursor:pointer;transition:background .2s}.search-result-card:hover{background:#3b82f60d}.search-result-label{font-size:.75rem;font-weight:500;color:var(--color-primary, #3b82f6)}.search-result-title{font-size:.875rem;color:var(--text-primary, #1f2937)}.search-result-empty{font-size:.875rem;color:var(--text-muted, #9ca3af);text-align:center}.chat-history-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:.875rem}.chat-history-error svg{flex-shrink:0}.error-dismiss-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#dc2626;cursor:pointer;border-radius:var(--radius-sm, 4px);transition:background .2s}.error-dismiss-btn:hover{background:#dc26261a}.chat-history-list{position:relative;flex:1;overflow-y:auto;padding:.5rem}.chat-history-loading{padding:.5rem}.chat-history-filter-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffd9;z-index:10;animation:fadeIn .15s ease}.filter-loading-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--bg-white, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:0 4px 16px #0000001a}.filter-loading-text{font-size:.875rem;color:var(--text-secondary, #4b5563);font-weight:500}.chat-history-inline-loading{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#3b82f60d;border-radius:var(--radius-md, 8px);font-size:.8125rem;color:var(--color-primary, #3b82f6)}.loading-skeleton{display:flex;flex-direction:column;gap:.5rem}.skeleton-card{padding:1rem;background:var(--bg-white, #ffffff);border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px)}.skeleton-title{height:16px;width:60%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-meta{height:12px;width:80%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-ref{height:10px;width:40%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.chat-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.chat-history-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.chat-history-empty h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 .5rem}.chat-history-empty p{font-size:.875rem;color:var(--text-muted, #9ca3af);margin:0;max-width:280px}.conversation-card{position:relative;padding:.875rem 1rem;background:var(--bg-white, #ffffff);border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px);margin-bottom:.5rem;cursor:pointer;transition:all .2s}.conversation-card:hover{border-color:var(--color-primary, #3b82f6);box-shadow:0 2px 8px #0000000d}.conversation-card:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.conversation-card.locked{opacity:.7;cursor:not-allowed}.conversation-card.locked:hover{border-color:var(--border-gray, #e5e7eb);box-shadow:none}.conversation-card.archived{background:var(--bg-secondary, #f9fafb)}.locked-overlay{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#6b72801a;border-radius:var(--radius-sm, 6px);color:var(--text-muted, #9ca3af)}.conversation-card-content{display:flex;flex-direction:column;gap:.375rem}.conversation-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.conversation-title{font-size:.9375rem;font-weight:500;color:var(--text-primary, #1f2937);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.conversation-actions-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted, #9ca3af);cursor:pointer;border-radius:var(--radius-sm, 6px);transition:all .2s}.conversation-actions-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.conversation-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted, #9ca3af)}.meta-separator{color:var(--border-gray, #e5e7eb)}.conversation-reference{margin-top:.25rem}.reference-code{display:inline-block;padding:.125rem .375rem;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--text-secondary, #4b5563);cursor:pointer;transition:all .2s}.reference-code:hover{background:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:#fff}.locked-message{font-size:.75rem;color:var(--color-warning, #f59e0b);margin:.25rem 0 0}.archived-badge{display:inline-block;padding:.125rem .375rem;background:#6b72801a;border-radius:var(--radius-sm, 4px);font-size:.6875rem;font-weight:500;color:var(--text-muted, #9ca3af);margin-top:.25rem}.conversation-indicators{display:flex;gap:.375rem;margin-top:.375rem}.conversation-indicators .indicator{font-size:.875rem;opacity:.7}.conversation-actions-menu{position:absolute;top:100%;right:.5rem;z-index:100;min-width:180px;padding:.375rem;background:var(--bg-white, #ffffff);border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px);box-shadow:0 4px 16px #0000001a;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;background:transparent;color:var(--text-secondary, #4b5563);font-size:.8125rem;text-align:left;cursor:pointer;border-radius:var(--radius-sm, 6px);transition:all .15s}.action-item:hover:not(:disabled){background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.action-item:disabled{opacity:.5;cursor:not-allowed}.action-item.danger{color:#dc2626}.action-item.danger:hover:not(:disabled){background:#fef2f2;color:#dc2626}.action-divider{height:1px;background:var(--border-gray, #e5e7eb);margin:.25rem 0}.action-item-with-submenu{position:relative}.submenu-arrow{margin-left:auto}.export-submenu{position:absolute;top:0;left:100%;margin-left:.25rem;min-width:160px;padding:.375rem;background:var(--bg-white, #ffffff);border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px);box-shadow:0 4px 16px #0000001a}.export-option{display:block;width:100%;padding:.5rem .625rem;border:none;background:transparent;color:var(--text-secondary, #4b5563);font-size:.8125rem;text-align:left;cursor:pointer;border-radius:var(--radius-sm, 6px);transition:all .15s}.export-option:hover:not(:disabled){background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.export-option:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:var(--radius-md, 8px);z-index:50}.delete-confirm-dialog{padding:1rem;text-align:center}.delete-confirm-dialog h4{font-size:.9375rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 .5rem}.delete-confirm-dialog p{font-size:.8125rem;color:var(--text-secondary, #4b5563);margin:0 0 .5rem}.delete-warning{font-size:.75rem;color:#dc2626}.delete-confirm-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem}.cancel-btn{padding:.5rem 1rem;border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--bg-white, #ffffff);color:var(--text-secondary, #4b5563);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:var(--bg-hover, #f3f4f6)}.delete-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:var(--radius-md, 8px);background:#dc2626;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.delete-btn:hover:not(:disabled){background:#b91c1c}.delete-btn:disabled{opacity:.7;cursor:not-allowed}.action-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fffc;border-radius:var(--radius-md, 8px);z-index:40}.chat-history-load-more{padding:.75rem;text-align:center}.load-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--bg-white, #ffffff);color:var(--text-secondary, #4b5563);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.load-more-btn:hover:not(:disabled){border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner-small{width:14px;height:14px;border:2px solid var(--border-gray, #e5e7eb);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.chat-history-upgrade-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:1000;animation:fadeIn .2s ease}.chat-history-upgrade-modal{position:relative;width:90%;max-width:400px;padding:1.5rem;background:var(--bg-white, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:0 20px 40px #00000026;animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close-btn{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted, #9ca3af);cursor:pointer;border-radius:var(--radius-sm, 6px);transition:all .2s}.modal-close-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1f2937)}.chat-history-upgrade-modal h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 .75rem}.chat-history-upgrade-modal>p{font-size:.9375rem;color:var(--text-secondary, #4b5563);margin:0 0 1rem;line-height:1.5}.upgrade-benefits{list-style:none;padding:0;margin:0 0 1.25rem}.upgrade-benefits li{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.875rem;color:var(--text-secondary, #4b5563)}.upgrade-benefits li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#22c55e1a;color:#22c55e;font-size:.75rem;font-weight:600;border-radius:50%}.upgrade-actions{display:flex;gap:.75rem}.upgrade-later-btn{flex:1;padding:.75rem 1rem;border:1px solid var(--border-gray, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--bg-white, #ffffff);color:var(--text-secondary, #4b5563);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.upgrade-later-btn:hover{background:var(--bg-hover, #f3f4f6)}.upgrade-now-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:var(--radius-md, 8px);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.upgrade-now-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.chat-history-controls{padding:.625rem .75rem}.chat-history-actions{flex-direction:column}.chat-history-filter-btn,.chat-history-sort-select{width:100%}.chat-history-filter-panel{flex-direction:column}.filter-group{width:100%}.filter-actions{margin-left:0;margin-top:.5rem}.conversation-card{padding:.75rem}.conversation-title{font-size:.875rem}.conversation-meta{font-size:.6875rem}.conversation-actions-menu{right:0;left:0;min-width:auto}.export-submenu{position:static;margin-left:0;margin-top:.25rem;box-shadow:none;border:none;background:var(--bg-secondary, #f9fafb)}.chat-history-upgrade-modal{width:95%;padding:1.25rem}.upgrade-actions{flex-direction:column}}@media (prefers-contrast: high){.conversation-card{border-width:2px}.conversation-card:focus{outline:3px solid var(--color-primary, #3b82f6);outline-offset:2px}.action-item:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:1px}}@media (prefers-reduced-motion: reduce){.conversation-card,.action-item,.chat-history-filter-panel,.conversation-actions-menu,.chat-history-upgrade-modal,.chat-history-upgrade-modal-overlay{animation:none;transition:none}.loading-spinner-small,.search-spinner,.skeleton-title,.skeleton-meta,.skeleton-ref{animation:none}}.clean-chat-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary, #ffffff);padding:0;min-height:0}.clean-chat-messages{flex:1;overflow-y:auto;padding:0;scroll-behavior:smooth}.clean-chat-messages .message-list{padding:0}.clean-chat-messages .chat-message{margin-bottom:0}.clean-chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl, 2rem);animation:fadeIn .3s ease}.welcome-icon{font-size:4rem;margin-bottom:var(--spacing-lg, 1.5rem);animation:gentle-bounce 2s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.welcome-title{font-size:1.75rem;font-weight:600;color:var(--color-text-primary, #2d3748);margin:0 0 var(--spacing-sm, .5rem) 0}.welcome-subtitle{font-size:1rem;color:var(--color-text-secondary, #718096);margin:0 0 var(--spacing-xl, 2rem) 0;max-width:400px}.welcome-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem);padding:.875rem 2rem;background:var(--color-primary, #667eea);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:160px;min-height:48px}.welcome-cta-button:hover:not(:disabled){background:var(--color-primary-dark, #5568d3);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.welcome-cta-button:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.welcome-cta-button:disabled{background:var(--color-border, #e2e8f0)!important;color:var(--color-text-secondary, #718096)!important;cursor:not-allowed!important;pointer-events:none!important;transform:none!important;box-shadow:none!important;opacity:.7}.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin .8s linear infinite}.clean-chat-welcome.is-loading{pointer-events:none;opacity:.8}.clean-chat-ready{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl, 2rem);animation:fadeIn .3s ease}.ready-icon{font-size:3rem;margin-bottom:var(--spacing-md, 1rem);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.ready-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #2d3748);margin:0 0 var(--spacing-xs, .25rem) 0}.ready-subtitle{font-size:1rem;color:var(--color-text-secondary, #718096);margin:0;max-width:400px}.clean-chat-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl, 2rem);animation:fadeIn .3s ease}.clean-chat-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border, #e2e8f0);border-radius:50%;border-top-color:var(--color-primary, #667eea);animation:spin .8s linear infinite;margin-bottom:var(--spacing-md, 1rem)}.clean-chat-loading p{font-size:1rem;color:var(--color-text-secondary, #718096);margin:0}.clean-chat-error{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);background:#fed7d7;color:#c53030;padding:var(--spacing-md, 1rem);border-radius:8px;margin:var(--spacing-md, 1rem);border-left:4px solid #c53030;animation:fadeIn .3s ease}.clean-chat-error .error-icon{font-size:1.25rem;flex-shrink:0}.clean-chat-error .error-message{flex:1;font-size:.875rem}@media (max-width: 768px){.clean-chat-content{padding:0}.clean-chat-welcome,.clean-chat-ready,.clean-chat-loading{padding:var(--spacing-md, 1rem)}.welcome-icon{font-size:3rem}.welcome-title{font-size:1.5rem}.welcome-subtitle,.ready-subtitle{font-size:.875rem}.welcome-cta-button{width:100%;max-width:280px}.ready-icon{font-size:2.5rem}.ready-title{font-size:1.25rem}}@media (prefers-contrast: high){.welcome-cta-button{border:2px solid currentColor}.clean-chat-error{border-width:2px}}@media (prefers-reduced-motion: reduce){.welcome-icon,.ready-icon,.loading-spinner,.button-spinner{animation:none}.welcome-cta-button:hover:not(:disabled){transform:none}.clean-chat-welcome,.clean-chat-ready,.clean-chat-loading,.clean-chat-error{animation:none}}.welcome-cta-button:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.welcome-cta-button:focus:not(:focus-visible){outline:none}:root{--touch-target-min: 44px;--touch-target-mobile: 44px}.compact-input-toolbar{display:flex;flex-direction:column;background:transparent;border-top:none;padding:0;max-height:none;box-sizing:border-box}.voice-recording-inline{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;height:40px;padding:0 12px;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:8px;animation:fadeInRecording .3s ease;flex:1}@keyframes fadeInRecording{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.recording-indicator-inline{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);flex:1}.recording-dot-inline{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse-dot-inline 1s infinite;flex-shrink:0}@keyframes pulse-dot-inline{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #ef4444b3}50%{opacity:.8;transform:scale(.9);box-shadow:0 0 0 4px #ef444400}}.recording-waveform{display:flex;align-items:center;gap:2px;height:20px;padding:0 4px}.wave-bar{width:3px;height:8px;background:#ef4444;border-radius:2px;animation:wave-animation .8s ease-in-out infinite}.wave-bar:nth-child(1){animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}@keyframes wave-animation{0%,to{height:8px}50%{height:18px}}.recording-text-inline{font-size:.875rem;font-weight:500;color:#b91c1c;white-space:nowrap}.recording-duration{font-size:.75rem;font-weight:600;color:#ef4444;background:#fffc;padding:2px 8px;border-radius:10px;font-variant-numeric:tabular-nums;margin-left:auto}.stop-recording-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:none;border-radius:6px;background:#ef4444;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:var(--spacing-sm, .5rem)}.stop-recording-btn:hover{background:#dc2626;transform:scale(1.05)}.stop-recording-btn:focus{outline:2px solid #ef4444;outline-offset:2px}.stop-recording-btn:focus:not(:focus-visible){outline:none}.stop-icon{font-size:1rem;line-height:1}.toolbar-row{display:flex;flex-direction:row;gap:var(--spacing-sm, .5rem);align-items:center;position:relative;z-index:auto;flex-wrap:nowrap}.all-buttons-row{display:flex;align-items:center;justify-content:flex-start;gap:4px;padding:2px 0;flex-shrink:0}.mode-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:2px solid transparent;border-radius:8px;background:var(--color-bg-secondary, #f7fafc);color:var(--color-text-secondary, #718096);cursor:pointer;transition:all .2s ease;padding:0;position:relative}.mode-btn:hover:not(:disabled){background:#ebf8ff;border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea);transform:scale(1.05)}.mode-btn:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.mode-btn:focus:not(:focus-visible){outline:none}.mode-btn.active{background:var(--color-primary, #667eea);border-color:var(--color-primary, #667eea);color:#fff;box-shadow:0 2px 8px #667eea4d}.mode-btn.recording{background:#e53e3e;border-color:#e53e3e;color:#fff;animation:pulse-recording 1.5s infinite}@keyframes pulse-recording{0%,to{box-shadow:0 0 #e53e3eb3}50%{box-shadow:0 0 0 8px #e53e3e00}}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.mode-btn-icon{font-size:1.25rem;line-height:1}.mode-btn-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;max-height:44px;flex-shrink:0;align-self:center;z-index:1001}.mode-btn-tooltip{position:fixed;bottom:auto;top:auto;left:auto;transform:none;padding:6px 10px;background:var(--color-text-primary, #2d3748);color:#fff;font-size:.75rem;font-weight:500;white-space:nowrap;border-radius:6px;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:10000}.mode-btn-wrapper:hover .mode-btn-tooltip{opacity:1;visibility:visible;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.mode-btn-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-text-primary, #2d3748)}.mode-btn-wrapper:hover .mode-btn-tooltip,.mode-btn-wrapper .mode-btn:focus+.mode-btn-tooltip,.mode-btn-wrapper .mode-btn:focus-visible+.mode-btn-tooltip{opacity:1;visibility:visible}.mode-btn-wrapper:has(.mode-btn:disabled) .mode-btn-tooltip{display:none}.toolbar-divider{display:none}.input-container{flex:1;min-width:0;display:flex;align-items:center;position:relative;z-index:1}.input-field{width:100%;height:40px;max-height:40px;padding:8px 52px 8px 12px;border:2px solid var(--color-border, #e2e8f0);border-radius:8px;background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #2d3748);font-size:.875rem;font-family:inherit;line-height:1.5;resize:none;overflow:hidden;transition:border-color .2s ease;white-space:nowrap;pointer-events:auto;touch-action:manipulation;-webkit-user-select:text;user-select:text;cursor:text}.input-field:focus{outline:none;border-color:var(--color-primary, #667eea)}.input-field::placeholder{color:var(--color-text-secondary, #718096);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-field:disabled{background:var(--color-bg-secondary, #f7fafc);cursor:not-allowed;opacity:.6}.send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:none;border-radius:8px;background:var(--color-primary, #667eea);color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-btn--inside{position:absolute!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:6px;z-index:10;pointer-events:auto;margin:0!important;inset:50% 2px auto auto!important}.send-btn:hover:not(:disabled){background:var(--color-primary-dark, #5568d3);box-shadow:0 4px 12px #667eea66}.send-btn--inside:hover:not(:disabled){transform:translateY(-50%)!important}.send-btn:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.send-btn:focus:not(:focus-visible){outline:none}.send-btn:disabled{background:var(--color-border, #e2e8f0);color:var(--color-text-secondary, #718096);cursor:not-allowed;transform:none;box-shadow:none}.send-btn__icon{width:20px;height:20px;fill:currentColor;display:block;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.compact-input-toolbar{padding:0}.toolbar-row{gap:4px}.mode-buttons{gap:2px}.mode-btn{width:44px;height:44px;min-width:44px;min-height:44px}.mode-btn-icon{font-size:1.125rem}.mode-btn-tooltip{font-size:.6875rem;padding:5px 8px;bottom:calc(100% + 6px)}.mode-btn-tooltip:after{border-width:5px}.toolbar-divider{height:28px;margin:0 2px}.input-field{height:40px;max-height:40px;padding:6px 10px;font-size:.8125rem}.send-btn,.settings-btn{width:44px;height:44px;min-width:44px;min-height:44px}.send-btn__icon{width:18px;height:18px}.settings-icon{font-size:1.125rem}.voice-recording-inline{height:40px;padding:0 10px}.recording-dot-inline{width:8px;height:8px}.recording-waveform{gap:2px;height:18px}.wave-bar{width:2px;height:6px}@keyframes wave-animation{0%,to{height:6px}50%{height:14px}}.recording-text-inline{font-size:.8125rem}.recording-duration{font-size:.6875rem;padding:2px 6px}.stop-recording-btn{width:44px;height:44px;min-width:44px;min-height:44px}.stop-icon{font-size:.875rem}}@media (max-width: 480px){.compact-input-toolbar{padding:0;max-height:none}.toolbar-row--main{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center}.mode-btn{width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;flex-shrink:0;align-self:center}.voice-btn,.paperclip-btn{border-radius:50%}.voice-lang-pill{order:10;flex-basis:auto}.voice-lang-pill--hidden{display:none}.voice-status-label{order:11}.voice-status-label--hidden{display:none}.voice-cancel-btn{order:12;margin-left:auto}.voice-cancel-btn--hidden{display:none}.voice-error-label{order:13;flex-basis:100%}.input-container{flex:1;min-width:0;order:5}.input-field{width:100%;height:44px;max-height:44px;padding:8px 48px 8px 12px;font-size:.875rem;border-radius:8px;-webkit-tap-highlight-color:rgba(102,126,234,.1);-webkit-touch-callout:default;-webkit-user-select:text;user-select:text;touch-action:manipulation;pointer-events:auto;cursor:text;min-height:44px}.input-field::placeholder{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-divider{display:none}.send-btn--inside{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;transform:translateY(-50%)!important;position:absolute!important;inset:50% 2px auto auto!important;margin:0!important}.send-btn__icon{width:18px;height:18px;display:block}.settings-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:8px;flex-shrink:0}.settings-icon,.mode-btn-icon{font-size:1.125rem}.mode-btn-tooltip{display:none}.voice-recording-inline{height:44px;padding:0 12px;border-radius:8px}.recording-indicator-inline{gap:var(--spacing-sm, .5rem)}.recording-dot-inline{width:8px;height:8px}.recording-waveform{gap:2px;height:20px}.wave-bar{width:3px;height:8px}@keyframes wave-animation{0%,to{height:8px}50%{height:16px}}.recording-text-inline{font-size:.875rem}.recording-duration{font-size:.75rem;padding:2px 8px}.stop-recording-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:8px;margin-left:var(--spacing-sm, .5rem);flex-shrink:0}.stop-icon{font-size:1rem}.all-buttons-row{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0;flex-shrink:0}.all-buttons-row::-webkit-scrollbar{display:none}}@media (prefers-contrast: high){.mode-btn{border-width:3px;border-color:var(--color-text-primary, #2d3748)}.mode-btn.active{border-color:#000;background:#000}.input-field{border-width:3px;border-color:var(--color-text-primary, #2d3748)}.send-btn{border:3px solid #000000}.settings-btn{border-width:3px;border-color:var(--color-text-primary, #2d3748)}.toolbar-divider{background:var(--color-text-primary, #2d3748);width:2px}.voice-recording-inline{border-width:3px;border-color:#000;background:#fecaca}.recording-dot-inline,.wave-bar{background:#000}.recording-text-inline{color:#000;font-weight:700}.recording-duration{background:#fff;color:#000;border:2px solid #000000}.stop-recording-btn{border:3px solid #000000;background:#000}}@media (prefers-reduced-motion: reduce){.mode-btn,.send-btn,.settings-btn,.input-field,.stop-recording-btn{transition:none}.mode-btn:hover:not(:disabled),.send-btn:hover:not(:disabled),.stop-recording-btn:hover{transform:none}.mode-btn.recording,.recording-dot-inline{animation:none}.wave-bar{animation:none;height:12px}.voice-recording-inline{animation:none}.mode-btn-tooltip{transition:none}}.input-field--interim{font-style:italic;color:var(--text-secondary, #6B7280)}.voice-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:2px solid transparent;background:var(--bg-tertiary, #F3F4F6);cursor:pointer;transition:background .2s,border-color .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-btn:hover:not(:disabled){background:var(--bg-secondary, #F9FAFB);border-color:var(--eduq-blue, #0066FF)}.voice-btn--listening{background:#fee2e2;border-color:#ef4444;animation:voice-pulse 1.2s ease-in-out infinite}@keyframes voice-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.voice-btn--processing{background:#eff6ff;border-color:var(--eduq-blue, #0066FF);animation:voice-spin-border 1s linear infinite}@keyframes voice-spin-border{0%{border-color:var(--eduq-blue, #0066FF) transparent transparent transparent}25%{border-color:transparent var(--eduq-blue, #0066FF) transparent transparent}50%{border-color:transparent transparent var(--eduq-blue, #0066FF) transparent}75%{border-color:transparent transparent transparent var(--eduq-blue, #0066FF)}to{border-color:var(--eduq-blue, #0066FF) transparent transparent transparent}}.voice-btn--speaking{background:#f0fdf4;border-color:var(--eduq-cyan, #00D9B5)}.voice-btn--unsupported{opacity:.4;cursor:not-allowed}.paperclip-btn{border-radius:50%;border:2px solid transparent;background:var(--bg-tertiary, #F3F4F6);color:var(--text-secondary, #6B7280);flex-shrink:0}.paperclip-btn:hover:not(:disabled){background:var(--bg-secondary, #F9FAFB);border-color:var(--eduq-blue, #0066FF);color:var(--eduq-blue, #0066FF)}.paperclip-btn svg{display:block}.voice-lang-pill{display:flex;align-items:center;gap:2px;background:var(--bg-tertiary, #F3F4F6);border-radius:20px;padding:2px;flex-shrink:0;transition:opacity .15s ease,visibility .15s ease}.voice-lang-pill--hidden{visibility:hidden;opacity:0;pointer-events:none}.voice-lang-pill__btn{padding:4px 10px;border:none;border-radius:16px;background:transparent;font-size:.75rem;font-weight:500;color:var(--text-secondary, #6B7280);cursor:pointer;transition:background .15s,color .15s;min-height:28px;white-space:nowrap}.voice-lang-pill__btn:hover{background:var(--bg-secondary, #F9FAFB);color:var(--text-primary, #111827)}.voice-lang-pill__btn--active{background:var(--eduq-blue, #0066FF);color:#fff}.voice-status-label{font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:0;transition:opacity .15s ease,visibility .15s ease;min-width:4ch}.voice-status-label--hidden{visibility:hidden;opacity:0;pointer-events:none}.voice-status-label--listening{color:#ef4444}.voice-status-label--processing{color:var(--eduq-blue, #0066FF)}.voice-status-label--speaking{color:var(--eduq-cyan, #00D9B5)}.voice-cancel-btn{font-size:.75rem;font-weight:500;color:var(--error, #EF4444);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;white-space:nowrap;flex-shrink:0;transition:background-color .2s ease,opacity .15s ease,visibility .15s ease}.voice-cancel-btn--hidden{visibility:hidden;opacity:0;pointer-events:none}.voice-cancel-btn:hover{background-color:#ef44441a}.voice-cancel-btn:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.voice-error-label{font-size:.75rem;color:var(--error, #EF4444);white-space:nowrap;flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){.voice-btn--listening,.voice-btn--processing{animation:none}}.conversation-flow-indicator{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 12px #667eea33;animation:slideDown .3s ease}.flow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.flow-info{display:flex;flex-direction:column;gap:.25rem}.flow-step-count{font-size:14px;font-weight:600;color:#fff;opacity:.95}.flow-strategy{font-size:12px;color:#fff;opacity:.8;font-weight:500}.flow-progress-text{font-size:18px;font-weight:700;color:#fff;opacity:.95}.flow-progress-bar{height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.flow-progress-fill{height:100%;background:#fff;border-radius:4px;transition:width .5s ease;box-shadow:0 0 8px #ffffff80}.flow-step-dots{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem;flex-wrap:wrap}.flow-step-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;transition:all .3s ease;cursor:pointer;position:relative}.flow-step-dot.completed{background:#fff;box-shadow:0 0 8px #fff9}.flow-step-dot.active{background:#fff;box-shadow:0 0 12px #fffc;transform:scale(1.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 12px #fffc}50%{box-shadow:0 0 20px #fff}}.flow-step-dot.upcoming{background:#fff3}.flow-step-dot:hover{transform:scale(1.2)}.flow-current-step{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.2)}.flow-step-label{font-size:12px;font-weight:600;color:#fff;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.flow-step-description{font-size:13px;color:#fff;opacity:.95;font-weight:500;flex:1;line-height:1.4}@media (max-width: 768px){.conversation-flow-indicator{padding:.875rem;margin-bottom:.875rem}.flow-header{margin-bottom:.625rem}.flow-step-count{font-size:13px}.flow-strategy{font-size:11px}.flow-progress-text{font-size:16px}.flow-progress-bar{height:6px;margin-bottom:.625rem}.flow-step-dots{gap:.375rem;margin-bottom:.625rem}.flow-step-dot{width:10px;height:10px}.flow-step-dot.active{transform:scale(1.2)}.flow-current-step{padding-top:.625rem}.flow-step-label{font-size:11px}.flow-step-description{font-size:12px}}@media (prefers-reduced-motion: reduce){.conversation-flow-indicator,.flow-progress-fill,.flow-step-dot{animation:none;transition:none}.flow-step-dot.active{animation:none}}@media (prefers-contrast: high){.conversation-flow-indicator{border:2px solid white}.flow-progress-bar,.flow-step-dot{border:1px solid white}}.dictation-suggestion{margin:1rem 0;padding:0;animation:slideIn .3s ease-out}.dictation-suggestion__content{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid var(--eduq-blue);border-radius:.5rem;box-shadow:0 2px 4px #0066ff1a}.dictation-suggestion__icon{font-size:1.5rem;flex-shrink:0}.dictation-suggestion__text{flex:1;font-size:.9375rem;color:var(--text-primary);font-weight:500}.dictation-suggestion__button{padding:.5rem 1rem;background-color:var(--eduq-blue);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dictation-suggestion__button:hover{background-color:var(--eduq-blue-hover);transform:translateY(-1px);box-shadow:0 2px 8px #06f3}.dictation-suggestion__button:active{background-color:var(--eduq-blue-active);transform:translateY(0)}.dictation-suggestion__button:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}@media (max-width: 640px){.dictation-suggestion__content{flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem}.dictation-suggestion__text{text-align:center}.dictation-suggestion__button{width:100%}}.mode-selector{display:flex;justify-content:center;align-items:center}.mode-selector__toggle{display:flex;align-items:center;gap:4px;padding:4px 10px;min-width:70px;height:26px;border:1px solid var(--eduq-blue, #0066FF);border-radius:6px;background:#fff;color:var(--eduq-blue, #0066FF);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-selector__toggle:hover{background:var(--eduq-blue, #0066FF);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #06f3}.mode-selector__toggle:active{transform:translateY(0);box-shadow:none}.mode-selector__toggle:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.mode-selector__toggle:focus:not(:focus-visible){outline:none}.mode-selector__icon{font-size:12px;line-height:1;flex-shrink:0}.mode-selector__label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}@media (max-width: 768px){.mode-selector__toggle{padding:3px 8px;min-width:60px;height:24px;font-size:9px;gap:3px}.mode-selector__icon{font-size:11px}.mode-selector__label{font-size:9px}}@media (max-width: 480px){.mode-selector__toggle{padding:2px 6px;min-width:55px;height:22px;font-size:8px;gap:2px}.mode-selector__icon{font-size:10px}.mode-selector__label{font-size:8px}}@media (prefers-reduced-motion: reduce){.mode-selector__toggle{transition:none}.mode-selector__toggle:hover,.mode-selector__toggle:active{transform:none}}@media (prefers-contrast: high){.mode-selector__toggle{border:2px solid #000000;color:#000}.mode-selector__toggle:hover{background:#000;color:#fff}.mode-selector__toggle:focus{outline:3px solid #000000}}.safety-indicator{display:flex;align-items:center;gap:6px;padding:.375rem .75rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;color:#fff;font-size:13px;font-weight:500;box-shadow:0 2px 4px #10b98133;transition:all .2s ease}.safety-indicator:hover{box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.safety-indicator-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#fff}.safety-indicator-icon svg{width:16px;height:16px}.safety-indicator-content{display:flex;align-items:center;gap:6px}.safety-indicator-status{font-weight:600;letter-spacing:.3px}.safety-indicator-level{padding:2px 6px;background:#fff3;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.safety-indicator{font-size:12px;padding:.25rem .5rem;gap:4px}.safety-indicator-icon{width:16px;height:16px}.safety-indicator-icon svg{width:12px;height:12px}.safety-indicator-level{font-size:10px;padding:1px 4px}.safety-indicator-status,.safety-indicator-level{display:none}}@media (prefers-contrast: high){.safety-indicator{border:2px solid white;background:#059669}}@media (prefers-reduced-motion: reduce){.safety-indicator{transition:none}.safety-indicator:hover{transform:none}}@media (prefers-color-scheme: dark){.safety-indicator{background:linear-gradient(135deg,#059669,#047857)}}.safety-warning{position:fixed;top:20px;right:20px;z-index:1000;max-width:320px;animation:slideInRight .3s ease-out}.safety-warning--closing{animation:slideOutRight .3s ease-in}.safety-warning__content{display:flex;align-items:center;gap:8px;background:#fff3cd;color:#856404;padding:12px 16px;border-radius:8px;border:1px solid #ffeaa7;box-shadow:0 4px 12px #00000026;font-size:14px;line-height:1.4}.safety-warning__icon{font-size:16px;flex-shrink:0}.safety-warning__message{flex:1;font-weight:500}.safety-warning__close{background:none;border:none;color:#856404;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0}.safety-warning__close:hover{background-color:#8564041a}.safety-warning__close:focus{outline:2px solid #856404;outline-offset:2px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.safety-warning{top:10px;right:10px;left:10px;max-width:none}.safety-warning__content{padding:10px 12px;font-size:13px}.safety-warning__icon{font-size:14px}.safety-warning__close{font-size:16px;width:18px;height:18px}}@media (prefers-contrast: high){.safety-warning__content{border-width:2px;border-color:#856404}}@media (prefers-reduced-motion: reduce){.safety-warning{animation:none}.safety-warning--closing{animation:none;opacity:0}.safety-warning__close{transition:none}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.time-banner{width:100%;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;margin-bottom:var(--space-2);animation:slideDown .3s ease-out;gap:var(--space-3)}.time-banner--warning{background:#fef3c7;color:#92400e;border-left:4px solid var(--warning)}.time-banner--expired{background:var(--eduq-blue);color:#fff}.time-banner--request-sent{background:var(--eduq-blue);color:#fff;opacity:.85}.time-banner--approved{background:#d1fae5;color:#065f46;animation:slideDown .3s ease-out,fadeOut .5s ease-in 4.5s forwards}.time-banner--denied{background:var(--bg-tertiary);color:var(--text-secondary)}.time-banner__text{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal)}.time-banner__button{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:.375rem;font-weight:var(--font-medium);font-size:var(--text-sm);min-height:36px;border:none;cursor:pointer;background:#fff3;color:inherit;transition:background .2s ease;white-space:nowrap}.time-banner__button:hover:not(:disabled){background:#ffffff59}.time-banner__button:disabled{cursor:not-allowed;opacity:.7}.time-banner__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (max-width: 480px){.time-banner{flex-direction:column;align-items:flex-start}.time-banner__button{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.time-banner,.time-banner--approved{animation:none}.time-banner__spinner{animation:none;border-top-color:transparent}}.time-indicator{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:.375rem;background:var(--bg-tertiary);white-space:nowrap}.time-indicator--warning{color:#92400e;background:#fef3c7}.time-indicator--critical{color:var(--error);background:#fee2e2;animation:time-indicator-pulse 2s ease-in-out infinite}@keyframes time-indicator-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-reduced-motion: reduce){.time-indicator--critical{animation:none}}.typing-indicator{display:flex;align-items:flex-start;gap:12px;padding:16px;margin:8px 0;animation:typing-fade-in .3s ease-out}@keyframes typing-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-indicator__avatar{flex-shrink:0;width:32px;height:32px;border-radius:8px;overflow:hidden}.typing-indicator__avatar svg{width:100%;height:100%}.typing-indicator__avatar .ai-avatar-logo{width:100%;height:100%;border-radius:8px;object-fit:contain}.typing-indicator__content{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border-radius:16px;border:1px solid #e0e7ff;box-shadow:0 1px 3px #0000000a}.typing-indicator__text{font-size:14px;color:#6b7280;font-weight:500}.typing-indicator__dots{display:flex;align-items:center;gap:4px;margin-left:4px}.typing-indicator__dot{width:6px;height:6px;background-color:#93c5fd;border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite}.typing-indicator__dot:nth-child(1){animation-delay:0s}.typing-indicator__dot:nth-child(2){animation-delay:.2s}.typing-indicator__dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-6px);opacity:1}}.typing-indicator--minimal{padding:8px 16px}.typing-indicator--minimal .typing-indicator__content{background:transparent;border:none;box-shadow:none;padding:4px 8px}.typing-indicator--minimal .typing-indicator__text{font-size:13px;color:#6b7280}.typing-indicator--minimal .typing-indicator__dot{width:5px;height:5px;background-color:#9ca3af}.typing-indicator--bubble .typing-indicator__content{background:#f3f4f6;border:none;border-radius:18px 18px 18px 4px;padding:10px 14px}.typing-indicator--bubble .typing-indicator__text{color:#4b5563}.typing-indicator--bubble .typing-indicator__dot{background-color:#6b7280}@media (prefers-color-scheme: dark){.typing-indicator__content{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#047857}.typing-indicator__text{color:#6ee7b7}.typing-indicator__dot{background-color:#34d399}.typing-indicator--minimal .typing-indicator__text{color:#9ca3af}.typing-indicator--minimal .typing-indicator__dot{background-color:#6b7280}.typing-indicator--bubble .typing-indicator__content{background:#374151}.typing-indicator--bubble .typing-indicator__text{color:#d1d5db}}.typing-indicator__avatar{animation:avatar-pulse 2s ease-in-out infinite}@keyframes avatar-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media (prefers-reduced-motion: reduce){.typing-indicator{animation:none}.typing-indicator__dot{animation:none;opacity:.8}.typing-indicator__avatar{animation:none}}.conversation-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.action-button{padding:6px;background:none;border:none;cursor:pointer;border-radius:4px;transition:all .2s;opacity:.7}.action-button:hover{opacity:1;background-color:#0000001a}.action-button:focus{outline:2px solid var(--accent-color, #007bff);outline-offset:2px}.action-icon{font-size:14px;display:block}.action-regenerate-title:hover{background-color:#007bff1a}.action-regenerate-title:disabled{opacity:.5;cursor:not-allowed}.action-regenerate-title:disabled:hover{background-color:transparent}.action-delete:hover{background-color:#dc35451a}.action-delete:hover .action-icon{filter:brightness(.8)}.conversation-item.active .action-button{opacity:.8}.conversation-item.active .action-button:hover{opacity:1;background-color:#fff3}@media (max-width: 768px){.action-button{padding:8px}.action-icon{font-size:16px}}@media (prefers-color-scheme: dark){.action-button:hover{background-color:#ffffff1a}.action-delete:hover{background-color:#dc354533}}.conversation-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 16px;margin:0 8px 4px;border-radius:8px;cursor:pointer;transition:all .2s;background-color:transparent}.conversation-item:hover{background-color:var(--bg-primary, #ffffff);box-shadow:0 2px 4px #0000000d}.conversation-item:focus{outline:2px solid var(--accent-color, #007bff);outline-offset:-2px}.conversation-item.active{background-color:var(--accent-color, #007bff);color:#fff}.conversation-item.active:hover{background-color:var(--accent-color-dark, #0056b3)}.conversation-content{flex:1;min-width:0}.conversation-title{display:flex;align-items:center;gap:6px;margin-bottom:4px}.title-text{flex:1;font-size:14px;font-weight:600;color:var(--text-primary, #333333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active .title-text{color:#fff}.conversation-badges{display:flex;align-items:center;gap:4px;flex-shrink:0}.conversation-badge{font-size:12px;flex-shrink:0}.worksheet-badge{opacity:.8}.ai-badge{opacity:.7;filter:grayscale(20%)}.title-generating{display:flex;align-items:center;gap:6px;font-style:italic;color:var(--text-secondary, #666666);font-weight:400}.conversation-item.active .title-generating{color:#ffffffe6}.generating-spinner{animation:spin 1s linear infinite;display:inline-block}.conversation-preview{font-size:13px;color:var(--text-secondary, #666666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;line-height:1.4}.conversation-item.active .conversation-preview{color:#ffffffe6}.conversation-metadata{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary, #666666)}.conversation-item.active .conversation-metadata{color:#fffc}.conversation-timestamp,.conversation-message-count{flex-shrink:0}.conversation-message-count:before{content:"•";margin-right:8px}@media (max-width: 768px){.conversation-item{padding:10px 12px;margin:0 4px 4px}.title-text{font-size:13px}.conversation-preview{font-size:12px}.conversation-metadata{font-size:10px}}@media (prefers-color-scheme: dark){.conversation-item:hover{background-color:var(--bg-primary-dark, #1a1a1a)}.title-text{color:var(--text-primary-dark, #ffffff)}.conversation-preview,.conversation-metadata{color:var(--text-secondary-dark, #b0b0b0)}.conversation-item.active{background-color:var(--accent-color-dark, #4a9eff)}.conversation-item.active:hover{background-color:var(--accent-color-light, #6bb0ff)}}.conversation-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.conversation-list::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-track{background:transparent}.conversation-list::-webkit-scrollbar-thumb{background-color:var(--border-color, #e0e0e0);border-radius:3px}.conversation-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary, #666666)}.list-loading{display:flex;align-items:center;justify-content:center;padding:16px;gap:8px}.loading-spinner-small{width:16px;height:16px;border:2px solid var(--border-color, #e0e0e0);border-top-color:var(--accent-color, #007bff);border-radius:50%;animation:spin .8s linear infinite}@media (prefers-color-scheme: dark){.conversation-list::-webkit-scrollbar-thumb{background-color:var(--border-color-dark, #404040)}.conversation-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary-dark, #b0b0b0)}}.conversation-search{padding:8px 16px 12px;border-bottom:1px solid var(--border-color, #e0e0e0)}.search-input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;transition:all .2s}.search-input-wrapper:focus-within{border-color:var(--accent-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.search-icon{position:absolute;left:12px;font-size:14px;color:var(--text-secondary, #666666);pointer-events:none}.search-input{flex:1;padding:10px 12px 10px 36px;border:none;background:transparent;font-size:14px;color:var(--text-primary, #333333);outline:none}.search-input::placeholder{color:var(--text-secondary, #666666)}.search-clear{position:absolute;right:8px;padding:4px 8px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-secondary, #666666);border-radius:4px;transition:all .2s}.search-clear:hover{background-color:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #333333)}.search-clear:focus{outline:2px solid var(--accent-color, #007bff);outline-offset:2px}.search-hint{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;font-size:11px;color:var(--text-secondary, #666666)}.search-hint kbd{padding:2px 6px;background-color:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:3px;font-family:monospace;font-size:10px;font-weight:600;box-shadow:0 1px 2px #0000000d}@media (max-width: 768px){.conversation-search{padding:8px 12px}.search-hint{display:none}}@media (prefers-color-scheme: dark){.conversation-search{border-bottom-color:var(--border-color-dark, #404040)}.search-input-wrapper{background-color:var(--bg-primary-dark, #1a1a1a);border-color:var(--border-color-dark, #404040)}.search-icon{color:var(--text-secondary-dark, #b0b0b0)}.search-input{color:var(--text-primary-dark, #ffffff)}.search-input::placeholder{color:var(--text-secondary-dark, #b0b0b0)}.search-clear{color:var(--text-secondary-dark, #b0b0b0)}.search-clear:hover{background-color:var(--bg-secondary-dark, #2d2d2d);color:var(--text-primary-dark, #ffffff)}.search-hint{color:var(--text-secondary-dark, #b0b0b0)}.search-hint kbd{background-color:var(--bg-secondary-dark, #2d2d2d);border-color:var(--border-color-dark, #404040)}}.conversation-sidebar{display:flex;flex-direction:column;width:280px;height:100vh;background-color:var(--bg-secondary, #f5f5f5);border-right:1px solid var(--border-color, #e0e0e0);transition:width .3s ease;overflow:hidden}.conversation-sidebar.collapsed{width:60px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color, #e0e0e0);background-color:var(--bg-primary, #ffffff)}.sidebar-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #333333)}.sidebar-toggle{padding:8px;background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-secondary, #666666);border-radius:4px;transition:background-color .2s}.sidebar-toggle:hover{background-color:var(--bg-secondary, #f5f5f5)}.sidebar-toggle:focus{outline:2px solid var(--accent-color, #007bff);outline-offset:2px}.sidebar-error{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:8px 16px;background-color:#fee;border:1px solid #fcc;border-radius:6px;font-size:14px;color:#c33}.error-message{flex:1}.error-retry{padding:4px 12px;background-color:#c33;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.error-retry:hover{background-color:#a22}.sidebar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--accent-color, #007bff);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:14px;color:var(--text-secondary, #666666)}.sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-message{margin:0;font-size:16px;font-weight:500;color:var(--text-primary, #333333)}@media (max-width: 768px){.conversation-sidebar{position:fixed;top:0;left:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.conversation-sidebar.open{transform:translate(0)}.conversation-sidebar.collapsed{width:280px;transform:translate(-100%)}}.sidebar-chat-history{flex:1;overflow:hidden;display:flex;flex-direction:column}.sidebar-chat-history .chat-history{height:100%;border:none;background:transparent}.sidebar-chat-history .chat-history-header{display:none}.sidebar-chat-history .chat-history-controls{padding:8px 12px;gap:6px}.sidebar-chat-history .chat-history-search{flex:1}.sidebar-chat-history .chat-history-search-input{font-size:13px;padding:6px 8px 6px 28px}.sidebar-chat-history .chat-history-filter-btn,.sidebar-chat-history .chat-history-sort-select{font-size:12px;padding:4px 8px}.sidebar-chat-history .chat-history-list{flex:1;overflow-y:auto;padding:8px}.sidebar-chat-history .conversation-card{padding:10px 12px;margin-bottom:6px}.sidebar-chat-history .conversation-title{font-size:13px;line-height:1.3}.sidebar-chat-history .conversation-meta{font-size:11px}.sidebar-chat-history .reference-code{font-size:10px}.legacy-conversation-list{flex:1;overflow-y:auto;padding:8px}.legacy-conversation-item{padding:12px;margin-bottom:4px;background-color:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;cursor:pointer;transition:background-color .2s,border-color .2s}.legacy-conversation-item:hover{background-color:var(--bg-hover, #f0f0f0);border-color:var(--accent-color, #007bff)}.legacy-conversation-item.active{background-color:var(--accent-color-light, #e6f0ff);border-color:var(--accent-color, #007bff)}.legacy-conversation-item:focus{outline:2px solid var(--accent-color, #007bff);outline-offset:2px}.legacy-conversation-item .conversation-title{font-size:14px;font-weight:500;color:var(--text-primary, #333333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){.conversation-sidebar{background-color:var(--bg-secondary-dark, #2d2d2d);border-right-color:var(--border-color-dark, #404040)}.sidebar-header{background-color:var(--bg-primary-dark, #1a1a1a);border-bottom-color:var(--border-color-dark, #404040)}.sidebar-title{color:var(--text-primary-dark, #ffffff)}.sidebar-toggle{color:var(--text-secondary-dark, #b0b0b0)}.sidebar-toggle:hover{background-color:var(--bg-secondary-dark, #2d2d2d)}.legacy-conversation-item{background-color:var(--bg-primary-dark, #1a1a1a);border-color:var(--border-color-dark, #404040)}.legacy-conversation-item:hover{background-color:var(--bg-hover-dark, #3d3d3d)}.legacy-conversation-item.active{background-color:var(--accent-color-dark-bg, #1a3a5c)}.legacy-conversation-item .conversation-title{color:var(--text-primary-dark, #ffffff)}}.new-chat-button{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 24px);margin:12px;padding:.375rem .75rem;background-color:var(--accent-color, #667eea);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #667eea33}.new-chat-button:hover:not(:disabled){background-color:var(--accent-color-dark, #5568d3);box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.new-chat-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #667eea33}.new-chat-button:focus{outline:2px solid var(--accent-color, #667eea);outline-offset:2px}.new-chat-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{font-size:16px;font-weight:700;line-height:1}.button-text{line-height:1}@media (prefers-color-scheme: dark){.new-chat-button{background-color:var(--accent-color-dark, #667eea)}.new-chat-button:hover:not(:disabled){background-color:var(--accent-color-light, #5568d3)}}.library-expansion{margin:var(--space-md) 0}.library-expansion-toggle{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}.library-expansion-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.library-icon{font-size:var(--font-size-lg)}.library-stats-compact{flex:1;text-align:left;font-weight:500}.toggle-icon{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.library-expansion-panel{margin-top:var(--space-sm);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.library-stats-detailed h3{margin:0 0 var(--space-md) 0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.stat-item{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.capacity-bar{height:8px;background:var(--color-surface-secondary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-lg)}.capacity-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .3s ease}.library-message{padding:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.library-message-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.library-message-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.library-message-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.library-message-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.import-section{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.import-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.import-section h4{margin:0 0 var(--space-md) 0;font-size:var(--font-size-base);color:var(--color-text-primary)}.hsk-import-controls{display:flex;gap:var(--space-md);align-items:center}.hsk-level-select{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer}.hsk-level-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.hsk-level-select:disabled{opacity:.5;cursor:not-allowed}.custom-characters-input{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;resize:vertical;margin-bottom:var(--space-md)}.custom-characters-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.custom-characters-input:disabled{opacity:.5;cursor:not-allowed}.custom-import-controls{display:flex;gap:var(--space-md)}.import-button{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.import-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.import-button:disabled{opacity:.5;cursor:not-allowed}.clear-button{padding:var(--space-sm) var(--space-lg);background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.clear-button:hover:not(:disabled){background:var(--color-danger-hover);box-shadow:var(--shadow-md)}.clear-button:disabled{opacity:.5;cursor:not-allowed}.import-progress{margin-top:var(--space-md)}.progress-bar{height:24px;background:var(--color-surface-secondary);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-sm)}.progress-text{text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.library-expansion-loading{padding:var(--space-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hsk-import-controls{flex-direction:column}.hsk-level-select{width:100%}.custom-import-controls{flex-direction:column}.import-button,.clear-button{width:100%}}.character-progress-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1rem;transition:all .3s ease}.character-progress-card.failed{border-color:#fca5a5}.character-progress-card.complete{border-color:#86efac}.stage-indicator{display:flex;flex-direction:column;align-items:center}.stage-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:all .3s ease}.stage-icon.pending{background-color:#f3f4f6;color:#9ca3af}.stage-icon.active{background-color:#dbeafe;color:#2563eb;animation:pulse 2s infinite}.stage-icon.complete{background-color:#dcfce7;color:#16a34a}.stage-label{font-size:.75rem;margin-top:.25rem;color:#6b7280}.stage-label.active,.stage-label.complete{color:#374151}.stage-connector{flex:1;height:2px;margin:0 .5rem;background-color:#e5e7eb;transition:background-color .3s ease}.stage-connector.complete{background-color:#4ade80}.progress-bar-container{width:100%;background-color:#e5e7eb;border-radius:9999px;height:.5rem;overflow:hidden}.progress-bar-fill{height:100%;border-radius:9999px;transition:width .3s ease}.progress-bar-fill.blue{background-color:#3b82f6}.progress-bar-fill.green{background-color:#22c55e}.progress-bar-fill.yellow{background-color:#eab308}.progress-bar-fill.purple{background-color:#a855f7}.progress-bar-fill.red{background-color:#ef4444}.character-progress-toast{position:fixed;bottom:1rem;right:1rem;max-width:20rem;width:100%;background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #e5e7eb;padding:1rem;transform:translateY(0);transition:all .3s ease;z-index:50}.character-progress-toast.entering,.character-progress-toast.exiting{transform:translateY(100%);opacity:0}.character-progress-compact{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem}.character-progress-compact.blue{background-color:#dbeafe;color:#1d4ed8}.character-progress-compact.green{background-color:#dcfce7;color:#15803d}.character-progress-compact.yellow{background-color:#fef9c3;color:#a16207}.character-progress-compact.purple{background-color:#f3e8ff;color:#7e22ce}.character-progress-compact.red{background-color:#fee2e2;color:#b91c1c}.character-progress-compact.gray{background-color:#f3f4f6;color:#4b5563}.character-progress-inline{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.character-progress-inline.processing{color:#2563eb}.character-progress-inline.complete{color:#16a34a}.character-progress-inline.failed{color:#dc2626}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (prefers-reduced-motion: reduce){.stage-icon.active,.animate-pulse{animation:none}.progress-bar-fill,.stage-connector,.character-progress-toast{transition:none}}.character-library-filter{padding:var(--space-3) 0}.character-library-filter__controls{display:flex;gap:var(--space-3);flex-wrap:wrap}.character-library-filter__field{display:flex;flex-direction:column;flex:1;min-width:140px}.character-library-filter__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.character-library-filter__select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-medium);border-radius:.5rem;font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-primary);cursor:pointer;transition:border-color .2s ease}.character-library-filter__select:focus{outline:none;border-color:var(--eduq-blue);box-shadow:0 0 0 3px #0066ff1a}.character-library-filter__select:hover{border-color:var(--border-dark)}.character-library-filter__empty-hint{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:.5rem;text-align:center}@media (max-width: 480px){.character-library-filter__controls{flex-direction:column}.character-library-filter__field{min-width:100%}}.chinese-character-selector-card--wrapper{position:relative}.chinese-practice-set__bookmark-btn{position:absolute;top:.25rem;right:.25rem;background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:.25rem;color:var(--text-tertiary);transition:color .2s ease;z-index:1;line-height:1}.chinese-practice-set__bookmark-btn:hover,.chinese-practice-set__bookmark-btn--saved{color:var(--eduq-blue)}.chinese-practice-set__empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.chinese-practice-set__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3);padding:var(--space-3) 0}.chinese-practice-set__card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:.5rem;padding:var(--space-3);text-align:center;transition:box-shadow .2s ease}.chinese-practice-set__card:hover{box-shadow:0 2px 8px #00000014}.chinese-practice-set__char{font-size:2rem;line-height:1.2;color:var(--text-primary);margin-bottom:var(--space-1)}.chinese-practice-set__pinyin{font-size:var(--text-sm);color:var(--text-secondary)}.chinese-practice-set__meaning{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-2)}.chinese-practice-set__actions{display:flex;gap:var(--space-2);justify-content:center}.chinese-practice-set__practice-btn{background-color:var(--eduq-blue);color:var(--text-inverse);border:none;border-radius:.375rem;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:background-color .2s ease}.chinese-practice-set__practice-btn:hover{background-color:var(--eduq-blue-hover)}.chinese-practice-set__remove-btn{background:none;color:var(--error);border:1px solid var(--error);border-radius:.375rem;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:background-color .2s ease,color .2s ease}.chinese-practice-set__remove-btn:hover{background-color:var(--error);color:var(--text-inverse)}@media (max-width: 480px){.chinese-practice-set__grid{grid-template-columns:repeat(2,1fr)}}.chinese-writing-module{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.chinese-writing-module__dialog{background-color:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:64rem;width:100%;margin:1rem;max-height:90vh;overflow:hidden}.chinese-writing-module__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#fef2f2}.chinese-writing-module__header-title{display:flex;align-items:center;gap:.5rem}.chinese-writing-module__header-title h2{font-size:1.25rem;font-weight:600;color:#111827}.chinese-writing-module__header-icon{height:1.5rem;width:1.5rem;color:#dc2626}.chinese-writing-module__close-btn{color:#9ca3af;background:none;border:none;cursor:pointer;font-size:1.25rem;transition:color .2s ease}.chinese-writing-module__close-btn:hover{color:#4b5563}.chinese-writing-module__content{padding:1.5rem;max-height:calc(90vh - 80px);overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.chinese-character-display{display:flex;align-items:center;gap:.75rem}.chinese-character-display__character{font-size:2.25rem;font-weight:700;color:#dc2626;background-color:#fef2f2;padding:.75rem;border-radius:.5rem}.chinese-character-display__info{display:flex;flex-direction:column}.chinese-character-display__pinyin{font-size:1.125rem;font-weight:500;color:#111827}.chinese-character-display__meaning{font-size:.875rem;color:#4b5563}.chinese-character-display__strokes{font-size:.75rem;color:#6b7280}.chinese-character-display__pronunciation-btn{padding:.5rem;background-color:#dbeafe;color:#2563eb;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.chinese-character-display__pronunciation-btn:hover{background-color:#bfdbfe}.chinese-practice-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.chinese-practice-controls__mode-buttons{display:flex;gap:.75rem}.chinese-practice-controls__mode-btn{padding:.75rem 1.5rem;border-radius:.75rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.chinese-practice-controls__mode-btn--guided{background-color:#f3f4f6;color:#374151}.chinese-practice-controls__mode-btn--guided:hover{background-color:#e5e7eb}.chinese-practice-controls__mode-btn--guided.active{background-color:#16a34a;color:#fff}.chinese-practice-controls__mode-btn--free{background-color:#f3f4f6;color:#374151}.chinese-practice-controls__mode-btn--free:hover{background-color:#e5e7eb}.chinese-practice-controls__mode-btn--free.active{background-color:#9333ea;color:#fff}.chinese-practice-controls__options{display:flex;gap:.5rem;flex-wrap:wrap}.chinese-practice-controls__option{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.chinese-practice-controls__option input[type=checkbox]{border-radius:.25rem}.chinese-drawing-tools{display:flex;gap:.75rem}.chinese-drawing-tools__btn{padding:.75rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease}.chinese-drawing-tools__btn--pencil{background-color:#f3f4f6;color:#374151}.chinese-drawing-tools__btn--pencil:hover{background-color:#e5e7eb}.chinese-drawing-tools__btn--pencil.active{background-color:#2563eb;color:#fff}.chinese-drawing-tools__btn--eraser{background-color:#f3f4f6;color:#374151}.chinese-drawing-tools__btn--eraser:hover{background-color:#e5e7eb}.chinese-drawing-tools__btn--eraser.active{background-color:#dc2626;color:#fff}.chinese-drawing-tools__btn--clear{background-color:#f3f4f6;color:#374151}.chinese-drawing-tools__btn--clear:hover{background-color:#e5e7eb}.chinese-canvas-area{display:flex;gap:1.5rem;flex-wrap:wrap}.chinese-canvas-area__section{flex:1;min-width:280px}.chinese-canvas-area__label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.chinese-canvas-area__canvas-wrapper{border:2px solid #d1d5db;border-radius:.5rem;overflow:hidden;background-color:#fff;position:relative}.chinese-canvas-area__canvas-wrapper--template{background-color:#f9fafb}.chinese-canvas-area__canvas{display:block;width:100%;height:auto;max-width:300px;aspect-ratio:1}.chinese-canvas-area__canvas--practice{cursor:crosshair;touch-action:none}.chinese-canvas-area__stroke-indicator{position:absolute;top:.5rem;right:.5rem;background-color:#ffffffe6;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.chinese-analysis-results{padding:1rem;background-color:#f0fdf4;border-radius:.5rem;border:1px solid #bbf7d0}.chinese-analysis-results__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.chinese-analysis-results__title{display:flex;align-items:center;gap:.5rem}.chinese-analysis-results__title-text{font-size:.875rem;font-weight:500;color:#166534}.chinese-analysis-results__badge{font-size:.75rem;background-color:#dbeafe;color:#1d4ed8;padding:.125rem .5rem;border-radius:9999px}.chinese-analysis-results__score{display:flex;align-items:center;gap:.5rem}.chinese-analysis-results__score-icon{height:1rem;width:1rem;color:#eab308}.chinese-analysis-results__score-value{font-size:.875rem;font-weight:700;color:#166534}.chinese-analysis-results__feedback{font-size:.875rem;color:#15803d;margin-bottom:.5rem}.chinese-analysis-results__mastery-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;display:inline-block;margin-right:.5rem}.chinese-analysis-results__mastery-badge--mastered{background-color:#fef9c3;color:#854d0e}.chinese-analysis-results__mastery-badge--proficient{background-color:#dcfce7;color:#166534}.chinese-analysis-results__mastery-badge--developing{background-color:#dbeafe;color:#1e40af}.chinese-analysis-results__mastery-badge--beginner{background-color:#f3f4f6;color:#374151}.chinese-analysis-results__hsk-badge{font-size:.75rem;background-color:#fee2e2;color:#b91c1c;padding:.25rem .5rem;border-radius:9999px}.chinese-analysis-results__cultural-context{font-size:.75rem;color:#4b5563;font-style:italic;margin-bottom:.5rem}.chinese-analysis-results__improvements{font-size:.75rem;color:#16a34a;list-style-type:disc;list-style-position:inside;margin-bottom:.5rem}.chinese-analysis-results__next-steps{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #bbf7d0}.chinese-analysis-results__next-steps-title{font-size:.75rem;font-weight:500;color:#15803d;margin-bottom:.25rem}.chinese-analysis-results__next-steps-list{font-size:.75rem;color:#16a34a;list-style-type:disc;list-style-position:inside}.chinese-action-buttons{display:flex;flex-direction:column;gap:.5rem}.chinese-action-buttons__row{display:flex;gap:.75rem}.chinese-action-buttons__btn{flex:1;padding:.75rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.chinese-action-buttons__btn:disabled{background-color:#d1d5db;cursor:not-allowed}.chinese-action-buttons__btn--analyze{background-color:#16a34a;color:#fff}.chinese-action-buttons__btn--analyze:hover:not(:disabled){background-color:#15803d}.chinese-action-buttons__btn--send{background-color:#dc2626;color:#fff}.chinese-action-buttons__btn--send:hover:not(:disabled){background-color:#b91c1c}.chinese-action-buttons__spinner{animation:spin 1s linear infinite;height:1rem;width:1rem;border:2px solid white;border-top-color:transparent;border-radius:50%}.chinese-action-buttons__progress{display:flex;justify-content:center}.chinese-instructions{font-size:.875rem;color:#4b5563;background-color:#f9fafb;padding:.75rem;border-radius:.5rem}.chinese-instructions__title{font-weight:500;margin-bottom:.25rem}.chinese-instructions__list{list-style-type:disc;list-style-position:inside;display:flex;flex-direction:column;gap:.25rem}.chinese-character-selector-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:60;animation:fadeIn .2s ease}.chinese-character-selector-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:56rem;width:100%;margin:1rem;max-height:85vh;overflow:hidden;animation:slideIn .3s ease}.chinese-character-selector-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#fef2f2,#fef7f7)}.chinese-character-selector-title-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.chinese-character-selector-title{font-size:1.5rem;font-weight:700;color:#dc2626;margin:0}.chinese-character-selector-subtitle{font-size:.875rem;color:#6b7280;margin-top:.25rem}.chinese-character-selector-close{color:#9ca3af;background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.chinese-character-selector-close:hover{color:#4b5563;background-color:#f3f4f6}.chinese-character-selector-search{margin-bottom:1rem}.chinese-character-selector-search-input{position:relative;display:flex;align-items:center}.chinese-character-selector-search-icon{position:absolute;left:.75rem;width:1rem;height:1rem;color:#9ca3af;z-index:1}.chinese-character-selector-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:border-color .2s ease}.chinese-character-selector-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.chinese-character-selector-input::placeholder{color:#9ca3af}.chinese-character-selector-levels{margin-bottom:1rem}.chinese-character-selector-levels-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.chinese-character-selector-levels-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.chinese-character-selector-level-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s ease;background-color:#fff;color:#374151}.chinese-character-selector-level-btn:hover{border-color:#dc2626;background-color:#fef2f2;color:#dc2626}.chinese-character-selector-level-btn.active{border-color:#dc2626;background-color:#dc2626;color:#fff}.chinese-character-selector-info{font-size:.75rem;color:#6b7280;text-align:center;padding:.5rem;background-color:#f9fafb;border-radius:.375rem}.chinese-character-selector-content{padding:1.5rem;max-height:50vh;overflow-y:auto}.chinese-character-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.chinese-character-selector-card{padding:1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#fff;cursor:pointer;text-align:center;transition:all .2s ease;display:flex;flex-direction:column;gap:.25rem}.chinese-character-selector-card:hover{border-color:#dc2626;background-color:#fef2f2;transform:translateY(-2px);box-shadow:0 4px 12px #dc262626}.chinese-character-selector-card:active{transform:translateY(0)}.chinese-character-selector-char{font-size:2.25rem;font-weight:700;color:#dc2626;line-height:1}.chinese-character-selector-pinyin{font-size:.875rem;font-weight:500;color:#374151}.chinese-character-selector-meaning{font-size:.75rem;color:#6b7280;line-height:1.2}.chinese-character-selector-meta{display:flex;flex-direction:column;gap:.125rem;margin-top:.25rem}.chinese-character-selector-strokes{font-size:.625rem;color:#9ca3af}.chinese-character-selector-simplified{font-size:.625rem;color:#dc2626;font-weight:500}.chinese-character-selector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.chinese-character-selector-empty-icon{font-size:3rem;margin-bottom:1rem}.chinese-character-selector-empty-title{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.5rem}.chinese-character-selector-empty-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.chinese-character-selector-clear-btn{padding:.5rem 1rem;background-color:#dc2626;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.chinese-character-selector-clear-btn:hover{background-color:#b91c1c}.chinese-character-selector-pagination{text-align:center;padding:1rem;font-size:.875rem;color:#6b7280;border-top:1px solid #e5e7eb;background-color:#f9fafb}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.chinese-character-selector-modal{margin:.5rem;max-height:90vh}.chinese-character-selector-header,.chinese-character-selector-content{padding:1rem}.chinese-character-selector-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.chinese-character-selector-card{padding:.75rem}.chinese-character-selector-char{font-size:1.875rem}}@media (max-width: 480px){.chinese-character-selector-grid{grid-template-columns:repeat(2,1fr)}.chinese-character-selector-levels-buttons{justify-content:center}.chinese-character-selector-level-btn{flex:1;min-width:0}}.chinese-writing-page-content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.chinese-writing-page .page-header{margin-bottom:1rem}.chinese-writing-page .page-title{font-size:1.5rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.chinese-writing-page .page-icon{font-size:1.5rem}.chinese-writing-page .page-description{font-size:.875rem;color:#6b7280}.chinese-writing-page .context-indicators{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.chinese-writing-page .context-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#4b5563;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.chinese-writing-page .indicator-icon{font-size:.875rem}.chinese-writing-page .recommendations-panel{background-color:#fffbeb;border:1px solid #fde68a;border-radius:.5rem;padding:.75rem;margin-top:.75rem}.chinese-writing-page .recommendations-title{font-size:.875rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.chinese-writing-page .recommendations-list{display:flex;flex-direction:column;gap:.25rem}.chinese-writing-page .recommendation-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;color:#78350f}.chinese-writing-page .recommendation-icon{flex-shrink:0}.chinese-writing-page .page-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.chinese-writing-page .action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.chinese-writing-page .action-button:disabled{opacity:.5;cursor:not-allowed}.chinese-writing-page .action-button.primary{background-color:#dc2626;color:#fff}.chinese-writing-page .action-button.primary:hover:not(:disabled){background-color:#b91c1c}.chinese-writing-page .action-button.secondary{background-color:#f3f4f6;color:#374151}.chinese-writing-page .action-button.secondary:hover:not(:disabled){background-color:#e5e7eb}.chinese-writing-page .action-button.tertiary{background-color:#dbeafe;color:#1d4ed8}.chinese-writing-page .action-button.tertiary:hover:not(:disabled){background-color:#bfdbfe}.chinese-writing-page .learning-progress{background-color:#f9fafb;border-radius:.5rem;padding:1rem;margin-top:1rem}.chinese-writing-page .progress-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.chinese-writing-page .progress-stats{display:flex;gap:1.5rem}.chinese-writing-page .stat-item{display:flex;flex-direction:column;align-items:center}.chinese-writing-page .stat-value{font-size:1.5rem;font-weight:700;color:#dc2626}.chinese-writing-page .stat-label{font-size:.75rem;color:#6b7280}.chinese-dynamodb-module{max-width:56rem;margin:0 auto;padding:1.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a}.chinese-dynamodb-module__header{margin-bottom:1.5rem}.chinese-dynamodb-module__title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.chinese-dynamodb-module__subtitle{color:#4b5563}.chinese-dynamodb-module__info-cards{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.chinese-dynamodb-module__info-cards{grid-template-columns:repeat(3,1fr)}}.chinese-dynamodb-module__info-card{padding:1rem;border-radius:.5rem;text-align:center}.chinese-dynamodb-module__info-card--character{background-color:#eff6ff}.chinese-dynamodb-module__info-card--score{background-color:#f0fdf4}.chinese-dynamodb-module__info-card--history{background-color:#faf5ff}.chinese-dynamodb-module__character-large{font-size:3.75rem;font-weight:700;color:#2563eb;margin-bottom:.5rem}.chinese-dynamodb-module__pinyin{font-size:1.125rem;font-weight:600;color:#374151}.chinese-dynamodb-module__meaning{font-size:.875rem;color:#4b5563}.chinese-dynamodb-module__strokes-info{font-size:.75rem;color:#6b7280;margin-top:.5rem}.chinese-dynamodb-module__listen-btn{margin-top:.5rem;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;padding:.25rem .75rem;background-color:#dbeafe;color:#2563eb;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease}.chinese-dynamodb-module__listen-btn:hover{background-color:#bfdbfe}.chinese-dynamodb-module__score-value{font-size:1.5rem;font-weight:700;color:#16a34a;margin-bottom:.5rem}.chinese-dynamodb-module__score-label{font-size:.875rem;color:#4b5563}.chinese-dynamodb-module__history-title{font-size:1.125rem;font-weight:600;color:#9333ea;margin-bottom:.5rem}.chinese-dynamodb-module__history-count{font-size:.875rem;color:#4b5563}.chinese-dynamodb-module__history-best{font-size:.75rem;color:#6b7280;margin-top:.5rem}.chinese-dynamodb-module__canvas-section{margin-bottom:1.5rem}.chinese-dynamodb-module__canvas-wrapper{background-color:#f9fafb;padding:1rem;border-radius:.5rem}.chinese-dynamodb-module__canvas{border:2px solid #d1d5db;border-radius:.5rem;margin:0 auto;display:block;cursor:crosshair;background-color:#fff}.chinese-dynamodb-module__controls{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.chinese-dynamodb-module__controls{grid-template-columns:repeat(4,1fr)}}.chinese-dynamodb-module__control-btn{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.chinese-dynamodb-module__control-btn:disabled{opacity:.5;cursor:not-allowed}.chinese-dynamodb-module__control-btn--clear{background-color:#ef4444}.chinese-dynamodb-module__control-btn--clear:hover:not(:disabled){background-color:#dc2626}.chinese-dynamodb-module__control-btn--analyze{background-color:#3b82f6}.chinese-dynamodb-module__control-btn--analyze:hover:not(:disabled){background-color:#2563eb}.chinese-dynamodb-module__control-btn--save{background-color:#22c55e}.chinese-dynamodb-module__control-btn--save:hover:not(:disabled){background-color:#16a34a}.chinese-dynamodb-module__control-btn--history{background-color:#a855f7}.chinese-dynamodb-module__control-btn--history:hover:not(:disabled){background-color:#9333ea}.chinese-dynamodb-module__navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.chinese-dynamodb-module__nav-btn{display:flex;align-items:center;padding:.5rem 1rem;background-color:#6b7280;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.chinese-dynamodb-module__nav-btn:hover{background-color:#4b5563}.chinese-dynamodb-module__nav-info{text-align:center;font-size:.875rem;color:#4b5563}.chinese-dynamodb-module__feedback{background-color:#fefce8;border:1px solid #fde68a;border-radius:.5rem;padding:1rem}.chinese-dynamodb-module__feedback-content{display:flex;align-items:center}.chinese-dynamodb-module__feedback-icon{width:1.25rem;height:1.25rem;color:#eab308;margin-right:.5rem}.chinese-dynamodb-module__feedback-text{color:#854d0e}.chinese-dynamodb-module__practice-history{margin-top:1.5rem}.chinese-dynamodb-module__history-section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.chinese-dynamodb-module__history-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.chinese-dynamodb-module__history-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.chinese-dynamodb-module__history-grid{grid-template-columns:repeat(3,1fr)}}.chinese-dynamodb-module__history-item{background-color:#f9fafb;padding:.75rem;border-radius:.5rem}.chinese-dynamodb-module__history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.chinese-dynamodb-module__history-date{font-size:.875rem;font-weight:500;color:#374151}.chinese-dynamodb-module__history-score{font-size:.875rem;font-weight:700;color:#2563eb}.chinese-dynamodb-module__history-details{font-size:.75rem;color:#4b5563}.chinese-dynamodb-module__loading{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.chinese-dynamodb-module__loading-content{background-color:#fff;padding:1.5rem;border-radius:.5rem;text-align:center}.chinese-dynamodb-module__loading-spinner{animation:spin 1s linear infinite;height:2rem;width:2rem;border:2px solid #2563eb;border-top-color:transparent;border-radius:50%;margin:0 auto}.chinese-dynamodb-module__loading-text{margin-top:.5rem;color:#4b5563}@media (max-width: 768px){.chinese-writing-module__dialog{max-width:100%;margin:0;border-radius:0;max-height:100vh;height:100vh}.chinese-writing-module__content{max-height:calc(100vh - 60px);padding:1rem}.chinese-canvas-area__canvas{max-width:100%}.chinese-practice-controls{flex-direction:column;align-items:stretch}.chinese-practice-controls__mode-buttons{width:100%}.chinese-practice-controls__mode-btn{flex:1}}@media (max-width: 640px){.chinese-canvas-area{flex-direction:column}.chinese-canvas-area__section{min-width:100%}.chinese-character-selector__grid{grid-template-columns:repeat(2,1fr)}.chinese-writing-page .page-actions{flex-direction:column}.chinese-writing-page .action-button{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.chinese-action-buttons__spinner,.chinese-dynamodb-module__loading-spinner{animation:none}.chinese-drawing-tools__btn,.chinese-practice-controls__mode-btn,.chinese-action-buttons__btn,.chinese-character-selector__item{transition:none}}.chinese-writing-module canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width: 768px){.chinese-writing-module canvas{cursor:crosshair;max-width:100%;height:auto}.chinese-writing-module canvas:active{cursor:grabbing}}.chinese-writing-module__canvas-container{touch-action:none;overflow:hidden}.chinese-controls-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;margin-bottom:12px}.chinese-display-trigger{height:var(--compact-control-height);padding:var(--compact-control-padding);font-size:var(--compact-control-font-size);border-radius:var(--compact-control-border-radius);background:var(--bg-white);border:1px solid var(--border-gray);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.chinese-display-trigger:hover{background:var(--bg-hover);border-color:var(--border-hover)}.chinese-display-trigger:focus{outline:2px solid var(--focus-ring);outline-offset:2px}@media (max-width: 640px){.chinese-controls-bar{flex-wrap:wrap;gap:8px;padding:6px 8px}.chinese-display-trigger{font-size:10px;padding:3px 8px;height:24px}}.floating-chinese-writing-content{height:100%;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.chinese-writing-module-container{background-color:#fff;border-radius:.5rem}.floating-chinese-writing-content canvas{max-width:100%;height:auto}.floating-chinese-writing-content .space-y-6>*+*{margin-top:1rem}.floating-chinese-writing-content .absolute{position:absolute}.writing-canvas-container{display:flex;justify-content:center;align-items:center;background-color:#fafafa;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a}.writing-canvas{touch-action:none;cursor:crosshair}.writing-canvas-template{pointer-events:none}.writing-canvas-clear-btn{transition:background-color .2s ease}.writing-canvas-clear-btn:hover{background-color:#e8e8e8}.writing-canvas-clear-btn:active{background-color:#d0d0d0}.writing-suggestion{padding:var(--space-2) 0}.writing-suggestion__content{display:flex;align-items:center}.writing-suggestion__button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--eduq-cyan);color:var(--text-inverse);border:none;border-radius:.5rem;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color .2s ease}.writing-suggestion__button:hover{background-color:var(--eduq-cyan-hover)}.writing-suggestion__button:focus{outline:2px solid var(--eduq-cyan);outline-offset:2px}.writing-suggestion__icon{flex-shrink:0}.writing-suggestion__char{font-size:var(--text-lg);font-weight:var(--font-bold);margin-left:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-align:center;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-button);cursor:pointer;user-select:none;transition:var(--transition-button);outline:none;position:relative}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:disabled,.btn--loading{cursor:not-allowed;opacity:.6}.btn--sm{padding:var(--space-button-padding-sm);font-size:var(--font-size-sm);min-height:32px}.btn--md{padding:var(--space-button-padding-md);font-size:var(--font-size-base);min-height:40px}.btn--lg{padding:var(--space-button-padding-lg);font-size:var(--font-size-lg);min-height:48px}.btn--primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-button)}.btn--primary:hover:not(:disabled):not(.btn--loading){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-button-hover)}.btn--primary:active:not(:disabled):not(.btn--loading){background-color:var(--color-primary-active);border-color:var(--color-primary-active);transform:translateY(1px)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary);box-shadow:var(--shadow-button)}.btn--secondary:hover:not(:disabled):not(.btn--loading){background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover);box-shadow:var(--shadow-button-hover)}.btn--secondary:active:not(:disabled):not(.btn--loading){background-color:var(--color-secondary-active);border-color:var(--color-secondary-active);transform:translateY(1px)}.btn--danger{background-color:var(--color-danger);color:var(--color-white);border-color:var(--color-danger);box-shadow:var(--shadow-button)}.btn--danger:hover:not(:disabled):not(.btn--loading){background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);box-shadow:var(--shadow-button-hover)}.btn--danger:active:not(:disabled):not(.btn--loading){background-color:var(--color-danger-active);border-color:var(--color-danger-active);transform:translateY(1px)}.btn--ghost{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border);box-shadow:none}.btn--ghost:hover:not(:disabled):not(.btn--loading){background-color:var(--color-gray-100);border-color:var(--color-gray-300)}.btn--ghost:active:not(:disabled):not(.btn--loading){background-color:var(--color-gray-200);transform:translateY(1px)}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn__icon svg{width:1em;height:1em;fill:currentColor}.btn--sm .btn__icon svg{width:.875em;height:.875em}.btn--lg .btn__icon svg{width:1.25em;height:1.25em}.btn--loading .btn__content{visibility:hidden}.btn__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center}.btn__spinner-icon{width:1em;height:1em;animation:btn-spin 1s linear infinite}.btn__spinner-circle{stroke:currentColor;stroke-linecap:round;stroke-dasharray:50;stroke-dashoffset:25}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn--full-width{width:100%}.btn__content{display:inline-flex;align-items:center;justify-content:center}.floating-window .btn{padding:var(--fw-compact-button-padding);min-height:var(--fw-compact-button-height);font-size:var(--font-size-sm)}@media (max-width: 768px){.floating-window .btn{min-height:36px;padding:.375rem .75rem;font-size:var(--font-size-xs)}}.compact-dropdown{position:relative;display:inline-block}.compact-dropdown__label{display:block;font-size:var(--compact-control-font-size);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:4px}.compact-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:var(--compact-dropdown-min-width);height:var(--compact-control-height);padding:var(--compact-control-padding);font-size:var(--compact-control-font-size);font-family:var(--font-family-base);color:var(--color-text-primary);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--compact-control-border-radius);cursor:pointer;transition:var(--transition-button);gap:var(--compact-control-gap)}.compact-dropdown__trigger:hover:not(:disabled){border-color:var(--color-border-focus);box-shadow:var(--shadow-button-hover)}.compact-dropdown__trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-color:var(--color-border-focus)}.compact-dropdown__trigger:disabled{background-color:var(--color-gray-50);color:var(--color-text-disabled);cursor:not-allowed;border-color:var(--color-gray-200)}.compact-dropdown__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-button-hover)}.compact-dropdown__value{display:flex;align-items:center;gap:var(--compact-control-gap);flex:1;min-width:0;text-align:left}.compact-dropdown__icon{display:flex;align-items:center;font-size:var(--compact-control-icon-size);line-height:1}.compact-dropdown__chevron{flex-shrink:0;color:var(--color-text-secondary);transition:transform var(--transition-fast)}.compact-dropdown__trigger--open .compact-dropdown__chevron{transform:rotate(180deg)}.compact-dropdown__menu{position:absolute;top:100%;left:0;right:0;z-index:var(--z-index-dropdown);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--compact-control-border-radius);box-shadow:var(--shadow-dropdown);margin-top:2px;max-height:240px;overflow-y:auto;opacity:0;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.compact-dropdown__menu--open{opacity:1;transform:translateY(0)}.compact-dropdown__option{display:flex;align-items:center;height:var(--compact-dropdown-item-height);padding:0 12px;font-size:var(--compact-control-font-size);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast);gap:var(--compact-control-gap)}.compact-dropdown__option:hover,.compact-dropdown__option--focused{background-color:var(--color-primary-light)}.compact-dropdown__option--selected{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.compact-dropdown__option-icon{display:flex;align-items:center;font-size:var(--compact-control-icon-size);line-height:1}.compact-dropdown__option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-dropdown__check{flex-shrink:0;color:var(--color-primary)}@media (max-width: 640px){.compact-dropdown__trigger{min-width:80px}.compact-dropdown__menu{max-height:200px}}@media (prefers-contrast: high){.compact-dropdown__trigger{border-width:2px}.compact-dropdown__trigger:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.compact-dropdown__trigger,.compact-dropdown__chevron,.compact-dropdown__menu,.compact-dropdown__option{transition:none}}.feature-gate__upgrade-prompt{background:var(--bg-primary, #ffffff);border:1px solid var(--border-light, #E5E7EB);border-radius:12px;padding:var(--space-5, 20px);margin-top:var(--space-3, 12px);text-align:center;box-shadow:0 2px 8px #00000014}.feature-gate__prompt-icon{font-size:32px;margin-bottom:var(--space-2, 8px)}.feature-gate__prompt-message{font-size:var(--text-base, 16px);color:var(--text-primary, #111827);line-height:1.5;margin:0 0 var(--space-4, 16px) 0;font-weight:var(--font-medium, 500)}.feature-gate__prompt-generic{font-size:var(--text-sm, 14px);color:var(--text-secondary, #6B7280);line-height:1.5;margin:0 0 var(--space-4, 16px) 0}.feature-gate__prompt-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px)}.feature-gate__upgrade-button{background-color:var(--eduq-blue, #0066FF);color:#fff;border:none;border-radius:8px;padding:var(--space-3, 12px) var(--space-6, 24px);font-size:var(--text-base, 16px);font-weight:var(--font-semibold, 600);cursor:pointer;transition:background-color .2s ease;width:100%;max-width:280px}.feature-gate__upgrade-button:hover{background-color:var(--eduq-blue-dark, #0052CC)}.feature-gate__upgrade-button:focus-visible{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.feature-gate__dismiss-link{background:none;border:none;color:var(--text-tertiary, #9CA3AF);font-size:var(--text-sm, 14px);cursor:pointer;padding:var(--space-1, 4px) var(--space-2, 8px);text-decoration:none;transition:color .2s ease}.feature-gate__dismiss-link:hover{color:var(--text-secondary, #6B7280)}.feature-gate__dismiss-link:focus-visible{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px;border-radius:4px}.compact-toggle{display:inline-block}.compact-toggle__container{position:relative;display:flex;background-color:#f1f5f9;border-radius:var(--compact-control-border-radius);padding:3px;overflow:hidden}.compact-toggle--disabled .compact-toggle__container{background-color:var(--color-gray-100);opacity:.6}.compact-toggle__slider{position:absolute;top:3px;bottom:3px;background-color:var(--color-white);border-radius:calc(var(--compact-control-border-radius) - 3px);box-shadow:var(--shadow-sm);transition:all .2s ease;z-index:1}.compact-toggle__option{position:relative;display:flex;align-items:center;justify-content:center;height:var(--compact-control-height);padding:var(--compact-control-padding);font-size:var(--compact-control-font-size);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:calc(var(--compact-control-border-radius) - 3px);cursor:pointer;transition:color .2s ease;gap:var(--compact-control-gap);flex:1;min-width:0;z-index:2}.compact-toggle__option:hover:not(:disabled){color:var(--color-text-primary)}.compact-toggle__option:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.compact-toggle__option:disabled{cursor:not-allowed;color:var(--color-text-disabled)}.compact-toggle__option--active{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.compact-toggle__option--focused{color:var(--color-text-primary)}.compact-toggle__icon{display:flex;align-items:center;font-size:var(--compact-control-icon-size);line-height:1}.compact-toggle__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-toggle__container:has(.compact-toggle__option:nth-child(3)) .compact-toggle__option{min-width:60px}.compact-toggle__container:has(.compact-toggle__option:nth-child(4)) .compact-toggle__option{min-width:50px}.compact-toggle__container:has(.compact-toggle__option:nth-child(5)) .compact-toggle__option{min-width:40px;padding:4px 8px}@media (max-width: 640px){.compact-toggle__option{padding:4px 8px;min-width:40px}.compact-toggle__label{font-size:10px}}@media (prefers-contrast: high){.compact-toggle__container{border:2px solid var(--color-border)}.compact-toggle__slider{border:1px solid var(--color-border)}.compact-toggle__option:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.compact-toggle__slider,.compact-toggle__option{transition:none}}.filtered-data-display{position:relative;width:100%}.filtered-data-content{width:100%;transition:opacity .3s ease}.filtered-data-content--limited{opacity:.9}.filtered-data-upgrade-prompt{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;align-items:flex-start;gap:1.5rem;box-shadow:0 4px 6px #0000001a}.upgrade-prompt-icon{font-size:2.5rem;flex-shrink:0}.upgrade-prompt-content{flex:1}.upgrade-prompt-content h4{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.upgrade-prompt-content p{margin:0 0 1rem;opacity:.95;line-height:1.5}.upgrade-prompt-features{list-style:none;padding:0;margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.upgrade-prompt-features li{padding:.5rem 0;opacity:.95;font-size:.95rem}.btn-upgrade{margin-top:1rem;padding:.75rem 2rem;background:#fff;color:#667eea;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.conversations-list{display:flex;flex-direction:column;gap:1rem}.conversation-item{padding:1rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e0e0e0);transition:all .2s ease}.conversation-item:hover{border-color:var(--primary-color, #667eea);box-shadow:0 2px 8px #0000001a}.conversation-item h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-primary, #333)}.conversation-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary, #666)}.analytics-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.analytics-stat{padding:1.5rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e0e0e0);display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary, #666);font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color, #667eea)}.analytics-detailed{grid-column:1 / -1;margin-top:1rem;padding:1.5rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.analytics-detailed h4{margin:0 0 1rem;color:var(--text-primary, #333)}.profile-display{display:flex;flex-direction:column;gap:1rem}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.field-label{font-weight:500;color:var(--text-secondary, #666)}.field-value{color:var(--text-primary, #333);font-weight:600}.profile-detailed{margin-top:1rem;padding:1.5rem;background:var(--bg-tertiary, #fff);border-radius:8px;border:2px solid var(--primary-color, #667eea)}.history-display{display:flex;flex-direction:column;gap:1rem}.message{padding:1rem;border-radius:8px;position:relative}.message--user{background:var(--primary-color, #667eea);color:#fff;margin-left:2rem}.message--assistant{background:var(--bg-secondary, #f8f9fa);color:var(--text-primary, #333);margin-right:2rem}.message-content{margin-bottom:.5rem;line-height:1.5}.message-timestamp{font-size:.75rem;opacity:.7}.message-limited-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:#fff3;border-radius:4px;font-size:.75rem;font-weight:600}.history-limited-notice{padding:1rem;background:var(--warning-bg, #fff3cd);color:var(--warning-text, #856404);border-radius:8px;text-align:center;font-weight:500}@media (max-width: 768px){.filtered-data-upgrade-prompt{flex-direction:column;padding:1.5rem}.upgrade-prompt-icon{font-size:2rem}.upgrade-prompt-features,.analytics-display{grid-template-columns:1fr}.message--user,.message--assistant{margin-left:0;margin-right:0}}@media (prefers-color-scheme: dark){.conversation-item,.analytics-stat,.profile-field,.message--assistant{background:var(--bg-secondary-dark, #2d3748);border-color:var(--border-color-dark, #4a5568);color:var(--text-primary-dark, #e2e8f0)}.conversation-item h4,.analytics-detailed h4,.field-value{color:var(--text-primary-dark, #e2e8f0)}.stat-label,.field-label,.conversation-meta{color:var(--text-secondary-dark, #a0aec0)}}.floating-window{--fw-bg: var(--color-background, #ffffff);--fw-header-bg: var(--color-primary, #2563eb);--fw-header-text: #ffffff;--fw-border: var(--color-border, #e5e7eb);--fw-hover: rgba(255, 255, 255, .25);--fw-button-hover: rgba(255, 255, 255, .2);--fw-focus-ring: rgba(255, 255, 255, .8);--fw-content-bg: var(--color-background, #ffffff)}[data-theme=dark] .floating-window{--fw-bg: var(--color-background, #1f2937);--fw-header-bg: #1e40af;--fw-header-text: #f9fafb;--fw-border: var(--color-border, #374151);--fw-hover: rgba(255, 255, 255, .2);--fw-button-hover: rgba(255, 255, 255, .15);--fw-focus-ring: rgba(147, 197, 253, .9);--fw-content-bg: var(--color-background, #1f2937)}.floating-window-backdrop{position:fixed;inset:0;background-color:#00000080;animation:backdrop-fade-in var(--transition-fast);z-index:999}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.floating-window{position:fixed;background:var(--fw-bg);border:1px solid var(--fw-border);border-radius:var(--radius-modal);box-shadow:var(--shadow-floating);display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-modal);animation:floating-window-enter var(--transition-base);z-index:1000;max-width:95vw;max-height:calc(100vh - 40px);height:auto}@keyframes floating-window-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.floating-window.minimized{height:auto!important;width:auto!important;min-width:250px;animation:floating-window-minimize var(--transition-fast)}@keyframes floating-window-minimize{0%{transform:scale(1)}to{transform:scale(.95)}}.floating-window-header{background:var(--fw-header-bg);color:var(--fw-header-text);padding:var(--space-sm) var(--space-md);cursor:move;display:flex;justify-content:space-between;align-items:center;user-select:none;border-top-left-radius:var(--radius-modal);border-top-right-radius:var(--radius-modal);transition:var(--transition-fast)}.floating-window-header:hover{background:var(--color-primary-hover, #1d4ed8)}[data-theme=dark] .floating-window-header:hover{background:#1e3a8a}.floating-window-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family-base);line-height:var(--line-height-normal);flex:1}.floating-window-controls{display:flex;gap:var(--space-xs);align-items:center}.floating-window-btn{background:transparent;border:none;color:var(--fw-header-text);font-size:18px;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-button);padding:0;line-height:1;position:relative}.floating-window-btn:hover{background:var(--fw-button-hover);transform:scale(1.05);color:var(--fw-header-text)}.floating-window-btn:active{transform:scale(.95);background:var(--fw-hover)}.floating-window-btn:focus-visible{outline:2px solid var(--fw-focus-ring);outline-offset:2px;background:var(--fw-button-hover)}.floating-window-btn:hover,.floating-window-btn:focus-visible{opacity:1}.floating-window-btn.close-btn{font-size:22px}.floating-window-btn.close-btn:hover{background:#ef444433}[data-theme=dark] .floating-window-btn.close-btn:hover{background:#ef444440}.floating-window-content{flex:1 1 auto;overflow:auto;padding:0;background:var(--fw-content-bg);min-height:0}.floating-window--mobile-fullscreen{position:fixed;inset:0;z-index:1000;width:100%!important;height:100%!important;max-width:100vw;max-height:100vh;border-radius:0;display:flex;flex-direction:column;background:var(--fw-bg);animation:floating-window-enter var(--transition-base)}.floating-window__mobile-header{display:flex;align-items:center;justify-content:space-between;background:var(--fw-header-bg);color:var(--fw-header-text);padding:var(--space-sm) var(--space-md);flex-shrink:0;user-select:none;min-height:48px}.floating-window__mobile-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family-base);line-height:var(--line-height-normal);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-window__mobile-close{background:transparent;border:none;color:var(--fw-header-text);font-size:var(--font-size-2xl);width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-button);padding:0;line-height:1;flex-shrink:0}.floating-window__mobile-close:hover{background:#ef444433}.floating-window__mobile-close:focus-visible{outline:2px solid var(--fw-focus-ring);outline-offset:2px}.floating-window__mobile-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0}@supports (padding: env(safe-area-inset-bottom)){.floating-window--mobile-fullscreen{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-contrast: high){.floating-window{border:2px solid var(--color-border)}.floating-window-btn:focus-visible{outline:3px solid var(--color-white)}}.floating-window-btn:focus{outline:none}.floating-window-btn:focus-visible{outline:2px solid var(--fw-focus-ring);outline-offset:2px;background:var(--fw-button-hover);z-index:1}.floating-window-header:focus-visible{outline:2px solid var(--fw-focus-ring);outline-offset:-2px}.floating-window-controls>*{position:relative}@media (prefers-reduced-motion: no-preference){.floating-window-btn:focus-visible{animation:focus-pulse 2s ease-in-out infinite}}@keyframes focus-pulse{0%,to{outline-width:2px}50%{outline-width:3px}}.keyboard-hint{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1001}.floating-window-btn:focus-visible .keyboard-hint,.floating-window-btn:hover .keyboard-hint{opacity:1}[data-theme=dark] .keyboard-hint{background:#ffffffe6;color:#1f2937}.floating-math-visual-content{height:100%;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.math-visual-module-content{height:100%;display:flex;flex-direction:column;background:var(--fw-content-bg)}.math-visual-module-content>div{flex:1;overflow-y:auto}canvas.touch-enabled{touch-action:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){canvas{max-width:100%;height:auto}canvas.touch-enabled{cursor:crosshair}}.floating-window{transition:max-width .3s ease,max-height .3s ease,transform .3s ease}.floating-window .floating-window-content{padding:var(--fw-compact-padding);overflow-y:auto}.floating-window .floating-window-header{padding:var(--space-xs) var(--space-sm);max-height:36px}.floating-window .floating-window-title{font-size:var(--font-size-sm)}@media (max-width: 768px){.floating-window .floating-window-content{padding:.5rem}}.floating-window .floating-math-visual-content{padding:var(--fw-compact-padding);gap:var(--fw-compact-gap)}.floating-module-nav{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 var(--space-2);background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);flex-shrink:0}.floating-module-nav__back,.floating-module-nav__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;cursor:pointer;font-size:1rem;color:var(--eduq-blue);transition:background-color .15s ease,color .15s ease;flex-shrink:0}.floating-module-nav__back:hover,.floating-module-nav__close:hover{background-color:var(--bg-tertiary);color:var(--eduq-blue-hover)}.floating-module-nav__back:focus,.floating-module-nav__close:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.floating-module-nav__center{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:center;min-width:0}.floating-module-nav__logo{height:24px;width:auto;flex-shrink:0}.floating-module-nav__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.floating-module-nav{height:44px;padding:0 var(--space-2)}.floating-module-nav__logo{height:20px}.floating-module-nav__title{font-size:var(--text-xs)}}@media (prefers-reduced-motion: reduce){.floating-module-nav__back,.floating-module-nav__close{transition:none}}.formatted-text{display:inline;word-wrap:break-word;overflow-wrap:break-word}.formatted-text--cjk{line-height:1.6;word-break:break-all}.formatted-text[data-truncated=true]{cursor:help}.formatted-date{white-space:nowrap}.formatted-currency,.formatted-phone,.formatted-number{white-space:nowrap;font-variant-numeric:tabular-nums}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-overflow-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.formatted-text--cjk.text-clamp-2{max-height:3.2em}.formatted-text--cjk.text-clamp-3{max-height:4.8em}@media (max-width: 768px){.formatted-text--cjk{font-size:.95em}}@media (prefers-contrast: high){.formatted-text[data-truncated=true]{text-decoration:underline dotted}}@media (prefers-reduced-motion: reduce){.formatted-text,.formatted-date,.formatted-currency,.formatted-phone,.formatted-number{transition:none}}.hover-dropdown{position:relative;display:inline-block}.hover-dropdown__trigger{display:inline-block;cursor:pointer}.hover-dropdown__trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--compact-control-border-radius)}.hover-dropdown__menu{position:absolute;z-index:var(--z-index-dropdown);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-dropdown);min-width:160px;padding:4px 0;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.hover-dropdown__menu--visible{opacity:1;transform:translateY(0);pointer-events:auto}.hover-dropdown__menu--bottom-left{top:100%;left:0;margin-top:4px}.hover-dropdown__menu--bottom-right{top:100%;right:0;margin-top:4px}.hover-dropdown__menu--top-left{bottom:100%;left:0;margin-bottom:4px;transform:translateY(4px)}.hover-dropdown__menu--top-left.hover-dropdown__menu--visible{transform:translateY(0)}.hover-dropdown__menu--top-right{bottom:100%;right:0;margin-bottom:4px;transform:translateY(4px)}.hover-dropdown__menu--top-right.hover-dropdown__menu--visible{transform:translateY(0)}.hover-dropdown__item{display:flex;align-items:center;height:32px;padding:0 12px;font-size:var(--compact-control-font-size);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast);gap:var(--compact-control-gap)}.hover-dropdown__item:hover,.hover-dropdown__item--focused{background-color:var(--color-primary-light)}.hover-dropdown__item--select{cursor:default}.hover-dropdown__checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--color-border);border-radius:3px;background-color:var(--color-white);transition:all var(--transition-fast)}.hover-dropdown__checkbox input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.hover-dropdown__checkbox input[type=checkbox]:checked+svg,.hover-dropdown__checkbox svg{color:var(--color-white);opacity:0;transition:opacity var(--transition-fast)}.hover-dropdown__checkbox:has(input:checked){background-color:var(--color-primary);border-color:var(--color-primary)}.hover-dropdown__checkbox:has(input:checked) svg{opacity:1}.hover-dropdown__icon{display:flex;align-items:center;font-size:var(--compact-control-icon-size);line-height:1;color:var(--color-text-secondary)}.hover-dropdown__label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hover-dropdown__select{height:24px;padding:2px 6px;font-size:10px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-white);cursor:pointer;min-width:60px}.hover-dropdown__select:focus{outline:1px solid var(--color-border-focus);border-color:var(--color-border-focus)}.hover-dropdown__divider{height:1px;background-color:var(--color-border);margin:4px 0}@media (max-width: 640px){.hover-dropdown__menu{min-width:140px}.hover-dropdown__item{height:36px;padding:0 10px}}@media (prefers-contrast: high){.hover-dropdown__menu,.hover-dropdown__checkbox{border-width:2px}.hover-dropdown__trigger:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.hover-dropdown__menu,.hover-dropdown__item,.hover-dropdown__checkbox{transition:none}}:root{--illustration-size-small: 64px;--illustration-size-medium: 128px;--illustration-size-large: 256px;--illustration-size-small-mobile: 48px;--illustration-size-medium-mobile: 96px;--illustration-size-large-mobile: 192px;--illustration-size-small-tablet: 56px;--illustration-size-medium-tablet: 112px;--illustration-size-large-tablet: 224px}.illustration{display:inline-block;position:relative;vertical-align:middle;box-sizing:border-box;outline:none;transition:all var(--transition-base)}.illustration__svg-container{display:block;width:100%;height:100%;line-height:0}.illustration__svg-container svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;transform-origin:center;transition:transform var(--transition-base)}.illustration--small{width:var(--illustration-size-small);height:var(--illustration-size-small);min-width:var(--illustration-size-small);min-height:var(--illustration-size-small)}.illustration--medium{width:var(--illustration-size-medium);height:var(--illustration-size-medium);min-width:var(--illustration-size-medium);min-height:var(--illustration-size-medium)}.illustration--large{width:var(--illustration-size-large);height:var(--illustration-size-large);min-width:var(--illustration-size-large);min-height:var(--illustration-size-large)}.illustration{--illustration-primary-color: var(--color-primary);--illustration-secondary-color: var(--color-secondary);--illustration-accent-color: var(--color-warning);--illustration-background-color: var(--color-white);--illustration-border-color: var(--color-border);--illustration-text-color: var(--color-text-primary)}.illustration--math{--illustration-primary-color: var(--color-math);--illustration-secondary-color: var(--color-math-light)}.illustration--geometry{--illustration-primary-color: var(--color-primary);--illustration-secondary-color: var(--color-primary-light)}.illustration--algebra{--illustration-primary-color: var(--color-secondary);--illustration-secondary-color: var(--color-secondary-light)}.illustration--data{--illustration-primary-color: var(--color-document);--illustration-secondary-color: var(--color-document-light)}.illustration--interactive{cursor:pointer;user-select:none}.illustration--interactive:hover:not(.illustration--error){transform:translateY(-2px);box-shadow:var(--shadow-md)}.illustration--interactive:hover:not(.illustration--error) .illustration__svg-container svg{transform:scale(1.05)}.illustration:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:3px;border-radius:var(--radius-md)}.illustration:focus{outline:3px solid var(--color-border-focus);outline-offset:3px;border-radius:var(--radius-md)}.illustration:focus:not(:focus-visible){outline:none}.illustration--interactive:active:not(.illustration--error){transform:translateY(0);box-shadow:var(--shadow-sm)}.illustration--interactive:active:not(.illustration--error) .illustration__svg-container svg{transform:scale(.98)}.illustration--error{display:flex;align-items:center;justify-content:center;background-color:var(--color-danger-light);border:2px dashed var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger-dark);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;padding:var(--space-md);outline:none}.illustration__error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);max-width:100%}.illustration__error-icon{font-size:var(--font-size-2xl);line-height:1}.illustration__error-text{line-height:var(--line-height-normal);word-break:break-word;max-width:100%}.illustration__badge{position:absolute;top:var(--space-2);right:var(--space-2);background-color:var(--eduq-blue);color:var(--color-white);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;z-index:10;pointer-events:none;box-shadow:var(--shadow-sm)}.illustration__loading-placeholder{width:100%;height:100%;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:illustration-pulse 2s ease-in-out infinite}@media (max-width: 639px){.illustration--small{width:var(--illustration-size-small-mobile);height:var(--illustration-size-small-mobile);min-width:var(--illustration-size-small-mobile);min-height:var(--illustration-size-small-mobile)}.illustration--medium{width:var(--illustration-size-medium-mobile);height:var(--illustration-size-medium-mobile);min-width:var(--illustration-size-medium-mobile);min-height:var(--illustration-size-medium-mobile)}.illustration--large{width:var(--illustration-size-large-mobile);height:var(--illustration-size-large-mobile);min-width:var(--illustration-size-large-mobile);min-height:var(--illustration-size-large-mobile)}.illustration--error{padding:var(--space-sm);font-size:var(--font-size-xs)}}@media (min-width: 640px) and (max-width: 1023px){.illustration--small{width:var(--illustration-size-small-tablet);height:var(--illustration-size-small-tablet);min-width:var(--illustration-size-small-tablet);min-height:var(--illustration-size-small-tablet)}.illustration--medium{width:var(--illustration-size-medium-tablet);height:var(--illustration-size-medium-tablet);min-width:var(--illustration-size-medium-tablet);min-height:var(--illustration-size-medium-tablet)}.illustration--large{width:var(--illustration-size-large-tablet);height:var(--illustration-size-large-tablet);min-width:var(--illustration-size-large-tablet);min-height:var(--illustration-size-large-tablet)}}@media print{.illustration{break-inside:avoid;page-break-inside:avoid}.illustration__svg-container svg{vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision}.illustration--error{display:none!important}.illustration--interactive:hover:not(.illustration--error),.illustration:focus-visible,.illustration--interactive:active:not(.illustration--error){transform:none!important;box-shadow:none!important;outline:none!important}.illustration--interactive:hover:not(.illustration--error) .illustration__svg-container svg,.illustration--interactive:active:not(.illustration--error) .illustration__svg-container svg{transform:none!important}.illustration__badge{display:none!important}}@media (prefers-contrast: high){.illustration{--illustration-border-color: var(--color-black)}.illustration--error{border:3px dashed var(--color-black);background-color:var(--color-white)}}@media (prefers-reduced-motion: reduce){.illustration,.illustration__svg-container svg,.illustration__loading-placeholder{transition:none!important;animation:none!important}.illustration--interactive:hover:not(.illustration--error),.illustration--interactive:active:not(.illustration--error){transform:none!important}.illustration--interactive:hover:not(.illustration--error) .illustration__svg-container svg,.illustration--interactive:active:not(.illustration--error) .illustration__svg-container svg{transform:none!important}}.illustration--bordered{border:2px solid var(--illustration-border-color);border-radius:var(--radius-md);padding:var(--space-sm)}.illustration--borderless{border:none}.illustration--shadow-sm{box-shadow:var(--shadow-sm)}.illustration--shadow-md{box-shadow:var(--shadow-md)}.illustration--shadow-lg{box-shadow:var(--shadow-lg)}.illustration--center{margin-left:auto;margin-right:auto;display:block}.illustration--left{float:left;margin-right:var(--space-md);margin-bottom:var(--space-sm)}.illustration--right{float:right;margin-left:var(--space-md);margin-bottom:var(--space-sm)}.illustration--clear:after{content:"";display:table;clear:both}@keyframes illustration-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.illustration--fade-in{animation:illustration-fade-in var(--transition-base) ease-out}@keyframes illustration-pulse{0%,to{opacity:1}50%{opacity:.7}}.illustration--pulse{animation:illustration-pulse 2s ease-in-out infinite}.illustration{backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.illustration__svg-container svg{shape-rendering:optimizeSpeed;&.illustration--high-quality{shape-rendering:geometricPrecision}}@supports (-webkit-touch-callout: none){.illustration__svg-container svg{max-height:none}}@-moz-document url-prefix(){@media print{.illustration__svg-container svg{max-width:none!important}}}.language-switcher{position:relative;display:inline-block}.language-switcher-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fffffff2;border:1px solid rgba(255,255,255,.3);border-radius:20px;cursor:pointer;font-size:13px;color:#374151;transition:all .2s ease}.language-switcher-button:hover{background:#fff;border-color:#2563eb}.language-switcher-button:disabled{opacity:.6;cursor:not-allowed}.language-icon{font-size:18px}.language-name{font-weight:500}.dropdown-arrow{font-size:10px;transition:transform .2s ease}.language-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;animation:slideDown .2s ease}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;text-align:left;transition:background .2s ease;color:#374151}.language-option:hover{background:#f3f4f6}.language-option.active{background:#eff6ff}.language-flag{font-size:24px;flex-shrink:0}.language-info{display:flex;flex-direction:column;gap:2px;flex:1}.language-native-name{font-weight:500;font-size:13px;color:#374151}.language-english-name{font-size:11px;color:#6b7280}.checkmark{color:#2563eb;font-weight:700;font-size:14px}.language-loading{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}.language-switcher.in-dropdown{width:100%}.language-switcher-button.dropdown-style{width:100%;background:none;border:none;padding:.75rem 1rem;border-radius:6px;justify-content:flex-start;color:#2d3748;font-size:14px}.language-switcher-button.dropdown-style:hover{background:#f7fafc;border-color:transparent}.language-switcher.in-dropdown .language-dropdown{position:static;box-shadow:none;border:none;background:#f8fafc;margin-top:.5rem;animation:none;border-radius:6px;padding:.25rem 0}.language-switcher.in-dropdown .language-option{padding:.5rem 1rem;margin-left:1rem;border-radius:4px}@media (max-width: 768px){.language-dropdown{right:auto;left:0;min-width:200px}.language-switcher-button:not(.dropdown-style){padding:6px 10px;font-size:13px}.language-switcher-button:not(.dropdown-style) .language-name{display:none}}.language-switcher.minimal-header-lang .language-switcher-button{padding:4px 12px;min-width:70px;height:26px;border:1px solid rgba(255,255,255,.4);border-radius:20px;background:#fffffff2;color:var(--eduq-blue, #0066FF);font-size:10px;font-weight:600;gap:4px}.language-switcher.minimal-header-lang .language-icon{font-size:12px;line-height:1}.language-switcher.minimal-header-lang .language-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:inherit}.language-switcher.minimal-header-lang .dropdown-arrow{font-size:8px;color:inherit}.language-switcher.minimal-header-lang .language-switcher-button:hover{background:var(--eduq-blue, #0066FF);color:#fff;border-color:var(--eduq-blue, #0066FF);transform:translateY(-1px);box-shadow:0 2px 4px #06f3}.language-switcher.minimal-header-lang .language-switcher-button:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.language-switcher.minimal-header-lang .language-switcher-button:focus:not(:focus-visible){outline:none}.language-switcher.minimal-header-lang .language-dropdown{min-width:200px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000001a}.language-switcher.minimal-header-lang .language-option{padding:8px 12px;gap:8px;color:#374151;background:none}.language-switcher.minimal-header-lang .language-option:hover{background:#f0f4ff}.language-switcher.minimal-header-lang .language-option.active{background:#eff6ff}.language-switcher.minimal-header-lang .language-flag{font-size:18px}.language-switcher.minimal-header-lang .language-native-name{font-size:12px;color:#374151}.language-switcher.minimal-header-lang .language-english-name{font-size:10px;color:#6b7280}@media (max-width: 768px){.language-switcher.minimal-header-lang .language-switcher-button{padding:3px 8px;min-width:60px;height:24px;font-size:9px;gap:3px}.language-switcher.minimal-header-lang .language-icon{font-size:11px}.language-switcher.minimal-header-lang .language-name{font-size:9px}}@media (max-width: 480px){.language-switcher.minimal-header-lang .language-switcher-button{padding:2px 6px;min-width:55px;height:22px;font-size:8px;gap:2px}.language-switcher.minimal-header-lang .language-name{display:none}.language-switcher.minimal-header-lang .language-icon{font-size:10px}}@media (prefers-reduced-motion: reduce){.language-switcher.minimal-header-lang .language-switcher-button{transition:none}.language-switcher.minimal-header-lang .language-switcher-button:hover{transform:none}}.language-switcher__variant-badge{display:inline-flex;align-items:center;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.4;color:var(--eduq-blue, #0066FF);background:#0066ff14;border:1px solid rgba(0,102,255,.2);border-radius:4px;white-space:nowrap}.language-switcher--compact .language-switcher-button{padding:4px 8px;gap:4px;font-size:var(--text-sm, .875rem)}.language-switcher--compact .language-icon{font-size:14px}.language-switcher--compact .language-code{font-weight:600;font-size:var(--text-xs, .75rem);text-transform:uppercase;letter-spacing:.03em;color:inherit}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);min-height:200px}.loading-spinner-container.fullscreen{position:fixed;inset:0;background-color:#ffffffe6;z-index:9999;min-height:100vh}.loading-spinner{position:relative;display:inline-block}.loading-spinner--small{width:24px;height:24px}.loading-spinner--medium{width:40px;height:40px}.loading-spinner--large{width:64px;height:64px}.loading-spinner__circle{width:100%;height:100%;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:loading-spinner-rotate .8s linear infinite}.loading-spinner--small .loading-spinner__circle{border-width:2px}.loading-spinner--large .loading-spinner__circle{border-width:4px}@keyframes loading-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner__text{margin-top:var(--space-md);font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;font-weight:500}@media (max-width: 640px){.loading-spinner-container{padding:var(--space-lg);min-height:150px}.loading-spinner__text{font-size:var(--font-size-sm)}}.module-error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-xl);background-color:var(--color-background)}.module-error-boundary__content{max-width:500px;text-align:center;padding:var(--space-xl);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.module-error-boundary__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-lg);color:var(--color-danger);background-color:var(--color-danger-light, rgba(239, 68, 68, .1));border-radius:50%}.module-error-boundary__icon svg{width:48px;height:48px}.module-error-boundary__title{margin:0 0 var(--space-md) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.module-error-boundary__message{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.module-error-boundary__details{margin:var(--space-lg) 0;padding:var(--space-md);text-align:left;background-color:var(--color-background);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.module-error-boundary__details summary{cursor:pointer;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.module-error-boundary__details summary:hover{color:var(--color-primary)}.module-error-boundary__error-text{margin:var(--space-sm) 0 0 0;padding:var(--space-md);font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-danger);background-color:var(--color-surface);border-radius:var(--radius-sm);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.module-error-boundary__reset-button{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:600;color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease}.module-error-boundary__reset-button:hover{background-color:var(--color-primary-hover)}.module-error-boundary__reset-button:active{transform:translateY(1px)}.module-error-boundary__home-button{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-secondary);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.module-error-boundary__home-button:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-primary-light, rgba(37, 99, 235, .05))}@media (max-width: 640px){.module-error-boundary{padding:var(--space-md);min-height:300px}.module-error-boundary__content{padding:var(--space-lg)}.module-error-boundary__icon{width:48px;height:48px}.module-error-boundary__icon svg{width:32px;height:32px}.module-error-boundary__title{font-size:var(--font-size-lg)}.module-error-boundary__message{font-size:var(--font-size-sm)}}.module-heading{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-4, 1rem)}.module-heading__icon{display:inline-flex;align-items:center;flex-shrink:0}.module-heading__title{font-size:var(--text-xl, 1.25rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #111827);margin:0;line-height:var(--leading-snug, 1.375)}.floating-window .module-heading{margin-bottom:var(--fw-compact-heading-margin);gap:var(--space-xs)}.floating-window .module-heading__title{font-size:var(--font-size-base)}.module-tab-bar{display:flex;align-items:stretch;border-bottom:1px solid var(--border-light, #E5E7EB);margin-bottom:var(--space-4, 1rem);overflow-x:auto;-webkit-overflow-scrolling:touch}.module-tab-bar__tab{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3, .75rem);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--text-secondary, #6B7280);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .2s ease,border-color .2s ease;outline:none}.module-tab-bar__tab:hover{color:var(--text-primary, #111827)}.module-tab-bar__tab--active{color:var(--eduq-blue, #0066FF);border-bottom-color:var(--eduq-blue, #0066FF)}.module-tab-bar__tab:focus-visible{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:-2px;border-radius:2px}@media (prefers-reduced-motion: reduce){.module-tab-bar__tab{transition:none}}.new-badge{display:inline-flex;align-items:center;justify-content:center;height:16px;padding:0 5px;border-radius:8px;background-color:var(--eduq-cyan, #00D9B5);color:#fff;font-size:.625rem;font-weight:700;line-height:1;letter-spacing:.02em;white-space:nowrap;pointer-events:none;position:absolute;top:-4px;right:-4px}.offline-queue-status{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:12px;margin:8px 0;font-size:14px;transition:all .3s ease}.offline-queue-status__main{display:flex;align-items:center;gap:8px}.offline-queue-status__icon{font-size:16px;flex-shrink:0}.offline-queue-status__text{flex:1;color:var(--color-text-primary);font-weight:500}.offline-queue-status__sync-button{background:var(--color-primary);color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.offline-queue-status__sync-button:hover{background:var(--color-primary-dark)}.offline-queue-status__sync-button:active{transform:translateY(1px)}.offline-queue-status--offline{background:#fff3cd;border-color:#ffeaa7;color:#856404}.offline-queue-status--syncing{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.offline-queue-status--syncing .offline-queue-status__icon{animation:spin 1s linear infinite}.offline-queue-status--pending{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.offline-queue-status--synced{background:#d4edda;border-color:#c3e6cb;color:#155724}.offline-queue-status__details{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border);display:flex;gap:12px;font-size:12px}.offline-queue-status__error{color:#dc3545;font-weight:500}.offline-queue-status__conflict{color:#fd7e14;font-weight:500}.offline-queue-status__queue-details{margin-top:8px}.offline-queue-status__queue-summary{cursor:pointer;font-size:12px;color:var(--color-text-secondary);padding:8px 0 4px;border-top:1px solid var(--color-border);margin-top:8px}.offline-queue-status__queue-summary:hover{color:var(--color-text-primary)}.offline-queue-status__queue-list{margin-top:8px;max-height:200px;overflow-y:auto}.offline-queue-status__queue-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light)}.offline-queue-status__queue-item:last-child{border-bottom:none}.offline-queue-status__operation{font-family:monospace;background:var(--color-background-tertiary);padding:2px 4px;border-radius:3px;font-size:10px}.offline-queue-status__timestamp{color:var(--color-text-tertiary)}.offline-queue-status__retry-count{background:#ffeaa7;color:#856404;padding:1px 4px;border-radius:3px;font-size:10px;font-weight:500}@media (max-width: 768px){.offline-queue-status{padding:8px;font-size:13px}.offline-queue-status__main{gap:6px}.offline-queue-status__sync-button{padding:3px 6px;font-size:11px}.offline-queue-status__details{flex-direction:column;gap:4px}}.loading-placeholder{display:inline-block;background:#f7fafc;color:#718096;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;border:1px solid #e2e8f0}.protected-action.unauthorized *{pointer-events:none;opacity:.5;cursor:not-allowed}.permission-disabled{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important}.permission-disabled:hover{opacity:.5!important}button.permission-disabled{background-color:#e2e8f0!important;color:#a0aec0!important;border-color:#e2e8f0!important}a.permission-disabled{color:#a0aec0!important;text-decoration:none!important}input.permission-disabled,select.permission-disabled,textarea.permission-disabled{background-color:#f7fafc!important;color:#a0aec0!important;border-color:#e2e8f0!important}.permission-disabled[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#2d3748;color:#fff;padding:.5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;margin-bottom:.25rem}.permission-disabled[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#2d3748;z-index:1000}@media (prefers-contrast: high){.permission-disabled{opacity:.3!important;border:2px dashed #666!important}.loading-placeholder{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.protected-component,.protected-action{transition:none!important}}.toggle-switch{position:relative;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-switch--disabled{cursor:not-allowed;opacity:.5}.toggle-switch--medium .toggle-switch__slider{width:44px;height:24px}.toggle-switch--medium .toggle-switch__slider:before{width:20px;height:20px}.toggle-switch--medium .toggle-switch__input:checked+.toggle-switch__slider:before{transform:translate(20px)}.toggle-switch--small .toggle-switch__slider{width:36px;height:20px}.toggle-switch--small .toggle-switch__slider:before{width:16px;height:16px}.toggle-switch--small .toggle-switch__input:checked+.toggle-switch__slider:before{transform:translate(16px)}.toggle-switch--large .toggle-switch__slider{width:52px;height:28px}.toggle-switch--large .toggle-switch__slider:before{width:24px;height:24px}.toggle-switch--large .toggle-switch__input:checked+.toggle-switch__slider:before{transform:translate(24px)}.toggle-switch__slider{position:relative;display:inline-block;background-color:#d1d5db;border-radius:24px;transition:background-color .2s ease}.toggle-switch__slider:before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch__input:checked+.toggle-switch__slider{background-color:var(--color-primary, #2563eb)}.toggle-switch__input:focus-visible+.toggle-switch__slider{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.toggle-switch:hover .toggle-switch__slider{background-color:#9ca3af}.toggle-switch:hover .toggle-switch__input:checked+.toggle-switch__slider{background-color:var(--color-primary-hover, #1d4ed8)}.toggle-switch__label{font-size:14px;font-weight:500;color:var(--color-text-primary, #111827)}[data-theme=dark] .toggle-switch__slider{background-color:#4b5563}[data-theme=dark] .toggle-switch:hover .toggle-switch__slider{background-color:#6b7280}[data-theme=dark] .toggle-switch__input:checked+.toggle-switch__slider{background-color:#3b82f6}[data-theme=dark] .toggle-switch:hover .toggle-switch__input:checked+.toggle-switch__slider{background-color:#2563eb}[data-theme=dark] .toggle-switch__label{color:#f9fafb}@media (prefers-reduced-motion: reduce){.toggle-switch__slider,.toggle-switch__slider:before{transition:none}}.unified-loading-screen{display:flex;align-items:center;justify-content:center;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.unified-loading-screen--fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.unified-loading-screen__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.unified-loading-screen__logo{width:180px;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}.unified-loading-screen__heartbeat{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.unified-loading-screen__heartbeat-pulse{width:50px;height:50px;background-color:#06f;border-radius:50%;animation:heartbeat-pulse 1.4s ease-in-out infinite;z-index:2}.unified-loading-screen__heartbeat-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#06f;border-radius:50%;opacity:.3;animation:heartbeat-ring 1.4s ease-in-out infinite;z-index:1}.unified-loading-screen__message{margin:0;font-size:1rem;color:#6b7280;text-align:center;max-width:400px;padding:0 20px}@keyframes heartbeat-pulse{0%{transform:scale(1);opacity:1}25%{transform:scale(1.15);opacity:.9}50%{transform:scale(1);opacity:1}75%{transform:scale(1.08);opacity:.95}to{transform:scale(1);opacity:1}}@keyframes heartbeat-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.6);opacity:.1}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}@media (max-width: 768px){.unified-loading-screen__logo{width:150px}.unified-loading-screen__heartbeat,.unified-loading-screen__heartbeat-pulse,.unified-loading-screen__heartbeat-ring{width:40px;height:40px}.unified-loading-screen__message{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.unified-loading-screen__heartbeat-pulse,.unified-loading-screen__heartbeat-ring{animation:none}.unified-loading-screen__heartbeat-pulse{opacity:1}.unified-loading-screen__heartbeat-ring{opacity:.2}}:root{--ws-connected: #22c55e;--ws-connected-bg: rgba(34, 197, 94, .1);--ws-connecting: #f59e0b;--ws-connecting-bg: rgba(245, 158, 11, .1);--ws-disconnected: #6b7280;--ws-disconnected-bg: rgba(107, 114, 128, .1);--ws-reconnecting: #3b82f6;--ws-reconnecting-bg: rgba(59, 130, 246, .1);--ws-failed: #ef4444;--ws-failed-bg: rgba(239, 68, 68, .1)}.ws-status-dot{display:inline-block;width:var(--space-sm);height:var(--space-sm);border-radius:var(--radius-full);flex-shrink:0}.ws-status-dot.status-connected{background-color:var(--ws-connected);box-shadow:0 0 6px var(--ws-connected)}.ws-status-dot.status-connecting,.ws-status-dot.status-reconnecting{background-color:var(--ws-connecting)}.ws-status-dot.status-disconnected{background-color:var(--ws-disconnected)}.ws-status-dot.status-failed{background-color:var(--ws-failed)}.ws-status-dot.pulsing{animation:ws-pulse 1.5s ease-in-out infinite}@keyframes ws-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.ws-status-dot.stable{animation:ws-glow 2s ease-in-out infinite}@keyframes ws-glow{0%,to{box-shadow:0 0 4px var(--ws-connected)}50%{box-shadow:0 0 8px var(--ws-connected)}}.ws-status-compact{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border:none;border-radius:var(--radius-lg);background:transparent;cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.ws-status-compact:hover{background-color:#0000000d}.ws-status-compact.status-connected{color:var(--ws-connected)}.ws-status-compact.status-connecting,.ws-status-compact.status-reconnecting{color:var(--ws-connecting)}.ws-status-compact.status-disconnected{color:var(--ws-disconnected)}.ws-status-compact.status-failed{color:var(--ws-failed)}.ws-status-text{white-space:nowrap}.ws-status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.ws-status-badge.size-small{font-size:var(--font-size-xs);padding:1px var(--space-sm)}.ws-status-badge.size-small .ws-status-dot{width:6px;height:6px}.ws-status-badge.size-medium{font-size:var(--font-size-xs)}.ws-status-badge.size-large{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md)}.ws-status-badge.size-large .ws-status-dot{width:10px;height:10px}.ws-status-badge.status-connected{background-color:var(--ws-connected-bg);color:var(--ws-connected)}.ws-status-badge.status-connecting,.ws-status-badge.status-reconnecting{background-color:var(--ws-connecting-bg);color:var(--ws-connecting)}.ws-status-badge.status-disconnected{background-color:var(--ws-disconnected-bg);color:var(--ws-disconnected)}.ws-status-badge.status-failed{background-color:var(--ws-failed-bg);color:var(--ws-failed)}.ws-badge-label{white-space:nowrap}.ws-status-full{border-radius:var(--radius-md);overflow:hidden;border:1px solid #e5e7eb;background:#fff}.ws-status-full.status-connected{border-color:var(--ws-connected)}.ws-status-full.status-failed{border-color:var(--ws-failed)}.ws-status-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);border:none;background:transparent;cursor:pointer;transition:var(--transition-fast)}.ws-status-header:hover{background-color:#f9fafb}.ws-status-main{display:flex;align-items:center;gap:var(--space-sm)}.ws-status-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#374151}.ws-reconnect-count{font-size:var(--font-size-xs);color:#6b7280;padding:2px var(--space-sm);background:#f3f4f6;border-radius:var(--radius-sm)}.ws-expand-icon{font-size:var(--font-size-xs);color:#9ca3af;transition:var(--transition-fast)}.ws-expand-icon.expanded{transform:rotate(180deg)}.ws-status-details{padding:var(--space-md);border-top:1px solid #e5e7eb;background:#f9fafb}.ws-details-section{margin-bottom:var(--space-md)}.ws-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;font-size:var(--font-size-sm)}.ws-detail-label{color:#6b7280}.ws-detail-value{color:#374151;font-weight:500}.ws-detail-value.status-connected{color:var(--ws-connected)}.ws-detail-value.status-failed{color:var(--ws-failed)}.ws-detail-row.ws-error .ws-detail-value{color:var(--ws-failed);font-size:var(--font-size-xs)}.ws-controls{display:flex;gap:var(--space-sm)}.ws-control-btn{flex:1;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-button)}.ws-reconnect-btn{background:var(--ws-reconnecting);color:#fff}.ws-reconnect-btn:hover:not(:disabled){background:#2563eb}.ws-reconnect-btn:disabled{opacity:.6;cursor:not-allowed}.ws-disconnect-btn{background:#f3f4f6;color:#374151}.ws-disconnect-btn:hover{background:#e5e7eb}.ws-status-toast{position:fixed;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-lg);z-index:10000;opacity:0;transform:translateY(20px);transition:var(--transition-base);max-width:320px}.ws-status-toast.visible{opacity:1;transform:translateY(0)}.ws-status-toast.position-top-right{top:20px;right:20px}.ws-status-toast.position-top-left{top:20px;left:20px}.ws-status-toast.position-bottom-right{bottom:20px;right:20px}.ws-status-toast.position-bottom-left{bottom:20px;left:20px}.ws-status-toast.position-top-center{top:20px;left:50%;transform:translate(-50%) translateY(20px)}.ws-status-toast.position-top-center.visible{transform:translate(-50%) translateY(0)}.ws-status-toast.position-bottom-center{bottom:20px;left:50%;transform:translate(-50%) translateY(20px)}.ws-status-toast.position-bottom-center.visible{transform:translate(-50%) translateY(0)}.ws-status-toast.status-connected{border-left:4px solid var(--ws-connected)}.ws-status-toast.status-connecting,.ws-status-toast.status-reconnecting{border-left:4px solid var(--ws-connecting)}.ws-status-toast.status-disconnected{border-left:4px solid var(--ws-disconnected)}.ws-status-toast.status-failed{border-left:4px solid var(--ws-failed)}.ws-toast-icon{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.ws-status-toast.status-connected .ws-toast-icon{color:var(--ws-connected)}.ws-status-toast.status-failed .ws-toast-icon{color:var(--ws-failed)}.ws-status-toast.status-disconnected .ws-toast-icon{color:var(--ws-disconnected)}.ws-status-toast.status-reconnecting .ws-toast-icon{color:var(--ws-reconnecting);animation:ws-spin 1s linear infinite}@keyframes ws-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ws-toast-message{flex:1;font-size:var(--font-size-sm);color:#374151}.ws-toast-close{padding:var(--space-xs);border:none;background:transparent;color:#9ca3af;font-size:18px;cursor:pointer;line-height:1;transition:var(--transition-fast)}.ws-toast-close:hover{color:#374151}@media (prefers-color-scheme: dark){.ws-status-full{background:#1f2937;border-color:#374151}.ws-status-header:hover{background-color:#374151}.ws-status-label{color:#f3f4f6}.ws-reconnect-count{background:#374151;color:#d1d5db}.ws-status-details{background:#111827;border-color:#374151}.ws-detail-label{color:#9ca3af}.ws-detail-value{color:#f3f4f6}.ws-disconnect-btn{background:#374151;color:#f3f4f6}.ws-disconnect-btn:hover{background:#4b5563}.ws-status-toast{background:#1f2937}.ws-toast-message{color:#f3f4f6}.ws-toast-close{color:#6b7280}.ws-toast-close:hover{color:#f3f4f6}}@media (max-width: 640px){.ws-status-toast{left:10px;right:10px;max-width:none}.ws-status-toast.position-top-right,.ws-status-toast.position-top-left,.ws-status-toast.position-top-center{top:10px;left:10px;right:10px;transform:translateY(-100%)}.ws-status-toast.position-top-right.visible,.ws-status-toast.position-top-left.visible,.ws-status-toast.position-top-center.visible{transform:translateY(0)}.ws-status-toast.position-bottom-right,.ws-status-toast.position-bottom-left,.ws-status-toast.position-bottom-center{bottom:10px;left:10px;right:10px;transform:translateY(100%)}.ws-status-toast.position-bottom-right.visible,.ws-status-toast.position-bottom-left.visible,.ws-status-toast.position-bottom-center.visible{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.ws-status-dot.pulsing,.ws-status-dot.stable,.ws-status-toast.status-reconnecting .ws-toast-icon{animation:none}.ws-status-toast{transition:opacity .1s ease}.ws-expand-icon{transition:none}}.ws-status-compact:focus-visible,.ws-status-header:focus-visible,.ws-control-btn:focus-visible,.ws-toast-close:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.floating-dictation-content{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.floating-dictation-content .dictation-module{gap:0;min-height:0}.floating-dictation-content .dictation-module__heading{font-size:var(--font-size-lg, 1.125rem);margin:var(--space-xs, .25rem) 0;padding:0 var(--space-sm, .5rem)}.floating-dictation-content .dictation-module__tabs{padding:var(--space-xs, .25rem) var(--space-sm, .5rem)}.floating-dictation-content .dictation-module__content{padding:var(--space-sm, .5rem);overflow-y:auto;min-height:0;display:flex;flex-direction:column}.floating-dictation-content .dictation-document-upload{flex:1;min-height:0}.dictation-module{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-background, #ffffff);font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.dictation-module__tabs{display:flex;gap:var(--space-xs, .25rem);padding:var(--space-md, 1rem);background-color:var(--color-gray-50, #f9fafb);border-bottom:2px solid var(--color-border, #e5e7eb)}.dictation-module__tab{display:flex;align-items:center;gap:var(--space-sm, .5rem);padding:var(--space-sm, .5rem) var(--space-md, 1rem);background-color:transparent;border:none;border-radius:.5rem;cursor:pointer;font-size:var(--font-size-base, 1rem);font-weight:500;color:var(--color-text-secondary, #6b7280);transition:all .2s ease}.dictation-module__tab:hover:not(:disabled){background-color:var(--color-gray-100, #f3f4f6);color:var(--color-text-primary, #111827)}.dictation-module__tab:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.dictation-module__tab:disabled{opacity:.5;cursor:not-allowed}.dictation-module__tab--active{background-color:var(--color-primary, #2563eb);color:var(--color-white, #ffffff)}.dictation-module__tab--active:hover{background-color:var(--color-primary-hover, #1d4ed8);color:var(--color-white, #ffffff)}.dictation-module__tab-icon{font-size:1.25rem;line-height:1}.dictation-module__tab-label{font-weight:500}.dictation-module__content{flex:1;overflow-y:auto;padding:var(--space-lg, 1.5rem);display:flex;flex-direction:column;min-height:0}.dictation-module__panel{width:100%;flex:1;display:flex;flex-direction:column;min-height:0;animation:fadeIn .3s ease}.dictation-module__setup{max-width:600px;margin:0 auto;display:flex;flex-direction:column;flex:1;min-height:0}.dictation-module__heading{font-size:var(--font-size-xl, 1.25rem);font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:var(--space-lg, 1.5rem)}.dictation-module__form-group{margin-bottom:var(--space-lg, 1.5rem)}.dictation-module__label{display:block;font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary, #111827);margin-bottom:var(--space-sm, .5rem)}.dictation-module__select{width:100%;padding:var(--space-sm, .5rem) var(--space-md, 1rem);font-size:var(--font-size-base, 1rem);color:var(--color-text-primary, #111827);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;cursor:pointer;transition:border-color .2s ease}.dictation-module__select:hover{border-color:var(--color-gray-400, #9ca3af)}.dictation-module__select:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.dictation-module__textarea{width:100%;padding:var(--space-md, 1rem);font-size:var(--font-size-base, 1rem);font-family:inherit;color:var(--color-text-primary, #111827);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;resize:vertical;transition:border-color .2s ease}.dictation-module__textarea:hover{border-color:var(--color-gray-400, #9ca3af)}.dictation-module__textarea:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.dictation-module__content-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm, .5rem)}.dictation-module__info-text{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280)}.dictation-module__actions{display:flex;gap:var(--space-md, 1rem);margin-top:var(--space-xl, 2rem)}.dictation-module__button{display:inline-flex;align-items:center;gap:var(--space-sm, .5rem);padding:var(--space-sm, .5rem) var(--space-lg, 1.5rem);font-size:var(--font-size-base, 1rem);font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.dictation-module__button:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.dictation-module__button:disabled{opacity:.5;cursor:not-allowed}.dictation-module__button--primary{background-color:var(--color-primary, #2563eb);color:var(--color-white, #ffffff)}.dictation-module__button--primary:hover:not(:disabled){background-color:var(--color-primary-hover, #1d4ed8)}.dictation-module__button--primary:active:not(:disabled){background-color:var(--color-primary-active, #1e40af)}.dictation-module__button--secondary{background-color:var(--color-gray-200, #e5e7eb);color:var(--color-text-primary, #111827)}.dictation-module__button--secondary:hover:not(:disabled){background-color:var(--color-gray-300, #d1d5db)}.dictation-module__button--secondary:active:not(:disabled){background-color:var(--color-gray-400, #9ca3af)}.dictation-module__button-icon{font-size:1.25rem;line-height:1}.dictation-module__practice{max-width:800px;margin:0 auto;display:flex;flex-direction:column;flex:1;min-height:0}.dictation-module__placeholder{padding:var(--space-xl, 2rem);text-align:center;color:var(--color-text-secondary, #6b7280);background-color:var(--color-gray-50, #f9fafb);border:2px dashed var(--color-border, #e5e7eb);border-radius:.75rem;margin-bottom:var(--space-lg, 1.5rem)}.dictation-module__audio-placeholder,.dictation-module__input-placeholder{padding:var(--space-lg, 1.5rem);margin-bottom:var(--space-lg, 1.5rem);background-color:var(--color-gray-50, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;text-align:center;color:var(--color-text-secondary, #6b7280)}.dictation-module__results{max-width:800px;margin:0 auto;display:flex;flex-direction:column;flex:1;min-height:0}.dictation-module__listen-step,.dictation-module__write-step{display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem)}@media (min-width: 600px){.dictation-module__practice-layout{display:grid;grid-template-columns:1fr;gap:var(--space-lg, 1.5rem)}.dictation-module__practice-layout--horizontal{grid-template-columns:1fr 1fr}}@media (max-width: 599px){.dictation-module__listen-step,.dictation-module__write-step{flex-direction:column}.step-indicator,.dictation-audio-player,.dictation-canvas,.input-mode-toggle{width:100%}}@media (min-width: 600px) and (max-width: 1024px){.dictation-canvas{width:100%}}@media (max-width: 400px){.dictation-module__content{padding:var(--space-sm, .5rem)}.dictation-module__heading{font-size:var(--font-size-lg, 1.125rem)}}@media (max-width: 768px){.dictation-module__tabs{padding:var(--space-sm, .5rem);gap:var(--space-xs, .25rem)}.dictation-module__tab{padding:var(--space-xs, .25rem) var(--space-sm, .5rem);font-size:var(--font-size-sm, .875rem)}.dictation-module__tab-label{display:none}.dictation-module__tab-icon{font-size:1.5rem}.dictation-module__content{padding:var(--space-md, 1rem)}.dictation-module__actions{flex-direction:column}.dictation-module__button{width:100%;justify-content:center}}.dictation-module__tab:focus,.dictation-module__button:focus,.dictation-module__select:focus,.dictation-module__textarea:focus,.content-input__select:focus,.content-input__textarea:focus,.content-input__button:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.dictation-module__live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.dictation-module__text-fallback{display:inline-flex;align-items:center;gap:var(--space-sm, .5rem);padding:var(--space-sm, .5rem) var(--space-md, 1rem);margin-top:var(--space-md, 1rem);font-size:var(--font-size-sm, .875rem);font-weight:500;background-color:var(--color-gray-100, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.dictation-module__text-fallback:hover{background-color:var(--color-gray-200, #e5e7eb)}.dictation-module__text-fallback:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.dictation-module__text-input-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;padding:var(--space-lg, 1.5rem);background-color:var(--color-white, #ffffff);border-radius:.75rem;box-shadow:0 10px 25px #0003;z-index:1000}.dictation-module__text-input-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999}.dictation-module__text-input-field{width:100%;padding:var(--space-md, 1rem);font-size:var(--font-size-base, 1rem);font-family:inherit;color:var(--color-text-primary, #111827);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;resize:vertical;min-height:120px;margin-bottom:var(--space-md, 1rem)}.dictation-module__text-input-field:focus{outline:none;border-color:var(--eduq-blue, #0066FF);box-shadow:0 0 0 3px #0066ff1a}.dictation-module__accuracy-indicator{display:inline-flex;align-items:center;gap:var(--space-xs, .25rem);padding:var(--space-xs, .25rem) var(--space-sm, .5rem);border-radius:.25rem;font-size:var(--font-size-sm, .875rem);font-weight:500}.dictation-module__accuracy-indicator--correct{background-color:var(--color-green-100, #dcfce7);color:var(--color-green-800, #166534)}.dictation-module__accuracy-indicator--incorrect{background-color:var(--color-red-100, #fee2e2);color:var(--color-red-800, #991b1b)}.dictation-module__accuracy-indicator--partial{background-color:var(--color-yellow-100, #fef3c7);color:var(--color-yellow-800, #854d0e)}.dictation-module__accuracy-icon{font-size:1rem;line-height:1}.dictation-module__results-section{margin-bottom:var(--space-xl, 2rem)}.dictation-module__results-heading{font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:var(--space-md, 1rem)}.dictation-module__results-list{list-style:none;padding:0;margin:0}.dictation-module__results-item{padding:var(--space-md, 1rem);background-color:var(--color-gray-50, #f9fafb);border-radius:.5rem;margin-bottom:var(--space-sm, .5rem)}.dictation-module__results-table{width:100%;border-collapse:collapse;margin-top:var(--space-md, 1rem)}.dictation-module__results-table th,.dictation-module__results-table td{padding:var(--space-sm, .5rem) var(--space-md, 1rem);text-align:left;border-bottom:1px solid var(--color-border, #e5e7eb)}.dictation-module__results-table th{font-weight:600;color:var(--color-text-primary, #111827);background-color:var(--color-gray-50, #f9fafb)}@media (prefers-reduced-motion: reduce){.dictation-module__panel{animation:none}.dictation-module__tab,.dictation-module__button,.dictation-module__select,.dictation-module__textarea{transition:none}}@media (prefers-contrast: high){.dictation-module__tab--active{border:2px solid currentColor}.dictation-module__button--primary{border:2px solid var(--color-white, #ffffff)}}.dictation-audio-player{display:flex;flex-direction:column;gap:var(--space-md, 1rem);padding:var(--space-lg, 1.5rem);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.75rem}.dictation-audio-player__sentence{text-align:center;padding:var(--space-lg, 1.5rem);background-color:var(--color-gray-50, #f9fafb);border-radius:.5rem}.dictation-audio-player__sentence-label{font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-secondary, #6b7280);margin-bottom:var(--space-sm, .5rem)}.dictation-audio-player__sentence-text{font-size:var(--font-size-lg, 1.125rem);font-weight:500;color:var(--color-text-primary, #111827);line-height:1.6}.dictation-audio-player__chunk-progress{text-align:center;padding:var(--space-2, .5rem) var(--space-4, 1rem);background-color:var(--bg-secondary, #F9FAFB);border-radius:.375rem;margin-bottom:var(--space-3, .75rem);display:flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem)}.dictation-audio-player__chunk-progress-text{font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--text-secondary, #6B7280)}.dictation-audio-player__chunk-progress-waiting{font-size:var(--font-size-xs, .75rem);font-weight:500;color:var(--info, #3B82F6);animation:pulse 1.5s ease-in-out infinite}.dictation-audio-player__progress{display:flex;flex-direction:column;gap:var(--space-xs, .25rem)}.dictation-audio-player__progress-bar{width:100%;height:6px;background-color:var(--color-gray-200, #e5e7eb);border-radius:3px;overflow:hidden}.dictation-audio-player__progress-fill{height:100%;background-color:var(--color-primary, #2563eb);transition:width .1s linear}.dictation-audio-player__time{display:flex;justify-content:space-between;font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary, #6b7280)}.dictation-audio-player__controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md, 1rem)}.dictation-audio-player__button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background-color:var(--color-gray-100, #f3f4f6);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.dictation-audio-player__button:hover:not(:disabled){background-color:var(--color-gray-200, #e5e7eb);transform:scale(1.05)}.dictation-audio-player__button:active:not(:disabled){transform:scale(.95)}.dictation-audio-player__button:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.dictation-audio-player__button:disabled{opacity:.5;cursor:not-allowed}.dictation-audio-player__button--primary{width:56px;height:56px;background-color:var(--color-primary, #2563eb);color:var(--color-white, #ffffff)}.dictation-audio-player__button--primary:hover:not(:disabled){background-color:var(--color-primary-hover, #1d4ed8)}.dictation-audio-player__button-icon{font-size:1.25rem;line-height:1}.dictation-audio-player__button--primary .dictation-audio-player__button-icon{font-size:1.5rem}.dictation-audio-player__settings{display:flex;flex-wrap:wrap;gap:var(--space-lg, 1.5rem);justify-content:center;padding-top:var(--space-md, 1rem);border-top:1px solid var(--color-border, #e5e7eb)}.dictation-audio-player__setting{display:flex;flex-direction:column;gap:var(--space-xs, .25rem);min-width:120px}.dictation-audio-player__setting--full-width{flex:1 1 100%;min-width:100%}.dictation-audio-player__setting-label{font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-secondary, #6b7280)}.dictation-audio-player__setting-help{font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary, #9ca3af);margin-top:var(--space-xs, .25rem);line-height:1.4}.dictation-audio-player__select{padding:var(--space-xs, .25rem) var(--space-sm, .5rem);font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary, #111827);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.375rem;cursor:pointer;transition:border-color .2s ease}.dictation-audio-player__select:hover{border-color:var(--color-gray-400, #9ca3af)}.dictation-audio-player__select:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.dictation-audio-player__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm, .5rem);padding:var(--space-md, 1rem);background-color:var(--color-gray-50, #f9fafb);border-radius:.5rem;color:var(--color-text-secondary, #6b7280)}.dictation-audio-player__loading-icon{font-size:1.25rem;animation:spin 1s linear infinite}.dictation-audio-player__loading-text{font-size:var(--font-size-sm, .875rem)}.dictation-audio-player__error{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm, .5rem);padding:var(--space-md, 1rem);background-color:var(--color-danger-light, #fee2e2);border:1px solid var(--color-danger, #ef4444);border-radius:.5rem;color:var(--color-danger-dark, #991b1b)}.dictation-audio-player__error-icon{font-size:1.25rem}.dictation-audio-player__error-text{font-size:var(--font-size-sm, .875rem);font-weight:500}.dictation-audio-player__retry-button{margin-left:auto;padding:.375rem .75rem;background-color:var(--eduq-blue, #0066FF);color:#fff;border:none;border-radius:.375rem;font-size:var(--font-size-sm, .875rem);font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .2s ease}.dictation-audio-player__retry-button:hover{background-color:var(--eduq-blue-hover, #0052CC)}.dictation-audio-player__retry-button:active{background-color:var(--eduq-blue-active, #003D99)}.dictation-audio-player__placeholder{padding:var(--space-lg, 1.5rem);text-align:center;color:var(--color-text-secondary, #6b7280);background-color:var(--color-gray-50, #f9fafb);border:2px dashed var(--color-border, #e5e7eb);border-radius:.5rem;font-size:var(--font-size-sm, .875rem)}@media (max-width: 768px){.dictation-audio-player,.dictation-audio-player__sentence{padding:var(--space-md, 1rem)}.dictation-audio-player__sentence-text{font-size:var(--font-size-base, 1rem)}.dictation-audio-player__controls{gap:var(--space-sm, .5rem)}.dictation-audio-player__button{width:40px;height:40px}.dictation-audio-player__button--primary{width:52px;height:52px}.dictation-audio-player__settings{flex-direction:column;gap:var(--space-md, 1rem)}.dictation-audio-player__setting{width:100%}}@media (prefers-reduced-motion: reduce){.dictation-audio-player__progress-fill,.dictation-audio-player__button{transition:none}.dictation-audio-player__button:hover:not(:disabled){transform:none}.dictation-audio-player__button:active:not(:disabled){transform:none}.dictation-audio-player__loading-icon,.dictation-audio-player__chunk-progress-waiting{animation:none}}.content-input{display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem);flex:1;min-height:0}.content-input__header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-md, 1rem)}.content-input__language{display:flex;flex-direction:column;gap:var(--space-xs, .25rem);flex:1}.content-input__label{font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary, #111827)}.content-input__select{padding:var(--space-sm, .5rem) var(--space-md, 1rem);font-size:var(--font-size-base, 1rem);color:var(--color-text-primary, #111827);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;cursor:pointer;transition:border-color .2s ease}.content-input__select:hover{border-color:var(--color-gray-400, #9ca3af)}.content-input__select:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.content-input__saved-list{padding:var(--space-md, 1rem);background-color:var(--color-gray-50, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem}.content-input__saved-heading{font-size:var(--font-size-base, 1rem);font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:var(--space-md, 1rem)}.content-input__saved-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md, 1rem);padding:var(--space-md, 1rem);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.375rem;margin-bottom:var(--space-sm, .5rem)}.content-input__saved-item:last-child{margin-bottom:0}.content-input__saved-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs, .25rem)}.content-input__saved-preview{font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-input__saved-meta{display:flex;gap:var(--space-xs, .25rem);font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary, #6b7280)}.content-input__input-group{display:flex;flex-direction:column;gap:var(--space-sm, .5rem);flex:1;min-height:0}.content-input__textarea{width:100%;padding:var(--space-md, 1rem);font-size:var(--font-size-base, 1rem);font-family:inherit;color:var(--color-text-primary, #111827);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;resize:vertical;transition:border-color .2s ease;flex:1;min-height:120px}.content-input__textarea:hover{border-color:var(--color-gray-400, #9ca3af)}.content-input__textarea:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.content-input__textarea--error{border-color:var(--color-danger, #ef4444)}.content-input__textarea--error:focus{border-color:var(--color-danger, #ef4444);box-shadow:0 0 0 3px #ef44441a}.content-input__error{display:flex;align-items:center;gap:var(--space-sm, .5rem);padding:var(--space-sm, .5rem) var(--space-md, 1rem);background-color:var(--color-danger-light, #fee2e2);border:1px solid var(--color-danger, #ef4444);border-radius:.375rem;color:var(--color-danger-dark, #991b1b)}.content-input__error-icon{font-size:1rem}.content-input__error-text{font-size:var(--font-size-sm, .875rem);font-weight:500}.content-input__stats{display:flex;gap:var(--space-lg, 1.5rem);padding:var(--space-md, 1rem);background-color:var(--color-gray-50, #f9fafb);border-radius:.5rem}.content-input__stat{display:flex;align-items:center;gap:var(--space-xs, .25rem);font-size:var(--font-size-sm, .875rem)}.content-input__stat-icon{font-size:1rem}.content-input__stat-label{color:var(--color-text-secondary, #6b7280)}.content-input__stat-value{font-weight:600;color:var(--color-text-primary, #111827)}.content-input__preview{padding:var(--space-md, 1rem);background-color:var(--color-gray-50, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem}.content-input__preview-heading{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:var(--space-sm, .5rem)}.content-input__preview-content{display:flex;flex-direction:column;gap:var(--space-sm, .5rem)}.content-input__preview-sentence{display:flex;gap:var(--space-sm, .5rem);font-size:var(--font-size-sm, .875rem)}.content-input__preview-number{font-weight:600;color:var(--color-text-secondary, #6b7280);min-width:1.5rem}.content-input__preview-text{color:var(--color-text-primary, #111827);line-height:1.5}.content-input__preview-more{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary, #6b7280);font-style:italic;padding-left:2rem}.content-input__actions{display:flex;gap:var(--space-md, 1rem);justify-content:flex-end}.content-input__button{display:inline-flex;align-items:center;gap:var(--space-sm, .5rem);padding:var(--space-sm, .5rem) var(--space-lg, 1.5rem);font-size:var(--font-size-base, 1rem);font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.content-input__button:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.content-input__button:disabled{opacity:.5;cursor:not-allowed}.content-input__button--primary{background-color:var(--color-primary, #2563eb);color:var(--color-white, #ffffff)}.content-input__button--primary:hover:not(:disabled){background-color:var(--color-primary-hover, #1d4ed8)}.content-input__button--primary:active:not(:disabled){background-color:var(--color-primary-active, #1e40af)}.content-input__button--secondary{background-color:var(--color-gray-200, #e5e7eb);color:var(--color-text-primary, #111827)}.content-input__button--secondary:hover:not(:disabled){background-color:var(--color-gray-300, #d1d5db)}.content-input__button--secondary:active:not(:disabled){background-color:var(--color-gray-400, #9ca3af)}.content-input__button--small{padding:var(--space-xs, .25rem) var(--space-md, 1rem);font-size:var(--font-size-sm, .875rem)}.content-input__button-icon{font-size:1.25rem;line-height:1}@media (max-width: 768px){.content-input__header{flex-direction:column;align-items:stretch}.content-input__stats{flex-direction:column;gap:var(--space-sm, .5rem)}.content-input__actions{flex-direction:column}.content-input__button{width:100%;justify-content:center}.content-input__saved-item{flex-direction:column;align-items:stretch}.content-input__button--small{width:100%}}@media (prefers-reduced-motion: reduce){.content-input__select,.content-input__textarea,.content-input__button{transition:none}}.handwriting-capture{width:100%;max-width:800px;margin:0 auto}.handwriting-capture__heading{font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:var(--space-md, 1rem)}.handwriting-capture__description{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280);margin-bottom:var(--space-lg, 1.5rem)}.handwriting-capture__upload{text-align:center}.handwriting-capture__dropzone{border:2px dashed var(--color-border, #e5e7eb);border-radius:.75rem;padding:var(--space-xl, 2rem);background-color:var(--color-gray-50, #f9fafb);cursor:pointer;transition:all .2s ease;margin-bottom:var(--space-lg, 1.5rem)}.handwriting-capture__dropzone:hover{border-color:var(--color-primary, #2563eb);background-color:var(--color-blue-50, #eff6ff)}.handwriting-capture__dropzone:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.handwriting-capture__dropzone--dragging{border-color:var(--color-primary, #2563eb);background-color:var(--color-blue-100, #dbeafe)}.handwriting-capture__dropzone-icon{font-size:3rem;margin-bottom:var(--space-md, 1rem)}.handwriting-capture__dropzone-text{font-size:var(--font-size-base, 1rem);color:var(--color-text-primary, #111827);margin-bottom:var(--space-sm, .5rem)}.handwriting-capture__dropzone-formats{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280)}.handwriting-capture__file-input{display:none}.handwriting-capture__camera{display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem)}.handwriting-capture__camera-preview{position:relative;width:100%;aspect-ratio:4 / 3;background-color:var(--color-gray-900, #111827);border-radius:.75rem;overflow:hidden}.handwriting-capture__video{width:100%;height:100%;object-fit:cover}.handwriting-capture__camera-tips{display:flex;flex-direction:column;gap:var(--space-sm, .5rem);padding:var(--space-md, 1rem);background-color:var(--color-blue-50, #eff6ff);border-radius:.5rem;border-left:4px solid var(--color-primary, #2563eb)}.handwriting-capture__tip{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280);margin:0}.handwriting-capture__review{display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem)}.handwriting-capture__quality{display:flex;align-items:center;gap:var(--space-sm, .5rem);padding:var(--space-md, 1rem);border-radius:.5rem;font-size:var(--font-size-sm, .875rem)}.handwriting-capture__quality--excellent{background-color:var(--color-green-50, #f0fdf4);border:1px solid var(--color-green-200, #bbf7d0);color:var(--color-green-800, #166534)}.handwriting-capture__quality--good{background-color:var(--color-blue-50, #eff6ff);border:1px solid var(--color-blue-200, #bfdbfe);color:var(--color-blue-800, #1e40af)}.handwriting-capture__quality--fair{background-color:var(--color-yellow-50, #fefce8);border:1px solid var(--color-yellow-200, #fef08a);color:var(--color-yellow-800, #854d0e)}.handwriting-capture__quality--poor{background-color:var(--color-red-50, #fef2f2);border:1px solid var(--color-red-200, #fecaca);color:var(--color-red-800, #991b1b)}.handwriting-capture__quality-label{font-weight:600}.handwriting-capture__quality-value{font-weight:500}.handwriting-capture__quality-details{margin-left:auto;color:var(--color-text-secondary, #6b7280)}.handwriting-capture__preview{position:relative;width:100%;min-height:400px;max-height:600px;background-color:var(--color-gray-100, #f3f4f6);border-radius:.75rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.handwriting-capture__image{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.handwriting-capture__controls{display:flex;flex-direction:column;gap:var(--space-md, 1rem);padding:var(--space-lg, 1.5rem);background-color:var(--color-gray-50, #f9fafb);border-radius:.75rem}.handwriting-capture__control-group{display:flex;flex-direction:column;gap:var(--space-sm, .5rem)}.handwriting-capture__control-label{font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary, #111827)}.handwriting-capture__control-buttons{display:flex;gap:var(--space-sm, .5rem)}.handwriting-capture__control-button{flex:1;padding:var(--space-sm, .5rem) var(--space-md, 1rem);font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary, #111827);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.handwriting-capture__control-button:hover{background-color:var(--color-gray-50, #f9fafb);border-color:var(--color-gray-300, #d1d5db)}.handwriting-capture__control-button:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.handwriting-capture__slider{width:100%;height:6px;border-radius:3px;background:var(--color-gray-200, #e5e7eb);outline:none;-webkit-appearance:none;appearance:none}.handwriting-capture__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary, #2563eb);cursor:pointer;transition:all .2s ease}.handwriting-capture__slider::-webkit-slider-thumb:hover{background:var(--color-primary-hover, #1d4ed8);transform:scale(1.1)}.handwriting-capture__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary, #2563eb);cursor:pointer;border:none;transition:all .2s ease}.handwriting-capture__slider::-moz-range-thumb:hover{background:var(--color-primary-hover, #1d4ed8);transform:scale(1.1)}.handwriting-capture__slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #2563eb33}.handwriting-capture__slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px #2563eb33}.handwriting-capture__actions{display:flex;gap:var(--space-md, 1rem);justify-content:center;flex-wrap:wrap}.handwriting-capture__button{display:inline-flex;align-items:center;gap:var(--space-sm, .5rem);padding:var(--space-sm, .5rem) var(--space-lg, 1.5rem);font-size:var(--font-size-base, 1rem);font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.handwriting-capture__button:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.handwriting-capture__button:disabled{opacity:.5;cursor:not-allowed}.handwriting-capture__button--primary{background-color:var(--color-primary, #2563eb);color:var(--color-white, #ffffff)}.handwriting-capture__button--primary:hover:not(:disabled){background-color:var(--color-primary-hover, #1d4ed8)}.handwriting-capture__button--secondary{background-color:var(--color-gray-100, #f3f4f6);color:var(--color-text-primary, #111827);border:1px solid var(--color-border, #e5e7eb)}.handwriting-capture__button--secondary:hover:not(:disabled){background-color:var(--color-gray-200, #e5e7eb)}.handwriting-capture__button--large{padding:var(--space-md, 1rem) var(--space-xl, 2rem);font-size:var(--font-size-lg, 1.125rem)}.handwriting-capture__button-icon{font-size:1.25rem;line-height:1}.handwriting-capture__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md, 1rem);padding:var(--space-xl, 2rem);text-align:center}.handwriting-capture__spinner{width:48px;height:48px;border:4px solid var(--color-gray-200, #e5e7eb);border-top-color:var(--color-primary, #2563eb);border-radius:50%;animation:spin .8s linear infinite}.handwriting-capture__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-md, 1rem);padding:var(--space-xl, 2rem);text-align:center}.handwriting-capture__error-icon{font-size:3rem;color:var(--color-red-500, #ef4444)}.handwriting-capture__error-message{font-size:var(--font-size-base, 1rem);color:var(--color-red-700, #b91c1c);max-width:400px}@media (max-width: 768px){.handwriting-capture__controls{padding:var(--space-md, 1rem)}.handwriting-capture__control-buttons{flex-direction:column}.handwriting-capture__actions{flex-direction:column;width:100%}.handwriting-capture__button{width:100%;justify-content:center}.handwriting-capture__preview{min-height:300px}}@media (prefers-reduced-motion: reduce){.handwriting-capture__image{transition:none}.handwriting-capture__spinner{animation:none;border-top-color:var(--color-primary, #2563eb);border-right-color:var(--color-primary, #2563eb)}}.handwriting-review{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem)}.handwriting-review__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md, 1rem)}.handwriting-review__heading{font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-primary, #111827);margin:0}.handwriting-review__confidence{display:flex;align-items:center;gap:var(--space-sm, .5rem);padding:var(--space-sm, .5rem) var(--space-md, 1rem);border-radius:.5rem;font-size:var(--font-size-sm, .875rem)}.handwriting-review__confidence--high{background-color:var(--color-green-50, #f0fdf4);border:1px solid var(--color-green-200, #bbf7d0);color:var(--color-green-800, #166534)}.handwriting-review__confidence--medium{background-color:var(--color-yellow-50, #fefce8);border:1px solid var(--color-yellow-200, #fef08a);color:var(--color-yellow-800, #854d0e)}.handwriting-review__confidence--low{background-color:var(--color-red-50, #fef2f2);border:1px solid var(--color-red-200, #fecaca);color:var(--color-red-800, #991b1b)}.handwriting-review__confidence-label{font-weight:500}.handwriting-review__confidence-value{font-weight:600;font-size:var(--font-size-base, 1rem)}.handwriting-review__view-selector{display:flex;gap:var(--space-sm, .5rem);padding:var(--space-sm, .5rem);background-color:var(--color-gray-50, #f9fafb);border-radius:.5rem}.handwriting-review__view-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs, .25rem);padding:var(--space-sm, .5rem) var(--space-md, 1rem);font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-secondary, #6b7280);background-color:transparent;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.handwriting-review__view-button:hover{background-color:var(--color-white, #ffffff);color:var(--color-text-primary, #111827)}.handwriting-review__view-button--active{background-color:var(--color-white, #ffffff);color:var(--color-primary, #2563eb);border-color:var(--color-primary, #2563eb)}.handwriting-review__content{display:grid;gap:var(--space-lg, 1.5rem);min-height:400px}.handwriting-review__content--side-by-side{grid-template-columns:1fr 1fr}.handwriting-review__content--text-only,.handwriting-review__content--image-only{grid-template-columns:1fr}.handwriting-review__image-panel{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.handwriting-review__image-controls{display:flex;align-items:center;gap:var(--space-md, 1rem);padding:var(--space-sm, .5rem) var(--space-md, 1rem);background-color:var(--color-gray-50, #f9fafb);border-radius:.5rem}.handwriting-review__zoom-label{font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary, #111827);white-space:nowrap}.handwriting-review__zoom-slider{flex:1;height:6px;border-radius:3px;background:var(--color-gray-200, #e5e7eb);outline:none;-webkit-appearance:none;appearance:none}.handwriting-review__zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary, #2563eb);cursor:pointer}.handwriting-review__zoom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary, #2563eb);cursor:pointer;border:none}.handwriting-review__image-container{position:relative;width:100%;min-height:400px;background-color:var(--color-gray-100, #f3f4f6);border-radius:.75rem;overflow:auto;display:flex;align-items:center;justify-content:center}.handwriting-review__image{max-width:100%;height:auto;transition:transform .3s ease;transform-origin:center}.handwriting-review__text-panel{display:flex;flex-direction:column;gap:var(--space-lg, 1.5rem)}.handwriting-review__label{display:block;font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:var(--space-sm, .5rem)}.handwriting-review__warning{display:inline-block;margin-left:var(--space-md, 1rem);font-size:var(--font-size-xs, .75rem);font-weight:500;color:var(--color-yellow-700, #a16207)}.handwriting-review__original{padding:var(--space-md, 1rem);background-color:var(--color-gray-50, #f9fafb);border-radius:.5rem;border:1px solid var(--color-border, #e5e7eb)}.handwriting-review__highlighted-text{font-family:var(--font-family-mono, "Courier New", monospace);font-size:var(--font-size-sm, .875rem);line-height:1.6;color:var(--color-text-primary, #111827)}.handwriting-review__line{padding:var(--space-xs, .25rem) var(--space-sm, .5rem);border-radius:.25rem;transition:background-color .2s ease}.handwriting-review__line--low-confidence{background-color:var(--color-yellow-100, #fef9c3);border-left:3px solid var(--color-yellow-500, #eab308)}.handwriting-review__editor{position:relative}.handwriting-review__editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm, .5rem)}.handwriting-review__editor-actions{display:flex;gap:var(--space-xs, .25rem)}.handwriting-review__editor-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-secondary, #6b7280);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.375rem;cursor:pointer;transition:all .2s ease}.handwriting-review__editor-button:hover:not(:disabled){background-color:var(--color-gray-50, #f9fafb);color:var(--color-text-primary, #111827);border-color:var(--color-gray-300, #d1d5db)}.handwriting-review__editor-button:disabled{opacity:.4;cursor:not-allowed}.handwriting-review__textarea{width:100%;padding:var(--space-md, 1rem);font-family:var(--font-family-mono, "Courier New", monospace);font-size:var(--font-size-sm, .875rem);line-height:1.6;color:var(--color-text-primary, #111827);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;resize:vertical;transition:border-color .2s ease}.handwriting-review__textarea:hover{border-color:var(--color-gray-400, #9ca3af)}.handwriting-review__textarea:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.handwriting-review__character-picker{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-sm, .5rem);background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.handwriting-review__picker-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm, .5rem);border-bottom:1px solid var(--color-border, #e5e7eb);background-color:var(--color-gray-50, #f9fafb)}.handwriting-review__picker-tabs{display:flex;gap:var(--space-xs, .25rem);flex-wrap:wrap}.handwriting-review__picker-tab{padding:var(--space-xs, .25rem) var(--space-sm, .5rem);font-size:var(--font-size-xs, .75rem);font-weight:500;color:var(--color-text-secondary, #6b7280);background-color:transparent;border:1px solid transparent;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.handwriting-review__picker-tab:hover{background-color:var(--color-gray-100, #f3f4f6);color:var(--color-text-primary, #111827)}.handwriting-review__picker-tab--active{background-color:var(--color-primary, #2563eb);color:var(--color-white, #ffffff)}.handwriting-review__picker-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg, 1.125rem);color:var(--color-text-secondary, #6b7280);background-color:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.handwriting-review__picker-close:hover{background-color:var(--color-gray-100, #f3f4f6);color:var(--color-text-primary, #111827)}.handwriting-review__picker-content{padding:var(--space-md, 1rem);display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:var(--space-xs, .25rem);overflow-y:auto;max-height:200px}.handwriting-review__picker-char{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg, 1.125rem);color:var(--color-text-primary, #111827);background-color:var(--color-gray-50, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:.375rem;cursor:pointer;transition:all .2s ease}.handwriting-review__picker-char:hover{background-color:var(--color-primary, #2563eb);color:var(--color-white, #ffffff);border-color:var(--color-primary, #2563eb);transform:scale(1.1)}.handwriting-review__stats{display:flex;gap:var(--space-lg, 1.5rem);padding:var(--space-md, 1rem);background-color:var(--color-gray-50, #f9fafb);border-radius:.5rem;flex-wrap:wrap}.handwriting-review__stat{display:flex;align-items:center;gap:var(--space-sm, .5rem)}.handwriting-review__stat-label{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280)}.handwriting-review__stat-value{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text-primary, #111827)}.handwriting-review__stat-value--positive{color:var(--color-green-600, #16a34a)}.handwriting-review__stat-value--negative{color:var(--color-red-600, #dc2626)}.handwriting-review__actions{display:flex;gap:var(--space-md, 1rem);justify-content:center;flex-wrap:wrap}.handwriting-review__button{display:inline-flex;align-items:center;gap:var(--space-sm, .5rem);padding:var(--space-sm, .5rem) var(--space-lg, 1.5rem);font-size:var(--font-size-base, 1rem);font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.handwriting-review__button:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.handwriting-review__button--primary{background-color:var(--color-primary, #2563eb);color:var(--color-white, #ffffff)}.handwriting-review__button--primary:hover{background-color:var(--color-primary-hover, #1d4ed8)}.handwriting-review__button--secondary{background-color:var(--color-gray-100, #f3f4f6);color:var(--color-text-primary, #111827);border:1px solid var(--color-border, #e5e7eb)}.handwriting-review__button--secondary:hover{background-color:var(--color-gray-200, #e5e7eb)}.handwriting-review__button-icon{font-size:1.25rem;line-height:1}@media (max-width: 1024px){.handwriting-review__content--side-by-side{grid-template-columns:1fr}.handwriting-review__image-panel{order:2}.handwriting-review__text-panel{order:1}}@media (max-width: 768px){.handwriting-review__header{flex-direction:column;align-items:flex-start}.handwriting-review__view-selector{width:100%}.handwriting-review__view-button{font-size:var(--font-size-xs, .75rem);padding:var(--space-xs, .25rem) var(--space-sm, .5rem)}.handwriting-review__stats{flex-direction:column;gap:var(--space-sm, .5rem)}.handwriting-review__actions{flex-direction:column;width:100%}.handwriting-review__button{width:100%;justify-content:center}.handwriting-review__picker-content{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}.handwriting-review__picker-char{width:36px;height:36px}}@media (prefers-reduced-motion: reduce){.handwriting-review__image{transition:none}.handwriting-review__picker-char:hover{transform:none}}.dictation-module__handwriting-section{margin-top:var(--space-xl, 2rem);padding:var(--space-lg, 1.5rem);background-color:var(--color-gray-50, #f9fafb);border-radius:.75rem;border:1px solid var(--color-border, #e5e7eb)}.dictation-module__section-heading{font-size:var(--font-size-base, 1rem);font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:var(--space-md, 1rem)}.dictation-module__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md, 1rem);padding:var(--space-xl, 2rem);text-align:center}.dictation-module__spinner{width:48px;height:48px;border:4px solid var(--color-gray-200, #e5e7eb);border-top-color:var(--color-primary, #2563eb);border-radius:50%;animation:spin .8s linear infinite}.dictation-module__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-md, 1rem);padding:var(--space-xl, 2rem);text-align:center}.dictation-module__error-icon{font-size:3rem;color:var(--color-red-500, #ef4444)}.dictation-module__error-message{font-size:var(--font-size-base, 1rem);color:var(--color-red-700, #b91c1c);max-width:400px;margin:0}.dictation-module__error-actions{display:flex;gap:var(--space-md, 1rem);margin-top:var(--space-md, 1rem)}.dictation-module__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-md, 1rem);padding:var(--space-xl, 2rem);text-align:center}.dictation-module__success-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-white, #ffffff);background-color:var(--color-green-500, #22c55e);border-radius:50%}.dictation-module__success-message{font-size:var(--font-size-base, 1rem);color:var(--color-green-700, #15803d);font-weight:500;margin:0}@media (max-width: 768px){.dictation-module__handwriting-section{padding:var(--space-md, 1rem)}.dictation-module__error-actions{flex-direction:column;width:100%}.dictation-module__error-actions .dictation-module__button{width:100%}}.dictation-vocabulary-builder{padding:var(--space-6);background:var(--surface);border-radius:.75rem;max-height:70vh;overflow-y:auto}.dictation-vocabulary-builder__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4)}.dictation-vocabulary-builder__spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--eduq-blue);border-radius:50%;animation:spin 1s linear infinite}.dictation-vocabulary-builder__empty{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.dictation-vocabulary-builder__empty-hint{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.dictation-vocabulary-builder__header{margin-bottom:var(--space-6);border-bottom:2px solid var(--border);padding-bottom:var(--space-4)}.dictation-vocabulary-builder__title{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.dictation-vocabulary-builder__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.dictation-vocabulary-builder__controls{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--background);border-radius:.5rem}.dictation-vocabulary-builder__search{flex:1;min-width:200px}.dictation-vocabulary-builder__search-input{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:.5rem;font-size:var(--text-base);transition:border-color .2s}.dictation-vocabulary-builder__search-input:focus{outline:none;border-color:var(--eduq-blue);box-shadow:0 0 0 2px #0066ff1a}.dictation-vocabulary-builder__filter,.dictation-vocabulary-builder__sort{display:flex;align-items:center;gap:var(--space-2)}.dictation-vocabulary-builder__filter-label,.dictation-vocabulary-builder__sort-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.dictation-vocabulary-builder__filter-select,.dictation-vocabulary-builder__sort-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:.5rem;font-size:var(--text-sm);background:var(--surface);cursor:pointer;transition:border-color .2s}.dictation-vocabulary-builder__filter-select:focus,.dictation-vocabulary-builder__sort-select:focus{outline:none;border-color:var(--eduq-blue)}.dictation-vocabulary-builder__list{display:flex;flex-direction:column;gap:var(--space-4)}.dictation-vocabulary-builder__item{padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:.75rem;transition:all .2s}.dictation-vocabulary-builder__item:hover{border-color:var(--eduq-blue);box-shadow:0 2px 8px #0000001a}.dictation-vocabulary-builder__item--selected{border-color:var(--eduq-blue);background:#0066ff05}.dictation-vocabulary-builder__item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-4)}.dictation-vocabulary-builder__item-word-section{display:flex;align-items:center;gap:var(--space-3);flex:1}.dictation-vocabulary-builder__item-word{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0}.dictation-vocabulary-builder__item-pronunciation{font-size:var(--text-base);color:var(--text-secondary);font-style:italic}.dictation-vocabulary-builder__item-audio-btn{padding:var(--space-2);background:transparent;border:none;font-size:var(--text-xl);cursor:pointer;transition:transform .2s}.dictation-vocabulary-builder__item-audio-btn:hover{transform:scale(1.2)}.dictation-vocabulary-builder__item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.dictation-vocabulary-builder__item-error-type{padding:var(--space-1) var(--space-3);background:var(--eduq-blue);color:#fff;border-radius:1rem;font-size:var(--text-xs);font-weight:500}.dictation-vocabulary-builder__item-error-count{padding:var(--space-1) var(--space-2);background:var(--error);color:#fff;border-radius:.5rem;font-size:var(--text-xs);font-weight:500}.dictation-vocabulary-builder__item-definition{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.6}.dictation-vocabulary-builder__item-context{padding:var(--space-3);background:var(--background);border-left:3px solid var(--eduq-cyan);border-radius:.25rem;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.dictation-vocabulary-builder__item-context strong{color:var(--text-primary);margin-right:var(--space-2)}.dictation-vocabulary-builder__item-examples{margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.dictation-vocabulary-builder__item-examples strong{color:var(--text-primary);display:block;margin-bottom:var(--space-2)}.dictation-vocabulary-builder__item-examples-list{margin:0;padding-left:var(--space-6)}.dictation-vocabulary-builder__item-examples-list li{margin-bottom:var(--space-1)}.dictation-vocabulary-builder__item-actions{display:flex;gap:var(--space-3);align-items:center;padding-top:var(--space-3);border-top:1px solid var(--border)}.dictation-vocabulary-builder__item-detail-btn{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border);border-radius:.5rem;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s}.dictation-vocabulary-builder__item-detail-btn:hover{border-color:var(--eduq-blue);color:var(--eduq-blue)}.dictation-vocabulary-builder__item-add-btn{padding:var(--space-2) var(--space-4);background:var(--eduq-blue);border:none;border-radius:.5rem;font-size:var(--text-sm);color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.dictation-vocabulary-builder__item-add-btn:hover{background:var(--eduq-blue-dark);transform:translateY(-1px);box-shadow:0 2px 8px #0066ff4d}.dictation-vocabulary-builder__item-in-list{padding:var(--space-2) var(--space-4);background:var(--success);color:#fff;border-radius:.5rem;font-size:var(--text-sm);font-weight:500}.dictation-vocabulary-builder__item-details{margin-top:var(--space-4);padding:var(--space-4);background:var(--background);border-radius:.5rem;border:1px solid var(--border)}.dictation-vocabulary-builder__item-details-section{margin-bottom:var(--space-4)}.dictation-vocabulary-builder__item-details-section:last-child{margin-bottom:0}.dictation-vocabulary-builder__item-details-section h5{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.dictation-vocabulary-builder__item-details-section ul{margin:0;padding-left:var(--space-6);color:var(--text-secondary);font-size:var(--text-sm)}.dictation-vocabulary-builder__item-details-section li{margin-bottom:var(--space-2);line-height:1.5}.dictation-vocabulary-builder__summary{margin-top:var(--space-6);padding-top:var(--space-4);border-top:2px solid var(--border);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.dictation-vocabulary-builder__summary p{margin:var(--space-1) 0}@media (max-width: 768px){.dictation-vocabulary-builder{padding:var(--space-4)}.dictation-vocabulary-builder__controls{flex-direction:column}.dictation-vocabulary-builder__search{width:100%}.dictation-vocabulary-builder__filter,.dictation-vocabulary-builder__sort{width:100%;justify-content:space-between}.dictation-vocabulary-builder__item-header{flex-direction:column;gap:var(--space-3)}.dictation-vocabulary-builder__item-meta{align-items:flex-start;flex-direction:row;gap:var(--space-2)}.dictation-vocabulary-builder__item-actions{flex-direction:column;align-items:stretch}.dictation-vocabulary-builder__item-detail-btn,.dictation-vocabulary-builder__item-add-btn{width:100%;text-align:center}}.dictation-drill-mode{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);background:var(--color-background);border-radius:.75rem;max-width:800px;margin:0 auto}.dictation-drill-mode__header{display:flex;flex-direction:column;gap:var(--space-3)}.dictation-drill-mode__title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0}.dictation-drill-mode__progress{display:flex;flex-direction:column;gap:var(--space-2)}.dictation-drill-mode__progress-text{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.dictation-drill-mode__progress-bar{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.dictation-drill-mode__progress-fill{height:100%;background:linear-gradient(90deg,var(--eduq-blue),var(--eduq-cyan));transition:width .3s ease}.dictation-drill-mode__modes{display:flex;gap:var(--space-2);flex-wrap:wrap}.dictation-drill-mode__mode-btn{padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);border-radius:.5rem;background:var(--color-background);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.dictation-drill-mode__mode-btn:hover{border-color:var(--eduq-blue);color:var(--eduq-blue);background:#0066ff0d}.dictation-drill-mode__mode-btn--active{border-color:var(--eduq-blue);background:var(--eduq-blue);color:#fff}.dictation-drill-mode__mode-btn--active:hover{background:var(--eduq-blue);color:#fff}.dictation-drill-mode__item-info{padding:var(--space-4);background:var(--color-surface);border-radius:.75rem;border:1px solid var(--color-border)}.dictation-drill-mode__item-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.dictation-drill-mode__item-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.dictation-drill-mode__item-word{font-size:var(--text-2xl);font-weight:700;color:var(--eduq-blue)}.dictation-drill-mode__item-stats{display:flex;gap:var(--space-4);flex-wrap:wrap}.dictation-drill-mode__stat{font-size:var(--text-sm);color:var(--color-text-secondary)}.dictation-drill-mode__stat strong{color:var(--color-text-primary);font-weight:600}.dictation-drill-mode__mastery{padding:var(--space-1) var(--space-3);border-radius:1rem;font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.dictation-drill-mode__mastery--mastered{background:#22c55e1a;color:#22c55e}.dictation-drill-mode__mastery--proficient{background:#3b82f61a;color:#3b82f6}.dictation-drill-mode__mastery--developing{background:#fbbf241a;color:#fbbf24}.dictation-drill-mode__mastery--struggling{background:#f973161a;color:#f97316}.dictation-drill-mode__mastery--critical{background:#ef44441a;color:#ef4444}.dictation-drill-mode__practice{display:flex;flex-direction:column;gap:var(--space-4)}.dictation-drill-mode__prompt{padding:var(--space-4);background:var(--color-surface);border-radius:.75rem;border-left:4px solid var(--eduq-blue)}.dictation-drill-mode__prompt p{margin:0;font-size:var(--text-base);color:var(--color-text-primary);font-weight:500}.dictation-drill-mode__audio{display:flex;gap:var(--space-3);align-items:center}.dictation-drill-mode__play-btn,.dictation-drill-mode__hint-btn{padding:var(--space-3) var(--space-4);border:2px solid var(--eduq-blue);border-radius:.5rem;background:#fff;color:var(--eduq-blue);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-2)}.dictation-drill-mode__play-btn:hover,.dictation-drill-mode__hint-btn:hover{background:var(--eduq-blue);color:#fff}.dictation-drill-mode__play-btn:disabled{opacity:.5;cursor:not-allowed}.dictation-drill-mode__hint{padding:var(--space-3) var(--space-4);background:#00d9b51a;border-radius:.5rem;color:var(--color-text-primary);font-size:var(--text-base);font-weight:500;flex:1}.dictation-drill-mode__input-area{width:100%}.dictation-drill-mode__input{width:100%;padding:var(--space-4);border:2px solid var(--color-border);border-radius:.75rem;font-size:var(--text-lg);font-family:inherit;resize:vertical;transition:border-color .2s ease}.dictation-drill-mode__input:focus{outline:none;border-color:var(--eduq-blue);box-shadow:0 0 0 3px #0066ff1a}.dictation-drill-mode__input:disabled{background:var(--color-surface);cursor:not-allowed}.dictation-drill-mode__actions{display:flex;justify-content:center;gap:var(--space-3)}.dictation-drill-mode__submit-btn,.dictation-drill-mode__next-btn{padding:var(--space-3) var(--space-8);font-size:var(--text-base);font-weight:600;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.dictation-drill-mode__submit-btn:disabled{opacity:.5;cursor:not-allowed}.dictation-drill-mode__feedback{padding:var(--space-4);border-radius:.75rem;border:2px solid}.dictation-drill-mode__feedback--correct{background:#22c55e0d;border-color:#22c55e}.dictation-drill-mode__feedback--incorrect{background:#ef44440d;border-color:#ef4444}.dictation-drill-mode__feedback-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.dictation-drill-mode__feedback-icon{font-size:var(--text-2xl)}.dictation-drill-mode__feedback-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);flex:1}.dictation-drill-mode__feedback-accuracy{font-size:var(--text-lg);font-weight:700;color:var(--eduq-blue)}.dictation-drill-mode__feedback-details{display:flex;flex-direction:column;gap:var(--space-3)}.dictation-drill-mode__feedback-comparison{display:flex;flex-direction:column;gap:var(--space-2)}.dictation-drill-mode__feedback-expected,.dictation-drill-mode__feedback-actual{display:flex;flex-direction:column;gap:var(--space-1)}.dictation-drill-mode__feedback-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.dictation-drill-mode__feedback-text{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:.5rem}.dictation-drill-mode__feedback-errors{margin-top:var(--space-2)}.dictation-drill-mode__error-list{list-style:none;padding:0;margin:var(--space-2) 0 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.dictation-drill-mode__error-item{padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:.5rem;font-size:var(--text-sm);color:var(--color-text-primary)}.dictation-drill-mode__feedback-suggestion{padding:var(--space-3);background:#0066ff0d;border-radius:.5rem;border-left:3px solid var(--eduq-blue)}.dictation-drill-mode__feedback-suggestion p{margin:0;font-size:var(--text-sm);color:var(--color-text-primary);font-style:italic}.dictation-drill-mode__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border-radius:.75rem}.dictation-drill-mode__stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.dictation-drill-mode__stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.dictation-drill-mode__stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--eduq-blue)}.dictation-drill-mode__empty{padding:var(--space-8);text-align:center}.dictation-drill-mode__empty p{margin:0;font-size:var(--text-base);color:var(--color-text-secondary)}@media (max-width: 768px){.dictation-drill-mode{padding:var(--space-4);gap:var(--space-4)}.dictation-drill-mode__modes{gap:var(--space-1)}.dictation-drill-mode__mode-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.dictation-drill-mode__item-word{font-size:var(--text-xl)}.dictation-drill-mode__audio{flex-direction:column;align-items:stretch}.dictation-drill-mode__stats{grid-template-columns:repeat(2,1fr)}}.dictation-progress-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:var(--space-4);margin-bottom:var(--space-4)}.dictation-progress-card__header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:var(--space-3)}.dictation-progress-card__title{display:flex;align-items:center;gap:var(--space-2)}.dictation-progress-card__title h4{margin:0;font-size:var(--text-lg);color:var(--text-primary)}.dictation-progress-card__sessions{font-size:var(--text-sm);color:var(--text-secondary)}.dictation-progress-card__toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-lg);padding:var(--space-2);transition:color .2s}.dictation-progress-card__toggle:hover{color:var(--eduq-blue)}.dictation-progress-card__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-3)}.dictation-progress-card__metric{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--background);border-radius:.5rem}.dictation-progress-card__metric-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.dictation-progress-card__metric-value{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.dictation-progress-card__details{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-3)}.dictation-progress-card__section{margin-bottom:var(--space-4)}.dictation-progress-card__section:last-child{margin-bottom:0}.dictation-progress-card__section h5{margin:0 0 var(--space-2) 0;font-size:var(--text-base);color:var(--text-primary)}.dictation-progress-card__improvement{padding:var(--space-3);background:var(--background);border-radius:.5rem;border-left:3px solid var(--border);margin-bottom:var(--space-2)}.dictation-progress-card__improvement--positive{border-left-color:var(--success);background:#00c8640d}.dictation-progress-card__improvement-stats{display:flex;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.dictation-progress-card__frequency{display:flex;flex-direction:column;gap:var(--space-2)}.dictation-progress-card__frequency-stat{display:flex;justify-content:space-between;padding:var(--space-2);background:var(--background);border-radius:.5rem}.dictation-progress-card__recommendations{display:flex;flex-direction:column;gap:var(--space-2)}.dictation-progress-card__recommendation{display:flex;gap:var(--space-2);padding:var(--space-3);background:var(--background);border-radius:.5rem;border-left:3px solid var(--border)}.dictation-progress-card__recommendation--high{border-left-color:var(--error);background:#ff00000d}.dictation-progress-card__recommendation--medium{border-left-color:var(--warning);background:#ffa5000d}.dictation-progress-card__recommendation-priority{font-size:var(--text-lg)}.dictation-progress-card__recommendation-content{flex:1}.dictation-progress-card__recommendation-message{margin:0 0 var(--space-1) 0;font-weight:500;color:var(--text-primary)}.dictation-progress-card__recommendation-action{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.dictation-progress-card__mastery-message{padding:var(--space-3);background:var(--background);border-radius:.5rem;margin-bottom:var(--space-2)}.dictation-progress-card__mastery-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.dictation-progress-card__mastery-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--background);border-radius:.5rem}.dictation-progress-card__mastery-stat strong{font-size:var(--text-xl);color:var(--eduq-blue);margin-bottom:var(--space-1)}.dictation-progress-card__mastery-stat span{font-size:var(--text-sm);color:var(--text-secondary)}.dictation-progress-card__loading,.dictation-progress-card__error,.dictation-progress-card__empty{padding:var(--space-4);text-align:center}.dictation-progress-card__hint{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.grade-level-comparison{padding:var(--space-3);background:var(--background);border-radius:.5rem}.grade-level-comparison__status{padding:var(--space-3);border-left:3px solid var(--border);margin-bottom:var(--space-3)}.grade-level-comparison__level{font-size:var(--text-lg);font-weight:600;display:block;margin-bottom:var(--space-1)}.grade-level-comparison__message{margin:0;color:var(--text-secondary)}.grade-level-comparison__benchmarks{display:flex;flex-direction:column;gap:var(--space-2)}.grade-level-comparison__benchmark{display:flex;justify-content:space-between;padding:var(--space-2);background:var(--surface);border-radius:.5rem}.dictation-progress-section{margin-top:var(--space-6)}.dictation-progress-section h2{margin-bottom:var(--space-4)}.dictation-progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-4)}.dictation-loading{padding:var(--space-6);text-align:center}@media (max-width: 768px){.dictation-progress-card__summary,.dictation-progress-grid,.dictation-progress-card__mastery-stats{grid-template-columns:1fr}}.dictation-settings{background:var(--eduq-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.dictation-settings__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--eduq-gray-200)}.dictation-settings__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--eduq-text-primary);margin:0}.dictation-settings__close{background:none;border:none;font-size:var(--font-size-3xl);color:var(--eduq-gray-500);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.dictation-settings__close:hover{background:var(--eduq-gray-100);color:var(--eduq-text-primary)}.dictation-settings__content{padding:var(--space-6)}.dictation-settings__section{margin-bottom:var(--space-8)}.dictation-settings__section:last-child{margin-bottom:0}.dictation-settings__label{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--eduq-text-primary);margin-bottom:var(--space-3)}.dictation-settings__help{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--eduq-gray-600);margin-top:var(--space-1)}.dictation-settings__control{display:flex;align-items:center;gap:var(--space-4)}.dictation-settings__slider{flex:1;height:6px;border-radius:var(--radius-full);background:var(--eduq-gray-200);outline:none;-webkit-appearance:none}.dictation-settings__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--eduq-blue);cursor:pointer;transition:all .2s ease}.dictation-settings__slider::-webkit-slider-thumb:hover{background:var(--eduq-blue-dark);transform:scale(1.1)}.dictation-settings__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--eduq-blue);cursor:pointer;border:none;transition:all .2s ease}.dictation-settings__slider::-moz-range-thumb:hover{background:var(--eduq-blue-dark);transform:scale(1.1)}.dictation-settings__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--eduq-blue);min-width:80px;text-align:right}.dictation-settings__select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--eduq-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--eduq-text-primary);background:var(--eduq-white);cursor:pointer;transition:all .2s ease}.dictation-settings__select:hover{border-color:var(--eduq-blue)}.dictation-settings__select:focus{outline:none;border-color:var(--eduq-blue);box-shadow:0 0 0 3px #3b82f61a}.dictation-settings__custom-pause{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.dictation-settings__input{width:100px;padding:var(--space-3) var(--space-4);border:1px solid var(--eduq-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--eduq-text-primary);transition:all .2s ease}.dictation-settings__input:hover{border-color:var(--eduq-blue)}.dictation-settings__input:focus{outline:none;border-color:var(--eduq-blue);box-shadow:0 0 0 3px #3b82f61a}.dictation-settings__unit{font-size:var(--font-size-sm);color:var(--eduq-gray-600)}.dictation-settings__modes{display:flex;flex-direction:column;gap:var(--space-3)}.dictation-settings__mode{display:flex;align-items:flex-start;padding:var(--space-4);border:2px solid var(--eduq-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.dictation-settings__mode:hover,.dictation-settings__mode--active{border-color:var(--eduq-blue);background:var(--eduq-blue-50)}.dictation-settings__radio{margin-right:var(--space-3);margin-top:2px;cursor:pointer}.dictation-settings__mode-content{flex:1}.dictation-settings__mode-label{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--eduq-text-primary);margin-bottom:var(--space-1)}.dictation-settings__mode-description{display:block;font-size:var(--font-size-sm);color:var(--eduq-gray-600)}.dictation-settings__summary{margin-top:var(--space-6);padding:var(--space-4);background:var(--eduq-gray-50);border-radius:var(--radius-md)}.dictation-settings__summary-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--eduq-text-primary);margin:0 0 var(--space-3) 0}.dictation-settings__summary-list{list-style:none;padding:0;margin:0}.dictation-settings__summary-list li{font-size:var(--font-size-sm);color:var(--eduq-gray-700);margin-bottom:var(--space-2)}.dictation-settings__summary-list li:last-child{margin-bottom:0}.dictation-settings__summary-list strong{font-weight:var(--font-weight-semibold);color:var(--eduq-text-primary)}.dictation-settings__footer{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-top:1px solid var(--eduq-gray-200)}.dictation-settings__button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;border:none}.dictation-settings__button--primary{background:var(--eduq-blue);color:var(--eduq-white)}.dictation-settings__button--primary:hover{background:var(--eduq-blue-dark)}.dictation-settings__button--secondary{background:var(--eduq-white);color:var(--eduq-gray-700);border:1px solid var(--eduq-gray-300)}.dictation-settings__button--secondary:hover{background:var(--eduq-gray-50);border-color:var(--eduq-gray-400)}.content-library{background:var(--eduq-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column}.content-library__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--eduq-gray-200);flex-shrink:0}.content-library__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--eduq-text-primary);margin:0}.content-library__close{background:none;border:none;font-size:var(--font-size-3xl);color:var(--eduq-gray-500);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.content-library__close:hover{background:var(--eduq-gray-100);color:var(--eduq-text-primary)}.content-library__filters{padding:var(--space-6);border-bottom:1px solid var(--eduq-gray-200);flex-shrink:0}.content-library__search{margin-bottom:var(--space-4)}.content-library__search-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--eduq-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--eduq-text-primary);transition:all .2s ease}.content-library__search-input:hover{border-color:var(--eduq-blue)}.content-library__search-input:focus{outline:none;border-color:var(--eduq-blue);box-shadow:0 0 0 3px #3b82f61a}.content-library__filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.content-library__select{padding:var(--space-3) var(--space-4);border:1px solid var(--eduq-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--eduq-text-primary);background:var(--eduq-white);cursor:pointer;transition:all .2s ease}.content-library__select:hover{border-color:var(--eduq-blue)}.content-library__select:focus{outline:none;border-color:var(--eduq-blue);box-shadow:0 0 0 3px #3b82f61a}.content-library__content{flex:1;overflow-y:auto;padding:var(--space-6)}.content-library__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.content-library__empty p{font-size:var(--font-size-lg);color:var(--eduq-gray-600);margin-bottom:var(--space-4)}.content-library__empty-hint{font-size:var(--font-size-sm)!important;color:var(--eduq-gray-500)!important}.content-library__list{display:flex;flex-direction:column;gap:var(--space-4)}.content-library__item{padding:var(--space-5);border:1px solid var(--eduq-gray-200);border-radius:var(--radius-md);transition:all .2s ease}.content-library__item:hover{border-color:var(--eduq-blue);box-shadow:var(--shadow-md)}.content-library__item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.content-library__item-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--eduq-text-primary);margin:0;flex:1}.content-library__item-actions{display:flex;gap:var(--space-2)}.content-library__action-button{padding:var(--space-2) var(--space-3);border:1px solid var(--eduq-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--eduq-gray-700);background:var(--eduq-white);cursor:pointer;transition:all .2s ease}.content-library__action-button:hover{background:var(--eduq-gray-50);border-color:var(--eduq-gray-400)}.content-library__action-button--danger{color:var(--error);border-color:var(--error)}.content-library__action-button--danger:hover{background:#ef44441a;border-color:var(--error)}.content-library__item-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.content-library__tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.content-library__tag--topic{background:var(--eduq-blue-50);color:var(--eduq-blue)}.content-library__tag--difficulty{background:var(--eduq-cyan-50);color:var(--eduq-cyan)}.content-library__tag--language{background:var(--eduq-gray-100);color:var(--eduq-gray-700)}.content-library__date{font-size:var(--font-size-xs);color:var(--eduq-gray-500);margin-left:auto}.content-library__item-preview{font-size:var(--font-size-sm);color:var(--eduq-gray-600);line-height:1.5;margin:0}.content-library__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-top:1px solid var(--eduq-gray-200);flex-shrink:0}.content-library__footer-left{display:flex;gap:var(--space-3)}.content-library__footer-right{display:flex;align-items:center}.content-library__count{font-size:var(--font-size-sm);color:var(--eduq-gray-600)}.content-library__button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;border:none}.content-library__button--primary{background:var(--eduq-blue);color:var(--eduq-white)}.content-library__button--primary:hover{background:var(--eduq-blue-dark)}.content-library__button--secondary{background:var(--eduq-white);color:var(--eduq-gray-700);border:1px solid var(--eduq-gray-300)}.content-library__button--secondary:hover{background:var(--eduq-gray-50);border-color:var(--eduq-gray-400)}.dictation-document-upload{display:flex;flex-direction:column;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem);width:100%}.dictation-document-upload__drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) var(--space-6, 1.5rem);border:2px dashed var(--color-border, #e5e7eb);border-radius:var(--border-radius-lg, .75rem);background-color:var(--color-gray-50, #f9fafb);transition:all .3s ease;cursor:pointer;min-height:120px}.dictation-document-upload__drop-zone:hover{border-color:var(--eduq-blue, #0066FF);background-color:var(--color-blue-50, #eff6ff)}.dictation-document-upload__drop-zone--dragging{border-color:var(--eduq-blue, #0066FF);background-color:var(--color-blue-100, #dbeafe);transform:scale(1.02)}.dictation-document-upload__icon{font-size:2.5rem;opacity:.6}.dictation-document-upload__title{font-size:var(--text-xl, 1.25rem);font-weight:600;color:var(--color-text-primary, #111827);margin:0}.dictation-document-upload__description{font-size:var(--text-base, 1rem);color:var(--color-text-secondary, #6b7280);margin:0;text-align:center}.dictation-document-upload__formats{font-size:var(--text-sm, .875rem);color:var(--color-text-tertiary, #9ca3af);margin:0}.dictation-document-upload__buttons{display:flex;gap:var(--space-4, 1rem);margin-top:var(--space-4, 1rem)}.dictation-document-upload__processing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4, 1rem);padding:var(--space-8, 2rem);flex:1;min-height:300px}.dictation-document-upload__progress{width:100%;max-width:400px;height:8px;background-color:var(--color-gray-200, #e5e7eb);border-radius:var(--border-radius-full, 9999px);overflow:hidden}.dictation-document-upload__progress-bar{height:100%;background:linear-gradient(90deg,var(--eduq-blue, #0066FF),var(--eduq-cyan, #00D9B5));transition:width .3s ease;border-radius:var(--border-radius-full, 9999px)}.dictation-document-upload__progress-text{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #6b7280);font-weight:600}.dictation-document-upload__results{display:flex;flex-direction:column;gap:var(--space-6, 1.5rem)}.dictation-document-upload__file-info{padding:var(--space-4, 1rem);background-color:var(--color-gray-50, #f9fafb);border-radius:var(--border-radius-md, .5rem);border:1px solid var(--color-border, #e5e7eb)}.dictation-document-upload__file-info h4{font-size:var(--text-base, 1rem);font-weight:600;color:var(--color-text-primary, #111827);margin:0 0 var(--space-2, .5rem) 0}.dictation-document-upload__file-name{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #6b7280);margin:var(--space-2, .5rem) 0}.dictation-document-upload__file-size{font-size:var(--text-xs, .75rem);color:var(--color-text-tertiary, #9ca3af);margin:0}.dictation-document-upload__preview{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.dictation-document-upload__preview h4{font-size:var(--text-base, 1rem);font-weight:600;color:var(--color-text-primary, #111827);margin:0}.dictation-document-upload__preview-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--border-radius-md, .5rem);border:1px solid var(--color-border, #e5e7eb)}.dictation-document-upload__filtered-content{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.dictation-document-upload__filtered-header{display:flex;justify-content:space-between;align-items:center}.dictation-document-upload__filtered-header h4{font-size:var(--text-base, 1rem);font-weight:600;color:var(--color-text-primary, #111827);margin:0}.dictation-document-upload__confidence{font-size:var(--text-sm, .875rem);color:var(--eduq-blue, #0066FF);font-weight:600;padding:var(--space-1, .25rem) var(--space-3, .75rem);background-color:var(--color-blue-50, #eff6ff);border-radius:var(--border-radius-full, 9999px)}.dictation-document-upload__textarea{width:100%;padding:var(--space-4, 1rem);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--border-radius-md, .5rem);font-size:var(--text-base, 1rem);font-family:inherit;line-height:1.6;resize:vertical;transition:border-color .2s ease}.dictation-document-upload__textarea:focus{outline:none;border-color:var(--eduq-blue, #0066FF);box-shadow:0 0 0 3px #0066ff1a}.dictation-document-upload__hint{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #6b7280);margin:0;padding:var(--space-3, .75rem);background-color:var(--color-blue-50, #eff6ff);border-radius:var(--border-radius-md, .5rem);border-left:3px solid var(--eduq-blue, #0066FF)}.dictation-document-upload__actions{display:flex;gap:var(--space-4, 1rem);margin-top:var(--space-4, 1rem)}.dictation-document-upload__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-4, 1rem);padding:var(--space-6, 1.5rem);background-color:var(--color-red-50, #fef2f2);border:1px solid var(--color-red-200, #fecaca);border-radius:var(--border-radius-md, .5rem)}.dictation-document-upload__error-message{font-size:var(--text-base, 1rem);color:var(--color-red-700, #b91c1c);margin:0;text-align:center}@media (max-width: 768px){.dictation-document-upload{padding:var(--space-4, 1rem)}.dictation-document-upload__drop-zone{padding:var(--space-4, 1rem);min-height:100px}.dictation-document-upload__buttons{flex-direction:column;width:100%}.dictation-document-upload__buttons button{width:100%}.dictation-document-upload__actions{flex-direction:column}.dictation-document-upload__actions button{width:100%}}.content-input__language-required{text-align:center;padding:var(--space-8, 2rem) var(--space-4, 1rem);color:var(--text-secondary, #6b7280)}.content-input__language-required-text{font-size:var(--font-size-base, 1rem);margin:0}.content-input__mode-toggle{display:flex;gap:var(--space-2, .5rem);padding:var(--space-4, 1rem);background-color:var(--color-gray-50, #f9fafb);border-radius:var(--border-radius-md, .5rem);margin-bottom:var(--space-6, 1.5rem)}.content-input__mode-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);border:2px solid var(--color-border, #e5e7eb);border-radius:var(--border-radius-md, .5rem);background-color:var(--color-white, #ffffff);color:var(--color-text-secondary, #6b7280);font-size:var(--text-base, 1rem);font-weight:500;cursor:pointer;transition:all .2s ease}.content-input__mode-button:hover{border-color:var(--eduq-blue, #0066FF);color:var(--eduq-blue, #0066FF);background-color:var(--color-blue-50, #eff6ff)}.content-input__mode-button--active{border-color:var(--eduq-blue, #0066FF);background-color:var(--eduq-blue, #0066FF);color:var(--color-white, #ffffff)}.content-input__mode-button--active:hover{background-color:var(--color-blue-600, #2563eb);border-color:var(--color-blue-600, #2563eb);color:var(--color-white, #ffffff)}.content-input__mode-icon{font-size:1.25rem}@media (max-width: 768px){.content-input__mode-toggle{flex-direction:column}.content-input__mode-button{width:100%}}.content-input__header-actions{display:flex;gap:var(--space-sm, .5rem);flex-wrap:wrap;align-items:center}.content-input__modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md, 1rem)}.content-input__modal{background-color:var(--color-white, #ffffff);border-radius:var(--border-radius-lg, .75rem);max-width:900px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 10px 25px #0003}.content-input__quick-start{padding:var(--space-md, 1rem);background-color:var(--color-blue-50, #eff6ff);border-radius:var(--border-radius-md, .5rem);margin-bottom:var(--space-md, 1rem);border:1px solid var(--color-blue-200, #bfdbfe)}.content-input__section-heading{font-size:var(--font-size-base, 1rem);font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:var(--space-xs, .25rem)}.content-input__section-description{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280);margin-bottom:var(--space-md, 1rem)}.content-input__quick-start-buttons{display:flex;gap:var(--space-md, 1rem);flex-wrap:wrap}.content-input__chat-import{padding:var(--space-md, 1rem);background-color:var(--color-purple-50, #faf5ff);border-radius:var(--border-radius-md, .5rem);margin-bottom:var(--space-md, 1rem);border:1px solid var(--color-purple-200, #e9d5ff)}.content-input__chat-messages{display:flex;flex-direction:column;gap:var(--space-sm, .5rem)}.content-input__chat-message{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md, 1rem);padding:var(--space-sm, .5rem);background-color:var(--color-white, #ffffff);border-radius:var(--border-radius-sm, .375rem);border:1px solid var(--color-gray-200, #e5e7eb)}.content-input__chat-message-preview{flex:1;font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-input__ai-preview{padding:var(--space-md, 1rem);background-color:var(--color-green-50, #f0fdf4);border-radius:var(--border-radius-md, .5rem);margin-bottom:var(--space-md, 1rem);border:2px solid var(--color-green-200, #bbf7d0)}.content-input__ai-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm, .5rem)}.content-input__ai-detecting{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280);font-style:italic}.content-input__ai-section-title{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text-primary, #111827);margin-bottom:var(--space-xs, .25rem);margin-top:var(--space-md, 1rem)}.content-input__ai-section-title:first-of-type{margin-top:0}.content-input__ai-metadata{margin-bottom:var(--space-md, 1rem)}.content-input__ai-metadata-item{display:flex;gap:var(--space-sm, .5rem);padding:var(--space-xs, .25rem) 0;font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280);text-decoration:line-through;opacity:.6}.content-input__ai-metadata-type{font-weight:600;text-transform:capitalize}.content-input__ai-metadata-text{flex:1}.content-input__ai-cleaned{margin-bottom:var(--space-md, 1rem)}.content-input__ai-cleaned-text{padding:var(--space-md, 1rem);background-color:var(--color-white, #ffffff);border-radius:var(--border-radius-sm, .375rem);border:2px solid var(--color-green-300, #86efac);font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary, #111827);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.content-input__ai-actions{display:flex;gap:var(--space-md, 1rem);margin-top:var(--space-md, 1rem)}@media (max-width: 768px){.content-input__header-actions{width:100%;justify-content:flex-start}.content-input__quick-start-buttons{flex-direction:column}.content-input__quick-start-buttons .content-input__button{width:100%}.content-input__chat-message{flex-direction:column;align-items:stretch}.content-input__ai-actions{flex-direction:column}.content-input__ai-actions .content-input__button{width:100%}.content-input__modal{max-width:100%;max-height:100vh;border-radius:0}}.dictation-module__camera-fallback{background-color:var(--bg-secondary, #f9fafb);border:1px solid var(--border-light, #e5e7eb);border-radius:.5rem;padding:1rem;margin-top:.75rem}.dictation-module__camera-fallback-actions{display:flex;gap:.5rem;margin-top:.75rem}.dictation-module__attempt-count{font-size:.875rem;color:var(--text-secondary, #6b7280);text-align:center;margin:.5rem 0}.dictation-module__button--danger{background-color:var(--error, #ef4444);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:background-color .2s ease}.dictation-module__button--danger:disabled{opacity:.5;cursor:not-allowed}.dictation-module__actions--end-session{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-light, #e5e7eb)}@media (max-width: 768px){.dictation-module__camera-fallback-actions{flex-direction:column}.dictation-module__camera-fallback-actions .dictation-module__button{width:100%}}@media (prefers-reduced-motion: reduce){.dictation-module__button--danger{transition-duration:.01ms}}.dictation-module__phase-indicator{display:flex;flex-direction:column;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background-color:var(--bg-secondary, #F9FAFB);border:1px solid var(--border-light, #E5E7EB);border-radius:.5rem;margin-bottom:var(--space-4, 1rem)}.dictation-module__sentence-progress{display:flex;align-items:center;gap:var(--space-3, .75rem);flex-wrap:wrap}.dictation-module__sentence-progress-text{font-size:var(--text-sm, .875rem);font-weight:600;color:var(--text-primary, #111827)}.dictation-module__chunk-status{font-size:var(--text-xs, .75rem);font-weight:500;color:var(--text-secondary, #6B7280);padding:var(--space-1, .25rem) var(--space-2, .5rem);background-color:var(--bg-tertiary, #F3F4F6);border-radius:.25rem}.dictation-module__phase-badge{display:flex;align-items:center}.dictation-module__phase-badge--active,.dictation-module__phase-badge--ready,.dictation-module__phase-badge--review,.dictation-module__phase-badge--marking{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);padding:var(--space-1, .25rem) var(--space-3, .75rem);border-radius:1rem;font-size:var(--text-xs, .75rem);font-weight:600}.dictation-module__phase-badge--active{background-color:#dbeafe;color:#1e40af}.dictation-module__phase-badge--ready{background-color:#dcfce7;color:#166534}.dictation-module__phase-badge--review{background-color:#fef3c7;color:#854d0e}.dictation-module__phase-badge--marking{background-color:#e0e7ff;color:#3730a3}.dictation-module__simultaneous-layout{display:grid;grid-template-columns:1fr;gap:var(--space-4, 1rem)}@media (min-width: 768px){.dictation-module__simultaneous-layout{grid-template-columns:1fr 1fr;gap:var(--space-6, 1.5rem)}}.dictation-module__audio-section{display:flex;flex-direction:column}.dictation-module__writing-section{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.dictation-module__marking-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12, 3rem) var(--space-4, 1rem)}.dictation-module__marking-text{font-size:var(--text-base, 1rem);font-weight:500;color:var(--text-secondary, #6B7280);margin-top:var(--space-4, 1rem)}.dictation-module__spinner{width:2.5rem;height:2.5rem;border:3px solid var(--border-light, #E5E7EB);border-top-color:var(--eduq-blue, #0066FF);border-radius:50%;animation:dictation-spin .8s linear infinite}@keyframes dictation-spin{to{transform:rotate(360deg)}}.dictation-module__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-6, 1.5rem);color:var(--text-secondary, #6B7280)}.dictation-module__error{display:flex;flex-direction:column;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem);background-color:#fee2e2;border:1px solid var(--error, #EF4444);border-radius:.5rem}.dictation-module__error-message{font-size:var(--text-sm, .875rem);font-weight:500;color:#991b1b}.dictation-module__error-actions{display:flex;gap:var(--space-2, .5rem);flex-wrap:wrap}.dictation-module__camera-fallback{margin-top:var(--space-2, .5rem)}.dictation-module__camera-fallback-actions{display:flex;gap:var(--space-2, .5rem);flex-wrap:wrap;margin-top:var(--space-2, .5rem)}.dictation-module__suggestion{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #6B7280)}.dictation-module__attempt-count{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #6B7280);margin-bottom:var(--space-2, .5rem)}.dictation-module__actions--end-session{margin-top:var(--space-4, 1rem);padding-top:var(--space-4, 1rem);border-top:1px solid var(--border-light, #E5E7EB)}.dictation-module__button--danger{background-color:var(--error, #EF4444);color:#fff}.dictation-module__button--danger:hover:not(:disabled){background-color:#dc2626}.dictation-module__button--small{padding:var(--space-1, .25rem) var(--space-3, .75rem);font-size:var(--text-sm, .875rem)}.dictation-module__recent-sessions{margin-bottom:var(--space-4, 1rem)}.dictation-module__section-heading{font-size:var(--text-base, 1rem);font-weight:600;color:var(--text-primary, #111827);margin-bottom:var(--space-2, .5rem)}.dictation-module__session-card{padding:var(--space-4, 1rem);background-color:var(--bg-secondary, #F9FAFB);border:1px solid var(--border-light, #E5E7EB);border-radius:.5rem}.dictation-module__session-info{font-size:var(--text-sm, .875rem);color:var(--text-primary, #111827);margin-bottom:var(--space-1, .25rem)}@media (max-width: 767px){.dictation-module__simultaneous-layout{grid-template-columns:1fr}.dictation-module__phase-indicator{padding:var(--space-2, .5rem) var(--space-3, .75rem)}}@media (prefers-reduced-motion: reduce){.dictation-module__spinner{animation:none}}.floating-window .floating-dictation-content .dictation-module__content{padding:var(--fw-compact-padding)}.floating-window .floating-dictation-content .dictation-module__tabs{padding:var(--space-xs)}.floating-window .floating-dictation-content .dictation-module__heading{margin-bottom:var(--fw-compact-heading-margin);font-size:var(--font-size-sm, .875rem);margin-top:0}.floating-window .floating-dictation-content .dictation-audio-player,.floating-window .floating-dictation-content .dictation-audio-player__sentence{padding:.75rem}.floating-window .floating-dictation-content .dictation-module__button,.floating-window .floating-dictation-content .content-input__button{padding:var(--fw-compact-button-padding);min-height:var(--fw-compact-button-height);font-size:var(--font-size-sm, .875rem)}@media (max-width: 768px){.floating-window .floating-dictation-content .dictation-module__content{padding:.5625rem}.floating-window .floating-dictation-content .dictation-module__tabs{padding:.1875rem}.floating-window .floating-dictation-content .dictation-audio-player,.floating-window .floating-dictation-content .dictation-audio-player__sentence{padding:.5625rem}}.floating-window .dictation-document-upload__drop-zone{padding:.75rem 1rem;gap:.375rem;min-height:80px}.floating-window .dictation-document-upload__icon{font-size:1.5rem}.floating-window .dictation-document-upload__title{font-size:var(--font-size-sm, .875rem)}.floating-window .dictation-document-upload__description,.floating-window .dictation-document-upload__formats{font-size:var(--font-size-xs, .75rem)}.floating-window .dictation-document-upload__buttons{gap:.5rem}.floating-window .dictation-document-upload__buttons .btn-primary,.floating-window .dictation-document-upload__buttons .btn-secondary{padding:.375rem .75rem;font-size:var(--font-size-sm, .875rem)}.floating-window .content-input__header{padding:.25rem 0}.floating-window .content-input__select{padding:.25rem .5rem;font-size:var(--font-size-sm, .875rem)}.floating-window .content-input__mode-toggle{padding:.25rem 0;gap:.25rem}.floating-window .content-input__mode-button{padding:.375rem .75rem;font-size:var(--font-size-sm, .875rem)}.floating-window .content-input__language-required{padding:1rem .5rem}.dictation-accuracy{display:flex;flex-direction:column;gap:var(--space-6, 1.5rem);padding:var(--space-4, 1rem)}.dictation-accuracy__empty{text-align:center;padding:var(--space-8, 2rem);color:var(--color-text-secondary, #6b7280)}.dictation-accuracy__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4, 1rem);padding:var(--space-4, 1rem);background-color:var(--color-background-secondary, #f9fafb);border-radius:var(--radius-lg, .5rem)}.dictation-accuracy__metric{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-4, 1rem);background-color:var(--color-white, #ffffff);border-radius:var(--radius-md, .375rem);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05))}.dictation-accuracy__metric--primary{grid-column:1 / -1;flex-direction:row;justify-content:space-between;padding:var(--space-6, 1.5rem)}.dictation-accuracy__metric-label{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #6b7280);font-weight:500}.dictation-accuracy__metric-value{font-size:var(--text-3xl, 1.875rem);font-weight:700}.dictation-accuracy__metric-value--excellent{color:var(--color-success, #10b981)}.dictation-accuracy__metric-value--good{color:var(--color-info, #3b82f6)}.dictation-accuracy__metric-value--satisfactory{color:var(--color-warning, #f59e0b)}.dictation-accuracy__metric-value--needs-improvement{color:var(--color-warning-dark, #d97706)}.dictation-accuracy__metric-value--poor{color:var(--color-error, #ef4444)}.dictation-accuracy__metric-grade{font-size:var(--text-xl, 1.25rem);font-weight:600;color:var(--color-text-primary, #111827)}.dictation-accuracy__comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 1rem);padding:var(--space-4, 1rem);background-color:var(--color-background-secondary, #f9fafb);border-radius:var(--radius-lg, .5rem)}.dictation-accuracy__comparison-column{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.dictation-accuracy__comparison-heading{font-size:var(--text-base, 1rem);font-weight:600;color:var(--color-text-primary, #111827);margin:0}.dictation-accuracy__text{padding:var(--space-4, 1rem);background-color:var(--color-white, #ffffff);border-radius:var(--radius-md, .375rem);line-height:1.8;font-size:var(--text-lg, 1.125rem);min-height:200px}.dictation-accuracy__char{display:inline-block;padding:2px 4px;border-radius:var(--radius-sm, .25rem);transition:background-color .2s ease;cursor:default}.dictation-accuracy__char--correct{background-color:var(--color-success-light, #d1fae5);color:var(--color-success-dark, #065f46)}.dictation-accuracy__char--error{background-color:var(--color-error-light, #fee2e2);color:var(--color-error-dark, #991b1b);cursor:help}.dictation-accuracy__char--error:hover{background-color:var(--color-error, #ef4444);color:var(--color-white, #ffffff)}.dictation-accuracy__tooltip{position:fixed;z-index:1000;background-color:var(--color-gray-900, #111827);color:var(--color-white, #ffffff);padding:var(--space-3, .75rem);border-radius:var(--radius-md, .375rem);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));max-width:300px;font-size:var(--text-sm, .875rem)}.dictation-accuracy__tooltip-header{margin-bottom:var(--space-2, .5rem)}.dictation-accuracy__tooltip-type{font-weight:600;text-transform:capitalize}.dictation-accuracy__tooltip-content{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.dictation-results-view{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);overflow-y:auto;overflow-x:hidden;max-height:100%}.dictation-results-view--empty{display:flex;align-items:center;justify-content:center;min-height:200px}.dictation-results-view__empty-message{color:var(--text-secondary);font-size:var(--text-base);text-align:center}.dictation-results-view__card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:.75rem;padding:var(--space-4)}.dictation-results-view__card-title{margin:0 0 var(--space-3) 0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.dictation-results-view__accuracy-ring{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);align-self:center}.dictation-results-view__ring-svg{display:block}.dictation-results-view__ring-progress{transition:stroke-dashoffset .6s ease}@media (prefers-reduced-motion: reduce){.dictation-results-view__ring-progress{transition:none}}.dictation-results-view__ring-label{position:absolute;top:0;left:0;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.dictation-results-view__ring-percent{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);line-height:1}.dictation-results-view__ring-grade{font-size:var(--text-sm);font-weight:500;margin-top:var(--space-1)}.dictation-results-view__diff-tokens{display:flex;flex-wrap:wrap;gap:var(--space-1)}.dictation-results-view__token{position:relative;display:inline-flex;align-items:center;gap:2px;padding:var(--space-1) var(--space-2);border-radius:.25rem;font-size:var(--text-sm);line-height:var(--leading-normal);cursor:default}.dictation-results-view__token[tabindex="0"]{cursor:pointer}.dictation-results-view__token[tabindex="0"]:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.dictation-results-view__token[tabindex="0"]:focus:not(:focus-visible){outline:none}.dictation-results-view__token-icon{font-size:var(--text-xs);margin-right:2px}.dictation-results-view__token--correct{background:#10b98126;color:#065f46}.dictation-results-view__token--incorrect{background:#ef444426;color:#991b1b}.dictation-results-view__token--missing{background:#9ca3af26;color:var(--text-tertiary)}.dictation-results-view__token--missing s{text-decoration:line-through}.dictation-results-view__token--extra{background:#f59e0b26;color:#92400e}.dictation-results-view__token-expected{font-size:var(--text-xs);opacity:.8}.dictation-results-view__tooltip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--bg-dark);color:var(--text-inverse);padding:var(--space-2) var(--space-3);border-radius:.5rem;font-size:var(--text-xs);white-space:nowrap;z-index:10;pointer-events:none;box-shadow:0 2px 8px #00000026}.dictation-results-view__no-diff{color:var(--text-secondary);font-style:italic}.dictation-results-view__error-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.dictation-results-view__error-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:.375rem;background:var(--bg-secondary)}.dictation-results-view__error-icon{font-size:var(--text-lg);flex-shrink:0}.dictation-results-view__error-category{flex:1;font-size:var(--text-sm);color:var(--text-primary);text-transform:capitalize}.dictation-results-view__error-count{font-weight:600;font-size:var(--text-sm);color:var(--text-secondary)}.dictation-results-view__suggestions-card{background:var(--bg-secondary);border-left:3px solid var(--info)}.dictation-results-view__suggestion-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.dictation-results-view__suggestion-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary)}.dictation-results-view__suggestion-icon{font-size:var(--text-lg);flex-shrink:0}.dictation-results-view__stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.dictation-results-view__stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-2);background:var(--bg-secondary);border-radius:.375rem}.dictation-results-view__stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.dictation-results-view__stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.dictation-results-view__comparison{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2);background:var(--bg-tertiary);border-radius:.375rem;font-size:var(--text-sm);color:var(--text-secondary)}.dictation-results-view__comparison-icon{font-size:var(--text-lg)}.dictation-results-view__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-2)}.dictation-results-view__btn{padding:.625rem var(--space-4);border:none;border-radius:.5rem;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color .2s ease}.dictation-results-view__btn--primary{background-color:var(--eduq-blue);color:#fff}.dictation-results-view__btn--primary:hover{background-color:var(--eduq-blue-hover)}.dictation-results-view__btn--secondary{background-color:var(--eduq-cyan);color:#fff}.dictation-results-view__btn--secondary:hover{background-color:var(--eduq-cyan-hover)}.dictation-results-view__btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}@media (max-width: 600px){.dictation-results-view__stats-grid{grid-template-columns:1fr}.dictation-results-view__actions{flex-direction:column}.dictation-results-view__btn{width:100%}}.dictation-results-view__summary-card{background:var(--bg-primary);border-left:3px solid var(--eduq-blue)}.dictation-results-view__summary-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.dictation-results-view__summary-stat{display:flex;flex-direction:column;align-items:center;flex:1;padding:var(--space-3);background:var(--bg-secondary);border-radius:.5rem}.dictation-results-view__summary-stat-value{font-size:var(--text-2xl);font-weight:700;line-height:1}.dictation-results-view__summary-stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.dictation-results-view__summary-stat-grade{font-size:var(--text-sm);font-weight:500;margin-top:var(--space-1)}.dictation-results-view__summary-breakdown{border-top:1px solid var(--border-light);padding-top:var(--space-3)}.dictation-results-view__summary-breakdown-title{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.dictation-results-view__summary-breakdown-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.dictation-results-view__summary-breakdown-item{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:.375rem;font-size:var(--text-sm)}.dictation-results-view__summary-breakdown-icon{font-size:var(--text-base);flex-shrink:0}.dictation-results-view__summary-breakdown-type{color:var(--text-primary);text-transform:capitalize}.dictation-results-view__summary-breakdown-count{font-weight:600;color:var(--text-secondary);margin-left:var(--space-1)}.dictation-results-view__sentences-card{background:var(--bg-primary)}.dictation-results-view__sentences-list{display:flex;flex-direction:column;gap:var(--space-3)}.dictation-results-view__sentence-row{border:1px solid var(--border-light);border-radius:.5rem;padding:var(--space-3);background:var(--bg-secondary)}.dictation-results-view__sentence-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.dictation-results-view__sentence-number{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.dictation-results-view__sentence-accuracy{font-size:var(--text-sm);font-weight:700}.dictation-results-view__sentence-error-count{font-size:var(--text-xs);color:var(--text-secondary);margin-left:auto}.dictation-results-view__sentence-body{display:flex;gap:var(--space-3);align-items:flex-start}.dictation-results-view__sentence-text{flex:1;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);word-break:break-word}.dictation-results-view__sentence-correct{color:var(--text-primary)}.dictation-results-view__inline-error{position:relative;display:inline;padding:1px 2px;border-radius:2px;cursor:pointer;text-decoration-style:wavy;text-decoration-line:underline;transition:filter .15s ease}.dictation-results-view__inline-error:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.dictation-results-view__inline-error:focus:not(:focus-visible){outline:none}.dictation-results-view__inline-error--wrong{background:#ef444426;text-decoration-color:#ef444499;color:#991b1b}.dictation-results-view__inline-error--homophone{background:#f59e0b26;text-decoration-color:#f59e0b99;color:#92400e}.dictation-results-view__inline-error--missing{background:#9ca3af26;text-decoration-color:#9ca3af99;text-decoration-line:line-through;color:var(--text-tertiary)}.dictation-results-view__inline-error--extra{background:#eab30826;text-decoration-color:#eab30899;color:#854d0e}.dictation-results-view__inline-error--nonexistent{background:#8b5cf626;text-decoration-color:#8b5cf699;color:#5b21b6}.dictation-results-view__inline-error--radical{background:#ec489926;text-decoration-color:#ec489999;color:#9d174d}.dictation-results-view__inline-error--punctuation{background:#3b82f626;text-decoration-color:#3b82f699;color:#1e40af}@media (prefers-reduced-motion: reduce){.dictation-results-view__inline-error{transition:none}}.dictation-results-view__error-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-dark);color:var(--text-inverse);padding:var(--space-2) var(--space-3);border-radius:.5rem;font-size:var(--text-xs);z-index:20;pointer-events:none;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:2px;min-width:160px;max-width:280px;white-space:normal;text-decoration:none;line-height:var(--leading-normal)}.dictation-results-view__error-tooltip-type{font-weight:600;text-transform:capitalize;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:2px}.dictation-results-view__error-tooltip-row{font-size:var(--text-xs)}.dictation-results-view__error-tooltip-explanation{font-style:italic;opacity:.85;margin-top:2px;font-size:var(--text-xs)}.dictation-results-view__sentence-image-wrap{flex-shrink:0;width:120px;border:1px solid var(--border-light);border-radius:.375rem;overflow:hidden;background:var(--bg-primary)}.dictation-results-view__sentence-image{display:block;width:100%;height:auto;object-fit:contain}@media (max-width: 600px){.dictation-results-view__summary-stats,.dictation-results-view__sentence-body{flex-direction:column}.dictation-results-view__sentence-image-wrap{width:100%;max-width:200px}.dictation-results-view__summary-breakdown-list{flex-direction:column}}.dictation-canvas{display:flex;flex-direction:column;gap:12px;width:100%;min-height:200px}.dictation-canvas__toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:8px;background-color:#f5f5f5;border-radius:8px}.dictation-canvas__tool-btn{padding:8px 16px;font-size:14px;font-weight:500;border:2px solid #ddd;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease}.dictation-canvas__tool-btn:hover{background-color:#f0f0f0;border-color:#bbb}.dictation-canvas__tool-btn:focus{outline:2px solid var(--eduq-blue, #4A90E2);outline-offset:2px}.dictation-canvas__tool-btn--pen{border-color:#4a90e2;background-color:#e3f2fd}.dictation-canvas__tool-btn--eraser{border-color:#f44336;background-color:#ffebee}.dictation-canvas__action-btn{padding:8px 16px;font-size:14px;font-weight:500;border:1px solid #ddd;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease}.dictation-canvas__action-btn:hover:not(:disabled){background-color:#f0f0f0;border-color:#bbb}.dictation-canvas__action-btn:focus{outline:2px solid var(--eduq-blue, #4A90E2);outline-offset:2px}.dictation-canvas__action-btn:disabled{opacity:.4;cursor:not-allowed}.dictation-canvas__action-btn--clear{margin-left:auto}.dictation-canvas__action-btn--clear:hover:not(:disabled){background-color:#ffebee;border-color:#f44336;color:#f44336}.dictation-canvas__surface{width:100%;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.dictation-canvas__surface--pen{cursor:crosshair}.dictation-canvas__surface--eraser{cursor:pointer}.dictation-canvas__surface:focus{outline:2px solid var(--eduq-blue, #4A90E2);outline-offset:2px}.dictation-canvas--zh-hk{font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,sans-serif}.dictation-canvas--zh-cn{font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}.dictation-canvas--en{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}@media (max-width: 600px){.dictation-canvas__toolbar{gap:6px}.dictation-canvas__tool-btn,.dictation-canvas__action-btn{padding:6px 12px;font-size:13px}}.step-indicator{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.step-indicator__live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.step-indicator__progress{text-align:center;font-size:14px;font-weight:600;color:#666}.step-indicator__steps{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.step-indicator__step{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;border-radius:8px;background-color:#fff;border:2px solid #e0e0e0;transition:all .3s ease;min-width:100px}.step-indicator__step--active{background-color:#e3f2fd;border-color:var(--eduq-blue, #4A90E2);box-shadow:0 2px 8px #4a90e233}.step-indicator__step--completed{background-color:#e8f5e9;border-color:#4caf50}.step-indicator__step--upcoming{opacity:.6}.step-indicator__step-icon{font-size:24px;line-height:1}.step-indicator__step--active .step-indicator__step-icon{animation:pulse 2s ease-in-out infinite}.step-indicator__step-label{font-size:13px;font-weight:600;color:#333;text-align:center}.step-indicator__step--active .step-indicator__step-label{color:var(--eduq-blue, #4A90E2)}.step-indicator__step--completed .step-indicator__step-label{color:#4caf50}.step-indicator__arrow{font-size:20px;color:#ccc;transition:color .3s ease}.step-indicator__arrow--completed{color:#4caf50}@media (max-width: 600px){.step-indicator{padding:12px}.step-indicator__steps{gap:4px}.step-indicator__step{padding:8px 12px;min-width:80px}.step-indicator__step-icon{font-size:20px}.step-indicator__step-label{font-size:11px}.step-indicator__arrow{font-size:16px}}.input-mode-toggle{display:flex;flex-direction:column;gap:12px}.input-mode-toggle__banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;line-height:1.5}.input-mode-toggle__banner-icon{font-size:24px;flex-shrink:0}.input-mode-toggle__banner-text{flex:1}.input-mode-toggle__control{display:flex;flex-direction:column;gap:8px}.input-mode-toggle__label{font-size:14px;font-weight:600;color:#333}.input-mode-toggle__buttons{display:flex;gap:12px;flex-wrap:wrap}.input-mode-toggle__button{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:500;border:2px solid #ddd;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .2s ease;flex:1;min-width:150px;justify-content:center}.input-mode-toggle__button:hover{background-color:#f5f5f5;border-color:#bbb}.input-mode-toggle__button:focus{outline:2px solid var(--eduq-blue, #4A90E2);outline-offset:2px}.input-mode-toggle__button--active{background-color:#e3f2fd;border-color:var(--eduq-blue, #4A90E2);color:var(--eduq-blue, #4A90E2);box-shadow:0 2px 8px #4a90e233}.input-mode-toggle__button--active:hover{background-color:#e3f2fd;border-color:var(--eduq-blue, #4A90E2)}.input-mode-toggle__button-icon{font-size:20px;line-height:1}.input-mode-toggle__button-text{font-weight:600}@media (max-width: 600px){.input-mode-toggle__banner{padding:10px 12px;font-size:13px}.input-mode-toggle__banner-icon{font-size:20px}.input-mode-toggle__buttons{gap:8px}.input-mode-toggle__button{padding:10px 16px;font-size:14px;min-width:130px}.input-mode-toggle__button-icon{font-size:18px}}.camera-permission-modal__overlay{position:fixed;inset:0;background-color:#00000080;z-index:999}.camera-permission-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-primary, #ffffff);border-radius:.75rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem;z-index:1000;max-width:400px;width:90%}.camera-permission-modal__title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 .75rem}.camera-permission-modal__explanation{font-size:.875rem;color:var(--text-secondary, #6b7280);line-height:1.5;margin:0 0 1.25rem}.camera-permission-modal__actions{display:flex;flex-direction:column;gap:.5rem}.camera-permission-modal__button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:background-color .2s ease;text-align:center}.camera-permission-modal__button--primary{background-color:var(--eduq-blue, #0066ff);color:#fff}.camera-permission-modal__button--primary:hover{background-color:var(--eduq-blue-hover, #0052cc)}.camera-permission-modal__button--secondary{background-color:transparent;color:var(--eduq-blue, #0066ff);border:2px solid var(--eduq-blue, #0066ff)}.camera-permission-modal__button--secondary:hover{background-color:var(--eduq-blue, #0066ff);color:#fff}.camera-permission-modal__button:focus{outline:2px solid var(--eduq-blue, #0066ff);outline-offset:2px}@media (prefers-reduced-motion: reduce){.camera-permission-modal__button{transition-duration:.01ms}}:root{--eduq-blue: #0066FF;--eduq-cyan: #00D9B5}.dictation-history{max-width:960px;margin:0 auto;padding:1.5rem 1rem}.dictation-history__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.dictation-history__header h2{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.dictation-history__controls{display:flex;gap:1rem;flex-wrap:wrap}.dictation-history__filter,.dictation-history__sort{display:flex;align-items:center;gap:.5rem}.dictation-history__filter label,.dictation-history__sort label{font-size:.875rem;font-weight:500;color:#6b7280;white-space:nowrap}.dictation-history__select{appearance:none;padding:.5rem 2rem .5rem .75rem;border:1px solid #D1D5DB;border-radius:.5rem;font-size:.875rem;color:#111827;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right .75rem center;cursor:pointer;transition:border-color .2s}.dictation-history__select:focus{outline:none;border-color:var(--eduq-blue);box-shadow:0 0 0 3px #0066ff1a}.dictation-history__comparison-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;background:#eff6ff;border-radius:.5rem;font-size:.875rem;color:var(--eduq-blue)}.dictation-history__list{display:flex;flex-direction:column;gap:1rem}.dictation-history__item{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014;padding:1.25rem;cursor:pointer;transition:box-shadow .2s,border-color .2s;border:2px solid transparent}.dictation-history__item:hover{box-shadow:0 4px 12px #0000001f}.dictation-history__item--selected{border-color:var(--eduq-blue)}.dictation-history__item--comparing{border-color:var(--eduq-cyan)}.dictation-history__item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dictation-history__item-info{display:flex;align-items:center;gap:.75rem}.dictation-history__item-date{font-size:.875rem;color:#6b7280}.dictation-history__item-language{display:inline-block;padding:.15rem .6rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#fff}.dictation-history__item-language--chinese{background:var(--eduq-blue)}.dictation-history__item-language--english{background:var(--eduq-cyan)}.dictation-history__item-actions{display:flex;gap:.25rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;background:transparent;color:#9ca3af;cursor:pointer;transition:background .15s,color .15s}.btn-icon:hover{background:#f3f4f6;color:#374151}.btn-icon--active{color:var(--eduq-cyan)}.btn-icon--danger:hover{background:#fee2e2;color:#ef4444}.dictation-history__item-content{display:flex;flex-direction:column;gap:.75rem}.dictation-history__item-preview{font-size:.875rem;color:#374151;line-height:1.5}.dictation-history__item-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.dictation-history__stat{display:flex;flex-direction:column;gap:.15rem}.dictation-history__stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;font-weight:600}.dictation-history__stat-value{font-size:1rem;font-weight:700;color:#111827}.dictation-history__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#6b7280}.dictation-history__empty:before{content:"📝";font-size:3rem;margin-bottom:1rem}.dictation-history__empty p{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#374151}.dictation-history__empty-hint{font-size:.875rem;color:#9ca3af;font-weight:400!important}.dictation-history__loading,.dictation-history__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#6b7280}.dictation-history__error .btn-primary{margin-top:1rem}.session-detail-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.session-detail{background:#fff;border-radius:.75rem;box-shadow:0 8px 30px #00000026;width:100%;max-width:600px;max-height:85vh;overflow-y:auto}.session-detail__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #E5E7EB}.session-detail__header h3{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.session-detail__content{padding:1.5rem}.session-detail__section{margin-bottom:1.5rem}.session-detail__section:last-child{margin-bottom:0}.session-detail__section h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--eduq-blue)}.session-detail__info-list{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;font-size:.875rem}.session-detail__info-list dt{color:#6b7280;font-weight:500}.session-detail__info-list dd{margin:0;color:#111827}.session-detail__content-text{padding:.75rem;background:#f9fafb;border-radius:.5rem;font-size:.875rem;line-height:1.6;color:#374151}.session-detail__error-categories{display:flex;flex-wrap:wrap;gap:.5rem}.session-detail__error-category{display:flex;align-items:center;gap:.4rem;padding:.3rem .75rem;background:#fef2f2;border-radius:1rem;font-size:.8rem}.session-detail__error-category-name{color:#991b1b}.session-detail__error-category-count{font-weight:700;color:#ef4444}.session-comparison-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.session-comparison{background:#fff;border-radius:.75rem;box-shadow:0 8px 30px #00000026;width:100%;max-width:800px;max-height:85vh;overflow-y:auto}.session-comparison__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #E5E7EB}.session-comparison__header h3{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.session-comparison__content{padding:1.5rem}.session-comparison__table{width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:1.5rem}.session-comparison__table th,.session-comparison__table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #E5E7EB}.session-comparison__table th{font-weight:600;color:#6b7280;font-size:.8rem}.session-comparison__table th small{font-weight:400;color:#9ca3af}.session-comparison__table td:first-child{font-weight:500;color:#374151}.session-comparison__insights h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--eduq-blue)}.session-comparison__insights ul{margin:0;padding-left:1.25rem;font-size:.875rem;color:#374151}.session-comparison__insight--positive{color:#059669;font-weight:600}.session-comparison__insight--negative{color:#ef4444;font-weight:600}@media (max-width: 640px){.dictation-history__header{flex-direction:column;align-items:flex-start}.dictation-history__controls{width:100%}.dictation-history__filter,.dictation-history__sort{flex:1}.dictation-history__select{width:100%}.dictation-history__item-stats{gap:1rem}.dictation-history__stat{min-width:4rem}.dictation-history__comparison-bar{flex-wrap:wrap}.session-detail,.session-comparison{max-height:95vh}}.batch-upload-manager{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.batch-drop-zone{border:2px dashed #d1d5db;border-radius:8px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s;background:#f9fafb}.batch-drop-zone:hover{border-color:#3b82f6;background:#eff6ff}.batch-drop-zone.dragging{border-color:#3b82f6;background:#dbeafe;border-style:solid}.drop-zone-content{pointer-events:none}.drop-zone-icon{font-size:48px;display:block;margin-bottom:12px}.drop-zone-text{margin:0 0 8px;font-size:16px;font-weight:500;color:#374151}.drop-zone-hint{font-size:12px;color:#6b7280}.batch-stats-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:12px 16px;background:#f3f4f6;border-radius:8px}.stats-progress{display:flex;align-items:center;gap:12px;flex:1}.stats-progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;max-width:200px}.stats-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease}.stats-text{font-size:13px;color:#374151;font-weight:500;white-space:nowrap}.stats-actions{display:flex;gap:8px}.stats-action{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.stats-action.retry-all{background:#dc2626;color:#fff;border:none}.stats-action.retry-all:hover{background:#b91c1c}.stats-action.clear{background:transparent;border:1px solid #e5e7eb;color:#6b7280}.stats-action.clear:hover{background:#e5e7eb;color:#374151}.batch-file-list{margin-top:16px;display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.batch-upload-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.batch-upload-item.uploading,.batch-upload-item.processing{border-color:#3b82f6;background:#eff6ff}.batch-upload-item.complete{border-color:#10b981;background:#ecfdf5}.batch-upload-item.error{border-color:#ef4444;background:#fef2f2}.batch-upload-item.cancelled{border-color:#9ca3af;background:#f3f4f6;opacity:.7}.item-icon{font-size:24px;flex-shrink:0}.item-content{flex:1;min-width:0}.item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.item-name{font-weight:500;color:#111827;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-size{font-size:12px;color:#6b7280;flex-shrink:0}.item-progress-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:4px}.item-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;transition:width .3s ease;animation:progress-pulse 2s ease-in-out infinite}.item-status{display:flex;align-items:center;gap:8px}.status-label{font-size:12px;color:#6b7280}.status-label.uploading,.status-label.processing{color:#2563eb}.status-label.complete{color:#059669}.status-label.error{color:#dc2626}.error-text{font-size:11px;color:#dc2626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.item-actions{display:flex;gap:4px;flex-shrink:0}.action-btn{background:transparent;border:none;padding:6px;cursor:pointer;border-radius:4px;font-size:14px;transition:background-color .2s}.action-btn:hover{background:#0000000d}.action-btn.retry:hover{background:#fee2e2}.action-btn.cancel:hover{background:#fef3c7}.action-btn.remove:hover{background:#fee2e2}.batch-empty-state{text-align:center;padding:24px;color:#6b7280;font-size:14px}@media (prefers-color-scheme: dark){.batch-upload-manager{background:#1f2937;border-color:#374151}.batch-drop-zone{border-color:#4b5563;background:#374151}.batch-drop-zone:hover{border-color:#3b82f6;background:#1e3a5f}.batch-drop-zone.dragging{background:#1e40af}.drop-zone-text{color:#f9fafb}.drop-zone-hint{color:#9ca3af}.batch-stats-bar{background:#374151}.stats-progress-bar{background:#4b5563}.stats-text{color:#d1d5db}.stats-action.clear{border-color:#4b5563;color:#9ca3af}.stats-action.clear:hover{background:#4b5563;color:#d1d5db}.batch-upload-item{background:#374151;border-color:#4b5563}.batch-upload-item.uploading,.batch-upload-item.processing{background:#1e3a5f;border-color:#3b82f6}.batch-upload-item.complete{background:#064e3b;border-color:#10b981}.batch-upload-item.error{background:#450a0a;border-color:#ef4444}.item-name{color:#f9fafb}.item-size{color:#9ca3af}.item-progress-bar{background:#4b5563}.status-label,.batch-empty-state{color:#9ca3af}}@media (max-width: 768px){.batch-drop-zone{padding:24px 16px}.drop-zone-icon{font-size:36px}.drop-zone-text{font-size:14px}.batch-stats-bar{flex-direction:column;gap:12px}.stats-progress{width:100%}.stats-progress-bar{max-width:none}.stats-actions{width:100%;justify-content:flex-end}.item-header{flex-direction:column;align-items:flex-start;gap:2px}.item-size{font-size:11px}.error-text{max-width:100px}}.content-detection-modal__overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.content-detection-modal{position:relative;background-color:#fff;border-radius:.75rem;box-shadow:0 20px 60px #00000026;max-width:480px;width:90%;padding:var(--space-8);animation:slideUp .3s ease}.content-detection-modal__icon{font-size:48px;text-align:center;margin-bottom:var(--space-4)}.content-detection-modal__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center;margin-bottom:var(--space-2)}.content-detection-modal__description{font-size:var(--text-base);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.content-detection-modal__equation-count{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--eduq-blue);text-align:center;margin-bottom:var(--space-2)}.content-detection-modal__equation-label{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-6)}.content-detection-modal__actions{display:flex;flex-direction:column;gap:var(--space-3)}.content-detection-modal__primary-btn{width:100%;padding:var(--space-4);border-radius:.5rem;background-color:var(--eduq-blue);color:#fff;border:none;cursor:pointer;font-weight:var(--font-semibold);font-size:var(--text-base);transition:background-color .2s ease}.content-detection-modal__primary-btn:hover{background-color:var(--eduq-blue-hover)}.content-detection-modal__primary-btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.content-detection-modal__secondary-btn{width:100%;padding:var(--space-3);border-radius:.5rem;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;font-size:var(--text-sm);transition:all .2s ease}.content-detection-modal__secondary-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.content-detection-modal__close-btn{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:var(--text-xl);padding:var(--space-1)}.content-detection-modal__close-btn:hover{color:var(--text-primary)}.content-detection-modal__close-btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.content-detection-modal--grade-k2 .content-detection-modal__title{font-size:var(--text-2xl)}.content-detection-modal--grade-k2 .content-detection-modal__description{font-size:var(--text-lg)}.content-detection-modal--grade-k2 .content-detection-modal__primary-btn{min-height:56px;font-size:var(--text-lg)}.content-detection-modal--grade-k2 .content-detection-modal__secondary-btn{min-height:56px;font-size:var(--text-base)}@media (prefers-reduced-motion: reduce){.content-detection-modal__overlay,.content-detection-modal{animation:none}}.document-analysis-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin:16px 0}.analysis-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.analysis-header h3{margin:0 0 8px;color:#111827;font-size:20px;font-weight:600}.document-info{display:flex;align-items:center;gap:12px;font-size:14px}.document-name{color:#374151;font-weight:500}.document-type{color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:12px;text-transform:uppercase}.no-document{text-align:center;padding:48px 24px;color:#6b7280}.no-document-icon{font-size:48px;display:block;margin-bottom:16px}.analysis-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:16px}.error-icon{font-size:16px}.analysis-features{display:flex;flex-direction:column;gap:16px}.analysis-feature{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.feature-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb}.feature-info{display:flex;align-items:center;gap:12px;flex:1}.feature-icon{font-size:24px}.feature-text h4{margin:0 0 4px;color:#111827;font-size:16px;font-weight:600}.feature-text p{margin:0;color:#6b7280;font-size:14px}.analyze-button{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.analyze-button:hover:not(:disabled){background:#2563eb}.analyze-button:disabled{background:#9ca3af;cursor:not-allowed}.feature-results{padding:16px;background:#fff;border-top:1px solid #e5e7eb}.analysis-result h4{margin:0 0 16px;color:#111827;font-size:16px;font-weight:600}.summary-text{color:#374151;line-height:1.6;margin-bottom:16px}.key-points h5,.recommendations h5,.objectives-section h5,.skills-section h5,.assessments-section h5{margin:0 0 8px;color:#111827;font-size:14px;font-weight:600}.key-points ul,.recommendations ul,.objectives-section ul{margin:0;padding-left:20px;color:#374151}.key-points li,.recommendations li,.objectives-section li{margin-bottom:4px}.assessment-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.metric{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f3f4f6;border-radius:6px}.metric-label{color:#6b7280;font-size:14px}.metric-value{color:#111827;font-weight:600;font-size:14px}.concepts-list{margin-bottom:16px}.concept-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;background:#f9fafb;border-radius:6px}.concept-name{color:#111827;font-weight:500}.concept-confidence{color:#059669;font-size:12px;font-weight:600}.topics{margin-top:16px}.topic-tags,.skill-tags,.assessment-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.topic-tag,.skill-tag,.assessment-tag{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.skill-tag{background:#dcfce7;color:#166534}.assessment-tag{background:#fef3c7;color:#92400e}.question-item{padding:16px;background:#f9fafb;border-radius:8px}.question-type{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:8px}.question-text{color:#111827;font-weight:500;margin-bottom:12px}.question-options{display:flex;flex-direction:column;gap:4px}.option{color:#374151;font-size:14px;padding:4px 0}.skills-section,.assessments-section{margin-top:16px}.analysis-progress{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#6b7280}.progress-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.document-analysis-panel{padding:16px;margin:8px 0}.feature-header{flex-direction:column;align-items:flex-start;gap:12px}.analyze-button{align-self:flex-end}.assessment-metrics{grid-template-columns:1fr}.metric,.concept-item{flex-direction:column;align-items:flex-start;gap:4px}}.extraction-status{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;margin-bottom:16px}.extraction-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:16px;flex-wrap:wrap}.retry-button{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;margin-left:auto}.retry-button:hover{background:#b91c1c}.dismiss-error{background:transparent;border:none;color:#991b1b;cursor:pointer;padding:4px 8px;font-size:16px;margin-left:auto}.dismiss-error:hover{color:#7f1d1d}.analyze-button.completed{background:#059669}.analyze-button.completed:hover:not(:disabled){background:#047857}.button-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:6px}.option.correct{color:#059669;font-weight:600}.option.correct:after{content:" ✓";color:#059669}.extracted-text-preview{margin-top:24px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.extracted-text-preview summary{padding:12px 16px;background:#f9fafb;cursor:pointer;font-size:14px;color:#6b7280;font-weight:500}.extracted-text-preview summary:hover{background:#f3f4f6}.extracted-text{padding:16px;margin:0;font-size:12px;line-height:1.5;color:#374151;background:#fff;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}@media (prefers-color-scheme: dark){.document-analysis-panel{background:#1f2937;border-color:#374151}.analysis-header{border-color:#374151}.analysis-header h3{color:#f9fafb}.document-name{color:#d1d5db}.document-type{background:#374151;color:#9ca3af}.feature-header{background:#374151}.feature-text h4{color:#f9fafb}.feature-text p{color:#9ca3af}.feature-results{background:#1f2937;border-color:#374151}.analysis-result h4{color:#f9fafb}.summary-text{color:#d1d5db}.metric{background:#374151}.metric-label{color:#9ca3af}.metric-value{color:#f9fafb}.concept-item,.question-item{background:#374151}.concept-name{color:#f9fafb}.extraction-status{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}.extraction-error{background:#450a0a;border-color:#dc2626;color:#fca5a5}.extracted-text-preview summary{background:#374151;color:#9ca3af}.extracted-text-preview summary:hover{background:#4b5563}.extracted-text{background:#1f2937;color:#d1d5db}}.document-error-item{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:12px}.document-error-item.file_too_large,.document-error-item.unsupported_format{background:#fffbeb;border-color:#fcd34d}.document-error-item.network_error,.document-error-item.timeout{background:#eff6ff;border-color:#93c5fd}.error-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.error-type-icon{font-size:24px;flex-shrink:0}.error-main{flex:1;min-width:0}.error-title{margin:0;font-size:16px;font-weight:600;color:#991b1b}.document-error-item.file_too_large .error-title,.document-error-item.unsupported_format .error-title{color:#92400e}.document-error-item.network_error .error-title,.document-error-item.timeout .error-title{color:#1e40af}.error-filename{display:block;font-size:12px;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-actions{display:flex;gap:8px;flex-shrink:0}.retry-button{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .2s}.retry-button:hover:not(:disabled){background:#b91c1c}.retry-button:disabled{background:#9ca3af;cursor:not-allowed}.retry-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.dismiss-button{background:transparent;border:1px solid #fecaca;color:#991b1b;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer}.dismiss-button:hover{background:#fee2e2}.error-message{margin:0 0 12px;font-size:14px;color:#374151;line-height:1.5}.toggle-details{background:transparent;border:none;color:#6b7280;font-size:12px;cursor:pointer;padding:4px 0}.toggle-details:hover{color:#374151}.error-suggestions{margin-top:12px;padding-top:12px;border-top:1px solid #fecaca}.error-suggestions h5{margin:0 0 8px;font-size:13px;font-weight:600;color:#374151}.error-suggestions ul{margin:0;padding-left:20px}.error-suggestions li{font-size:13px;color:#6b7280;margin-bottom:4px}.document-error-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px}.document-error-banner.file_too_large,.document-error-banner.unsupported_format{background:#fffbeb;border-color:#fcd34d}.document-error-banner.network_error,.document-error-banner.timeout{background:#eff6ff;border-color:#93c5fd}.banner-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.banner-icon{font-size:20px;flex-shrink:0}.banner-text{display:flex;flex-direction:column;gap:2px}.banner-text strong{font-size:14px;color:#991b1b}.banner-text span{font-size:13px;color:#6b7280}.banner-actions{display:flex;gap:8px;flex-shrink:0}.banner-retry{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer}.banner-retry:hover{background:#b91c1c}.banner-dismiss{background:transparent;border:none;color:#9ca3af;padding:6px;cursor:pointer;font-size:14px}.banner-dismiss:hover{color:#6b7280}.document-error-list{background:#fff;border:1px solid #fecaca;border-radius:12px;padding:16px;margin:16px 0}.error-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #fee2e2}.error-list-header h3{margin:0;font-size:16px;color:#991b1b}.error-list-actions{display:flex;gap:8px}.retry-all-button{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer}.retry-all-button:hover{background:#b91c1c}.dismiss-all-button{background:transparent;border:1px solid #e5e7eb;color:#6b7280;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.dismiss-all-button:hover{background:#f3f4f6}.error-list-items{max-height:400px;overflow-y:auto}.inline-document-error{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:13px}.inline-document-error.compact{padding:4px 8px;font-size:12px}.inline-error-icon{font-size:14px}.inline-error-text{color:#991b1b}.inline-retry{background:#dc2626;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer}.inline-retry:hover{background:#b91c1c}@media (prefers-color-scheme: dark){.document-error-item{background:#450a0a;border-color:#dc2626}.document-error-item.file_too_large,.document-error-item.unsupported_format{background:#451a03;border-color:#d97706}.document-error-item.network_error,.document-error-item.timeout{background:#1e3a5f;border-color:#3b82f6}.error-title{color:#fca5a5}.document-error-item.file_too_large .error-title,.document-error-item.unsupported_format .error-title{color:#fcd34d}.document-error-item.network_error .error-title,.document-error-item.timeout .error-title{color:#93c5fd}.error-message{color:#d1d5db}.error-suggestions{border-color:#7f1d1d}.error-suggestions h5{color:#d1d5db}.error-suggestions li{color:#9ca3af}.document-error-banner{background:#450a0a;border-color:#dc2626}.banner-text strong{color:#fca5a5}.banner-text span{color:#9ca3af}.document-error-list{background:#1f2937;border-color:#dc2626}.error-list-header{border-color:#7f1d1d}.error-list-header h3{color:#fca5a5}.inline-document-error{background:#450a0a;border-color:#dc2626}.inline-error-text{color:#fca5a5}}@media (max-width: 768px){.error-header{flex-wrap:wrap}.error-actions{width:100%;margin-top:8px}.retry-button{flex:1;justify-content:center}.document-error-banner{flex-direction:column;gap:12px;align-items:flex-start}.banner-actions{width:100%}.banner-retry{flex:1;text-align:center}.error-list-header{flex-direction:column;gap:12px;align-items:flex-start}.error-list-actions{width:100%}.retry-all-button,.dismiss-all-button{flex:1;text-align:center}}.document-history{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.history-header h3{margin:0;font-size:18px;color:#111827}.refresh-button{background:transparent;border:1px solid #e5e7eb;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.refresh-button:hover:not(:disabled){background:#f3f4f6}.history-filters{margin-bottom:16px}.search-box{position:relative;margin-bottom:12px}.search-box input{width:100%;padding:10px 36px 10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.search-box input:focus{border-color:#3b82f6}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;font-size:12px}.clear-search:hover{color:#6b7280}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{background:#f3f4f6;border:1px solid #e5e7eb;padding:6px 12px;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#e5e7eb}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.history-error{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;color:#991b1b;font-size:14px}.history-error button{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.history-error button:hover{background:#b91c1c}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;text-align:center}.history-empty p{margin:0 0 16px;font-size:14px}.clear-filters{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer}.clear-filters:hover{background:#2563eb}.history-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.document-history-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.document-history-item:hover{background:#f3f4f6;border-color:#e5e7eb}.document-history-item.selected{background:#eff6ff;border-color:#3b82f6}.history-item-icon{font-size:28px;flex-shrink:0}.history-item-content{flex:1;min-width:0}.history-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.history-item-name{font-weight:500;color:#111827;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-status{font-size:11px;padding:2px 8px;border-radius:4px;flex-shrink:0}.status-analyzed{background:#dcfce7;color:#166534}.status-extracted{background:#dbeafe;color:#1e40af}.status-processing{background:#fef3c7;color:#92400e}.status-failed{background:#fee2e2;color:#991b1b}.status-uploaded{background:#f3f4f6;color:#6b7280}.history-item-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.meta-separator{color:#d1d5db}.meta-item.subject{background:#e0e7ff;color:#4338ca;padding:1px 6px;border-radius:3px}.history-item-delete{background:transparent;border:none;padding:8px;cursor:pointer;opacity:0;transition:opacity .2s;font-size:14px}.document-history-item:hover .history-item-delete{opacity:1}.history-item-delete:hover{background:#fee2e2;border-radius:4px}.load-more-button{width:100%;padding:12px;margin-top:12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.load-more-button:hover:not(:disabled){background:#e5e7eb}.load-more-button:disabled{opacity:.5;cursor:not-allowed}.history-footer{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.document-count{font-size:12px;color:#6b7280}@media (prefers-color-scheme: dark){.document-history{background:#1f2937;border-color:#374151}.history-header{border-color:#374151}.history-header h3{color:#f9fafb}.refresh-button{border-color:#4b5563;color:#d1d5db}.refresh-button:hover:not(:disabled){background:#374151}.search-box input{background:#374151;border-color:#4b5563;color:#f9fafb}.search-box input::placeholder{color:#9ca3af}.filter-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.filter-btn:hover{background:#4b5563}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.history-error{background:#450a0a;border-color:#dc2626;color:#fca5a5}.history-loading,.history-empty{color:#9ca3af}.loading-spinner{border-color:#4b5563;border-top-color:#3b82f6}.document-history-item{background:#374151}.document-history-item:hover{background:#4b5563;border-color:#6b7280}.document-history-item.selected{background:#1e3a5f;border-color:#3b82f6}.history-item-name{color:#f9fafb}.history-item-meta{color:#9ca3af}.meta-separator{color:#6b7280}.load-more-button{background:#374151;border-color:#4b5563;color:#d1d5db}.load-more-button:hover:not(:disabled){background:#4b5563}.history-footer{border-color:#374151}.document-count{color:#9ca3af}}@media (max-width: 768px){.filter-buttons{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-btn{flex-shrink:0}.history-item-header{flex-direction:column;align-items:flex-start;gap:4px}.history-item-meta{flex-wrap:wrap}.history-item-delete{opacity:1}}.document-list{background:var(--bg-primary, #ffffff);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.document-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.document-list-header h3{margin:0;font-size:1.125rem;color:var(--text-primary, #2d3748)}.sort-controls{display:flex;align-items:center;gap:.5rem}.sort-controls label{font-size:.875rem;color:var(--text-secondary, #718096)}.sort-select{padding:.375rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #2d3748);font-size:.875rem;cursor:pointer;transition:all .2s}.sort-select:hover{border-color:var(--accent-color, #4299e1)}.sort-select:focus{outline:none;border-color:var(--accent-color, #4299e1);box-shadow:0 0 0 3px #4299e11a}.document-items{display:flex;flex-direction:column;gap:.75rem}.document-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary, #f7fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .2s}.document-item:hover{background:var(--bg-hover, #edf2f7);border-color:var(--accent-color, #4299e1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.document-item:focus{outline:2px solid var(--accent-color, #4299e1);outline-offset:2px}.document-icon{font-size:2rem;line-height:1;flex-shrink:0}.document-name{font-weight:600;color:var(--text-primary, #2d3748);font-size:.9375rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary, #718096);margin-bottom:.5rem}.meta-item{white-space:nowrap}.meta-separator{color:var(--border-color, #cbd5e0)}.document-topics{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.topic-tag{display:inline-block;padding:.125rem .5rem;background:var(--accent-color-light, #bee3f8);color:var(--accent-color-dark, #2c5282);border-radius:12px;font-size:.75rem;font-weight:500}.topic-tag.more{background:var(--bg-hover, #e2e8f0);color:var(--text-secondary, #718096)}.document-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea4d}.badge-icon{font-size:1rem;line-height:1}.document-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--bg-secondary, #f7fafc);border-radius:12px;border:2px dashed var(--border-color, #cbd5e0)}.document-list-empty p{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary, #2d3748)}.document-list-empty small{color:var(--text-secondary, #718096);font-size:.875rem}@media (max-width: 640px){.document-list{padding:1rem}.document-list-header{flex-direction:column;align-items:flex-start;gap:1rem}.sort-controls{width:100%;justify-content:space-between}.document-item{padding:.75rem;gap:.75rem}.document-icon{font-size:1.5rem}.document-name{font-size:.875rem}.document-meta{font-size:.75rem;flex-wrap:wrap}.document-topics{gap:.25rem}.topic-tag{font-size:.6875rem;padding:.125rem .375rem}}@media (prefers-color-scheme: dark){.document-list{background:#2d3748}.document-list-header{border-bottom-color:#4a5568}.document-list-header h3{color:#e2e8f0}.sort-controls label{color:#a0aec0}.sort-select{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.sort-select:hover{border-color:#63b3ed}.document-item{background:#1a202c;border-color:#4a5568}.document-item:hover{background:#2d3748;border-color:#63b3ed}.document-name{color:#e2e8f0}.document-meta{color:#a0aec0}.meta-separator{color:#4a5568}.topic-tag{background:#2c5282;color:#bee3f8}.topic-tag.more{background:#4a5568;color:#a0aec0}.document-list-empty{background:#1a202c;border-color:#4a5568}.document-list-empty p{color:#e2e8f0}.document-list-empty small{color:#a0aec0}}.document-preview-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.document-preview-modal{background:var(--bg-primary, #ffffff);border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.preview-tabs{display:flex;gap:8px;margin:0 16px}.tab-button{background:none;border:1px solid var(--border-color, #e2e8f0);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-secondary, #718096)}.tab-button:hover{background:var(--bg-secondary, #f7fafc);color:var(--text-primary, #2d3748)}.tab-button.active{background:var(--accent-color, #4299e1);color:#fff;border-color:var(--accent-color, #4299e1)}.preview-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.analysis-content{flex:1;overflow-y:auto}.preview-header h2{margin:0;font-size:1.25rem;color:var(--text-primary, #2d3748);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-secondary, #718096);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s;flex-shrink:0;margin-left:1rem}.close-button:hover{color:var(--text-primary, #2d3748)}.preview-content{flex:1;overflow-y:auto;padding:1.5rem;min-height:200px}.preview-text pre{background:var(--bg-secondary, #f7fafc);padding:1rem;border-radius:8px;overflow-x:auto;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary, #2d3748);white-space:pre-wrap;word-wrap:break-word}.preview-image{display:flex;justify-content:center;align-items:center}.preview-image img{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.preview-pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.pdf-icon{font-size:4rem;margin-bottom:1rem}.pdf-info{color:var(--text-secondary, #718096);margin-top:.5rem}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary, #718096)}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.preview-metadata{padding:1.5rem;border-top:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f7fafc)}.preview-metadata h3{margin:0 0 1rem;font-size:1rem;color:var(--text-primary, #2d3748)}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.metadata-item{display:flex;flex-direction:column;gap:.25rem}.metadata-item.full-width{grid-column:1 / -1}.metadata-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #718096);text-transform:uppercase;letter-spacing:.05em}.metadata-value{font-size:.875rem;color:var(--text-primary, #2d3748);word-break:break-word}.metadata-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:var(--accent-color, #4299e1);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;width:fit-content}.metadata-badge.enhanced{background:linear-gradient(135deg,#667eea,#764ba2)}.preview-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color, #e2e8f0)}.delete-button{flex:1;padding:.75rem 1.5rem;background:var(--error-color, #f56565);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.delete-button:hover{background:var(--error-color-dark, #e53e3e);transform:translateY(-1px);box-shadow:0 4px 12px #f565654d}.delete-button.confirm{background:var(--error-color-dark, #c53030);animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.close-action-button{flex:1;padding:.75rem 1.5rem;background:var(--bg-secondary, #e2e8f0);color:var(--text-primary, #2d3748);border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.close-action-button:hover{background:var(--bg-hover, #cbd5e0);transform:translateY(-1px)}@media (max-width: 640px){.document-preview-overlay{padding:0}.document-preview-modal{max-height:100vh;border-radius:0}.preview-header{padding:1rem}.preview-header h2{font-size:1rem}.preview-content,.preview-metadata{padding:1rem}.metadata-grid{grid-template-columns:1fr}.preview-actions{flex-direction:column;padding:1rem}}@media (prefers-color-scheme: dark){.document-preview-modal{background:#2d3748}.preview-header{border-bottom-color:#4a5568}.preview-header h2{color:#e2e8f0}.close-button{color:#a0aec0}.close-button:hover{color:#e2e8f0}.preview-text pre{background:#1a202c;color:#e2e8f0}.preview-metadata{background:#1a202c;border-top-color:#4a5568}.preview-metadata h3{color:#e2e8f0}.metadata-label{color:#a0aec0}.metadata-value{color:#e2e8f0}.preview-actions{border-top-color:#4a5568}.close-action-button{background:#4a5568;color:#e2e8f0}.close-action-button:hover{background:#718096}}.document-progress-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;margin-bottom:8px;transition:all .3s ease}.document-progress-item.complete{border-color:#10b981;background:#ecfdf5}.document-progress-item.failed{border-color:#ef4444;background:#fef2f2}.progress-header{display:flex;align-items:center;gap:12px}.progress-icon{font-size:24px;flex-shrink:0}.file-name{display:block;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-label{display:block;font-size:12px;color:#6b7280;margin-top:2px}.dismiss-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px 8px;font-size:14px;border-radius:4px}.dismiss-btn:hover{background:#f3f4f6;color:#6b7280}.progress-bar-container{height:4px;background:#e5e7eb;border-radius:2px;margin-top:12px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;transition:width .3s ease;animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.progress-message{margin:8px 0 0;font-size:12px;color:#6b7280}.error-section{margin-top:12px;padding-top:12px;border-top:1px solid #fecaca}.error-message{margin:0 0 8px;font-size:13px;color:#dc2626}.retry-btn{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.complete-section{margin-top:8px}.complete-message{font-size:12px;color:#059669;font-weight:500}.document-progress-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:16px 0}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.panel-header h4{margin:0;font-size:16px;color:#111827}.clear-all-btn{background:transparent;border:1px solid #e5e7eb;color:#6b7280;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer}.clear-all-btn:hover{background:#f3f4f6;color:#374151}.progress-section{margin-bottom:16px}.progress-section:last-child{margin-bottom:0}.progress-section h5{margin:0 0 8px;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.document-progress-toast{position:fixed;bottom:24px;right:24px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:toast-slide-in .3s ease;max-width:320px}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.document-progress-toast.complete{border-color:#10b981}.document-progress-toast.failed{border-color:#ef4444}.toast-icon{font-size:20px;flex-shrink:0}.toast-filename{display:block;font-weight:500;color:#111827;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-stage{display:block;font-size:11px;color:#6b7280}.toast-progress{height:3px;background:#e5e7eb;border-radius:2px;margin-top:6px;overflow:hidden}.toast-progress-bar{height:100%;background:#3b82f6;border-radius:2px;transition:width .3s ease}.toast-dismiss{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;font-size:12px}.toast-dismiss:hover{color:#6b7280}.batch-upload-progress{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:16px 0}.batch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.batch-header h4{margin:0;font-size:14px;color:#111827}.batch-stats{font-size:12px;color:#6b7280}.failed-count{color:#dc2626}.batch-progress-bar-container{height:8px;background:#e5e7eb;border-radius:4px;margin-bottom:16px;overflow:hidden}.batch-progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .5s ease}.batch-documents{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.batch-doc-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:13px}.batch-doc-item.complete{background:#ecfdf5}.batch-doc-item.failed{background:#fef2f2}.batch-doc-icon{font-size:14px;flex-shrink:0}.batch-doc-name{flex:1;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-retry-btn{background:#fee2e2;color:#dc2626;border:none;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer}.batch-retry-btn:hover{background:#fecaca}@media (prefers-color-scheme: dark){.document-progress-item{background:#1f2937;border-color:#374151}.document-progress-item.complete{background:#064e3b;border-color:#10b981}.document-progress-item.failed{background:#450a0a;border-color:#ef4444}.file-name{color:#f9fafb}.stage-label{color:#9ca3af}.progress-bar-container{background:#374151}.document-progress-panel{background:#1f2937;border-color:#374151}.panel-header{border-color:#374151}.panel-header h4{color:#f9fafb}.document-progress-toast{background:#1f2937;border-color:#374151}.toast-filename{color:#f9fafb}.batch-upload-progress{background:#1f2937;border-color:#374151}.batch-header h4{color:#f9fafb}.batch-progress-bar-container,.batch-doc-item{background:#374151}.batch-doc-item.complete{background:#064e3b}.batch-doc-item.failed{background:#450a0a}.batch-doc-name{color:#d1d5db}}@media (max-width: 768px){.document-progress-toast{left:16px;right:16px;bottom:16px;max-width:none}.batch-documents{max-height:150px}}.document-upload-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0000001a}.upload-container-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:2px solid var(--border-color, #e2e8f0)}.upload-container-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #2d3748);display:flex;align-items:center;gap:.5rem}.header-actions{display:flex;gap:.75rem}.toggle-upload-button{padding:.5rem 1rem;background:var(--bg-secondary, #e2e8f0);color:var(--text-primary, #2d3748);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.toggle-upload-button:hover{background:var(--bg-hover, #cbd5e0)}.clear-all-button{padding:.5rem 1rem;background:var(--error-color, #f56565);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.clear-all-button:hover:not(:disabled){background:var(--error-color-dark, #e53e3e)}.clear-all-button:disabled{opacity:.5;cursor:not-allowed}.upload-error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--error-bg, #fff5f5);border:1px solid var(--error-color, #f56565);border-radius:8px;color:var(--error-color-dark, #c53030)}.error-icon{font-size:1.25rem;flex-shrink:0}.error-text{flex:1;font-size:.875rem;font-weight:500}.upload-zone-section{animation:slideDown .3s ease}.upload-progress-section{display:flex;flex-direction:column;gap:.75rem}.upload-progress-section h3{margin:0;font-size:1rem;color:var(--text-primary, #2d3748);font-weight:600}.document-list-section{animation:fadeIn .3s ease}.upload-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--bg-secondary, #f7fafc);border-radius:12px;border:2px dashed var(--border-color, #cbd5e0)}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.6;animation:float 3s ease-in-out infinite}.upload-empty-state h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary, #2d3748)}.upload-empty-state p{margin:0;font-size:.9375rem;color:var(--text-secondary, #718096);max-width:400px}.upload-stats-footer{display:flex;gap:2rem;padding:1rem;background:var(--bg-secondary, #f7fafc);border-radius:8px;border:1px solid var(--border-color, #e2e8f0)}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary, #718096);font-weight:500}.stat-value{font-size:.875rem;color:var(--text-primary, #2d3748);font-weight:700;padding:.25rem .5rem;background:var(--accent-color-light, #bee3f8);color:var(--accent-color-dark, #2c5282);border-radius:12px}@media (max-width: 640px){.document-upload-container{padding:1rem;gap:1rem}.upload-container-header{flex-direction:column;align-items:flex-start;gap:1rem}.upload-container-header h2{font-size:1.25rem}.header-actions{width:100%;flex-direction:column}.toggle-upload-button,.clear-all-button{width:100%}.upload-stats-footer{flex-direction:column;gap:.75rem}.stat-item{justify-content:space-between}}@media (prefers-color-scheme: dark){.document-upload-container{background:#2d3748}.upload-container-header{border-bottom-color:#4a5568}.upload-container-header h2{color:#e2e8f0}.toggle-upload-button{background:#4a5568;color:#e2e8f0}.toggle-upload-button:hover{background:#718096}.upload-error-banner{background:#742a2a;border-color:#f56565;color:#fc8181}.upload-progress-section h3{color:#e2e8f0}.upload-empty-state{background:#1a202c;border-color:#4a5568}.upload-empty-state h3{color:#e2e8f0}.upload-empty-state p{color:#a0aec0}.upload-stats-footer{background:#1a202c;border-color:#4a5568}.stat-label{color:#a0aec0}.stat-value{background:#2c5282;color:#bee3f8}}.document-upload-zone{border:2px dashed var(--border-color, #cbd5e0);border-radius:12px;padding:3rem 2rem;text-align:center;background:var(--bg-secondary, #f7fafc);cursor:pointer;transition:all .3s ease;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.document-upload-zone:hover:not(.disabled){border-color:var(--accent-color, #4299e1);background:var(--bg-hover, #edf2f7);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.document-upload-zone:focus{outline:2px solid var(--accent-color, #4299e1);outline-offset:2px}.document-upload-zone.dragging{border-color:var(--accent-color, #4299e1);background:var(--bg-dragging, #e6f7ff);border-style:solid;transform:scale(1.02)}.document-upload-zone.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.upload-icon{font-size:4rem;line-height:1;margin-bottom:.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.document-upload-zone.dragging .upload-icon{animation:bounce .5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.upload-content{display:flex;flex-direction:column;gap:.5rem}.upload-text-primary{font-size:1.125rem;font-weight:600;color:var(--text-primary, #2d3748);margin:0}.upload-text-secondary{font-size:1rem;color:var(--text-secondary, #718096);margin:0}.upload-text-dragging{font-size:1.25rem;font-weight:600;color:var(--accent-color, #4299e1);margin:0}.upload-link{color:var(--accent-color, #4299e1);text-decoration:underline;font-weight:500}.upload-link:hover{color:var(--accent-color-dark, #2b6cb0)}.language-selector-wrapper{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;padding:.5rem 1rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:.5rem;cursor:default}.language-selector-label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);white-space:nowrap;margin-bottom:0}.language-selector{padding:.375rem .5rem;border:1px solid var(--border-medium, #d1d5db);border-radius:.375rem;font-size:.875rem;color:var(--text-primary, #111827);background:var(--bg-primary, #ffffff);cursor:pointer;min-width:180px}.language-selector:focus{outline:none;border-color:var(--eduq-blue, #0066ff);box-shadow:0 0 0 3px #0066ff1a}.language-engine-hint{font-size:.75rem;color:var(--text-tertiary, #9ca3af);white-space:nowrap}.upload-info{margin-top:.5rem}.upload-info small{color:var(--text-muted, #a0aec0);font-size:.875rem}@media (max-width: 640px){.document-upload-zone{padding:2rem 1rem;min-height:150px}.upload-icon{font-size:3rem}.upload-text-primary{font-size:1rem}.upload-text-secondary{font-size:.875rem}}@media (prefers-color-scheme: dark){.document-upload-zone{border-color:#4a5568;background:#2d3748}.document-upload-zone:hover:not(.disabled){border-color:#63b3ed;background:#374151}.document-upload-zone.dragging{background:#2c5282}.upload-text-primary{color:#e2e8f0}.upload-text-secondary{color:#a0aec0}.upload-info small{color:#718096}.language-selector-wrapper{background:#374151;border-color:#4a5568}.language-selector-label{color:#a0aec0}.language-selector{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.language-engine-hint{color:#718096}}.floating-window .document-upload-zone{padding:var(--fw-compact-upload-padding);min-height:120px;gap:var(--fw-compact-gap)}.floating-window .upload-icon{font-size:var(--fw-compact-icon-size);margin-bottom:0}.floating-window .upload-text-primary{font-size:var(--font-size-sm)}.floating-window .upload-text-secondary{font-size:var(--font-size-xs)}.floating-window .language-selector-wrapper{padding:var(--space-xs) var(--space-sm);order:-1;margin-top:0;margin-bottom:.25rem}.floating-window .language-selector{height:28px;font-size:var(--font-size-xs)}.floating-window .language-selector-label{font-size:var(--font-size-xs)}@media (max-width: 640px){.floating-window .document-upload-zone{padding:.5rem}.floating-window .upload-icon{font-size:1.5rem}}.document-upload-zone.language-required{cursor:default}.document-upload-zone.language-required:hover:not(.disabled){transform:none;box-shadow:none}.upload-language-gate{padding:1rem;text-align:center}.upload-language-gate__text{font-size:1rem;color:var(--text-secondary, #718096);margin:0}@media (prefers-color-scheme: dark){.upload-language-gate__text{color:#a0aec0}}.document-usage-counter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.usage-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#374151}.usage-icon{font-size:16px}.usage-label{font-size:14px}.usage-status{font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.usage-status--success{background:#dcfce7;color:#166534}.usage-status--warning{background:#fef3c7;color:#92400e}.usage-status--danger{background:#fee2e2;color:#991b1b}.usage-progress{margin-bottom:12px}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill--success{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill--warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill--danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-text{font-size:12px;color:#6b7280;text-align:center}.usage-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500}.usage-warning--warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.usage-warning--danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.warning-icon{font-size:14px}.usage-unlimited{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1}.unlimited-icon{font-size:16px;font-weight:700}.unlimited-text{font-size:12px;font-weight:500}@media (max-width: 640px){.usage-header{flex-direction:column;align-items:flex-start;gap:8px}.usage-status{align-self:flex-end}.usage-warning,.usage-unlimited{flex-direction:column;text-align:center;gap:4px}}@media (prefers-color-scheme: dark){.document-usage-counter{background:#1f2937;border-color:#374151}.usage-title{color:#f9fafb}.progress-bar{background:#374151}.progress-text{color:#9ca3af}.usage-unlimited{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}}.floating-window:has(.floating-document-upload) .floating-window-content{overflow:auto;padding:var(--fw-compact-padding);display:flex;flex-direction:column}.floating-document-upload{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden}.upload-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;border:2px dashed var(--color-primary);border-radius:var(--radius-md);background-color:var(--color-background-secondary);cursor:pointer;transition:var(--transition-base);padding:var(--space-lg)}.upload-drop-zone:hover{border-color:var(--color-primary-hover);background-color:var(--color-gray-100)}.upload-drop-zone:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.upload-drop-zone.dragging{border-color:var(--color-secondary);background-color:var(--color-secondary-light);border-style:solid}.upload-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);transition:var(--transition-fast)}.upload-drop-zone.dragging .upload-icon{transform:scale(1.2)}.upload-text{text-align:center;margin-bottom:var(--space-md)}.upload-text-primary{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.upload-text-secondary{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.upload-text-dragging{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin:0}.upload-link{color:var(--color-primary);text-decoration:underline;cursor:pointer}.upload-link:hover{color:var(--color-primary-hover)}.upload-info{text-align:center}.upload-info small{font-size:var(--font-size-xs);color:var(--color-text-disabled)}.upload-progress-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-md)}.upload-spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.upload-status{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.progress-bar{width:100%;height:8px;background-color:var(--color-gray-200);border-radius:var(--radius-sm);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease;border-radius:var(--radius-sm)}.progress-percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}.upload-success{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-md)}.success-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);color:var(--color-secondary);background-color:var(--color-secondary-light);border-radius:var(--radius-full);animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-message{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin:0}.success-submessage{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.upload-error{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--radius-sm)}.error-message{font-size:var(--font-size-sm);color:var(--color-danger);margin:0}@media (max-width: 768px){.floating-document-upload{padding:var(--space-sm)}.upload-drop-zone{padding:var(--space-md)}.upload-icon{font-size:var(--font-size-3xl)}.upload-text-primary{font-size:var(--font-size-sm)}.upload-text-secondary{font-size:var(--font-size-xs)}}.floating-window .floating-document-upload{padding:0}.floating-window .upload-drop-zone{padding:var(--fw-compact-upload-padding)}.floating-window .success-icon{width:40px;height:40px;font-size:var(--font-size-2xl)}.floating-window .upload-spinner{width:32px;height:32px}@media (max-width: 768px){.floating-window .upload-drop-zone{padding:.5rem}}.upload-language-selector{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;margin-bottom:.25rem}.upload-language-label{font-size:var(--font-size-xs, .75rem);font-weight:500;color:var(--text-secondary, #6b7280);white-space:nowrap}.upload-language-select{flex:1;padding:.25rem .5rem;border:1px solid var(--border-medium, #d1d5db);border-radius:.375rem;font-size:var(--font-size-xs, .75rem);color:var(--text-primary, #111827);background:var(--bg-primary, #ffffff);cursor:pointer}.upload-language-select:focus{outline:none;border-color:var(--eduq-blue, #0066ff);box-shadow:0 0 0 2px #0066ff1a}.route-suggestion-card{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000001f;border-left:4px solid var(--eduq-blue);padding:var(--space-4, 1rem) var(--space-5, 1.25rem);margin-top:var(--space-3, .75rem);animation:toastSlideIn .25s ease-out;max-width:420px;width:100%}.route-suggestion-card__body{margin-bottom:var(--space-3, .75rem)}.route-suggestion-card__text{font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--text-primary, #111827);line-height:1.5}.route-suggestion-card__actions{display:flex;align-items:center;gap:var(--space-3, .75rem)}.route-suggestion-card__accept-btn{padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:.5rem;background-color:var(--eduq-blue);color:#fff;border:none;cursor:pointer;font-weight:var(--font-semibold, 600);font-size:var(--text-sm, .875rem);transition:background-color .2s ease;white-space:nowrap}.route-suggestion-card__accept-btn:hover{background-color:var(--eduq-blue-hover, #0052CC)}.route-suggestion-card__accept-btn:active{background-color:var(--eduq-blue-active, #003D99)}.route-suggestion-card__accept-btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.route-suggestion-card__dismiss-btn{padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:.5rem;background-color:transparent;color:var(--text-secondary, #6B7280);border:1px solid var(--border-medium, #D1D5DB);cursor:pointer;font-weight:var(--font-medium, 500);font-size:var(--text-sm, .875rem);transition:all .2s ease;white-space:nowrap}.route-suggestion-card__dismiss-btn:hover{color:var(--text-primary, #111827);border-color:var(--border-dark, #9CA3AF)}.route-suggestion-card__dismiss-btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){.route-suggestion-card{animation:none}}.upload-progress{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:1rem;margin:.5rem 0;transition:all .3s ease}.upload-progress.completed{border-color:var(--success-color, #48bb78);background:var(--success-bg, #f0fff4)}.upload-progress.error{border-color:var(--error-color, #f56565);background:var(--error-bg, #fff5f5)}.progress-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.progress-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.progress-info{flex:1;min-width:0}.progress-filename{font-weight:600;color:var(--text-primary, #2d3748);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-status{font-size:.75rem;color:var(--text-secondary, #718096);margin-top:.25rem}.progress-percentage{font-weight:700;color:var(--accent-color, #4299e1);font-size:1rem;flex-shrink:0}.upload-progress.completed .progress-percentage{color:var(--success-color, #48bb78)}.upload-progress.error .progress-percentage{color:var(--error-color, #f56565)}.progress-bar-container{width:100%;height:8px;background:var(--progress-bg, #e2e8f0);border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--accent-color, #4299e1);border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.upload-progress.completed .progress-bar-fill{background:var(--success-color, #48bb78)}.upload-progress.error .progress-bar-fill{background:var(--error-color, #f56565)}.upload-progress.uploading .progress-bar-fill,.upload-progress.processing .progress-bar-fill,.upload-progress.analyzing .progress-bar-fill{background:linear-gradient(90deg,var(--accent-color, #4299e1) 0%,var(--accent-color-light, #63b3ed) 50%,var(--accent-color, #4299e1) 100%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-error{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem;background:var(--error-bg-light, #fed7d7);border-radius:4px}.error-icon{font-size:1rem;flex-shrink:0}.error-message{font-size:.875rem;color:var(--error-color, #c53030);flex:1}@media (max-width: 640px){.upload-progress{padding:.75rem}.progress-header{gap:.5rem}.progress-icon{font-size:1.25rem}.progress-filename{font-size:.8125rem}.progress-percentage{font-size:.875rem}}@media (prefers-color-scheme: dark){.upload-progress{background:#2d3748;border-color:#4a5568}.upload-progress.completed{background:#1a3a2a;border-color:#48bb78}.upload-progress.error{background:#3a1a1a;border-color:#f56565}.progress-filename{color:#e2e8f0}.progress-status{color:#a0aec0}.progress-bar-container{background:#4a5568}.progress-error{background:#742a2a}.error-message{color:#fc8181}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes timerShrink{0%{width:100%}to{width:0%}}.confirmation-toast{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000001f;border-left:4px solid var(--eduq-blue);padding:var(--space-4) var(--space-5);animation:toastSlideIn .25s ease-out;position:relative;overflow:hidden;max-width:420px;width:100%}.confirmation-toast__timer-bar{position:absolute;bottom:0;left:0;height:3px;background-color:var(--eduq-blue);opacity:.4;animation:timerShrink linear forwards}.confirmation-toast__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.confirmation-toast__detected-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.confirmation-toast__native-label{color:var(--eduq-blue);font-weight:var(--font-bold)}.confirmation-toast__dismiss-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:var(--text-lg);padding:var(--space-1);line-height:1;border-radius:.25rem;transition:color .15s ease}.confirmation-toast__dismiss-btn:hover{color:var(--text-primary)}.confirmation-toast__dismiss-btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.confirmation-toast__low-confidence-msg{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-3)}.confirmation-toast__actions{display:flex;align-items:center;gap:var(--space-3)}.confirmation-toast__confirm-btn{padding:var(--space-2) var(--space-4);border-radius:.5rem;background-color:var(--eduq-blue);color:#fff;border:none;cursor:pointer;font-weight:var(--font-semibold);font-size:var(--text-sm);transition:background-color .2s ease;white-space:nowrap}.confirmation-toast__confirm-btn:hover{background-color:var(--eduq-blue-hover)}.confirmation-toast__confirm-btn:active{background-color:var(--eduq-blue-active)}.confirmation-toast__confirm-btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.confirmation-toast__correction-select{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border-medium);border-radius:.5rem;font-size:var(--text-sm);color:var(--text-primary);background-color:#fff;cursor:pointer;transition:border-color .2s ease;min-width:0}.confirmation-toast__correction-select:focus{outline:none;border-color:var(--eduq-blue);box-shadow:0 0 0 3px #0066ff1a}@media (prefers-reduced-motion: reduce){.confirmation-toast,.confirmation-toast__timer-bar{animation:none}.confirmation-toast__timer-bar{display:none}}.app-header{height:64px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1rem}.menu-button{width:40px;height:40px;border:none;background:none;color:#2d3748;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:50}.menu-button:hover{background:#f7fafc;color:#667eea;transform:translate(2px)}.menu-button:active{background:#edf2f7;transform:scale(.95) translate(2px)}.menu-button:focus{outline:2px solid #667eea;outline-offset:2px}.menu-button svg{transition:transform .2s ease}.menu-button:hover svg{transform:translate(1px)}.header-logo{display:flex;align-items:center;gap:.75rem;font-size:18px;font-weight:700;color:#2d3748}.logo-image{width:32px;height:32px;object-fit:contain}.logo-fallback{width:32px;height:32px}.new-chat-button{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-left:1rem}.new-chat-button:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.new-chat-button:active{transform:translateY(0)}.new-chat-text{display:inline}.header-right{display:flex;align-items:center;gap:1rem}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border:none;background:none;cursor:pointer;border-radius:8px;transition:all .3s ease;position:relative}.user-button:hover{background:#f7fafc}.user-button:focus{outline:2px solid #667eea;outline-offset:2px}.user-avatar{width:32px;height:32px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-name{font-size:14px;font-weight:600;color:#2d3748}.dropdown-arrow{transition:transform .3s ease;color:#718096}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:.5rem;z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:none;color:#2d3748;font-size:14px;cursor:pointer;border-radius:6px;transition:all .3s ease;text-align:left}.dropdown-item:hover{background:#f7fafc}.dropdown-divider{height:1px;background:#e2e8f0;margin:.5rem 0}.dropdown-language-section{padding:.5rem 0}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:200;animation:fadeIn .3s ease}.app-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;z-index:300;transition:left .3s ease;display:flex;flex-direction:column}.app-sidebar.open{left:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.sidebar-header h2{font-size:18px;font-weight:700;color:#2d3748}.close-button{width:32px;height:32px;border:none;background:none;color:#718096;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button:hover{background:#f7fafc;color:#2d3748}.sidebar-nav{flex:1;padding:1rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#718096;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease;margin-bottom:.5rem}.nav-item:hover{background:#f7fafc;color:#667eea}.nav-item.active{background:#eef2ff;color:#667eea}.nav-item.colorful{background:linear-gradient(135deg,#f0f9ff,#fef3c7);border:1px solid #e0e7ff;transition:all .3s ease}.nav-item.colorful:hover{background:linear-gradient(135deg,#dbeafe,#fde68a);border-color:#c7d2fe;transform:translate(4px);box-shadow:0 2px 8px #3b82f626}.nav-item.colorful.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f6;color:#fff}.nav-item.colorful.active:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}.nav-item.colorful svg rect,.nav-item.colorful svg circle,.nav-item.colorful svg polygon{transition:all .3s ease}.nav-item.colorful.active svg rect[fill="#10B981"],.nav-item.colorful.active svg circle[stroke="#10B981"]{fill:#34d399;stroke:#34d399}.nav-item.colorful.active svg rect[stroke="#3B82F6"]{stroke:#fff}.sidebar-footer{padding:1.5rem;border-top:1px solid #e2e8f0;text-align:center}.footer-text{font-size:12px;color:#a0aec0}.app-footer{background:#fff;border-top:1px solid #e2e8f0;padding:1.5rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-content p{font-size:14px;color:#718096}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:14px;color:#718096;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#667eea}@media (max-width: 768px){.app-header{padding:0 1rem}.header-logo span,.user-name,.new-chat-text{display:none}.new-chat-button{padding:.375rem;margin-left:.5rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-links{flex-direction:column;gap:.5rem}}@media (min-width: 1024px){.menu-button{display:none}.app-sidebar{left:0;position:relative}.sidebar-overlay,.sidebar-header{display:none}}.module-navigation{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:64px;z-index:90}.breadcrumb-navigation{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.breadcrumb-item{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;text-decoration:none;border:none;background:none;cursor:pointer}.breadcrumb-item.home:hover{background:#e2e8f0;color:#475569}.breadcrumb-item.current{color:#1e293b;font-weight:500;cursor:default}.breadcrumb-separator{color:#94a3b8;font-size:.75rem}.breadcrumb-icon,.breadcrumb-text{font-size:.875rem}.module-buttons{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.module-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:#475569;text-decoration:none;min-width:120px;justify-content:center}.module-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155;transform:translateY(-1px)}.module-button.active{background:#667eea;border-color:#667eea;color:#fff;font-weight:500}.module-button.active:hover{background:#5a67d8;border-color:#5a67d8;transform:translateY(-1px)}.module-icon{font-size:1rem}.module-name{font-size:.875rem;font-weight:500}.current-module-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:200px}.current-module-icon{font-size:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:6px}.current-module-info{display:flex;flex-direction:column;gap:.125rem}.current-module-name{font-size:.875rem;font-weight:600;color:#1e293b}.current-module-description{font-size:.75rem;color:#64748b}.module-layout{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.module-layout-navigation{flex-shrink:0}.module-layout-body{flex:1;display:flex;position:relative}.module-layout-sidebar{flex-shrink:0;width:280px;background:#fff;border-right:1px solid #e2e8f0}.module-layout-content{flex:1;padding:1.5rem;transition:margin-left .3s ease;background:#fff;margin:1rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.module-layout-content.sidebar-open{margin-left:0}@media (max-width: 768px){.module-navigation{flex-direction:column;gap:.75rem;padding:.75rem 1rem}.breadcrumb-navigation{order:2}.module-buttons{order:1;flex-wrap:wrap;justify-content:flex-start}.current-module-indicator{order:3;min-width:auto;width:100%}.module-button{min-width:auto;flex:1;min-width:100px}.module-layout-sidebar{position:absolute;top:0;left:-280px;height:100%;z-index:80;transition:left .3s ease}.module-layout-sidebar.open{left:0}.module-layout-content{margin:.5rem;padding:1rem}}@media (max-width: 480px){.module-navigation{padding:.5rem}.module-buttons{gap:.25rem}.module-button{padding:.375rem .5rem;font-size:.75rem;min-width:80px}.module-icon{font-size:.875rem}.current-module-indicator{padding:.375rem}.current-module-name{font-size:.75rem}.current-module-description{font-size:.625rem}}.math-visual-page,.chinese-writing-page,.worksheet-generator-page{min-height:100vh}.math-visual-page-content,.chinese-writing-page-content,.worksheet-generator-page-content{display:flex;flex-direction:column;gap:1.5rem;height:100%}.page-header{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.page-title{display:flex;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:700;color:#1e293b;margin:0}.page-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.page-description{font-size:1rem;color:#64748b;margin:0;line-height:1.6}.math-visual-container,.chinese-writing-container,.worksheet-generator-container{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;min-height:500px;display:flex;flex-direction:column}.page-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:140px;justify-content:center}.action-button.primary{background:#667eea;color:#fff}.action-button.primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.action-button.secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.action-button.secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.page-title{font-size:1.5rem}.page-icon{width:40px;height:40px;font-size:1.5rem}.math-visual-container,.chinese-writing-container,.worksheet-generator-container{padding:1rem;min-height:400px}.page-actions{flex-direction:column;gap:.75rem}.action-button{width:100%;min-width:auto}}@media (max-width: 480px){.page-header{gap:.375rem}.page-title{font-size:1.25rem;gap:.5rem}.page-icon{width:32px;height:32px;font-size:1.25rem}.page-description{font-size:.875rem}.math-visual-container,.chinese-writing-container,.worksheet-generator-container{padding:.75rem;min-height:300px}.action-button{padding:.625rem 1rem;font-size:.75rem}}.context-indicators{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;position:relative}.context-indicators:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0ea5e9,#06b6d4);border-radius:8px 8px 0 0}.context-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#0f172a;animation:slideInFromTop .3s ease-out}.indicator-icon{font-size:1rem;color:#0ea5e9;flex-shrink:0}.indicator-text{flex:1;line-height:1.4}.recommendations-panel{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#fefce8,#fef3c7);border:1px solid #fde047;border-radius:8px;position:relative}.recommendations-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#eab308,#f59e0b);border-radius:8px 8px 0 0}.recommendations-title{font-size:1rem;font-weight:600;color:#0f172a;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.recommendations-title:before{content:"💡";font-size:1.125rem}.recommendation-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#0f172a;line-height:1.4;animation:slideInFromLeft .3s ease-out;animation-delay:calc(var(--index, 0) * .1s)}.recommendation-icon{font-size:1rem;color:#f59e0b;margin-top:.1rem;flex-shrink:0}.recommendation-text{flex:1}.learning-progress{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;position:relative}.learning-progress:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:12px 12px 0 0}.progress-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.progress-title:before{content:"📊";font-size:1.25rem}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2)}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-value{font-size:1.5rem;font-weight:700;color:#667eea;margin-bottom:.25rem;animation:countUp .6s ease-out}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.action-button.tertiary{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed;border:1px solid #c4b5fd}.action-button.tertiary:hover:not(:disabled){background:linear-gradient(135deg,#e9d5ff,#ddd6fe);border-color:#a78bfa;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed33}.context-loading{display:flex;align-items:center;gap:.5rem;padding:1rem;color:#64748b;font-size:.875rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem}.context-loading:before{content:"";width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.context-indicators,.recommendations-panel,.learning-progress{margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:none;border-right:none}.context-indicators:before,.recommendations-panel:before,.learning-progress:before{border-radius:0}.progress-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.stat-item{padding:.75rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.625rem}}@media (max-width: 480px){.context-indicators,.recommendations-panel{padding:.75rem}.learning-progress{padding:1rem}.progress-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-item{padding:.5rem}.stat-value,.progress-title{font-size:1rem}.recommendations-title{font-size:.875rem}}@media (prefers-color-scheme: dark){.context-indicators{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#334155;color:#e2e8f0}.recommendations-panel{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#4c1d95;color:#e2e8f0}.learning-progress{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#047857;color:#e2e8f0}.stat-item{background:#1e293b;border-color:#334155;color:#e2e8f0}.context-loading{background:#1e293b;border-color:#334155;color:#94a3b8}}@media (prefers-contrast: high){.context-indicators,.recommendations-panel,.learning-progress,.stat-item{border-width:2px}.indicator-icon,.recommendation-icon{font-weight:700}}@media (prefers-reduced-motion: reduce){.context-indicator,.recommendation-item,.stat-item,.stat-value{animation:none}.stat-item:hover{transform:none}.action-button:hover:not(:disabled){transform:none}.context-loading:before{animation:none;border-top-color:#667eea}}.streak-at-risk-banner{position:sticky;top:0;z-index:101;background:transparent;padding:.5rem 1rem 0}.streak-at-risk-banner+.minimal-header{position:sticky;top:0;z-index:100}.minimal-header{height:48px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;position:sticky;top:0;z-index:100;box-sizing:border-box}.minimal-header-left{display:flex;align-items:center;gap:.75rem}.minimal-header-logo{display:flex;align-items:center;gap:.5rem}.minimal-logo-image{width:28px;height:28px;object-fit:contain}.minimal-logo-fallback{width:28px;height:28px}.minimal-header-title{font-size:16px;font-weight:700;color:#2d3748;white-space:nowrap}.minimal-header-right{display:flex;align-items:center;gap:.75rem}.minimal-header-controls{display:flex;align-items:center;gap:.375rem;flex-shrink:0;max-width:280px;z-index:50}.minimal-header-streak{display:flex;align-items:center;flex-shrink:0}.minimal-header-streak .learning-streak-indicator.compact{margin-bottom:0;height:28px;align-items:center;padding:4px 8px;font-size:11px;border-radius:6px;min-width:60px;max-width:80px}.minimal-header-streak .learning-streak-indicator.compact .streak-icon{font-size:14px}.minimal-header-streak .learning-streak-indicator.compact .streak-number{font-size:12px;font-weight:600}.minimal-header-streak .learning-streak-indicator.compact .streak-label{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minimal-header-mode-selector{display:flex;align-items:center;flex-shrink:0;z-index:50}.minimal-header-mode-selector .mode-selector{margin-bottom:0}.minimal-user-menu{position:relative;z-index:1001}.minimal-user-button{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:none;background:none;cursor:pointer;border-radius:8px;transition:all .2s ease;min-height:44px}.minimal-user-button:hover{background:#f7fafc}.minimal-user-button:focus{outline:2px solid #667eea;outline-offset:2px}.minimal-user-button:focus:not(:focus-visible){outline:none}.minimal-user-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.minimal-user-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.minimal-user-name{font-size:14px;font-weight:500;color:#2d3748;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minimal-dropdown-arrow{transition:transform .2s ease;color:#718096;flex-shrink:0}.minimal-dropdown-arrow.open{transform:rotate(180deg)}.minimal-user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:.5rem;z-index:1000;animation:minimalDropdownFadeIn .2s ease}@keyframes minimalDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.minimal-dropdown-item{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem;border:none;background:none;color:#2d3748;font-size:14px;cursor:pointer;border-radius:6px;transition:all .2s ease;text-align:left;min-height:44px}.minimal-dropdown-item:hover{background:#f7fafc}.minimal-dropdown-item:focus{outline:2px solid #667eea;outline-offset:-2px}.minimal-dropdown-item:focus:not(:focus-visible){outline:none}.minimal-dropdown-item:focus-visible{outline:2px solid #667eea;outline-offset:-2px}.minimal-dropdown-divider{height:1px;background:#e2e8f0;margin:.5rem 0}.minimal-dropdown-language-section{padding:.5rem 0}.minimal-dropdown-language-switcher,.minimal-dropdown-language-section .language-switcher{width:100%}.minimal-dropdown-language-section .language-dropdown{max-height:300px;overflow-y:auto}@media (max-width: 1024px){.minimal-header{padding:0 .75rem}.streak-at-risk-banner{padding:.5rem .75rem 0}}@media (max-width: 768px){.minimal-header{padding:0 .5rem}.streak-at-risk-banner{padding:.5rem .5rem 0}.minimal-header-title,.minimal-user-name{display:none}.minimal-user-button{padding:.375rem}.minimal-header-left{gap:.5rem}.minimal-header-right{gap:.375rem}.minimal-header-controls{gap:.25rem;max-width:200px}.minimal-header-streak .learning-streak-indicator.compact{height:24px;padding:3px 6px;min-width:50px;max-width:60px}.minimal-header-streak .learning-streak-indicator.compact .streak-icon{font-size:12px}.minimal-header-streak .learning-streak-indicator.compact .streak-number{font-size:10px}.minimal-header-streak .learning-streak-indicator.compact .streak-label{font-size:8px}}@media (max-width: 480px){.minimal-header{height:52px}.minimal-menu-button{width:36px;height:36px;min-width:36px;min-height:36px}.minimal-logo-image,.minimal-logo-fallback{width:24px;height:24px}.minimal-user-avatar{width:28px;height:28px;min-width:28px;font-size:12px}}@media (min-width: 1024px){.minimal-menu-button{display:none}}@media (prefers-contrast: high){.minimal-header{border-bottom-width:2px;border-bottom-color:#000}.minimal-menu-button:focus,.minimal-user-button:focus,.minimal-dropdown-item:focus{outline-width:3px;outline-color:#000}.minimal-user-dropdown{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.minimal-menu-button,.minimal-user-button,.minimal-dropdown-arrow,.minimal-dropdown-item{transition:none}.minimal-user-dropdown{animation:none}.minimal-menu-button:active{transform:none}}[data-theme=dark] .minimal-header{background:#1f2937;border-bottom-color:#374151}[data-theme=dark] .minimal-menu-button{color:#f9fafb}[data-theme=dark] .minimal-menu-button:hover{background:#374151;color:#818cf8}[data-theme=dark] .minimal-menu-button:active{background:#4b5563}[data-theme=dark] .minimal-header-title{color:#f9fafb}[data-theme=dark] .minimal-user-button:hover{background:#374151}[data-theme=dark] .minimal-user-name{color:#f9fafb}[data-theme=dark] .minimal-dropdown-arrow{color:#9ca3af}[data-theme=dark] .minimal-user-dropdown{background:#1f2937;border:1px solid #374151;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .minimal-dropdown-item{color:#f9fafb}[data-theme=dark] .minimal-dropdown-item:hover,[data-theme=dark] .minimal-dropdown-divider{background:#374151}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;display:none}.sidebar-overlay.visible{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background-color:#f7f7f8;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar--open{transform:translate(0)}.sidebar__header{padding:12px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:8px}.sidebar__new-chat-btn{flex:1;display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#10a37f;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.sidebar__new-chat-btn:hover{background-color:#0d8c6d}.sidebar__new-chat-icon{font-size:18px;line-height:1}.sidebar__close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;font-size:24px;color:#666;cursor:pointer;border-radius:4px;transition:background-color .2s}.sidebar__close-btn:hover{background-color:#e5e5e5}.sidebar__section{padding:12px;border-bottom:1px solid #e5e5e5}.sidebar__section--tools{flex:1;overflow-y:auto}.sidebar__section-title{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;text-align:left}.sidebar__tools{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.sidebar__tool-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-radius:6px;text-align:left;cursor:pointer;transition:background-color .2s;width:100%;justify-content:flex-start;position:relative}.sidebar__tool-btn:hover{background-color:#ececf1}.sidebar__tool-btn--active{background-color:#e8f0fe;border-left:3px solid var(--eduq-blue, #0066FF);padding-left:9px}.sidebar__tool-btn--active .sidebar__tool-text{color:var(--eduq-blue, #0066FF);font-weight:500}.sidebar__tool-btn--active:hover{background-color:#d2e3fc}.sidebar__tool-btn--coming-soon{opacity:.55;cursor:not-allowed;position:relative}.sidebar__tool-btn--coming-soon:hover{background-color:transparent}.sidebar__coming-soon-badge{margin-left:auto;font-size:.625rem;font-weight:600;color:#9ca3af;background:#f3f4f6;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.sidebar__tool-icon{font-size:18px;line-height:1;flex-shrink:0}.sidebar__tool-text{font-size:14px;color:#333;text-align:left}.sidebar__conversations-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-radius:6px;text-align:left;cursor:pointer;transition:background-color .2s;width:100%;justify-content:flex-start}.sidebar__conversations-btn:hover{background-color:#ececf1}.sidebar__conversations-icon{font-size:18px;line-height:1;flex-shrink:0}.sidebar__conversations-text{font-size:14px;color:#333;flex:1;text-align:left}.sidebar__premium-badge{font-size:12px;margin-left:auto}.sidebar__footer{margin-top:auto;padding:12px;border-top:1px solid #e5e5e5;display:flex;flex-direction:column;gap:4px}.sidebar__footer-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;background:none;border:none;border-radius:6px;text-align:left;cursor:pointer;transition:background-color .2s;font-size:14px;color:#333;width:100%}.sidebar__footer-btn:hover{background-color:#ececf1}.sidebar__tool-btn--discover{background-color:#00d9b514;border:1px dashed var(--eduq-cyan, #00D9B5)}.sidebar__tool-btn--discover:hover{background-color:#00d9b526}.sidebar__tool-btn .new-badge{position:static;margin-left:auto;flex-shrink:0}.angle-tools{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--color-background-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.angle-tools-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.angle-tools-icon{font-size:var(--font-size-2xl)}.angle-tools-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.angle-tools-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.angle-section-title{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.section-icon{width:var(--space-md);height:var(--space-md);color:var(--color-primary)}.angle-presets-section{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.angle-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.angle-preset-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:var(--space-3xl);min-height:80px;padding:var(--space-sm) var(--space-sm);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);cursor:pointer;transition:var(--transition-button);font-family:inherit;position:relative}.angle-preset-button:hover{border-color:var(--color-math);background:var(--color-background-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.angle-preset-button:active{transform:scale(.95)}.angle-preset-button:focus{outline:3px solid var(--color-border-focus);outline-offset:2px}.angle-preset-button.selected{border-color:var(--color-math);background:linear-gradient(135deg,color-mix(in srgb,var(--color-math) 10%,white),color-mix(in srgb,var(--color-math) 20%,white));box-shadow:var(--shadow-lg)}.angle-preset-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs)}.angle-preview-svg{width:100%;height:100%}.angle-preset-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.angle-preset-type{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-xs)}.angle-custom-section{padding-top:var(--space-sm)}.angle-custom-trigger{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-md);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-button)}.angle-custom-trigger:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-background-secondary)}.angle-custom-trigger:focus{outline:3px solid var(--color-border-focus);outline-offset:2px}.trigger-icon{width:var(--space-lg);height:var(--space-lg)}.angle-custom-creator{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border)}.angle-preview-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.angle-preview-canvas{border-radius:var(--radius-md);box-shadow:var(--shadow-inner)}.preview-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.ray-handle{cursor:grab;transition:transform .1s ease}.ray-handle:hover{transform:scale(1.2)}.ray-handle:active{cursor:grabbing}.angle-controls{display:flex;flex-direction:column;gap:var(--space-md)}.angle-slider-container{display:flex;flex-direction:column;gap:var(--space-sm)}.angle-slider-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.angle-slider{width:100%;height:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-gray-200);appearance:none;cursor:pointer}.angle-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);cursor:grab;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.angle-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.angle-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(.95)}.angle-slider::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:var(--radius-full);background:var(--color-primary);cursor:grab;box-shadow:var(--shadow-sm)}.angle-slider:focus{outline:none}.angle-slider:focus::-webkit-slider-thumb{box-shadow:var(--shadow-md)}.angle-slider-marks{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.angle-input-container{display:flex;flex-direction:column;gap:var(--space-xs)}.angle-input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.angle-input-wrapper{display:flex;align-items:center;gap:var(--space-xs)}.angle-input{width:80px;padding:var(--space-input-padding);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;color:var(--color-text-primary);transition:var(--transition-fast)}.angle-input:focus{outline:none;border-color:var(--color-border-focus)}.angle-input-suffix{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.angle-type-display{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-gray-100);border-radius:var(--radius-md)}.angle-type-emoji{font-size:var(--font-size-xl)}.angle-type-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.angle-custom-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.angle-action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-button)}.angle-action-button.cancel{background:var(--color-gray-200);color:var(--color-text-secondary)}.angle-action-button.cancel:hover{background:var(--color-gray-300)}.angle-action-button.create{background:var(--color-primary);color:var(--color-white)}.angle-action-button.create:hover{background:var(--color-primary-hover)}.angle-action-button:focus{outline:3px solid var(--color-border-focus);outline-offset:2px}.button-icon{width:var(--space-md);height:var(--space-md)}.angle-list-item:hover{border-color:var(--primary, #3b82f6);background:var(--bg-hover, #f8fafc)}.angle-list-item.selected{border-color:var(--primary, #3b82f6);background:color-mix(in srgb,var(--primary, #3b82f6) 10%,white)}.angle-list-item:focus{outline:3px solid var(--focus-ring, #3b82f6);outline-offset:2px}.angle-list-section{padding-top:var(--space-md);border-top:1px solid var(--color-border)}.angle-list{display:flex;flex-direction:column;gap:var(--space-sm)}.angle-list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-button)}.angle-list-item:hover{border-color:var(--color-primary);background:var(--color-background-secondary)}.angle-list-item.selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,white)}.angle-list-item:focus{outline:3px solid var(--color-border-focus);outline-offset:2px}.angle-item-preview{width:40px;height:40px;flex-shrink:0}.angle-item-svg{width:100%;height:100%}.angle-item-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.angle-item-degrees{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.angle-item-type{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.angle-item-delete{padding:var(--space-sm);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-button)}.angle-item-delete:hover{background:var(--color-danger-light);color:var(--color-danger)}.angle-item-delete:focus{outline:2px solid var(--color-danger);outline-offset:2px}.delete-icon{width:var(--space-md);height:var(--space-md)}.angle-tools.compact{padding:var(--space-md);gap:var(--space-md)}.angle-tools.compact .angle-tools-header{display:none}.angle-tools.compact .angle-presets-grid{grid-template-columns:repeat(6,1fr);gap:var(--space-sm)}.angle-tools.compact .angle-preset-button{min-height:60px;padding:var(--space-sm) var(--space-xs)}.angle-tools.compact .angle-preset-icon{width:var(--space-2xl);height:var(--space-2xl)}.angle-tools.compact .angle-preset-label{font-size:var(--font-size-xs)}.angle-tools.compact .angle-preset-type{display:none}@media (max-width: 400px){.angle-presets-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px){.angle-presets-grid{grid-template-columns:repeat(6,1fr)}}@media (prefers-color-scheme: dark){.angle-preset-button,.angle-custom-creator,.angle-list-item{background:var(--color-gray-800)}.angle-preset-button:hover,.angle-list-item:hover{background:var(--color-gray-700)}.angle-preview-canvas rect{fill:var(--color-gray-800)}.angle-input{background:var(--color-gray-800);color:var(--color-gray-50)}}@keyframes angle-select-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes angle-button-appear{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes angle-arc-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.angle-preset-button.selected{animation:angle-select-pulse .3s ease}.angle-preset-button{animation:angle-button-appear .25s ease backwards}.angle-preset-button:nth-child(1){animation-delay:.02s}.angle-preset-button:nth-child(2){animation-delay:.04s}.angle-preset-button:nth-child(3){animation-delay:.06s}.angle-preset-button:nth-child(4){animation-delay:.08s}.angle-preset-button:nth-child(5){animation-delay:.1s}.angle-preset-button:nth-child(6){animation-delay:.12s}@keyframes angle-icon-rotate{0%{transform:rotate(0)}to{transform:rotate(15deg)}}.angle-preset-button:hover .angle-preview-svg{animation:angle-icon-rotate .3s ease forwards}@keyframes creator-slide-in{0%{opacity:0;transform:translateY(15px);max-height:0}to{opacity:1;transform:translateY(0);max-height:600px}}.angle-custom-creator{animation:creator-slide-in .35s ease;overflow:hidden}@keyframes list-item-appear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.angle-list-item{animation:list-item-appear .2s ease}.angle-item-delete:hover{transform:scale(1.1)}.angle-item-delete:active{transform:scale(.95)}@media (prefers-reduced-motion: reduce){.angle-preset-button,.angle-action-button,.angle-list-item,.ray-handle{transition:none}.angle-preset-button.selected{animation:none}.angle-preset-button:hover,.angle-list-item:hover,.angle-preset-button:active{transform:none}}.angle-preset-button:focus-visible,.angle-action-button:focus-visible,.angle-list-item:focus-visible,.angle-custom-trigger:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}.equation-list{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;max-height:100%}.equation-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:.5rem;border:1px solid var(--border-light);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.equation-list__item:hover{background-color:var(--bg-secondary)}.equation-list__item--active{border-color:var(--eduq-blue);background-color:#0066ff0d}.equation-list__item--completed{border-color:var(--success);opacity:.8}.equation-list__item--skipped{border-color:var(--warning);opacity:.7}.equation-list__number{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm);background-color:var(--bg-tertiary);color:var(--text-secondary)}.equation-list__number--active{background-color:var(--eduq-blue);color:#fff}.equation-list__number--completed{background-color:var(--success);color:#fff}.equation-list__content{flex:1;min-width:0}.equation-list__latex{font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis}.equation-list__meta{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-1)}.equation-list__type-badge{font-size:var(--text-xs);padding:2px 8px;border-radius:9999px;background-color:var(--bg-tertiary);color:var(--text-secondary);text-transform:capitalize}.equation-list__confidence{font-size:var(--text-xs);color:var(--text-tertiary)}.equation-list__confidence--high{color:var(--success)}.equation-list__confidence--medium{color:var(--warning)}.equation-list__confidence--low{color:var(--error)}.equation-list__status-icon{flex-shrink:0;font-size:var(--text-lg)}.equation-list__progress{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-secondary)}.equation-list__progress-bar{height:4px;background-color:var(--bg-tertiary);border-radius:2px;margin-top:var(--space-2);overflow:hidden}.equation-list__progress-fill{height:100%;background-color:var(--eduq-blue);border-radius:2px;transition:width .3s ease}.equation-list--compact .equation-list__item{padding:var(--space-2) var(--space-3)}.equation-list--compact .equation-list__latex{font-size:var(--text-sm)}.equation-list--compact .equation-list__meta{display:none}.equation-list--grade-k2 .equation-list__item{padding:var(--space-4) var(--space-5);min-height:56px}.equation-list--grade-k2 .equation-list__number{width:36px;height:36px;font-size:var(--text-lg)}.equation-list--grade-k2 .equation-list__latex{font-size:var(--text-xl)}@media (max-width: 640px){.equation-list__item{padding:var(--space-2) var(--space-3)}.equation-list__latex{font-size:var(--text-sm)}.equation-list__meta{display:none}}@media (prefers-reduced-motion: reduce){.equation-list__item,.equation-list__progress-fill{transition:none}}.equation-workspace{display:flex;flex-direction:column;height:100%;gap:var(--space-4)}.equation-workspace__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:var(--bg-secondary);border-radius:.5rem}.equation-workspace__equation-display{padding:var(--space-6);text-align:center;background-color:#fff;border:2px solid var(--border-light);border-radius:.75rem;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.equation-workspace__equation-display--grade-k2{min-height:120px;font-size:var(--text-3xl);border-width:3px}.equation-workspace__equation-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.equation-workspace__keyboard-area{flex:1;min-height:200px;overflow:auto}.equation-workspace__action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-light);gap:var(--space-3)}.equation-workspace__nav-buttons{display:flex;gap:var(--space-2)}.equation-workspace__nav-btn{padding:var(--space-2) var(--space-4);border-radius:.5rem;border:1px solid var(--border-medium);background-color:#fff;cursor:pointer;font-size:var(--text-sm);transition:background-color .2s ease}.equation-workspace__nav-btn:hover{background-color:var(--bg-secondary)}.equation-workspace__nav-btn:disabled{opacity:.5;cursor:not-allowed}.equation-workspace__nav-btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.equation-workspace__send-btn{padding:var(--space-2) var(--space-6);border-radius:.5rem;background-color:var(--eduq-blue);color:#fff;border:none;cursor:pointer;font-weight:var(--font-semibold);font-size:var(--text-sm);transition:background-color .2s ease}.equation-workspace__send-btn:hover{background-color:var(--eduq-blue-hover)}.equation-workspace__send-btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.equation-workspace__skip-btn{padding:var(--space-2) var(--space-4);border-radius:.5rem;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;font-size:var(--text-sm)}.equation-workspace__skip-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.equation-workspace__counter{font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.equation-workspace__error{padding:var(--space-3);background-color:#ef44441a;border:1px solid var(--error);border-radius:.5rem;color:var(--error);font-size:var(--text-sm)}.equation-workspace__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-8);text-align:center;color:var(--text-secondary)}.equation-workspace__empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.equation-workspace__empty-state-text{font-size:var(--text-lg);margin-bottom:var(--space-2)}@media (max-width: 640px){.equation-workspace__action-bar{flex-direction:column;align-items:stretch}.equation-workspace__nav-buttons{justify-content:space-between;width:100%}.equation-workspace__send-btn,.equation-workspace__skip-btn{width:100%}.equation-workspace__header{padding:var(--space-2) var(--space-3)}.equation-workspace__equation-display{padding:var(--space-4)}}@media (prefers-reduced-motion: reduce){.equation-workspace__nav-btn,.equation-workspace__send-btn{transition:none}}.geometry-canvas-container{position:relative;width:100%}.geometry-tools{margin-bottom:1rem;padding:.75rem;background-color:#eff6ff;border-radius:.5rem}.geometry-tools__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem}.geometry-tools__row:last-child{margin-bottom:0}.geometry-tools__label{font-size:.875rem;font-weight:500;color:#1e40af}.geometry-tools__btn{padding:.5rem;border-radius:.25rem;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.geometry-tools__btn--default{background-color:#fff;color:#2563eb}.geometry-tools__btn--default:hover{background-color:#dbeafe}.geometry-tools__btn--active{background-color:#2563eb;color:#fff}.geometry-tools__btn--grid{padding:.25rem .75rem;font-size:.875rem;background-color:#fff;color:#16a34a}.geometry-tools__btn--grid:hover{background-color:#dcfce7}.geometry-tools__btn--grid.active{background-color:#16a34a;color:#fff}.geometry-tools__btn--clear{padding:.25rem .75rem;font-size:.875rem;background-color:#fee2e2;color:#dc2626}.geometry-tools__btn--clear:hover{background-color:#fecaca}.geometry-tools__btn--analyze{padding:.25rem .75rem;font-size:.875rem;background-color:#f3e8ff;color:#9333ea}.geometry-tools__btn--analyze:hover{background-color:#e9d5ff}.geometry-tools__btn-icon{height:1rem;width:1rem}.geometry-tools__btn-icon--inline{height:.75rem;width:.75rem;display:inline;margin-right:.25rem}.geometry-tool-indicator{font-size:.875rem;color:#4b5563;margin-bottom:.5rem}.geometry-tool-indicator__label{font-weight:500}.geometry-tool-indicator__grid-info{margin-left:.5rem}.geometry-info{margin-bottom:.75rem;padding:.5rem;background-color:#f9fafb;border-radius:.25rem;font-size:.875rem}.geometry-info__title{font-weight:500;color:#374151;margin-bottom:.25rem}.geometry-info__measurements{display:flex;flex-direction:column;gap:.25rem}.geometry-info__measurement{color:#4b5563}.geometry-instructions{font-size:.75rem;color:#6b7280;background-color:#f9fafb;padding:.5rem;border-radius:.25rem}.geometry-instructions__title{font-weight:700}.geometry-instructions__list{list-style-type:disc;list-style-position:inside;margin-top:.25rem;display:flex;flex-direction:column;gap:.25rem}.geometry-canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:1}@keyframes tool-select-pulse{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 6px #2563eb00}to{box-shadow:0 0 #2563eb00}}.geometry-tools__btn--active{animation:tool-select-pulse .3s ease}@media (prefers-reduced-motion: reduce){.geometry-tools__btn,.geometry-tools__btn--active{animation:none;transition:none}}@media (prefers-color-scheme: dark){.geometry-tools{background-color:#1e3a5f}.geometry-tools__label{color:#93c5fd}.geometry-tools__btn--default{background-color:#1f2937;color:#60a5fa}.geometry-tools__btn--default:hover{background-color:#374151}.geometry-info{background-color:#1f2937}.geometry-info__title{color:#e5e7eb}.geometry-info__measurement{color:#9ca3af}.geometry-instructions{background-color:#1f2937;color:#9ca3af}.geometry-tool-indicator{color:#9ca3af}}.grade-level-selector{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-secondary, #f8fafc);border-radius:12px;border:1px solid var(--border-color, #e2e8f0)}.grade-level-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.grade-level-icon{font-size:1.5rem}.grade-level-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #1e293b)}.grade-level-subtitle{margin:0;font-size:.85rem;color:var(--text-secondary, #64748b)}.grade-level-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grade-level-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;min-height:56px;padding:12px 16px;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:inherit;position:relative;overflow:hidden}.grade-level-button:focus{outline:3px solid var(--focus-ring, #3b82f6);outline-offset:2px}.grade-level-button:active{transform:scale(.95)}.grade-level-button.grade-k2{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.grade-level-button.grade-k2:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 4px 12px #f59e0b4d}.grade-level-button.grade-k2.selected{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 16px #f59e0b66}.grade-level-button.grade-35{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46}.grade-level-button.grade-35:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);box-shadow:0 4px 12px #10b9814d}.grade-level-button.grade-35.selected{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b98166}.grade-level-button.grade-68{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.grade-level-button.grade-68:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 4px 12px #3b82f64d}.grade-level-button.grade-68.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 16px #3b82f666}.grade-level-button.grade-912{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#8b5cf6;color:#5b21b6}.grade-level-button.grade-912:hover{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);box-shadow:0 4px 12px #8b5cf64d}.grade-level-button.grade-912.selected{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 16px #8b5cf666}.grade-level-emoji{font-size:1.5rem;margin-bottom:4px;line-height:1}.grade-level-label{font-size:1rem;font-weight:700;line-height:1.2}.grade-level-ages{font-size:.75rem;font-weight:500;opacity:.8;margin-top:2px}.grade-level-button.selected .grade-level-check{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:inherit;box-shadow:0 1px 3px #0003}.grade-level-button:not(.selected) .grade-level-check{display:none}.grade-level-selector.compact{flex-direction:row;align-items:center;padding:8px 12px;gap:8px}.grade-level-selector.compact .grade-level-header{display:none}.grade-level-selector.compact .grade-level-buttons{display:flex;flex-direction:row;gap:8px}.grade-level-selector.compact .grade-level-button{min-height:44px;padding:8px 12px;flex-direction:row;gap:6px}.grade-level-selector.compact .grade-level-emoji{font-size:1.2rem;margin-bottom:0}.grade-level-selector.compact .grade-level-ages{display:none}.grade-level-button:focus-visible{outline:3px solid var(--focus-ring, #3b82f6);outline-offset:2px}@keyframes grade-select-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes grade-select-glow{0%{box-shadow:0 4px 16px rgba(var(--grade-color-rgb),.4)}50%{box-shadow:0 6px 24px rgba(var(--grade-color-rgb),.6)}to{box-shadow:0 4px 16px rgba(var(--grade-color-rgb),.4)}}@keyframes grade-button-appear{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.grade-level-button.selected{animation:grade-select-pulse .3s ease}.grade-level-button:nth-child(1){animation:grade-button-appear .3s ease .05s both}.grade-level-button:nth-child(2){animation:grade-button-appear .3s ease .1s both}.grade-level-button:nth-child(3){animation:grade-button-appear .3s ease .15s both}.grade-level-button:nth-child(4){animation:grade-button-appear .3s ease .2s both}@keyframes emoji-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.grade-level-button:hover .grade-level-emoji{animation:emoji-bounce .4s ease}.grade-level-button.grade-k2.selected{--grade-color-rgb: 245, 158, 11}.grade-level-button.grade-35.selected{--grade-color-rgb: 16, 185, 129}.grade-level-button.grade-68.selected{--grade-color-rgb: 59, 130, 246}.grade-level-button.grade-912.selected{--grade-color-rgb: 139, 92, 246}.grade-level-button{position:relative;overflow:hidden}.grade-level-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.grade-level-button:active:before{width:200%;height:200%}@media (prefers-color-scheme: dark){.grade-level-selector{--bg-secondary: #1e293b;--border-color: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8}.grade-level-button.grade-k2{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b;color:#fef3c7}.grade-level-button.grade-35{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981;color:#d1fae5}.grade-level-button.grade-68{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6;color:#dbeafe}.grade-level-button.grade-912{background:linear-gradient(135deg,#4c1d95,#5b21b6);border-color:#8b5cf6;color:#ede9fe}}@media (max-width: 320px){.grade-level-buttons{grid-template-columns:1fr}}@media (min-width: 640px){.grade-level-buttons{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion: reduce){.grade-level-button{transition:none}.grade-level-button.selected{animation:none}.grade-level-button:active{transform:none}}.grade-level-selector--dropdown{padding:0;background:none;border:none;border-radius:0}.grade-level-dropdown .compact-dropdown__icon{font-size:14px;margin-right:6px}.grade-level-dropdown .compact-dropdown__option-icon{font-size:14px;margin-right:8px}.grade-level-dropdown .compact-dropdown__option[data-grade=K-2]{--option-hover-bg: #fef3c7;--option-hover-color: #92400e}.grade-level-dropdown .compact-dropdown__option[data-grade="3-5"]{--option-hover-bg: #d1fae5;--option-hover-color: #065f46}.grade-level-dropdown .compact-dropdown__option[data-grade="6-8"]{--option-hover-bg: #dbeafe;--option-hover-color: #1e40af}.grade-level-dropdown .compact-dropdown__option[data-grade="9-12"]{--option-hover-bg: #ede9fe;--option-hover-color: #5b21b6}.grade-level-dropdown .compact-dropdown__option:hover{background-color:var(--option-hover-bg, #f1f5f9);color:var(--option-hover-color, #1e293b)}.math-visual-modal-content *:focus{outline:3px solid #3b82f6;outline-offset:2px}.math-visual-modal-content *:focus:not(:focus-visible){outline:none}.math-visual-modal-content *:focus-visible{outline:3px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 6px #3b82f633}.math-visual-modal-content button:focus-visible,.math-visual-modal-content [role=button]:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px;box-shadow:0 0 0 6px #1d4ed840}.math-visual-modal-content input:focus-visible,.math-visual-modal-content select:focus-visible,.math-visual-modal-content textarea:focus-visible{outline:3px solid #3b82f6;outline-offset:0;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.math-visual-modal-content canvas:focus-visible,.math-visual-modal-content svg:focus-visible{outline:3px solid #3b82f6;outline-offset:4px}.math-visual-modal-content button,.math-visual-modal-content [role=button],.math-visual-modal-content [role=tab],.math-visual-modal-content [role=radio],.math-visual-modal-content [role=option]{min-width:44px;min-height:44px}.math-visual-modal-content .close-button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px}.math-visual-modal-content .mode-tab-button{min-height:44px;padding:10px 16px}.math-visual-modal-content .control-button{min-height:44px;min-width:44px;padding:10px 12px}.math-visual-modal-content{--text-high-contrast: #1e293b;--text-medium-contrast: #334155;--text-low-contrast: #475569;--bg-contrast: #ffffff}.math-visual-modal-content label,.math-visual-modal-content .measurement-label,.math-visual-modal-content .angle-section-title,.math-visual-modal-content .shape-picker-subtitle{color:var(--text-medium-contrast)}.math-visual-modal-content .measurement-value,.math-visual-modal-content .angle-item-degrees,.math-visual-modal-content .grade-level-label{color:var(--text-high-contrast)}.math-visual-modal-content button:disabled,.math-visual-modal-content [aria-disabled=true]{opacity:.6;color:#64748b;background-color:#e2e8f0}.math-visual-modal-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.math-visual-modal-content .skip-link{position:absolute;top:-40px;left:0;background:#1d4ed8;color:#fff;padding:8px 16px;z-index:100;text-decoration:none;font-weight:600;border-radius:0 0 8px}.math-visual-modal-content .skip-link:focus{top:0}.math-visual-modal-content .live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.math-visual-modal-content *,.math-visual-modal-content *:before,.math-visual-modal-content *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.math-visual-modal-content button:active{transform:none}.math-visual-modal-content .shape-canvas-shape.newly-placed,.math-visual-modal-content .shape-canvas-angle.newly-placed{animation:none}}@media (prefers-contrast: high){.math-visual-modal-content{--border-width: 2px}.math-visual-modal-content button,.math-visual-modal-content [role=button]{border:2px solid currentColor}.math-visual-modal-content *:focus-visible{outline-width:4px;outline-offset:3px}.math-visual-modal-content .grade-level-button,.math-visual-modal-content .shape-picker-button,.math-visual-modal-content .angle-preset-button,.math-visual-modal-content .shape-canvas-wrapper{border-width:3px}}@media (prefers-color-scheme: dark){.math-visual-modal-content{--text-high-contrast: #f1f5f9;--text-medium-contrast: #cbd5e1;--text-low-contrast: #94a3b8;--bg-contrast: #1e293b}.math-visual-modal-content *:focus-visible{outline-color:#60a5fa;box-shadow:0 0 0 6px #60a5fa4d}}.math-visual-modal-content [role=tabpanel]:focus{outline:none}.math-visual-modal-content [role=tabpanel]:focus-visible{outline:2px dashed #3b82f6;outline-offset:4px}.math-visual-modal-content [role=radiogroup]:focus-within{outline:2px dashed #3b82f6;outline-offset:4px;border-radius:8px}.math-visual-modal-content [role=listbox]:focus-within{outline:2px dashed #3b82f6;outline-offset:4px;border-radius:8px}.math-visual-modal-content button:hover:not(:disabled),.math-visual-modal-content [role=button]:hover:not([aria-disabled=true]){filter:brightness(.95)}.math-visual-modal-content button:active:not(:disabled),.math-visual-modal-content [role=button]:active:not([aria-disabled=true]){transform:scale(.98)}.math-visual-modal-content [aria-selected=true],.math-visual-modal-content [aria-pressed=true],.math-visual-modal-content [aria-checked=true]{font-weight:600}.math-visual-modal-content [aria-invalid=true]{border-color:#dc2626;box-shadow:0 0 0 3px #dc262633}.math-visual-modal-content .success-indicator{color:#16a34a}.math-visual-modal-content [aria-busy=true]{cursor:wait;opacity:.7}.math-visual-modal-content [data-tooltip]{position:relative}.math-visual-modal-content [data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 12px;background:#1e293b;color:#fff;font-size:.875rem;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100}.math-visual-modal-content [data-tooltip]:hover:after,.math-visual-modal-content [data-tooltip]:focus:after{opacity:1;visibility:visible}@media (prefers-reduced-motion: reduce){.math-visual-modal-content [data-tooltip]:after{transition:none}}:root{--math-primary: #3b82f6;--math-primary-light: #60a5fa;--math-primary-dark: #2563eb;--math-secondary: #10b981;--math-secondary-light: #34d399;--math-secondary-dark: #059669;--math-accent: #8b5cf6;--math-accent-light: #a78bfa;--math-accent-dark: #7c3aed;--grade-k2-color: #f59e0b;--grade-k2-bg: #fef3c7;--grade-k2-hover: #fde68a;--grade-35-color: #10b981;--grade-35-bg: #d1fae5;--grade-35-hover: #a7f3d0;--grade-68-color: #3b82f6;--grade-68-bg: #dbeafe;--grade-68-hover: #bfdbfe;--grade-912-color: #8b5cf6;--grade-912-bg: #ede9fe;--grade-912-hover: #ddd6fe;--math-success: #22c55e;--math-success-light: #86efac;--math-error: #ef4444;--math-error-light: #fca5a5;--animation-fast: .15s;--animation-normal: .25s;--animation-slow: .4s;--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}@keyframes button-press{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}@keyframes button-press-bounce{0%{transform:scale(1)}30%{transform:scale(.88)}60%{transform:scale(1.02)}to{transform:scale(1)}}.math-button-animated,.math-key,.grade-level-button,.shape-picker-button,.angle-preset-button,.toolbar-button,.math-keyboard-action{transition:transform var(--animation-fast) var(--ease-smooth),box-shadow var(--animation-fast) var(--ease-smooth),background-color var(--animation-fast) var(--ease-smooth)}.math-button-animated:active,.math-key:active,.grade-level-button:active,.shape-picker-button:active,.angle-preset-button:active,.toolbar-button:active,.math-keyboard-action:active{transform:scale(.92)}.animate-button-press{animation:button-press-bounce var(--animation-normal) var(--ease-bounce)}@keyframes shape-place{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shape-place-bounce{0%{opacity:0;transform:scale(.3) rotate(-5deg)}50%{opacity:1;transform:scale(1.1) rotate(2deg)}70%{transform:scale(.95) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.shape-canvas-shape.newly-placed{animation:shape-place-bounce var(--animation-slow) var(--ease-spring)}.shape-canvas-angle.newly-placed{animation:shape-place var(--animation-normal) var(--ease-smooth)}@keyframes success-pulse{0%{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 15px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes success-checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes success-confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-20px) rotate(180deg);opacity:0}}.send-success{animation:success-pulse .6s var(--ease-smooth);background-color:var(--math-success)!important}.success-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#22c55e1a;animation:fadeIn var(--animation-fast) var(--ease-smooth);pointer-events:none;z-index:100}.success-checkmark{width:80px;height:80px;background:var(--math-success);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:success-checkmark var(--animation-slow) var(--ease-spring);box-shadow:0 10px 40px #22c55e66}.success-checkmark svg{width:40px;height:40px;color:#fff}@keyframes bounce-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.math-spinner{width:24px;height:24px;border:3px solid var(--math-primary-light);border-top-color:var(--math-primary);border-radius:50%;animation:spin .8s linear infinite}.math-spinner.small{width:16px;height:16px;border-width:2px}.math-spinner.large{width:40px;height:40px;border-width:4px}.math-loading-pulse{animation:pulse 1.5s var(--ease-smooth) infinite}.math-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.math-loading-dots{display:flex;gap:4px;align-items:center;justify-content:center}.math-loading-dots span{width:8px;height:8px;background:var(--math-primary);border-radius:50%;animation:bounce-dots 1.4s infinite ease-in-out both}.math-loading-dots span:nth-child(1){animation-delay:-.32s}.math-loading-dots span:nth-child(2){animation-delay:-.16s}.math-loading-dots span:nth-child(3){animation-delay:0s}.math-lift-hover{transition:transform var(--animation-fast) var(--ease-smooth),box-shadow var(--animation-fast) var(--ease-smooth)}.math-lift-hover:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.math-glow-hover{transition:box-shadow var(--animation-fast) var(--ease-smooth)}.math-glow-hover:hover{box-shadow:0 0 20px #3b82f64d}.math-scale-hover{transition:transform var(--animation-fast) var(--ease-smooth)}.math-scale-hover:hover{transform:scale(1.05)}@keyframes selection-glow{0%,to{box-shadow:0 0 0 3px #3b82f64d}50%{box-shadow:0 0 0 6px #3b82f61a}}@keyframes selection-border-dash{to{stroke-dashoffset:-12}}.math-selected{animation:selection-glow 2s var(--ease-smooth) infinite}.math-selection-border{stroke-dasharray:6 3;animation:selection-border-dash .5s linear infinite}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--animation-normal) var(--ease-smooth)}.animate-fade-out{animation:fadeOut var(--animation-normal) var(--ease-smooth)}.animate-fade-in-up{animation:fadeInUp var(--animation-normal) var(--ease-smooth)}.animate-fade-in-down{animation:fadeInDown var(--animation-normal) var(--ease-smooth)}.animate-fade-in-scale{animation:fadeInScale var(--animation-normal) var(--ease-smooth)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-left{animation:slideInLeft var(--animation-normal) var(--ease-smooth)}.animate-slide-in-right{animation:slideInRight var(--animation-normal) var(--ease-smooth)}.animate-slide-in-up{animation:slideInUp var(--animation-normal) var(--ease-smooth)}.animate-slide-in-down{animation:slideInDown var(--animation-normal) var(--ease-smooth)}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.math-ripple{position:relative;overflow:hidden}.math-ripple:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:inherit;pointer-events:none}.math-ripple:active:after{animation:ripple .6s var(--ease-smooth)}@keyframes tooltip-appear{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.math-tooltip{animation:tooltip-appear var(--animation-fast) var(--ease-smooth)}@keyframes modal-backdrop{0%{opacity:0}to{opacity:1}}@keyframes modal-content{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.math-modal-backdrop{animation:modal-backdrop var(--animation-normal) var(--ease-smooth)}.math-modal-content{animation:modal-content var(--animation-normal) var(--ease-spring)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.math-toast-enter{animation:toast-slide-in var(--animation-normal) var(--ease-spring)}.math-toast-exit{animation:toast-slide-out var(--animation-normal) var(--ease-smooth)}@keyframes focus-ring-pulse{0%,to{box-shadow:0 0 0 2px #3b82f680}50%{box-shadow:0 0 0 4px #3b82f64d}}.math-focus-animated:focus-visible{animation:focus-ring-pulse 1.5s var(--ease-smooth) infinite;outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.math-button-animated:active,.math-key:active,.grade-level-button:active,.shape-picker-button:active,.angle-preset-button:active,.toolbar-button:active,.math-keyboard-action:active,.math-lift-hover:hover,.math-scale-hover:hover{transform:none}}@media (prefers-color-scheme: dark){:root{--math-primary: #60a5fa;--math-primary-light: #93c5fd;--math-primary-dark: #3b82f6;--math-secondary: #34d399;--math-secondary-light: #6ee7b7;--math-secondary-dark: #10b981;--math-accent: #a78bfa;--math-accent-light: #c4b5fd;--math-accent-dark: #8b5cf6}.math-skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%}}.math-drawing-history{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #ffffff);border-radius:8px;overflow:hidden}.math-history-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--bg-secondary, #f5f5f5)}.math-history-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #333)}.math-history-controls{display:flex;align-items:center;gap:8px}.math-history-refresh{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px;border-radius:4px;transition:background-color .2s}.math-history-refresh:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.offline-indicator{font-size:1rem;opacity:.7}.math-history-stats{display:flex;justify-content:space-around;padding:12px 16px;background:var(--bg-tertiary, #fafafa);border-bottom:1px solid var(--border-color, #e0e0e0)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:1.2rem;font-weight:600;color:var(--primary-color, #4a90d9)}.stat-label{font-size:.75rem;color:var(--text-secondary, #666);text-transform:uppercase}.math-history-filter{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color, #e0e0e0)}.math-history-filter button{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:var(--bg-primary, #ffffff);color:var(--text-secondary, #666);font-size:.85rem;cursor:pointer;transition:all .2s}.math-history-filter button:hover{background:var(--hover-bg, #f0f0f0)}.math-history-filter button.active{background:var(--primary-color, #4a90d9);color:#fff;border-color:var(--primary-color, #4a90d9)}.math-history-content{flex:1;overflow-y:auto;padding:16px}.math-history-list{display:flex;flex-direction:column;gap:12px}.math-history-item{padding:12px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--bg-primary, #ffffff);cursor:pointer;transition:all .2s}.math-history-item:hover{border-color:var(--primary-color, #4a90d9);box-shadow:0 2px 8px #0000001a}.math-history-item.selected{border-color:var(--primary-color, #4a90d9);background:var(--primary-light, #e8f4fd)}.math-history-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.math-history-type-icon{font-size:1.2rem}.math-history-date{flex:1;font-size:.85rem;color:var(--text-secondary, #666)}.math-history-status{font-size:.9rem}.math-history-formula{padding:8px;background:var(--code-bg, #f5f5f5);border-radius:4px;margin-bottom:8px;overflow-x:auto}.math-history-formula code{font-family:Fira Code,Monaco,monospace;font-size:.85rem;color:var(--code-color, #d63384)}.math-history-description{font-size:.9rem;color:var(--text-primary, #333);margin-bottom:8px;line-height:1.4}.math-history-item-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary, #666)}.math-history-confidence{font-weight:500}.math-history-topic{text-transform:capitalize}.math-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary, #666)}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.math-history-empty p{margin:4px 0}.empty-hint{font-size:.85rem;opacity:.7}.math-drawing-history.loading .math-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite}.math-drawing-history.error .math-history-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:var(--error-color, #dc3545)}.math-history-error button{padding:8px 16px;border:1px solid var(--primary-color, #4a90d9);border-radius:6px;background:var(--primary-color, #4a90d9);color:#fff;cursor:pointer}.math-history-detail{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:80vh;background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 4px 24px #0003;z-index:1000;overflow:hidden}.math-history-detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--bg-secondary, #f5f5f5)}.math-history-detail-header h3{margin:0;font-size:1rem;font-weight:600}.math-history-detail-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary, #666);padding:0;line-height:1}.math-history-detail-close:hover{color:var(--text-primary, #333)}.math-history-detail-content{padding:16px;overflow-y:auto;max-height:calc(80vh - 60px)}.math-history-detail-row{display:flex;gap:12px;margin-bottom:12px;align-items:flex-start}.math-history-detail-row.full-width{flex-direction:column;gap:4px}.math-history-detail-row label{font-weight:600;color:var(--text-secondary, #666);min-width:100px;font-size:.85rem}.math-history-detail-row span,.math-history-detail-row p{color:var(--text-primary, #333);font-size:.9rem;margin:0}.math-history-latex{display:block;padding:12px;background:var(--code-bg, #f5f5f5);border-radius:6px;font-family:Fira Code,Monaco,monospace;font-size:.85rem;color:var(--code-color, #d63384);word-break:break-all}.math-history-id{font-family:monospace;font-size:.75rem;color:var(--text-tertiary, #999);word-break:break-all}.status-completed{color:var(--success-color, #28a745)}.status-failed{color:var(--error-color, #dc3545)}.status-pending{color:var(--warning-color, #ffc107)}@media (prefers-color-scheme: dark){.math-drawing-history{--bg-primary: #1e1e1e;--bg-secondary: #2d2d2d;--bg-tertiary: #252525;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-tertiary: #707070;--border-color: #404040;--hover-bg: rgba(255, 255, 255, .05);--code-bg: #2d2d2d;--code-color: #f8a0c0;--primary-light: #1a3a5c}}@media (max-width: 480px){.math-history-stats{flex-wrap:wrap;gap:12px}.stat-item{flex:0 0 45%}.math-history-filter{flex-wrap:wrap}.math-history-filter button{flex:0 0 calc(50% - 4px)}.math-history-detail{width:95%;max-height:90vh}}:root{--math-button-size-k2: 40px;--math-button-size-35: 36px;--math-button-size-68: 36px;--math-button-size-912: 32px;--grade-k2-primary: #f59e0b;--grade-k2-bg: #fef3c7;--grade-k2-hover: #fde68a;--grade-35-primary: #10b981;--grade-35-bg: #d1fae5;--grade-35-hover: #a7f3d0;--grade-68-primary: #3b82f6;--grade-68-bg: #dbeafe;--grade-68-hover: #bfdbfe;--grade-912-primary: #8b5cf6;--grade-912-bg: #ede9fe;--grade-912-hover: #ddd6fe}.math-keyboard{position:fixed;inset-inline:16px;bottom:16px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;border:1px solid #e2e8f0;z-index:50;max-width:540px;max-height:70vh;margin:0 auto;overflow:hidden;display:flex;flex-direction:column}.math-keyboard-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-shrink:0}.math-keyboard-header-left{display:flex;align-items:center;gap:8px}.math-keyboard-icon{width:18px;height:18px;color:#3b82f6}.math-keyboard-title{font-weight:600;font-size:.875rem;color:#1e293b}.math-keyboard-grade-badge{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:500;margin-left:8px}.math-keyboard-grade-badge.grade-k2{background:var(--grade-k2-bg);color:#92400e}.math-keyboard-grade-badge.grade-35{background:var(--grade-35-bg);color:#065f46}.math-keyboard-grade-badge.grade-68{background:var(--grade-68-bg);color:#1e40af}.math-keyboard-grade-badge.grade-912{background:var(--grade-912-bg);color:#5b21b6}.math-keyboard-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s ease}.math-keyboard-close:hover{background:#e2e8f0;color:#1e293b}.math-keyboard-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.math-keyboard-display{padding:8px 12px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.math-keyboard-expression{background:#f8fafc;padding:8px 12px;border-radius:8px;min-height:36px;border:2px solid #e2e8f0;display:flex;align-items:center}.math-keyboard-expression-text{font-size:1rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;color:#1e293b;word-break:break-all}.math-keyboard-expression-placeholder{color:#94a3b8;font-style:italic}.math-keyboard-content{padding:10px 12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1;min-height:0}.math-keyboard-section{display:flex;flex-direction:column;gap:4px}.math-keyboard-section-title{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.math-keyboard-grid{display:grid;gap:5px}.math-keyboard-grid.cols-4{grid-template-columns:repeat(4,1fr)}.math-keyboard-grid.cols-5{grid-template-columns:repeat(5,1fr)}.math-keyboard-grid.cols-6{grid-template-columns:repeat(6,1fr)}.math-keyboard-grid.cols-8{grid-template-columns:repeat(8,1fr)}.math-key{display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:600;transition:all .15s ease;position:relative;user-select:none;-webkit-tap-highlight-color:transparent}.math-keyboard.grade-k2 .math-key{min-width:var(--math-button-size-k2);min-height:var(--math-button-size-k2);font-size:1.1rem}.math-keyboard.grade-35 .math-key,.math-keyboard.grade-68 .math-key{min-width:var(--math-button-size-35);min-height:var(--math-button-size-35);font-size:1rem}.math-keyboard.grade-912 .math-key{min-width:var(--math-button-size-912);min-height:var(--math-button-size-912);font-size:.9rem}.math-key.number{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;color:#1e293b}.math-key.number:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1}.math-key.operator{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}.math-key.operator:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#60a5fa}.math-key.fraction{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#065f46}.math-key.fraction:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);border-color:#34d399}.math-key.comparison{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#92400e}.math-key.comparison:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#fbbf24}.math-key.advanced{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#c4b5fd;color:#5b21b6}.math-key.advanced:hover{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border-color:#a78bfa}.math-key.greek{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#f9a8d4;color:#9d174d}.math-key.greek:hover{background:linear-gradient(135deg,#fbcfe8,#f9a8d4);border-color:#f472b6}.math-key.function{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-color:#5eead4;color:#0f766e}.math-key.function:hover{background:linear-gradient(135deg,#99f6e4,#5eead4);border-color:#2dd4bf}.math-key:active{transform:scale(.92)}.math-key.pressed{transform:scale(.92);box-shadow:inset 0 2px 4px #0000001a}.math-key:focus{outline:3px solid #3b82f6;outline-offset:2px}.math-key:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.math-keyboard-actions{display:flex;gap:6px;padding-top:8px;border-top:1px solid #e2e8f0;flex-shrink:0}.math-keyboard-action{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s ease}.math-keyboard-action.clear{background:#fef2f2;color:#dc2626}.math-keyboard-action.clear:hover{background:#fee2e2}.math-keyboard-action.delete{background:#fefce8;color:#ca8a04}.math-keyboard-action.delete:hover{background:#fef9c3}.math-keyboard-action.submit{flex:1;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.math-keyboard-action.submit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.math-keyboard-action.submit:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.math-keyboard-action:focus{outline:2px solid #3b82f6;outline-offset:2px}@keyframes key-press{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}@keyframes key-press-bounce{0%{transform:scale(1)}30%{transform:scale(.88)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes key-ripple{0%{box-shadow:0 0 #3b82f666}to{box-shadow:0 0 0 10px #3b82f600}}@keyframes key-success-flash{0%{background-color:inherit}50%{background-color:#22c55e4d}to{background-color:inherit}}.math-key.animate-press{animation:key-press-bounce .2s cubic-bezier(.68,-.55,.265,1.55)}.math-key.animate-ripple{animation:key-ripple .4s ease-out}.math-key.animate-success{animation:key-success-flash .3s ease}.math-key:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(255,255,255,.8) 0%,transparent 70%);opacity:0;transition:opacity .15s ease;pointer-events:none}.math-key.pressed:after{opacity:1}@keyframes submit-success{0%{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:scale(1)}50%{background:linear-gradient(135deg,#22c55e,#16a34a);transform:scale(1.02)}to{background:linear-gradient(135deg,#22c55e,#16a34a);transform:scale(1)}}.math-keyboard-action.submit.success{animation:submit-success .4s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#22c55e,#16a34a)!important}.math-keyboard-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.math-keyboard-expression-text:after{content:"|";animation:cursor-blink 1s step-end infinite;color:#3b82f6;margin-left:2px}.math-keyboard-expression-placeholder:after{display:none}@keyframes keyboard-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.math-keyboard{animation:keyboard-slide-in .3s cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme: dark){.math-keyboard{background:#1e293b;border-color:#334155}.math-keyboard-header{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.math-keyboard-title{color:#f1f5f9}.math-keyboard-close{background:#334155;color:#94a3b8}.math-keyboard-close:hover{background:#475569;color:#f1f5f9}.math-keyboard-expression{background:#0f172a;border-color:#334155}.math-keyboard-expression-text{color:#f1f5f9}.math-keyboard-section-title{color:#94a3b8}.math-key.number{background:linear-gradient(135deg,#334155,#1e293b);border-color:#475569;color:#f1f5f9}.math-key.number:hover{background:linear-gradient(135deg,#475569,#334155)}.math-keyboard-actions{border-color:#334155}}@media (prefers-reduced-motion: reduce){.math-key{transition:none}.math-key:active,.math-key.pressed{transform:none}.math-key.animate-press{animation:none}}@media (max-width: 480px){.math-keyboard{inset-inline:8px;bottom:8px;border-radius:12px;max-height:65vh}.math-keyboard-content{padding:8px;gap:8px}.math-keyboard-grid{gap:4px}.math-keyboard.grade-k2 .math-key{min-width:36px;min-height:36px;font-size:1rem}.math-keyboard.grade-35 .math-key,.math-keyboard.grade-68 .math-key{min-width:32px;min-height:32px;font-size:.9rem}}@media (min-width: 640px){.math-keyboard{max-width:580px}.math-keyboard-grid{gap:6px}}.math-keyboard-grade-selector{padding:6px 12px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.math-keyboard-grade-label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:4px}.math-keyboard-grade-buttons{display:flex;gap:6px;flex-wrap:wrap}.math-keyboard-grade-button{padding:3px 10px;border:2px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.math-keyboard-grade-button:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.math-keyboard-grade-button.active{border-color:#2563eb;background:#2563eb;color:#fff}.math-keyboard-grade-button:focus{outline:2px solid #2563eb;outline-offset:2px}.math-keyboard-search{padding:6px 12px;border-bottom:1px solid #e5e7eb;background:#fff;position:relative;flex-shrink:0}.math-keyboard-search-input{width:100%;padding:5px 32px 5px 10px;border:2px solid #d1d5db;border-radius:6px;font-size:.8rem;transition:border-color .2s ease}.math-keyboard-search-input:focus{outline:none;border-color:#2563eb}.math-keyboard-search-input::placeholder{color:#9ca3af}.math-keyboard-search-clear{position:absolute;right:24px;top:50%;transform:translateY(-50%);padding:4px;background:#e5e7eb;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.math-keyboard-search-clear:hover{background:#d1d5db}.math-keyboard-no-results{padding:32px 16px;text-align:center;color:#6b7280}.math-keyboard-no-results p{margin-bottom:16px;font-size:.875rem}.math-keyboard-clear-search-btn{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.math-keyboard-clear-search-btn:hover{background:#1d4ed8}@keyframes modal-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-content-slide{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.math-visual-modal-backdrop{animation:modal-backdrop-fade .25s ease}.math-visual-modal-content{animation:modal-content-slide .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes tab-switch-indicator{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes tab-content-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.math-visual-module__tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem .5rem 0 0;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;background-color:#f3f4f6;color:#374151;position:relative}.math-visual-module__tab:hover{background-color:#e5e7eb;transform:translateY(-1px)}.math-visual-module__tab:active{transform:scale(.98)}.math-visual-module__tab--keyboard.math-visual-module__tab--active{background-color:#2563eb;color:#fff}.math-visual-module__tab--shapes.math-visual-module__tab--active{background-color:#16a34a;color:#fff}.math-visual-module__tab--freehand.math-visual-module__tab--active{background-color:#9333ea;color:#fff}.math-visual-module__tab--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:currentColor;border-radius:3px 3px 0 0;animation:tab-switch-indicator .2s ease}.mode-tab-button{position:relative;padding:.75rem 1.5rem;border-radius:.75rem .75rem 0 0;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;background-color:#f3f4f6;color:#374151}.mode-tab-button:hover{transform:translateY(-1px);background-color:#e5e7eb}.mode-tab-button:active{transform:scale(.98)}.mode-tab-button.active{background-color:#3b82f6;color:#fff}.mode-tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:currentColor;border-radius:3px 3px 0 0;animation:tab-switch-indicator .2s ease}.mode-content{animation:tab-content-fade .25s ease}@keyframes send-success-pulse{0%{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 15px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes send-success-check{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0)}}@keyframes send-button-bounce{0%{transform:scale(1)}30%{transform:scale(.95)}60%{transform:scale(1.02)}to{transform:scale(1)}}.send-to-chat-button{transition:all .2s ease;position:relative;overflow:hidden}.send-to-chat-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d}.send-to-chat-button:active:not(:disabled){transform:scale(.98)}.send-to-chat-button.sending{animation:send-button-bounce .3s ease}.send-to-chat-button.success{animation:send-success-pulse .6s ease;background-color:#22c55e!important}.send-to-chat-button.success .button-icon{animation:send-success-check .4s cubic-bezier(.175,.885,.32,1.275)}.math-visual-module__inner{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.math-visual-module__keyboard-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #2563eb33}.math-visual-module__keyboard-toggle-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.math-visual-module__keyboard-toggle-btn:active{transform:translateY(0);box-shadow:0 2px 4px #2563eb33}.math-visual-module__keyboard-toggle-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.math-visual-module__keyboard-toggle-icon{width:1.25rem;height:1.25rem;flex-shrink:0}@keyframes keyboard-toggle-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.math-visual-module__keyboard-toggle-btn{animation:keyboard-toggle-appear .3s ease}.math-visual-module__send-btn{padding:.75rem 1.5rem;background-color:#16a34a;color:#fff;border-radius:.75rem;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;width:100%}.math-visual-module__send-btn:hover:not(:disabled){background-color:#15803d;transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d}.math-visual-module__send-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.math-visual-module__send-btn--success{background-color:#22c55e;animation:send-success-pulse .6s ease}.math-visual-module__send-btn--sending{animation:send-button-bounce .3s ease}@keyframes result-appear{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-highlight{0%{background-color:#22c55e1a}50%{background-color:#22c55e33}to{background-color:#22c55e1a}}.recognition-result{animation:result-appear .3s ease}.recognition-result.highlight{animation:result-highlight .5s ease}@keyframes instructions-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.instructions-panel{animation:instructions-fade-in .3s ease .2s both}@keyframes processing-pulse{0%,to{opacity:1}50%{opacity:.6}}.processing-indicator{animation:processing-pulse 1.5s ease infinite}.loading-spinner{animation:spin .8s linear infinite}@keyframes control-button-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.math-visual-module__control-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:.5rem;border:none;cursor:pointer;font-size:.875rem;transition:all .2s ease;background-color:#f3f4f6;color:#374151}.math-visual-module__control-btn:hover{background-color:#e5e7eb}.math-visual-module__control-btn--active{background-color:#2563eb;color:#fff}.control-button{padding:.75rem;border-radius:.75rem;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;animation:control-button-appear .2s ease;background-color:#f3f4f6;color:#374151}.control-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;background-color:#e5e7eb}.control-button:active{transform:scale(.95)}.control-button.active{box-shadow:0 0 0 2px currentColor;background-color:#3b82f6;color:#fff}@keyframes canvas-ready-pulse{0%,to{border-color:#e2e8f0}50%{border-color:#3b82f6}}.drawing-canvas.ready{animation:canvas-ready-pulse 2s ease infinite}.drawing-canvas.drawing{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}@keyframes tool-select{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tool-button.selected{animation:tool-select .2s ease}.close-button{transition:all .2s ease}.close-button:hover{transform:rotate(90deg);color:#ef4444}.close-button:active{transform:rotate(90deg) scale(.9)}@keyframes header-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.math-visual-header{animation:header-slide-in .3s ease}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.math-visual-header .header-icon{animation:icon-bounce .5s ease .3s}@media (prefers-reduced-motion: reduce){.math-visual-modal-backdrop,.math-visual-modal-content,.mode-tab-button,.send-to-chat-button,.recognition-result,.instructions-panel,.control-button,.tool-button,.close-button,.math-visual-header{animation:none!important;transition:none!important}.mode-tab-button:hover,.send-to-chat-button:hover,.control-button:hover,.close-button:hover{transform:none!important}}.math-controls-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-secondary, #f8fafc);border-radius:8px;margin-bottom:12px;border:1px solid var(--border-gray, #e2e8f0)}.math-options-trigger{height:var(--compact-control-height, 28px);padding:var(--compact-control-padding, 4px 10px);font-size:var(--compact-control-font-size, 11px);border-radius:var(--compact-control-border-radius, 6px);background:var(--bg-white, #ffffff);border:1px solid var(--border-gray, #e2e8f0);color:var(--text-primary, #1e293b);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;font-weight:500}.math-options-trigger:hover{background:var(--bg-hover, #f1f5f9);border-color:var(--border-hover, #cbd5e1)}.math-options-trigger:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}.math-options-trigger:active{transform:scale(.98)}@media (max-width: 640px){.math-controls-bar{flex-wrap:wrap;gap:8px;padding:6px 8px}.math-options-trigger{font-size:10px;padding:3px 8px;height:24px}}@media (max-width: 768px){.math-visual-module-content{padding:.75rem}.math-visual-module__inner{max-height:calc(100vh - 120px)!important}.math-visual-module__tab{min-height:44px;padding:.75rem 1rem}.shape-canvas-wrapper,.math-canvas-wrapper{max-width:100%}canvas{max-width:100%;height:auto}}.math-visual-module__ask-ai-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;background-color:var(--eduq-blue, #0066FF);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:var(--text-sm, .875rem);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.math-visual-module__ask-ai-btn:hover:not(:disabled){background-color:var(--eduq-blue-hover, #0052CC)}.math-visual-module__ask-ai-btn:active:not(:disabled){background-color:var(--eduq-blue-active, #003D99)}.math-visual-module__ask-ai-btn:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.math-visual-module__ask-ai-btn:disabled{cursor:not-allowed;pointer-events:none}.math-visual-module__ask-ai-icon{flex-shrink:0}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.math-visual-module__toast{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-size:var(--text-sm, .875rem);font-weight:500;background-color:var(--success, #10B981);color:#fff;animation:toast-slide-in .25s ease}.math-visual-module__toast--error{background-color:var(--error, #EF4444)}@media (prefers-reduced-motion: reduce){.math-visual-module__ask-ai-btn,.math-visual-module__toast{animation:none!important;transition:none!important}}.math-visual-dynamodb{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.math-visual-dynamodb__dialog{background-color:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:56rem;width:100%;margin:1rem;max-height:90vh;overflow:hidden}.math-visual-dynamodb__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#eff6ff}.math-visual-dynamodb__header-left{display:flex;align-items:center;gap:.5rem}.math-visual-dynamodb__header-icon{height:1.5rem;width:1.5rem;color:#2563eb}.math-visual-dynamodb__header-title{font-size:1.25rem;font-weight:600;color:#111827}.math-visual-dynamodb__save-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.math-visual-dynamodb__save-status--saving{display:flex;align-items:center;gap:.25rem;color:#2563eb}.math-visual-dynamodb__save-spinner{animation:spin 1s linear infinite;height:.75rem;width:.75rem;border:2px solid #2563eb;border-top-color:transparent;border-radius:50%}.math-visual-dynamodb__save-status--saved{color:#16a34a}.math-visual-dynamodb__save-status--error{color:#dc2626}.math-visual-dynamodb__header-right{display:flex;align-items:center;gap:.5rem}.math-visual-dynamodb__autosave-label{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.math-visual-dynamodb__autosave-checkbox{border-radius:.25rem}.math-visual-dynamodb__close-btn{color:#9ca3af;background:none;border:none;cursor:pointer;font-size:1.25rem;transition:color .2s ease}.math-visual-dynamodb__close-btn:hover{color:#4b5563}.math-visual-dynamodb__content{padding:1.5rem;max-height:calc(90vh - 80px);overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.math-visual-dynamodb__tabs{display:flex;gap:.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.math-visual-dynamodb__tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem .5rem 0 0;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;background-color:#f3f4f6;color:#374151}.math-visual-dynamodb__tab:hover{background-color:#e5e7eb}.math-visual-dynamodb__tab--keyboard.active{background-color:#2563eb;color:#fff}.math-visual-dynamodb__tab--shapes.active{background-color:#16a34a;color:#fff}.math-visual-dynamodb__tab--freehand.active{background-color:#9333ea;color:#fff}.math-visual-dynamodb__tab-icon{height:1rem;width:1rem}.math-visual-dynamodb__shape-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.math-visual-dynamodb__shape-controls-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.math-visual-dynamodb__control-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:.5rem;border:none;cursor:pointer;font-size:.875rem;transition:all .2s ease;background-color:#f3f4f6;color:#374151}.math-visual-dynamodb__control-btn:hover{background-color:#e5e7eb}.math-visual-dynamodb__control-btn.active{background-color:#2563eb;color:#fff}.math-visual-dynamodb__control-btn-icon{height:1rem;width:1rem}.math-visual-dynamodb__grid-select{padding:.5rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#fff;font-size:.875rem;color:#374151}.math-visual-dynamodb__grid-select:focus{outline:none;ring:2px;ring-color:#3b82f6}.math-visual-dynamodb__drawing-tools{display:flex;gap:.5rem}.math-visual-dynamodb__tool-btn{padding:.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;background-color:#f3f4f6;color:#374151}.math-visual-dynamodb__tool-btn:hover{background-color:#e5e7eb}.math-visual-dynamodb__tool-btn--pencil.active{background-color:#2563eb;color:#fff}.math-visual-dynamodb__tool-btn--eraser.active{background-color:#dc2626;color:#fff}.math-visual-dynamodb__tool-btn--clear{background-color:#f3f4f6;color:#374151}.math-visual-dynamodb__tool-btn--clear:hover{background-color:#e5e7eb}.math-visual-dynamodb__tool-icon{height:1.25rem;width:1.25rem}.math-visual-dynamodb__canvas-wrapper{border:2px solid #d1d5db;border-radius:.5rem;overflow:hidden;background-color:#fff}.math-visual-dynamodb__canvas{display:block;cursor:crosshair;touch-action:none}.math-visual-dynamodb__results{padding:1rem;background-color:#f0fdf4;border-radius:.5rem;border:1px solid #bbf7d0}.math-visual-dynamodb__results-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.math-visual-dynamodb__results-icon{height:1.25rem;width:1.25rem;color:#16a34a}.math-visual-dynamodb__results-title{font-size:.875rem;font-weight:500;color:#166534}.math-visual-dynamodb__results-formula{font-size:1.125rem;color:#15803d}.math-visual-dynamodb__actions{display:flex;gap:.75rem;flex-wrap:wrap}.math-visual-dynamodb__action-btn{flex:1;min-width:120px;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.math-visual-dynamodb__action-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.math-visual-dynamodb__action-btn--recognize{background-color:#2563eb;color:#fff}.math-visual-dynamodb__action-btn--recognize:hover:not(:disabled){background-color:#1d4ed8}.math-visual-dynamodb__action-btn--save{background-color:#16a34a;color:#fff}.math-visual-dynamodb__action-btn--save:hover:not(:disabled){background-color:#15803d}.math-visual-dynamodb__action-btn--send{background-color:#9333ea;color:#fff}.math-visual-dynamodb__action-btn--send:hover:not(:disabled){background-color:#7e22ce}.math-visual-dynamodb__action-icon{height:1rem;width:1rem}.math-visual-dynamodb__action-spinner{animation:spin 1s linear infinite;height:1rem;width:1rem;border:2px solid white;border-top-color:transparent;border-radius:50%}.math-visual-dynamodb__instructions{font-size:.875rem;color:#4b5563;background-color:#f9fafb;padding:.75rem;border-radius:.5rem}.math-visual-dynamodb__instructions-title{font-weight:500;margin-bottom:.25rem}.math-visual-dynamodb__instructions-list{list-style-type:disc;list-style-position:inside;display:flex;flex-direction:column;gap:.25rem}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.math-visual-dynamodb{animation:modal-fade-in .25s ease}.math-visual-dynamodb__dialog{animation:modal-slide-in .3s cubic-bezier(.175,.885,.32,1.275)}@media (prefers-reduced-motion: reduce){.math-visual-dynamodb,.math-visual-dynamodb__dialog,.math-visual-dynamodb__save-spinner,.math-visual-dynamodb__action-spinner{animation:none}.math-visual-dynamodb__tab,.math-visual-dynamodb__control-btn,.math-visual-dynamodb__tool-btn,.math-visual-dynamodb__action-btn{transition:none}}@media (prefers-color-scheme: dark){.math-visual-dynamodb__dialog{background-color:#1f2937}.math-visual-dynamodb__header{background-color:#1e3a5f;border-color:#374151}.math-visual-dynamodb__header-title{color:#f9fafb}.math-visual-dynamodb__tabs{border-color:#374151}.math-visual-dynamodb__tab{background-color:#374151;color:#d1d5db}.math-visual-dynamodb__tab:hover{background-color:#4b5563}.math-visual-dynamodb__control-btn,.math-visual-dynamodb__tool-btn{background-color:#374151;color:#d1d5db}.math-visual-dynamodb__control-btn:hover,.math-visual-dynamodb__tool-btn:hover{background-color:#4b5563}.math-visual-dynamodb__canvas-wrapper{border-color:#4b5563;background-color:#1f2937}.math-visual-dynamodb__instructions{background-color:#374151;color:#d1d5db}.math-visual-dynamodb__grid-select{background-color:#374151;border-color:#4b5563;color:#d1d5db}}@media (max-width: 640px){.math-visual-dynamodb__tabs{flex-wrap:wrap}.math-visual-dynamodb__tab{flex:1;min-width:100px;justify-content:center}.math-visual-dynamodb__shape-controls{flex-direction:column;align-items:stretch}.math-visual-dynamodb__shape-controls-left{justify-content:center}.math-visual-dynamodb__actions{flex-direction:column}.math-visual-dynamodb__action-btn{width:100%}}.shape-canvas-container{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-secondary, #f8fafc);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);animation:canvas-fade-in .3s ease}@keyframes canvas-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shape-canvas-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid var(--border-color, #e2e8f0)}.toolbar-group{display:flex;align-items:center;gap:4px}.toolbar-divider{width:1px;height:24px;background:var(--border-color, #e2e8f0);margin:0 4px}.toolbar-spacer{flex:1}.toolbar-button{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:6px 10px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:#fff;color:var(--text-primary, #1e293b);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toolbar-button:hover:not(:disabled){background:var(--bg-hover, #f1f5f9);border-color:var(--primary, #3b82f6)}.toolbar-button:active:not(:disabled){transform:scale(.92)}@keyframes toolbar-press{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.toolbar-button.animate-press{animation:toolbar-press .2s cubic-bezier(.68,-.55,.265,1.55)}.toolbar-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.toolbar-button:disabled{opacity:.5;cursor:not-allowed}.toolbar-button:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}.toolbar-button.danger:hover:not(:disabled){background:#fef2f2;border-color:#ef4444;color:#ef4444}.toolbar-icon{width:18px;height:18px}.toolbar-info{font-size:.875rem;color:var(--text-secondary, #64748b);padding:0 8px}.shape-canvas-wrapper{overflow:auto;border-radius:8px;border:2px solid var(--border-color, #e2e8f0);background:#fff}.shape-canvas{display:block;cursor:crosshair;touch-action:none;user-select:none}.shape-canvas:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:-2px}.shape-canvas-grid line{pointer-events:none}.shape-canvas-shape{cursor:move;transition:filter .2s ease}.shape-canvas-shape.selected{filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}@keyframes shape-place-bounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shape-place-pop{0%{opacity:0;transform:scale(.5) rotate(-10deg)}60%{opacity:1;transform:scale(1.08) rotate(3deg)}80%{transform:scale(.98) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.shape-canvas-shape.newly-placed{animation:shape-place-pop .4s cubic-bezier(.175,.885,.32,1.275)}.shape-canvas-shape:hover:not(.selected){filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.shape-canvas-shape.dragging{filter:drop-shadow(0 8px 16px rgba(59,130,246,.4));cursor:grabbing}.shape-selection-border{animation:selection-dash .5s linear infinite}@keyframes selection-dash{to{stroke-dashoffset:-8}}.shape-resize-handle{transition:transform .15s ease}.shape-resize-handle:hover{transform:scale(1.2);fill:#3b82f6}.shape-rotation-handle circle{transition:all .15s ease}.shape-rotation-handle circle:hover{fill:#3b82f6;transform:scale(1.2)}.shape-rotation-handle circle:active{cursor:grabbing}.shape-dimension-labels{pointer-events:auto}.shape-dimension-labels rect{transition:all .15s ease}.shape-dimension-labels:hover rect{fill:#f1f5f9;stroke:#3b82f6}.shape-dimension-input{width:100%;height:100%;padding:2px 6px;border:2px solid #3b82f6;border-radius:4px;font-size:12px;font-weight:500;text-align:center;outline:none;background:#fff}.shape-dimension-input:focus{box-shadow:0 0 0 3px #3b82f633}.placement-hint{animation:pulse-hint 1.5s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:1}50%{opacity:.5}}.shape-canvas-instructions{padding:10px 12px;background:var(--bg-tertiary, #f1f5f9);border-radius:8px;text-align:center}.shape-canvas-instructions p{margin:0;font-size:.875rem;color:var(--text-secondary, #64748b)}@media (max-width: 640px){.shape-canvas-container{padding:12px}.shape-canvas-toolbar{flex-wrap:wrap;padding:6px 8px}.toolbar-button{min-width:32px;min-height:32px;padding:4px 8px}.toolbar-icon{width:16px;height:16px}.toolbar-divider{display:none}.toolbar-spacer{flex-basis:100%;height:0}}@media (pointer: coarse){.toolbar-button{min-width:44px;min-height:44px}.shape-resize-handle{transform:scale(1.3)}.shape-rotation-handle circle{r:10}}@media (prefers-color-scheme: dark){.shape-canvas-container{--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-hover: #475569;--border-color: #475569;--text-primary: #f1f5f9;--text-secondary: #94a3b8}.shape-canvas-toolbar{background:#1e293b}.toolbar-button{background:#334155;color:#f1f5f9}.toolbar-button:hover:not(:disabled){background:#475569}.shape-canvas-wrapper{background:#1e293b}.shape-canvas rect:first-child{fill:#1e293b}.shape-dimension-labels rect{fill:#334155;stroke:#475569}.shape-dimension-labels text{fill:#94a3b8}.shape-dimension-input{background:#334155;color:#f1f5f9;border-color:#3b82f6}}.shape-canvas-angle{cursor:pointer}.shape-canvas-angle.selected{filter:drop-shadow(0 2px 8px rgba(139,92,246,.3))}.shape-canvas-angle.newly-placed{animation:angle-place-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes angle-place-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.angle-selection-border{animation:angle-pulse 2s ease-in-out infinite}@keyframes angle-pulse{0%,to{opacity:.6}50%{opacity:1}}.angle-measurement-label rect{transition:stroke .2s ease}.shape-canvas-angle:hover .angle-measurement-label rect{stroke:#8b5cf6}.shape-canvas-angle circle{transition:transform .1s ease}.shape-canvas-angle circle:hover{transform:scale(1.1)}@media (prefers-reduced-motion: reduce){.shape-selection-border,.angle-selection-border,.placement-hint{animation:none}.toolbar-button,.shape-resize-handle,.shape-rotation-handle circle,.shape-dimension-labels rect,.shape-canvas-angle circle,.angle-measurement-label rect{transition:none}.toolbar-button:active:not(:disabled){transform:none}}.toolbar-button:focus-visible{outline:3px solid var(--focus-ring, #3b82f6);outline-offset:2px}@media (prefers-contrast: high){.shape-canvas-container{border-width:2px}.shape-canvas-wrapper{border-width:3px}.toolbar-button{border-width:2px}.shape-selection-border,.shape-resize-handle{stroke-width:3}}.toolbar-unit-selector{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:8px}.unit-icon{width:14px;height:14px;color:var(--text-secondary, #64748b)}.unit-select{border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--text-primary, #1e293b);cursor:pointer;padding:2px 4px;min-width:50px}.unit-select:focus{outline:none}.toolbar-button.active{background:var(--primary-light, #dbeafe);border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.measurements-panel{background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:16px;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.measurements-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e2e8f0)}.measurements-emoji{font-size:1.5rem}.measurements-title{flex:1;margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #1e293b)}.measurements-badge{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.measurements-badge.badge-2d{background:#dbeafe;color:#1d4ed8}.measurements-badge.badge-3d{background:#dcfce7;color:#15803d}.measurements-section{margin-bottom:12px}.measurements-section:last-child{margin-bottom:0}.measurements-section-title{margin:0 0 8px;font-size:.875rem;font-weight:600;color:var(--text-secondary, #64748b)}.measurements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.measurements-grid.properties{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.measurement-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--bg-secondary, #f8fafc);border-radius:8px;border:1px solid transparent;transition:all .15s ease}.measurement-item:hover{border-color:var(--border-color, #e2e8f0);background:#fff}.measurement-item.highlight{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-color:#93c5fd}.measurement-item.highlight:hover{background:linear-gradient(135deg,#bfdbfe,#c7d2fe)}.measurement-label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.025em}.measurement-value{font-size:1rem;font-weight:600;color:var(--text-primary, #1e293b);font-family:SF Mono,Monaco,Inconsolata,monospace}@media (max-width: 640px){.measurements-panel{padding:12px}.measurements-grid{grid-template-columns:repeat(2,1fr)}.measurements-grid.properties{grid-template-columns:1fr}.measurement-item{padding:6px 10px}.measurement-value{font-size:.875rem}.toolbar-unit-selector{padding:2px 6px}.unit-select{font-size:.75rem;min-width:40px}}@media (prefers-color-scheme: dark){.toolbar-unit-selector{background:#334155;border-color:#475569}.unit-select{color:#f1f5f9}.toolbar-button.active{background:#1e3a5f;border-color:#3b82f6;color:#60a5fa}.measurements-panel{background:#1e293b;border-color:#475569}.measurements-header{border-color:#475569}.measurements-title{color:#f1f5f9}.measurements-badge.badge-2d{background:#1e3a5f;color:#60a5fa}.measurements-badge.badge-3d{background:#14532d;color:#4ade80}.measurements-section-title{color:#94a3b8}.measurement-item{background:#334155}.measurement-item:hover{background:#475569;border-color:#64748b}.measurement-item.highlight{background:linear-gradient(135deg,#1e3a5f,#312e81);border-color:#3b82f6}.measurement-item.highlight:hover{background:linear-gradient(135deg,#1e40af,#4338ca)}.measurement-label{color:#94a3b8}.measurement-value{color:#f1f5f9}}@media (prefers-reduced-motion: reduce){.measurements-panel{animation:none}.measurement-item{transition:none}}@media (prefers-contrast: high){.measurements-panel{border-width:2px}.measurement-item{border-width:2px;border-color:var(--border-color, #e2e8f0)}.measurement-item.highlight{border-width:2px}}.protractor-overlay{pointer-events:auto;transition:opacity .2s ease}.protractor-body{transition:fill .2s ease,stroke .2s ease}.protractor-body:hover{fill:#3b82f61f;stroke:#3b82f699}.protractor-mark{pointer-events:none}.protractor-label{user-select:none}.protractor-center{transition:transform .15s ease}.protractor-baseline{pointer-events:none}.protractor-rotation-handle circle{transition:all .15s ease}.protractor-rotation-handle circle:hover{fill:#dbeafe;transform:scale(1.1)}.protractor-rotation-handle circle:active{cursor:grabbing}.protractor-overlay.dragging .protractor-body{fill:#3b82f626;stroke:#3b82f6cc}.protractor-overlay.rotating .protractor-rotation-handle circle{fill:#3b82f6;stroke:#fff}@media (prefers-color-scheme: dark){.protractor-body{fill:#60a5fa1a;stroke:#60a5fa80}.protractor-body:hover{fill:#60a5fa26;stroke:#60a5fab3}.protractor-mark{stroke:#60a5fa99}.protractor-label{fill:#60a5fae6}.protractor-center{fill:#60a5fa}.protractor-baseline{stroke:#60a5fa99}.protractor-rotation-handle line{stroke:#60a5fa}.protractor-rotation-handle circle{fill:#334155;stroke:#60a5fa}.protractor-rotation-handle circle:hover{fill:#1e3a5f}.protractor-rotation-handle text{fill:#60a5fa}}@media (prefers-reduced-motion: reduce){.protractor-overlay,.protractor-body,.protractor-center,.protractor-rotation-handle circle{transition:none}}@media (prefers-contrast: high){.protractor-body{fill:#3b82f626;stroke:#3b82f6;stroke-width:3}.protractor-mark{stroke-width:2}.protractor-baseline{stroke-width:3}.protractor-rotation-handle circle{stroke-width:3}}@media (pointer: coarse){.protractor-rotation-handle circle{r:14}.protractor-center{r:6}}.toolbar-grid-size{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:8px}.grid-icon{width:14px;height:14px;color:var(--text-secondary, #64748b)}.grid-select{border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--text-primary, #1e293b);cursor:pointer;padding:2px 4px;min-width:55px}.grid-select:focus{outline:none}.toolbar-button.active .toolbar-icon{color:var(--primary, #3b82f6)}.shape-canvas-grid line{pointer-events:none;opacity:.8}.shape-canvas.snap-active .shape-canvas-grid line{opacity:1}.shape-canvas-shape.snapping{filter:drop-shadow(0 0 4px rgba(59,130,246,.5))}@media (prefers-color-scheme: dark){.toolbar-grid-size{background:#334155;border-color:#475569}.grid-select{color:#f1f5f9}.grid-icon{color:#94a3b8}.shape-canvas-grid line{stroke:#60a5fa33!important}}@media (max-width: 640px){.toolbar-grid-size{padding:2px 6px}.grid-select{font-size:.75rem;min-width:45px}}@media (prefers-contrast: high){.toolbar-grid-size{border-width:2px}.shape-canvas-grid line{opacity:1;stroke:#3b82f666!important}}@media (prefers-reduced-motion: reduce){.shape-canvas-shape.snapping{filter:none}}.shape-picker{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-secondary, #f8fafc);border-radius:12px;border:1px solid var(--border-color, #e2e8f0)}.shape-picker-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.shape-picker-icon-header{font-size:1.5rem}.shape-picker-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #1e293b)}.shape-picker-subtitle{margin:0;font-size:.85rem;color:var(--text-secondary, #64748b)}.shape-picker-tabs{display:flex;gap:8px;padding:4px;background:var(--bg-tertiary, #f1f5f9);border-radius:10px;overflow-x:auto}.shape-picker-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #64748b);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.shape-picker-tab:hover{background:var(--bg-hover, #e2e8f0);color:var(--text-primary, #1e293b)}.shape-picker-tab.active{background:#fff;color:var(--primary, #3b82f6);box-shadow:0 1px 3px #0000001a}.shape-picker-tab:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}.tab-emoji{font-size:1.1rem}.tab-count{font-size:.75rem;opacity:.7}.shape-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shape-picker-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;min-height:72px;padding:10px 8px;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit;position:relative}.shape-picker-button:hover{border-color:var(--shape-color, #3b82f6);background:var(--bg-hover, #f8fafc);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.shape-picker-button:active{transform:scale(.95)}.shape-picker-button:focus{outline:3px solid var(--focus-ring, #3b82f6);outline-offset:2px}.shape-picker-button.selected{border-color:var(--shape-color, #3b82f6);background:linear-gradient(135deg,color-mix(in srgb,var(--shape-color, #3b82f6) 10%,white),color-mix(in srgb,var(--shape-color, #3b82f6) 20%,white));box-shadow:0 4px 16px color-mix(in srgb,var(--shape-color, #3b82f6) 30%,transparent)}.shape-picker-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.shape-svg{width:100%;height:100%;color:var(--shape-color, #3b82f6)}.shape-picker-button:hover .shape-svg,.shape-picker-button.selected .shape-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.shape-picker-name{font-size:.75rem;font-weight:600;color:var(--text-primary, #1e293b);text-align:center;line-height:1.2}.shape-picker-check{position:absolute;top:4px;right:4px;width:18px;height:18px;background:var(--shape-color, #3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:#fff;box-shadow:0 1px 3px #0003}.shape-picker-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--text-secondary, #64748b);text-align:center}.empty-emoji{font-size:2rem;margin-bottom:8px}.shape-picker-info{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-tertiary, #f1f5f9);border-radius:8px;margin-top:4px}.info-emoji{font-size:1.5rem}.info-text{display:flex;flex-direction:column;gap:2px}.info-text strong{font-size:.9rem;color:var(--text-primary, #1e293b)}.info-text span{font-size:.8rem;color:var(--text-secondary, #64748b)}.shape-picker.compact{padding:8px;gap:8px}.shape-picker.compact .shape-picker-header{display:none}.shape-picker.compact .shape-picker-tabs{padding:2px}.shape-picker.compact .shape-picker-tab{padding:6px 10px;font-size:.8rem}.shape-picker.compact .shape-picker-grid{gap:6px}.shape-picker.compact .shape-picker-button{min-height:60px;padding:8px 6px}.shape-picker.compact .shape-picker-icon{width:32px;height:32px}.shape-picker.compact .shape-picker-name{font-size:.7rem}@media (max-width: 400px){.shape-picker-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 280px){.shape-picker-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px){.shape-picker-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 768px){.shape-picker-grid{grid-template-columns:repeat(6,1fr)}}@media (prefers-color-scheme: dark){.shape-picker{--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-hover: #475569;--border-color: #475569;--text-primary: #f1f5f9;--text-secondary: #94a3b8}.shape-picker-button{background:#1e293b}.shape-picker-button:hover,.shape-picker-tab.active{background:#334155}}@keyframes shape-select-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shape-button-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shape-icon-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.shape-picker-button.selected{animation:shape-select-pulse .3s ease}.shape-picker-button{animation:shape-button-appear .25s ease backwards}.shape-picker-button:nth-child(1){animation-delay:.02s}.shape-picker-button:nth-child(2){animation-delay:.04s}.shape-picker-button:nth-child(3){animation-delay:.06s}.shape-picker-button:nth-child(4){animation-delay:.08s}.shape-picker-button:nth-child(5){animation-delay:.1s}.shape-picker-button:nth-child(6){animation-delay:.12s}.shape-picker-button:nth-child(7){animation-delay:.14s}.shape-picker-button:nth-child(8){animation-delay:.16s}.shape-picker-button:hover .shape-svg{animation:shape-icon-wiggle .3s ease}@keyframes tab-slide-indicator{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.shape-picker-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary, #3b82f6);animation:tab-slide-indicator .2s ease}.shape-picker-tab{position:relative}@keyframes category-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shape-picker-grid{animation:category-fade-in .2s ease}@keyframes info-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shape-picker-info{animation:info-slide-in .25s ease}@media (prefers-reduced-motion: reduce){.shape-picker-button,.shape-picker-tab{transition:none}.shape-picker-button.selected{animation:none}.shape-picker-button:hover,.shape-picker-button:active{transform:none}}.shape-picker-button:focus-visible,.shape-picker-tab:focus-visible{outline:3px solid var(--focus-ring, #3b82f6);outline-offset:2px}.code-block-wrapper{position:relative;margin:16px 0;border-radius:8px;overflow:hidden;background:#1e1e1e;box-shadow:0 2px 8px #0000001a}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.code-block-language{font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.code-block-wrapper pre{margin:0!important;padding:16px!important;overflow-x:auto}.code-block-wrapper code{font-family:Fira Code,Consolas,Monaco,monospace!important;font-size:14px!important;line-height:1.6!important}.code-block-wrapper pre::-webkit-scrollbar{height:8px}.code-block-wrapper pre::-webkit-scrollbar-track{background:#0000001a}.code-block-wrapper pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=light] .code-block-wrapper{background:#f5f5f5;border:1px solid #e0e0e0}[data-theme=light] .code-block-header{background:#e8e8e8;border-bottom-color:#d0d0d0}[data-theme=light] .code-block-language{color:#333}.copy-button{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;opacity:0}.code-block-wrapper:hover .copy-button{opacity:1}.copy-button:hover{background:#fff3;border-color:#ffffff4d}.copy-button:active{transform:scale(.95)}.copy-button svg{width:16px;height:16px}.copy-button-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] .copy-button{background:#ffffff14;border-color:#ffffff26}[data-theme=dark] .copy-button:hover{background:#ffffff26;border-color:#ffffff40}.enhanced-chat-message{display:flex;gap:12px;padding:6px 16px;margin-bottom:0;transition:background-color .2s ease;max-width:100%}.enhanced-chat-message:hover{background-color:var(--bg-secondary, #f9fafb)}.enhanced-chat-message.ai-message{background-color:transparent;flex-direction:row;justify-content:flex-start}.enhanced-chat-message.ai-message:hover{background-color:#00000005}.enhanced-chat-message.user-message{background-color:transparent;flex-direction:row-reverse;justify-content:flex-start;padding-left:15%}.enhanced-chat-message.user-message .message-content{background-color:#f3f4f6;border-radius:18px;padding:12px 16px}.message-avatar{flex-shrink:0;width:32px;height:32px;align-self:flex-start}.message-avatar svg{width:100%;height:100%;border-radius:8px;box-shadow:0 1px 2px #0000001a}.ai-avatar-logo{border-radius:8px;object-fit:contain;background:#fff;padding:2px;box-shadow:0 1px 2px #0000001a}.message-content{flex:1;min-width:0;max-width:85%;padding:4px 0}.enhanced-chat-message.ai-message .message-content{background-color:#f8fafc;border-left:3px solid rgba(0,102,255,.2);border-radius:0 12px 12px 0;padding:8px 12px}[data-theme=dark] .enhanced-chat-message.ai-message .message-content{background-color:#ffffff0d;border-left-color:#06f6}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;gap:8px;min-height:0}.message-header:empty{display:none;margin:0}.message-inline-speaker.message-speaker-button{display:inline-flex;align-items:center;padding:2px 4px;margin-top:4px;min-width:auto;min-height:auto;border:none;background:transparent;opacity:0;transition:opacity .2s ease;cursor:pointer;border-radius:4px}.enhanced-chat-message:hover .message-inline-speaker.message-speaker-button{opacity:.6}.message-inline-speaker.message-speaker-button:hover{opacity:1!important;background:#0000000d}.message-inline-speaker.message-speaker-button.playing{opacity:1;background:transparent}.message-inline-speaker .speaker-icon{width:16px;height:16px;font-size:14px;display:flex;align-items:center;justify-content:center}.message-role{font-weight:600;font-size:13px;color:var(--text-secondary, #6b7280)}.ai-role-label{font-weight:600;font-size:13px}.role-label-eduq{color:var(--eduq-blue, #0066FF)}.role-label-ai{color:var(--eduq-cyan, #00D9B5)}.message-text{color:var(--text-primary, #111827);font-family:var(--font-sans);font-size:1rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.inline-code{background:#0000000d;padding:2px 6px;border-radius:4px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9em;color:#e83e8c;border:1px solid rgba(0,0,0,.1)}.table-wrapper{overflow-x:auto;margin:16px 0;border-radius:8px;border:1px solid var(--border-color, #e0e0e0)}.table-wrapper table{width:100%;border-collapse:collapse;font-size:14px}.table-wrapper th,.table-wrapper td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color, #e0e0e0)}.table-wrapper th{background:var(--bg-secondary, #f5f5f5);font-weight:600;color:var(--text-primary, #333)}.table-wrapper tr:last-child td{border-bottom:none}.table-wrapper tr:hover{background:#00000005}.message-text a{color:var(--accent-color, #007bff);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.message-text a:hover{border-bottom-color:var(--accent-color, #007bff)}.external-link{display:inline-flex;align-items:center}.enhanced-blockquote{margin:16px 0;padding:12px 16px;border-left:4px solid var(--accent-color, #007bff);background:var(--bg-secondary, #f5f5f5);border-radius:0 8px 8px 0;font-style:italic;color:var(--text-secondary, #666)}.enhanced-blockquote p:first-child{margin-top:0}.enhanced-blockquote p:last-child{margin-bottom:0}.enhanced-list{margin:12px 0;padding-left:24px}.enhanced-list li{margin:8px 0;line-height:1.6}.enhanced-list li::marker{color:var(--accent-color, #007bff)}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{margin:20px 0 12px;font-weight:600;color:var(--text-primary, #333);line-height:1.3}.message-text h1{font-size:1.8em;border-bottom:2px solid var(--border-color, #e0e0e0);padding-bottom:8px}.message-text h2{font-size:1.5em}.message-text h3{font-size:1.3em}.message-text h4{font-size:1.1em}.message-text h5,.message-text h6{font-size:1em}.message-text p{margin:4px 0}.message-text p:first-child{margin-top:0}.message-text p:last-child{margin-bottom:0}.message-text hr{margin:24px 0;border:none;border-top:2px solid var(--border-color, #e0e0e0)}[data-theme=dark] .enhanced-chat-message:hover{background-color:#ffffff08}[data-theme=dark] .enhanced-chat-message.ai-message:hover{background-color:#ffffff0d}[data-theme=dark] .enhanced-chat-message.user-message .message-content{background-color:#3b82f626}[data-theme=dark] .inline-code{background:#ffffff1a;border-color:#fff3;color:#ff79c6}[data-theme=dark] .table-wrapper{border-color:#404040}[data-theme=dark] .table-wrapper th{background:#ffffff0d}[data-theme=dark] .table-wrapper th,[data-theme=dark] .table-wrapper td{border-bottom-color:#404040}[data-theme=dark] .table-wrapper tr:hover{background:#ffffff08}[data-theme=dark] .enhanced-blockquote{background:#ffffff0d;border-left-color:#4a9eff}@media (max-width: 768px){.enhanced-chat-message{padding:4px 12px;gap:8px}.enhanced-chat-message.user-message{padding-left:10%}.message-avatar{width:28px;height:28px}.message-content{max-width:90%}.message-text{font-size:15px}.table-wrapper{font-size:13px}.table-wrapper th,.table-wrapper td{padding:8px}}.enhanced-chat-message.greeting-message .message-content{border-left:3px solid var(--eduq-blue, #0066FF);padding:12px 16px;animation:greetingFadeIn .3s ease-out}@keyframes greetingFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.enhanced-chat-message,.message-text a{transition:none}.enhanced-chat-message.greeting-message .message-content{animation:none}}@media (prefers-reduced-motion: reduce){.image-preview-modal{animation:none!important}}.image-preview-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:modal-fade-in .2s ease}.image-preview-modal__backdrop{position:absolute;inset:0;background:#000c;cursor:pointer}.image-preview-modal__image{position:relative;max-width:90vw;max-height:90vh;object-fit:contain;border-radius:.5rem;box-shadow:0 8px 32px #0006}.image-preview-modal__close{position:absolute;top:1rem;right:1rem;z-index:1;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color .15s ease}.image-preview-modal__close:hover{background:#000000d9}.image-preview-modal__close:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.inline-document-card{display:flex;align-items:center;gap:.75rem;max-width:320px;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.75rem;transition:box-shadow .15s ease}.inline-document-card:hover{box-shadow:0 2px 8px #0000001a}.inline-document-card__icon{width:2rem;height:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.inline-document-card__info{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:.125rem}.inline-document-card__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-size:.875rem;font-weight:500}.inline-document-card__size{font-size:.75rem;color:var(--text-secondary)}.inline-document-card__status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;white-space:nowrap;flex-shrink:0}.inline-document-card__status--processing{color:var(--text-secondary)}.inline-document-card__status--completed{color:var(--success)}.inline-document-card__status--error{color:var(--error)}.inline-document-card__spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.inline-document-card{max-width:100%;width:100%}}.inline-document-card__thumbnail-btn{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;border-radius:.5rem;overflow:hidden;display:flex}.inline-document-card__thumbnail{max-width:300px;max-height:160px;object-fit:cover;border-radius:.5rem;display:block;transition:opacity .15s ease}.inline-document-card__thumbnail-btn:hover .inline-document-card__thumbnail{opacity:.85}.inline-document-card__thumbnail-btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.math-inline{display:inline;vertical-align:middle}.math-inline .katex{font-size:1.1em}.math-block{margin:20px 0;padding:16px;background:var(--bg-secondary, #f5f5f5);border-radius:8px;border-left:4px solid var(--accent-color, #007bff);overflow-x:auto}.math-block .katex-display{margin:0}.math-block .katex{font-size:1.2em}.math-error{color:#dc3545;font-family:monospace;background:#fff3cd;padding:2px 6px;border-radius:4px;border:1px solid #ffc107}[data-theme=dark] .math-block{background:#ffffff0d;border-left-color:#4a9eff}[data-theme=dark] .math-error{background:#dc35451a;border-color:#dc3545;color:#ff6b6b}.math-block::-webkit-scrollbar{height:6px}.math-block::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.math-block::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.math-block::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 768px){.math-block .katex,.math-inline .katex{font-size:1em}}.message-timestamp{display:inline-block;font-size:12px;color:var(--text-secondary, #666);font-weight:400;opacity:.8;transition:opacity .2s ease}.message-timestamp:hover{opacity:1}[data-theme=dark] .message-timestamp{color:#b0b0b0}.streaming-cursor{display:inline-block;width:2px;height:1.1em;background-color:#10b981;margin-left:2px;vertical-align:text-bottom;animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.streaming-text{white-space:pre-wrap;word-break:break-word}.streaming-placeholder{display:inline-block;min-height:1.5em}.streaming-indicator{display:inline-flex;align-items:center;gap:3px;margin-left:8px}.streaming-indicator .streaming-dot{width:6px;height:6px;border-radius:50%;background-color:#10b981;animation:streamingBounce 1.4s ease-in-out infinite}.streaming-indicator .streaming-dot:nth-child(1){animation-delay:0s}.streaming-indicator .streaming-dot:nth-child(2){animation-delay:.2s}.streaming-indicator .streaming-dot:nth-child(3){animation-delay:.4s}@keyframes streamingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.enhanced-chat-message.streaming{animation:streamingPulse 2s ease-in-out infinite}@keyframes streamingPulse{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 0 4px #10b9811a}}.streaming-cancel-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;font-size:.8125rem;font-weight:500;color:#6b7280;background-color:transparent;border:1px solid #d1d5db;border-radius:16px;cursor:pointer;transition:all .2s ease}.streaming-cancel-btn:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.streaming-cancel-btn:active{background-color:#e5e7eb}.streaming-cancel-btn svg{width:14px;height:14px}.stream-stats{display:flex;gap:12px;margin-top:8px;font-size:.75rem;color:#9ca3af}.stream-stats .stat-model{font-weight:500}.stream-stats .stat-tokens:before{content:"•";margin-right:12px}@media (prefers-color-scheme: dark){.streaming-cursor,.streaming-indicator .streaming-dot{background-color:#34d399}.streaming-cancel-btn{color:#9ca3af;border-color:#4b5563}.streaming-cancel-btn:hover{background-color:#374151;border-color:#6b7280;color:#d1d5db}.stream-stats{color:#6b7280}}@media (prefers-reduced-motion: reduce){.streaming-cursor{animation:none;opacity:1}.streaming-indicator .streaming-dot{animation:none;opacity:.6}.enhanced-chat-message.streaming{animation:none}}.inline-choice-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.inline-choice-buttons__btn{background-color:var(--eduq-blue, #0066FF);color:#fff;border:none;border-radius:9999px;min-height:44px;min-width:44px;padding:.5rem 1rem;font-weight:500;font-size:var(--text-sm, .875rem);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.inline-choice-buttons__btn:hover:not(:disabled){background-color:var(--eduq-blue-hover, #0052CC)}.inline-choice-buttons__btn:focus-visible{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.inline-choice-buttons__btn--disabled,.inline-choice-buttons__btn:disabled{opacity:.5;cursor:default;pointer-events:none}@media (prefers-reduced-motion: reduce){.inline-choice-buttons__btn{transition:none}}.grading-summary-card{display:flex;flex-direction:column;gap:var(--space-2);max-width:320px;padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.75rem;transition:box-shadow .15s ease}.grading-summary-card:hover{box-shadow:0 2px 8px #0000001a}.grading-summary-card__header{display:flex;align-items:center}.grading-summary-card__total{font-size:.875rem;font-weight:500;color:var(--text-primary)}.grading-summary-card__stats{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.grading-summary-card__stat{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;white-space:nowrap}.grading-summary-card__stat--correct{color:var(--success)}.grading-summary-card__stat--incorrect{color:var(--error)}.grading-summary-card__stat--unanswered{color:var(--text-secondary)}.grading-summary-card--no-answers{padding:var(--space-3)}.grading-summary-card__message{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.grading-summary-card__message-icon{flex-shrink:0;color:var(--text-tertiary)}@media (max-width: 768px){.grading-summary-card{max-width:100%;width:100%}}.promo-usage-search{max-width:1200px;margin:0 auto;padding:24px}.promo-usage-search__header{margin-bottom:32px}.promo-usage-search__title{font-size:28px;font-weight:600;color:#1a202c;margin:0 0 8px}.promo-usage-search__description{font-size:14px;color:#718096;margin:0}.promo-usage-search__form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;margin-bottom:24px}.promo-usage-search__form-row{display:flex;flex-direction:column;gap:20px}.promo-usage-search__search-type{display:flex;flex-direction:column;gap:12px}.promo-usage-search__label{font-size:14px;font-weight:500;color:#2d3748}.promo-usage-search__radio-group{display:flex;gap:24px}.promo-usage-search__radio{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#4a5568}.promo-usage-search__radio input[type=radio]{cursor:pointer}.promo-usage-search__input-group{display:flex;gap:12px}.promo-usage-search__input{flex:1;padding:12px 16px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;transition:border-color .2s}.promo-usage-search__input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.promo-usage-search__input:disabled{background-color:#f7fafc;cursor:not-allowed}.promo-usage-search__button{padding:12px 32px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.promo-usage-search__button:hover:not(:disabled){background-color:#1d4ed8}.promo-usage-search__button:disabled{background-color:#cbd5e0;cursor:not-allowed}.promo-usage-search__error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:12px 16px;color:#991b1b;font-size:14px;margin-bottom:24px}.promo-usage-search__results{margin-top:24px}.promo-usage-search__results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.promo-usage-search__results-title{font-size:20px;font-weight:600;color:#1a202c;margin:0}.promo-usage-search__count{font-size:16px;font-weight:400;color:#718096}.promo-usage-search__export-button{padding:8px 16px;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.promo-usage-search__export-button:hover{background-color:#059669}.promo-usage-search__no-results{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:32px;text-align:center;color:#718096;font-size:14px}.promo-usage-search__cards{display:flex;flex-direction:column;gap:16px}.promo-code-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:box-shadow .2s}.promo-code-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.promo-code-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.promo-code-card__code-info{display:flex;flex-direction:column;gap:4px}.promo-code-card__code{font-size:18px;font-weight:600;color:#1a202c;margin:0;font-family:Courier New,monospace}.promo-code-card__type{font-size:12px;color:#718096;font-weight:500}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.status-active{background-color:#d1fae5;color:#065f46}.status-exhausted{background-color:#fee2e2;color:#991b1b}.status-expired{background-color:#e5e7eb;color:#374151}.promo-code-card__meta{display:flex;gap:24px;margin-bottom:12px;flex-wrap:wrap}.promo-code-card__meta-item{display:flex;gap:8px;font-size:14px}.promo-code-card__meta-label{color:#718096;font-weight:500}.promo-code-card__meta-value{color:#2d3748}.promo-code-card__notes{background-color:#fef3c7;border-left:3px solid #f59e0b;padding:12px;margin-bottom:16px;font-size:13px;color:#78350f;border-radius:4px}.promo-code-card__redemptions{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.promo-code-card__redemptions-title{font-size:14px;font-weight:600;color:#2d3748;margin:0 0 12px}.redemption-item{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;margin-bottom:8px}.redemption-item:last-child{margin-bottom:0}.redemption-item__user{margin-bottom:8px}.redemption-item__email{font-size:14px;font-weight:500;color:#2d3748}.redemption-item__user-id{font-size:12px;color:#718096;font-family:Courier New,monospace}.redemption-item__details{display:flex;flex-direction:column;gap:4px}.redemption-item__detail{display:flex;gap:8px;font-size:13px}.redemption-item__label{color:#718096;font-weight:500;min-width:100px}.redemption-item__value{color:#2d3748}.redemption-item__warning{color:#dc2626;font-weight:500}.promo-code-card__actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.promo-code-card__action-button{flex:1;padding:8px 16px;border:1px solid #cbd5e0;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background-color:#fff}.promo-code-card__action-button--regenerate{color:#2563eb;border-color:#2563eb}.promo-code-card__action-button--regenerate:hover{background-color:#2563eb;color:#fff}.promo-code-card__action-button--reset{color:#f59e0b;border-color:#f59e0b}.promo-code-card__action-button--reset:hover{background-color:#f59e0b;color:#fff}.promo-code-card__action-button--flag{color:#dc2626;border-color:#dc2626}.promo-code-card__action-button--flag:hover{background-color:#dc2626;color:#fff}@media (max-width: 768px){.promo-usage-search{padding:16px}.promo-usage-search__radio-group{flex-direction:column;gap:12px}.promo-usage-search__input-group{flex-direction:column}.promo-usage-search__button{width:100%}.promo-usage-search__results-header{flex-direction:column;align-items:flex-start;gap:12px}.promo-usage-search__export-button{width:100%}.promo-code-card__meta{flex-direction:column;gap:8px}.promo-code-card__actions{flex-direction:column}}.live-activity-feed{display:flex;flex-direction:column;background:var(--bg-secondary, #f8fafc);border-radius:12px;border:1px solid var(--border-color, #e2e8f0);overflow:hidden;max-height:500px}.feed-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-primary, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0)}.feed-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1e293b)}.connection-status{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.connection-status.connected{background:#dcfce7;color:#166534}.connection-status.disconnected{background:#fee2e2;color:#991b1b}.status-dot{width:8px;height:8px;border-radius:50%}.connected .status-dot{background:#22c55e;animation:pulse 2s infinite}.disconnected .status-dot{background:#ef4444}.feed-filters{display:flex;gap:8px;padding:12px 16px;background:var(--bg-primary, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);overflow-x:auto}.filter-btn{padding:6px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:16px;background:transparent;color:var(--text-secondary, #64748b);font-size:13px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-btn:hover{background:var(--bg-hover, #f1f5f9);border-color:var(--border-hover, #cbd5e1)}.filter-btn.active{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff}.feed-content{flex:1;overflow-y:auto;padding:8px}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary, #64748b)}.empty-icon{font-size:48px;margin-bottom:12px}.feed-empty p{margin:4px 0}.empty-hint{font-size:13px;opacity:.7}.activity-list{display:flex;flex-direction:column;gap:4px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-primary, #ffffff);border-radius:8px;cursor:pointer;transition:all .2s ease;animation:slideIn .3s ease}.activity-item:hover{background:var(--bg-hover, #f1f5f9)}.activity-item:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}.activity-item.severity-critical{background:#fef2f2;border-left:3px solid #dc2626}.activity-item.severity-critical:hover{background:#fee2e2}.activity-item.severity-high{background:#fff7ed;border-left:3px solid #ea580c}.activity-item.severity-high:hover{background:#ffedd5}.activity-item.severity-medium{background:#fefce8;border-left:3px solid #ca8a04}.activity-item.severity-medium:hover{background:#fef9c3}.activity-item.severity-low{background:#f0fdf4;border-left:3px solid #16a34a}.activity-item.severity-low:hover{background:#dcfce7}.activity-icon{font-size:20px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f8fafc);border-radius:8px}.activity-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.activity-message{font-size:14px;color:var(--text-primary, #1e293b);line-height:1.4;word-break:break-word}.activity-time{font-size:12px;color:var(--text-tertiary, #94a3b8)}.feed-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-primary, #ffffff);border-top:1px solid var(--border-color, #e2e8f0)}.clear-btn{padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #64748b);font-size:13px;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:var(--bg-hover, #f1f5f9);color:var(--text-primary, #1e293b)}.activity-count{font-size:12px;color:var(--text-tertiary, #94a3b8)}@media (max-width: 640px){.feed-filters{padding:8px 12px}.filter-btn{padding:4px 10px;font-size:12px}.activity-item{padding:10px;gap:10px}.activity-icon{width:28px;height:28px;font-size:16px}.activity-message{font-size:13px}}@media (prefers-color-scheme: dark){.live-activity-feed{background:#1e293b;border-color:#334155}.feed-header,.feed-filters,.feed-footer{background:#0f172a;border-color:#334155}.feed-title{color:#f1f5f9}.filter-btn{border-color:#475569;color:#94a3b8}.filter-btn:hover{background:#334155;border-color:#64748b}.activity-item{background:#0f172a}.activity-item:hover{background:#1e293b}.activity-icon{background:#334155}.activity-message{color:#f1f5f9}.activity-time{color:#64748b}}.discovery-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none}.discovery-overlay__backdrop{position:fixed;inset:0;background:#0000008c;pointer-events:auto}.discovery-overlay__highlight{position:fixed;border-radius:8px;box-shadow:0 0 0 4px var(--eduq-cyan, #00D9B5);background:transparent;z-index:10001;pointer-events:none}.discovery-overlay__tooltip{position:fixed;z-index:10002;min-width:260px;max-width:308px;background:var(--bg-primary, #fff);border:1px solid var(--border-light, #E5E7EB);border-radius:.75rem;padding:1rem 1.25rem;box-shadow:0 4px 16px #00000026;pointer-events:auto}.discovery-overlay__tooltip-name{margin:0 0 .25rem;font-weight:600;font-size:1rem;color:var(--text-primary, #111827)}.discovery-overlay__tooltip-desc{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary, #6B7280);line-height:1.4}.discovery-overlay__tooltip-footer{display:flex;align-items:center;justify-content:space-between}.discovery-overlay__step-counter{font-size:.75rem;color:var(--text-tertiary, #9CA3AF)}.discovery-overlay__tooltip-actions{display:flex;gap:.5rem}.discovery-overlay__btn{border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.discovery-overlay__btn--skip{background:transparent;color:var(--text-secondary, #6B7280)}.discovery-overlay__btn--skip:hover{background:var(--bg-tertiary, #F3F4F6)}.discovery-overlay__btn--next{background:var(--eduq-blue, #0066FF);color:#fff}.discovery-overlay__btn--next:hover{background:var(--eduq-blue-hover, #0052CC)}.discovery-overlay__btn:focus-visible{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}@media (prefers-reduced-motion: reduce){.discovery-overlay__tooltip,.discovery-overlay__highlight{transition:none}}.streak-at-risk-notification{position:relative;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:0;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a;overflow:hidden;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.streak-at-risk-notification.low{background:#e8f5e8;border-color:#c3e6c3}.streak-at-risk-notification.low .streak-at-risk-progress-bar{background:#28a745}.streak-at-risk-notification.medium{background:#fff3cd;border-color:#ffeaa7}.streak-at-risk-notification.medium .streak-at-risk-progress-bar{background:#ffc107}.streak-at-risk-notification.high{background:#ffe6cc;border-color:#fc9}.streak-at-risk-notification.high .streak-at-risk-progress-bar{background:#fd7e14}.streak-at-risk-notification.critical{background:#f8d7da;border-color:#f5c6cb;animation:pulse 2s infinite}.streak-at-risk-notification.critical .streak-at-risk-progress-bar{background:#dc3545}@keyframes pulse{0%,to{box-shadow:0 2px 8px #0000001a}50%{box-shadow:0 4px 16px #dc35454d}}.streak-at-risk-content{display:flex;align-items:center;gap:1rem;padding:1rem}.streak-at-risk-icon{font-size:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.streak-at-risk-message{flex:1;min-width:0}.streak-at-risk-title{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:.25rem;line-height:1.3}.streak-at-risk-subtitle{font-size:14px;color:#4a5568;line-height:1.4}.streak-at-risk-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.streak-at-risk-button{border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.25rem;min-height:36px}.streak-at-risk-button:focus{outline:2px solid #667eea;outline-offset:2px}.streak-at-risk-button:focus:not(:focus-visible){outline:none}.streak-at-risk-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.streak-at-risk-button.primary{background:#667eea;color:#fff;padding:.5rem 1rem}.streak-at-risk-button.primary:hover{background:#5a67d8;transform:translateY(-1px)}.streak-at-risk-button.primary:active{background:#4c51bf;transform:translateY(0)}.streak-at-risk-button.secondary{background:transparent;color:#718096;padding:.5rem;width:36px;height:36px}.streak-at-risk-button.secondary:hover{background:#7180961a;color:#4a5568}.streak-at-risk-button.secondary:active{background:#71809633}.streak-at-risk-progress{height:4px;background:#0000001a;position:relative;overflow:hidden}.streak-at-risk-progress-bar{height:100%;background:#ffc107;transition:width .3s ease;position:relative}.streak-at-risk-notification.critical .streak-at-risk-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 1024px){.streak-at-risk-content{padding:.875rem}.streak-at-risk-title{font-size:15px}.streak-at-risk-subtitle{font-size:13px}}@media (max-width: 768px){.streak-at-risk-content{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.streak-at-risk-message{text-align:center}.streak-at-risk-actions{justify-content:center;gap:.75rem}.streak-at-risk-button.primary{flex:1;max-width:200px}.streak-at-risk-icon{align-self:center}}@media (max-width: 480px){.streak-at-risk-content{padding:.625rem;gap:.5rem}.streak-at-risk-title{font-size:14px}.streak-at-risk-subtitle{font-size:12px}.streak-at-risk-icon{font-size:20px;width:28px;height:28px}.streak-at-risk-button{font-size:13px;min-height:32px}.streak-at-risk-button.secondary{width:32px;height:32px}}@media (prefers-contrast: high){.streak-at-risk-notification{border-width:2px}.streak-at-risk-button:focus{outline-width:3px;outline-color:#000}.streak-at-risk-title{color:#000}.streak-at-risk-subtitle{color:#333}}@media (prefers-reduced-motion: reduce){.streak-at-risk-notification,.streak-at-risk-notification.critical{animation:none}.streak-at-risk-button{transition:none}.streak-at-risk-button.primary:hover{transform:none}.streak-at-risk-progress-bar{transition:none}.streak-at-risk-progress-bar:after{animation:none}}@media print{.streak-at-risk-notification{display:none}}.xp-notification{position:fixed;z-index:9999;min-width:280px;max-width:320px;pointer-events:none;transform:translateY(-20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.xp-notification.top-right{top:20px;right:20px}.xp-notification.top-center{top:20px;left:50%;transform:translate(-50%) translateY(-20px)}.xp-notification.bottom-right{bottom:20px;right:20px;transform:translateY(20px)}.xp-notification.visible{opacity:1;transform:translateY(0)}.xp-notification.top-center.visible{transform:translate(-50%) translateY(0)}.xp-notification.bottom-right.visible{transform:translateY(0)}.xp-notification-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:16px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;position:relative;overflow:hidden}.xp-notification-header{display:flex;align-items:center;gap:12px}.xp-notification-icon{font-size:24px;flex-shrink:0;animation:bounce .6s ease-in-out}.xp-notification-text{flex:1;min-width:0}.xp-notification-title{font-size:14px;font-weight:600;margin-bottom:2px;opacity:.9}.xp-notification-amount{font-size:18px;font-weight:700;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:glow 1s ease-in-out}.xp-notification-details{font-size:12px;opacity:.8;margin-top:2px}.xp-notification-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3;overflow:hidden}.xp-notification-progress-bar{height:100%;background:linear-gradient(90deg,gold,#ffed4e);width:100%;animation:progress 3s linear;transform:translate(-100%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes glow{0%,to{text-shadow:0 1px 2px rgba(0,0,0,.3)}50%{text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 10px rgba(255,215,0,.5)}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){.xp-notification{min-width:260px;max-width:280px}.xp-notification.top-right,.xp-notification.bottom-right{right:16px}.xp-notification.top-right{top:16px}.xp-notification.bottom-right{bottom:16px}.xp-notification.top-center{top:16px}}@media (max-width: 480px){.xp-notification{min-width:240px;max-width:260px}.xp-notification-content{padding:14px}.xp-notification-icon{font-size:20px}.xp-notification-amount{font-size:16px}}@media (prefers-contrast: high){.xp-notification-content{background:#000;border:2px solid #fff;box-shadow:none}.xp-notification-amount{color:#ff0}.xp-notification-progress-bar{background:#ff0}}@media (prefers-reduced-motion: reduce){.xp-notification{transition:opacity .2s ease}.xp-notification-icon,.xp-notification-amount{animation:none}.xp-notification-progress-bar{animation:none;transform:translate(0)}}@media (prefers-color-scheme: dark){.xp-notification-content{background:linear-gradient(135deg,#4c1d95,#581c87);border-color:#fff3}}.xp-notification.child-friendly .xp-notification-content{background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:16px;padding:18px}.xp-notification.child-friendly .xp-notification-icon{font-size:28px;animation:bounce .8s ease-in-out infinite alternate}.xp-notification.child-friendly .xp-notification-amount{font-size:20px;animation:glow 1.5s ease-in-out infinite alternate}.xp-notification.child-friendly .xp-notification-progress-bar{background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb);animation:progress 4s linear,rainbow 2s ease-in-out infinite}@keyframes rainbow{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}.migration-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in}.migration-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.migration-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.migration-modal-header h2{margin:0;font-size:24px;font-weight:600;color:#333}.migration-modal-close{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.migration-modal-close:hover{background-color:#f0f0f0}.migration-modal-content{padding:24px;text-align:center}.migration-status-icon{font-size:64px;margin-bottom:16px;animation:pulse 1s ease-in-out infinite}.migration-status-icon.migration-status-idle,.migration-status-icon.migration-status-success,.migration-status-icon.migration-status-error{animation:none}.migration-message{font-size:18px;color:#333;margin-bottom:20px;font-weight:500}.migration-data-summary{background-color:#f8f9fa;border-radius:8px;padding:20px;margin:20px 0;text-align:left}.migration-data-summary h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.migration-data-summary ul{list-style:none;padding:0;margin:0 0 12px}.migration-data-summary li{padding:8px 0;color:#555;font-size:14px}.migration-data-summary li strong{color:#333;font-size:16px}.migration-note{font-size:13px;color:#666;margin:12px 0 0;padding-top:12px;border-top:1px solid #e0e0e0}.migration-progress{margin:24px 0}.migration-progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.migration-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease;animation:shimmer 1.5s infinite}.migration-progress-text{font-size:14px;color:#666;font-weight:500}.migration-result{background-color:#f8f9fa;border-radius:8px;padding:20px;margin:20px 0;text-align:left}.migration-result-success{background-color:#e8f5e9;border:1px solid #4CAF50}.migration-result-error{background-color:#fff3e0;border:1px solid #ff9800}.migration-result p{margin:0 0 12px;font-weight:600;color:#333}.migration-result ul{list-style:none;padding:0;margin:0}.migration-result li{padding:4px 0;color:#555;font-size:14px}.migration-error-details{background-color:#fff;border-radius:4px;padding:12px;margin:12px 0;font-size:13px;color:#d32f2f;font-family:monospace;max-height:150px;overflow-y:auto}.migration-partial-success{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0;color:#4caf50;font-weight:500}.migration-modal-actions{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.migration-button{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.migration-button-primary{background-color:#4caf50;color:#fff}.migration-button-primary:hover:not(:disabled){background-color:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.migration-button-primary:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.migration-button-secondary{background-color:#f0f0f0;color:#333}.migration-button-secondary:hover{background-color:#e0e0e0}.migration-wait-message{font-size:14px;color:#666;margin:0;text-align:center}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 600px){.migration-modal{width:95%;max-height:95vh}.migration-modal-header{padding:16px 20px}.migration-modal-header h2{font-size:20px}.migration-modal-content{padding:20px}.migration-status-icon{font-size:48px}.migration-message{font-size:16px}.migration-modal-actions{flex-direction:column}.migration-button{width:100%}}.alert-banner-container{position:fixed;top:0;left:0;right:0;z-index:9998;display:flex;flex-direction:column}.alert-banner{display:flex;align-items:flex-start;gap:15px;padding:16px 20px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000001a;animation:slideDown .3s ease-out}.alert-info{background:#d1ecf1;border-left:4px solid #17a2b8}.alert-success{background:#d4edda;border-left:4px solid #28a745}.alert-warning{background:#fff3cd;border-left:4px solid #ffc107}.alert-error{background:#f8d7da;border-left:4px solid #dc3545}.alert-icon{font-size:28px;flex-shrink:0;margin-top:2px}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;font-size:16px;color:#333;margin-bottom:6px}.alert-message{font-size:14px;color:#555;line-height:1.5;margin-bottom:10px}.alert-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.alert-action-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s}.alert-action-btn:hover{opacity:.9}.alert-info .alert-action-btn{background:#17a2b8}.alert-success .alert-action-btn{background:#28a745}.alert-warning .alert-action-btn{background:#ffc107;color:#333}.alert-error .alert-action-btn{background:#dc3545}.alert-close{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.alert-close:hover{background:#0000001a;color:#333}@media (max-width: 768px){.alert-banner{padding:12px 15px;gap:10px}.alert-icon{font-size:24px}.alert-title{font-size:14px}.alert-message{font-size:13px}.alert-action-btn{padding:6px 12px;font-size:12px}}.notification-center-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;align-items:flex-start;z-index:1000;animation:fadeIn .2s ease-in-out}.notification-center{background:#fff;width:100%;max-width:450px;height:100vh;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}.notification-center-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.notification-center-title{margin:0;font-size:20px;font-weight:600;color:#333;display:flex;align-items:center;gap:10px}.notification-badge{background:#dc3545;color:#fff;font-size:12px;padding:2px 8px;border-radius:12px;font-weight:600}.notification-center-close{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.notification-center-close:hover{background:#e0e0e0}.notification-filters{display:flex;border-bottom:1px solid #e0e0e0;background:#fff}.filter-tab{flex:1;padding:12px;border:none;background:none;cursor:pointer;font-size:14px;color:#666;border-bottom:2px solid transparent;transition:all .2s}.filter-tab:hover{background:#f8f9fa}.filter-tab.active{color:#007bff;border-bottom-color:#007bff;font-weight:600}.notification-actions{padding:12px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.btn-clear-all{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:13px;cursor:pointer;transition:opacity .2s}.btn-clear-all:hover{opacity:.9}.notification-list{flex:1;overflow-y:auto;padding:10px}.notification-loading,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.notification-item{display:flex;gap:12px;padding:15px;margin-bottom:10px;border-radius:8px;border-left:4px solid #007bff;background:#fff;box-shadow:0 1px 3px #0000001a;transition:all .2s}.notification-item:hover{box-shadow:0 2px 6px #00000026}.notification-item.unread{background:#f0f8ff}.notification-item.read{opacity:.7}.notification-item.info{border-left-color:#17a2b8}.notification-item.success{border-left-color:#28a745}.notification-item.warning{border-left-color:#ffc107}.notification-item.error{border-left-color:#dc3545}.notification-icon{font-size:24px;flex-shrink:0}.notification-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:10px}.notification-title{margin:0;font-size:15px;font-weight:600;color:#333;flex:1}.notification-time{font-size:11px;color:#999;white-space:nowrap}.notification-message{margin:0 0 10px;font-size:13px;color:#666;line-height:1.5}.notification-action-buttons{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.notification-action-btn{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:opacity .2s}.notification-action-btn:hover{opacity:.9}.notification-controls{display:flex;gap:8px;margin-top:8px}.btn-mark-read,.btn-dismiss{background:none;border:1px solid #ddd;padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer;color:#666;transition:all .2s}.btn-mark-read:hover{background:#007bff;color:#fff;border-color:#007bff}.btn-dismiss:hover{background:#dc3545;color:#fff;border-color:#dc3545}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.notification-center{max-width:100%}.notification-center-title{font-size:18px}.notification-item{padding:12px}.notification-title{font-size:14px}.notification-message{font-size:12px}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid #007bff;animation:slideInDown .3s ease-out;pointer-events:auto;min-width:300px}.toast-info{border-left-color:#17a2b8}.toast-success{border-left-color:#28a745}.toast-warning{border-left-color:#ffc107}.toast-error{border-left-color:#dc3545}.toast-icon{font-size:24px;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;color:#333;margin-bottom:4px}.toast-message{font-size:13px;color:#666;line-height:1.4}.toast-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#f0f0f0;color:#333}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{min-width:auto;padding:12px}.toast-title{font-size:13px}.toast-message{font-size:12px}}.unified-progress-dashboard{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:#f8fafc;min-height:100vh}.unified-progress-dashboard.loading,.unified-progress-dashboard.error{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner,.error-message{text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.loading-spinner svg{color:#3b82f6;margin-bottom:16px}.error-message svg{color:#ef4444;margin-bottom:16px}.error-message h3{margin:0 0 8px;color:#1f2937}.error-message p{margin:0 0 16px;color:#6b7280}.error-message button{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.error-message button:hover{background:#2563eb}.dashboard-header{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content h1{display:flex;align-items:center;gap:12px;margin:0;color:#1f2937;font-size:28px;font-weight:600}.header-content h1 svg{color:#3b82f6}.header-controls{display:flex;align-items:center;gap:12px}.time-range-selector{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;cursor:pointer}.parent-view-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;color:#374151}.parent-view-toggle:hover{background:#e5e7eb}.dashboard-tabs{display:flex;background:#fff;border-radius:12px;padding:4px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease}.tab:hover{background:#f3f4f6;color:#374151}.tab.active{background:#3b82f6;color:#fff}.tab svg{width:16px;height:16px}.dashboard-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.overview-tab{display:flex;flex-direction:column;gap:32px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.metric-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#3b82f6;border-radius:12px;color:#fff}.metric-content h3{margin:0 0 4px;font-size:24px;font-weight:600;color:#1f2937}.metric-content p{margin:0;font-size:14px;color:#6b7280}.progress-section h2{margin:0 0 16px;color:#1f2937;font-size:20px;font-weight:600}.progress-bar-container{display:flex;align-items:center;gap:12px;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.progress-text{font-weight:600;color:#1f2937;min-width:40px}.progress-trend{display:flex;align-items:center;gap:4px;font-size:14px}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-stable{color:#6b7280}.activity-section h2{margin:0 0 16px;color:#1f2937;font-size:20px;font-weight:600}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e5e7eb;border-radius:8px;color:#6b7280}.activity-content p{margin:0 0 4px;color:#1f2937;font-size:14px}.activity-time{font-size:12px;color:#6b7280}.modules-tab h2{margin:0 0 24px;color:#1f2937;font-size:24px;font-weight:600}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.module-card{padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.module-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.module-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3b82f6;border-radius:10px;color:#fff}.module-header h3{margin:0;color:#1f2937;font-size:18px;font-weight:600}.module-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:16px;font-weight:600;color:#1f2937}.module-progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.module-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669)}.analytics-tab h2{margin:0 0 32px;color:#1f2937;font-size:24px;font-weight:600}.analytics-section{margin-bottom:32px}.analytics-section h3{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600}.usage-chart{display:flex;flex-direction:column;gap:12px}.usage-bar{display:flex;align-items:center;gap:12px}.usage-label{min-width:100px;font-size:14px;color:#374151;text-transform:capitalize}.usage-bar-container{flex:1;height:20px;background:#e5e7eb;border-radius:10px;overflow:hidden}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:10px;transition:width .3s ease}.usage-count{min-width:30px;text-align:right;font-size:14px;font-weight:600;color:#1f2937}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.language-card{padding:16px;background:#f3f4f6;border-radius:8px;text-align:center}.language-card h4{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:600}.language-card p{margin:0;color:#6b7280;font-size:14px}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#dbeafe;border-radius:16px;font-size:14px}.skill-name{color:#1e40af;font-weight:500}.skill-level{color:#3730a3;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.insight-card{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;text-align:center}.insight-card h4{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:600}.insight-card p{margin:0;color:#3b82f6;font-size:18px;font-weight:600}.achievements-tab h2{margin:0 0 24px;color:#1f2937;font-size:24px;font-weight:600}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.achievement-card{position:relative;display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;border:2px solid #e5e7eb;transition:all .2s ease}.achievement-card.earned{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.achievement-card.locked{background:#f9fafb;opacity:.6}.achievement-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:#fff}.achievement-card.earned .achievement-icon{background:#f59e0b}.achievement-card.locked .achievement-icon{background:#9ca3af}.achievement-content h3{margin:0 0 4px;color:#1f2937;font-size:16px;font-weight:600}.achievement-content p{margin:0 0 8px;color:#6b7280;font-size:14px}.earned-date{font-size:12px;color:#92400e;font-weight:500}.achievement-badge{position:absolute;top:12px;right:12px;color:#10b981}@media (max-width: 768px){.unified-progress-dashboard{padding:16px}.header-content{flex-direction:column;gap:16px;align-items:flex-start}.header-content h1{font-size:24px}.dashboard-tabs{flex-direction:column}.tab{justify-content:flex-start}.metrics-grid,.modules-grid,.module-stats,.insights-grid,.achievements-grid{grid-template-columns:1fr}}.dashboard-content>*{animation:fadeIn .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.referral-progress-indicator{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .2s ease;position:relative}.referral-progress-indicator:hover{background:#667eea1a}.referral-progress-indicator:focus{outline:2px solid #667eea;outline-offset:2px}.referral-progress-indicator__icon{font-size:18px;flex-shrink:0}.referral-progress-indicator__bar{width:60px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;flex-shrink:0}.referral-progress-indicator__bar--large{width:100%;height:8px;border-radius:4px}.referral-progress-indicator__fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:inherit;transition:width .3s ease}.referral-progress-indicator__label{font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap}.referral-progress-indicator__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:11px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;animation:pulse 2s ease infinite}.referral-progress-indicator--compact{padding:4px 8px}.referral-progress-indicator--compact .referral-progress-indicator__icon{font-size:16px}.referral-progress-indicator--compact .referral-progress-indicator__bar{width:50px;height:5px}.referral-progress-indicator--expanded{flex-direction:column;align-items:stretch;gap:8px;padding:12px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(102,126,234,.1);border-radius:12px;width:100%}.referral-progress-indicator--expanded:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea33}.referral-progress-indicator--expanded .referral-progress-indicator__header{display:flex;align-items:center;gap:8px}.referral-progress-indicator--expanded .referral-progress-indicator__title{font-size:13px;font-weight:600;color:#4a5568;flex:1}.referral-progress-indicator--expanded .referral-progress-indicator__badge{position:static}.referral-progress-indicator--expanded .referral-progress-indicator__content{display:flex;flex-direction:column;gap:6px}.referral-progress-indicator--expanded .referral-progress-indicator__stats{display:flex;justify-content:space-between;align-items:center}.referral-progress-indicator--expanded .referral-progress-indicator__count{font-size:12px;font-weight:600;color:#667eea}.referral-progress-indicator--expanded .referral-progress-indicator__remaining{font-size:11px;color:#718096}.referral-progress-indicator--mini{padding:4px;border-radius:50%;width:32px;height:32px;justify-content:center}.referral-progress-indicator--mini .referral-progress-indicator__icon{font-size:16px}.referral-progress-indicator--mini .referral-progress-indicator__badge--mini{top:-2px;right:-2px;min-width:14px;height:14px;font-size:9px;padding:0 3px}@media (prefers-color-scheme: dark){.referral-progress-indicator:hover{background:#667eea33}.referral-progress-indicator__bar{background:#4a5568}.referral-progress-indicator__label{color:#e2e8f0}.referral-progress-indicator--expanded{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea33}.referral-progress-indicator--expanded:hover{background:linear-gradient(135deg,#667eea26,#764ba226)}.referral-progress-indicator--expanded .referral-progress-indicator__title{color:#e2e8f0}.referral-progress-indicator--expanded .referral-progress-indicator__remaining{color:#a0aec0}}@media (max-width: 480px){.referral-progress-indicator--compact .referral-progress-indicator__bar{width:40px}.referral-progress-indicator--compact .referral-progress-indicator__label{display:none}}@media (prefers-reduced-motion: reduce){.referral-progress-indicator__badge{animation:none}.referral-progress-indicator__fill{transition:none}}.referral-reward-banner{position:fixed;top:0;left:0;right:0;z-index:999;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.referral-reward-banner--visible{transform:translateY(0);opacity:1}.referral-reward-banner__content{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;max-width:1200px;margin:0 auto}.referral-reward-banner__icon{font-size:24px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.referral-reward-banner__text{display:flex;flex-direction:column;gap:2px;color:#fff}.referral-reward-banner__title{font-size:15px;font-weight:600;color:#fff}.referral-reward-banner__value{font-size:12px;color:#ffffffd9}.referral-reward-banner__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.referral-reward-banner__btn{border:none;cursor:pointer;transition:all .2s ease}.referral-reward-banner__btn--primary{padding:8px 20px;background:#fff;color:#667eea;font-size:14px;font-weight:600;border-radius:6px}.referral-reward-banner__btn--primary:hover{background:#f0f0f0;transform:translateY(-1px)}.referral-reward-banner__btn--primary:focus{outline:2px solid white;outline-offset:2px}.referral-reward-banner__btn--dismiss{width:28px;height:28px;background:#fff3;color:#fff;font-size:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.referral-reward-banner__btn--dismiss:hover{background:#ffffff4d}.referral-reward-banner__btn--dismiss:focus{outline:2px solid white;outline-offset:2px}@media (max-width: 640px){.referral-reward-banner__content{flex-wrap:wrap;gap:10px;padding:10px 16px}.referral-reward-banner__icon{font-size:20px}.referral-reward-banner__text{flex:1;min-width:0}.referral-reward-banner__title{font-size:13px}.referral-reward-banner__value{font-size:11px}.referral-reward-banner__actions{margin-left:0;width:100%;justify-content:center}.referral-reward-banner__btn--primary{flex:1;padding:10px 16px}}@media (max-width: 380px){.referral-reward-banner__content{padding:8px 12px}.referral-reward-banner__icon{display:none}.referral-reward-banner__title{font-size:12px}}@media (prefers-reduced-motion: reduce){.referral-reward-banner{transition:opacity .1s ease;transform:none}.referral-reward-banner--visible{transform:none}.referral-reward-banner__icon{animation:none}}@media (prefers-contrast: high){.referral-reward-banner{border-bottom:2px solid white}.referral-reward-banner__btn{border:2px solid currentColor}}@media print{.referral-reward-banner{display:none}}.share-prompt{position:fixed;bottom:20px;right:20px;max-width:380px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px #667eea4d;padding:20px;z-index:1000;opacity:0;transform:translateY(20px) scale(.95);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.share-prompt--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.share-prompt--animating{pointer-events:auto}.share-prompt__close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:none;background:#fff3;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.share-prompt__close:hover{background:#ffffff4d}.share-prompt__close:focus{outline:2px solid white;outline-offset:2px}.share-prompt__content{display:flex;flex-direction:column;gap:12px}.share-prompt__icon{font-size:36px;text-align:center;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.share-prompt__text{text-align:center;color:#fff}.share-prompt__title{margin:0 0 6px;font-size:18px;font-weight:700;color:#fff}.share-prompt__message{margin:0;font-size:14px;line-height:1.5;color:#fffffff2}.share-prompt__progress{display:flex;flex-direction:column;gap:6px;margin-top:4px}.share-prompt__progress-bar{height:8px;background:#fff3;border-radius:4px;overflow:hidden}.share-prompt__progress-fill{height:100%;background:linear-gradient(90deg,gold,#ffed4a);border-radius:4px;transition:width .5s ease}.share-prompt__progress-text{font-size:12px;color:#fffc;text-align:center}.share-prompt__actions{display:flex;gap:10px;margin-top:4px}.share-prompt__btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.share-prompt__btn--primary{background:#fff;color:#667eea}.share-prompt__btn--primary:hover{background:#f0f0f0;transform:translateY(-1px)}.share-prompt__btn--secondary{background:#fff3;color:#fff}.share-prompt__btn--secondary:hover{background:#ffffff4d}.share-prompt__btn:focus{outline:2px solid white;outline-offset:2px}.share-prompt--milestone{background:linear-gradient(135deg,#f093fb,#f5576c)}.share-prompt--aha_moment{background:linear-gradient(135deg,#4facfe,#00f2fe)}.share-prompt--session_end{background:linear-gradient(135deg,#43e97b,#38f9d7)}.share-prompt--session_end .share-prompt__btn--primary{color:#38a169}.share-prompt--aha_moment .share-prompt__btn--primary{color:#3182ce}.share-prompt--milestone .share-prompt__btn--primary{color:#d53f8c}@media (max-width: 480px){.share-prompt{bottom:10px;right:10px;left:10px;max-width:none;padding:16px}.share-prompt__icon{font-size:28px}.share-prompt__title{font-size:16px}.share-prompt__message{font-size:13px}.share-prompt__actions{flex-direction:column}.share-prompt__btn{padding:12px 16px}}@media (prefers-reduced-motion: reduce){.share-prompt{transition:opacity .1s ease;transform:none}.share-prompt--visible{transform:none}.share-prompt__icon{animation:none}}@media (prefers-contrast: high){.share-prompt{border:2px solid white}.share-prompt__btn{border:2px solid currentColor}}.settings-panel{position:fixed;z-index:1000;width:320px;max-width:calc(100vw - 32px);background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;overflow:hidden;animation:settingsPanelSlideIn .2s ease-out}@keyframes settingsPanelSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-secondary, #f7fafc);border-bottom:1px solid var(--color-border, #e2e8f0)}.settings-panel-title{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary, #2d3748)}.settings-title-icon{font-size:1.125rem}.settings-panel-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary, #718096);font-size:1rem;cursor:pointer;transition:all .15s ease}.settings-panel-close-btn:hover{background:var(--color-bg-hover, #edf2f7);color:var(--color-text-primary, #2d3748)}.settings-panel-close-btn:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.settings-panel-close-btn:focus:not(:focus-visible){outline:none}.settings-panel-content{padding:8px 0}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;transition:background-color .15s ease}.settings-item:hover{background:var(--color-bg-hover, #f7fafc)}.settings-item-vertical{flex-direction:column;align-items:stretch;gap:8px}.settings-item-vertical .settings-item-info{width:100%}.settings-item-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.settings-item-icon{font-size:1.25rem;flex-shrink:0}.settings-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-item-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #2d3748)}.settings-item-description{font-size:.75rem;color:var(--color-text-secondary, #718096)}.settings-item-value{font-size:.75rem;font-weight:600;color:var(--color-primary, #667eea);margin-left:auto}.settings-toggle{position:relative;width:48px;height:28px;padding:0;border:none;border-radius:14px;background:var(--color-bg-tertiary, #cbd5e0);cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.settings-toggle:hover{background:var(--color-border, #a0aec0)}.settings-toggle.enabled{background:var(--color-primary, #667eea)}.settings-toggle.enabled:hover{background:var(--color-primary-dark, #5568d3)}.settings-toggle:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.settings-toggle:focus:not(:focus-visible){outline:none}.toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s ease}.settings-toggle.enabled .toggle-thumb{transform:translate(20px)}.settings-slider-container{display:flex;align-items:center;gap:8px;width:100%;padding:0 4px}.slider-label-min,.slider-label-max{font-size:1rem;flex-shrink:0}.settings-slider{flex:1;height:6px;background:var(--color-bg-tertiary, #cbd5e0);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary, #667eea);border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #00000026;transition:transform .15s ease,box-shadow .15s ease}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px #667eea66}.settings-slider::-moz-range-thumb{width:20px;height:20px;background:var(--color-primary, #667eea);border-radius:50%;border:none;cursor:pointer;box-shadow:0 1px 4px #00000026;transition:transform .15s ease,box-shadow .15s ease}.settings-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px #667eea66}.settings-slider:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.settings-slider:focus:not(:focus-visible){outline:none}.settings-language-selector{position:relative;flex-shrink:0}.language-selector-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--color-border, #e2e8f0);border-radius:6px;background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #2d3748);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.language-selector-btn:hover{border-color:var(--color-primary, #667eea);background:var(--color-bg-hover, #f7fafc)}.language-selector-btn:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.language-selector-btn:focus:not(:focus-visible){outline:none}.language-selector-btn:disabled{opacity:.6;cursor:not-allowed}.language-current{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-panel__variant-badge{display:inline-flex;align-items:center;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.4;color:var(--eduq-blue, #0066FF);background:#0066ff14;border:1px solid rgba(0,102,255,.2);border-radius:4px;white-space:nowrap}.language-arrow{font-size:.625rem;transition:transform .2s ease}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;box-shadow:0 4px 16px #0000001f;overflow:hidden;z-index:10;animation:dropdownSlideIn .15s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--color-text-primary, #2d3748);font-size:.8125rem;text-align:left;cursor:pointer;transition:background-color .15s ease}.language-option:hover{background:var(--color-bg-hover, #f7fafc)}.language-option:focus{outline:none;background:var(--color-bg-hover, #edf2f7)}.language-option.active{background:var(--color-primary-light, #ebf4ff);color:var(--color-primary, #667eea)}.language-option:disabled{opacity:.6;cursor:not-allowed}.language-flag{font-size:1rem}.language-name{flex:1}.language-check{color:var(--color-primary, #667eea);font-weight:600}.language-loading{position:absolute;top:50%;right:100%;transform:translateY(-50%);margin-right:8px}.settings-panel-footer{padding:12px 16px;border-top:1px solid var(--color-border, #e2e8f0);background:var(--color-bg-secondary, #f7fafc)}.settings-done-btn{width:100%;padding:10px 16px;border:none;border-radius:8px;background:var(--color-primary, #667eea);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.settings-done-btn:hover{background:var(--color-primary-dark, #5568d3);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.settings-done-btn:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.settings-done-btn:focus:not(:focus-visible){outline:none}.settings-done-btn:active{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){.settings-panel{width:300px}.settings-item{padding:10px 14px}.settings-item-icon{font-size:1.125rem}.settings-item-label{font-size:.8125rem}.settings-item-description{font-size:.6875rem}}@media (max-width: 480px){.settings-panel{position:fixed;bottom:72px!important;left:8px!important;right:8px!important;width:auto;max-width:none}.settings-panel-header{padding:10px 14px}.settings-panel-title{font-size:.9375rem}.settings-item{padding:10px 14px;gap:10px}.settings-item-info{gap:10px}.settings-toggle{width:44px;height:26px}.toggle-thumb{width:22px;height:22px}.settings-toggle.enabled .toggle-thumb{transform:translate(18px)}.settings-slider-container{gap:6px}.slider-label-min,.slider-label-max{font-size:.875rem}.language-selector-btn{padding:8px 10px}.language-current{max-width:60px}.settings-panel-footer{padding:10px 14px}.settings-done-btn{padding:12px 16px}}@media (prefers-contrast: high){.settings-panel{border-width:2px;border-color:var(--color-text-primary, #2d3748)}.settings-panel-header{border-bottom-width:2px}.settings-toggle{border:2px solid var(--color-text-primary, #2d3748)}.settings-toggle.enabled{border-color:var(--color-primary, #667eea)}.language-selector-btn,.language-dropdown{border-width:2px}.settings-panel-footer{border-top-width:2px}.settings-done-btn{border:2px solid var(--color-primary, #667eea)}}@media (prefers-reduced-motion: reduce){.settings-panel,.language-dropdown{animation:none}.settings-toggle,.toggle-thumb,.settings-slider::-webkit-slider-thumb,.settings-slider::-moz-range-thumb,.settings-done-btn,.language-selector-btn,.language-option,.settings-panel-close-btn,.language-arrow{transition:none}.settings-done-btn:hover,.settings-slider::-webkit-slider-thumb:hover,.settings-slider::-moz-range-thumb:hover{transform:none}.loading-spinner{animation:none}}.settings-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-secondary, #f7fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:6px;color:var(--color-text-secondary, #718096);font-size:16px;cursor:pointer;transition:all .2s ease}.settings-action-btn:hover{background:var(--color-bg-tertiary, #edf2f7);border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea)}.settings-action-btn:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.settings-action-btn:focus:not(:focus-visible){outline:none}.settings-action-btn:active{transform:scale(.95)}.notification-preferences-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1100;width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);background:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:16px;box-shadow:0 16px 64px #00000026,0 4px 16px #0000001a;overflow:hidden;animation:notificationPanelSlideIn .3s ease-out;display:flex;flex-direction:column}@keyframes notificationPanelSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.notification-preferences-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-bg-secondary, #f7fafc);border-bottom:1px solid var(--color-border, #e2e8f0);flex-shrink:0}.notification-preferences-title{display:flex;align-items:center;gap:10px;margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #2d3748)}.notification-title-icon{font-size:1.25rem}.notification-preferences-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary, #718096);font-size:1.125rem;cursor:pointer;transition:all .15s ease}.notification-preferences-close-btn:hover{background:var(--color-bg-hover, #edf2f7);color:var(--color-text-primary, #2d3748)}.notification-preferences-close-btn:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.notification-preferences-close-btn:focus:not(:focus-visible){outline:none}.notification-preferences-content{padding:0;overflow-y:auto;flex:1;min-height:0}.notification-preferences-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--color-text-secondary, #718096);font-size:.875rem}.loading-spinner{animation:spin 1s linear infinite}.notification-section{border-bottom:1px solid var(--color-border-light, #f1f5f9)}.notification-section:last-child{border-bottom:none}.notification-section-title{margin:0;padding:16px 20px 8px;font-size:.875rem;font-weight:600;color:var(--color-text-secondary, #718096);text-transform:uppercase;letter-spacing:.05em}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:16px;transition:background-color .15s ease;min-height:72px}.notification-item:hover{background:var(--color-bg-hover, #f7fafc)}.notification-item-nested{padding-left:40px;background:var(--color-bg-tertiary, #f8fafc);border-top:1px solid var(--color-border-light, #f1f5f9)}.notification-item-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.notification-item-icon{font-size:1.375rem;flex-shrink:0;width:24px;text-align:center}.notification-item-text{display:flex;flex-direction:column;gap:4px;min-width:0}.notification-item-label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary, #2d3748);line-height:1.3}.notification-item-description{font-size:.8125rem;color:var(--color-text-secondary, #718096);line-height:1.4}.notification-toggle{position:relative;width:52px;height:32px;padding:0;border:none;border-radius:16px;background:var(--color-bg-tertiary, #cbd5e0);cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.notification-toggle:hover{background:var(--color-border, #a0aec0)}.notification-toggle.enabled{background:var(--color-primary, #667eea)}.notification-toggle.enabled:hover{background:var(--color-primary-dark, #5568d3)}.notification-toggle:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.notification-toggle:focus:not(:focus-visible){outline:none}.notification-toggle:disabled{opacity:.6;cursor:not-allowed}.toggle-track{display:block;width:100%;height:100%;position:relative}.toggle-thumb{position:absolute;top:2px;left:2px;width:28px;height:28px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000026;transition:transform .2s ease}.notification-toggle.enabled .toggle-thumb{transform:translate(20px)}.notification-select{padding:8px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #2d3748);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:140px;flex-shrink:0}.notification-select:hover{border-color:var(--color-primary, #667eea);background:var(--color-bg-hover, #f7fafc)}.notification-select:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px;border-color:var(--color-primary, #667eea)}.notification-select:focus:not(:focus-visible){outline:none}.notification-time-input{padding:8px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #2d3748);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;width:120px;flex-shrink:0}.notification-time-input:hover{border-color:var(--color-primary, #667eea);background:var(--color-bg-hover, #f7fafc)}.notification-time-input:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px;border-color:var(--color-primary, #667eea)}.notification-time-input:focus:not(:focus-visible){outline:none}.notification-push-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.notification-permission-status{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500}.notification-permission-status.granted{background:var(--color-success-light, #f0fff4);color:var(--color-success, #38a169)}.notification-permission-status.denied{background:var(--color-error-light, #fed7d7);color:var(--color-error, #e53e3e)}.notification-permission-status.default{background:var(--color-warning-light, #fefcbf);color:var(--color-warning, #d69e2e)}.permission-icon{font-size:.875rem}.permission-text{white-space:nowrap}.notification-not-supported{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-tertiary, #f8fafc);border-radius:8px;color:var(--color-text-secondary, #718096);font-size:.8125rem}.not-supported-icon{font-size:1rem}.not-supported-text{white-space:nowrap}.notification-preferences-footer{padding:16px 20px;border-top:1px solid var(--color-border, #e2e8f0);background:var(--color-bg-secondary, #f7fafc);flex-shrink:0}.notification-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.notification-reset-btn{padding:10px 16px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;background:var(--color-bg-primary, #ffffff);color:var(--color-text-secondary, #718096);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.notification-reset-btn:hover{border-color:var(--color-text-secondary, #718096);color:var(--color-text-primary, #2d3748)}.notification-reset-btn:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.notification-reset-btn:focus:not(:focus-visible){outline:none}.notification-reset-btn:disabled{opacity:.6;cursor:not-allowed}.notification-save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:var(--color-primary, #667eea);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;min-width:80px;justify-content:center}.notification-save-btn:hover:not(:disabled){background:var(--color-primary-dark, #5568d3);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.notification-save-btn:focus{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}.notification-save-btn:focus:not(:focus-visible){outline:none}.notification-save-btn:active:not(:disabled){transform:translateY(0)}.notification-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.notification-preferences-panel{width:420px}.notification-preferences-header{padding:14px 18px}.notification-preferences-title{font-size:1rem}.notification-item{padding:14px 18px;min-height:68px}.notification-item-nested{padding-left:36px}.notification-item-icon{font-size:1.25rem}.notification-item-label{font-size:.875rem}.notification-item-description{font-size:.75rem}.notification-preferences-footer{padding:14px 18px}}@media (max-width: 480px){.notification-preferences-panel{position:fixed;inset:0;width:100%;max-width:none;max-height:none;border-radius:0;transform:none;animation:notificationPanelSlideUp .3s ease-out}@keyframes notificationPanelSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.notification-preferences-header{padding:12px 16px}.notification-preferences-title{font-size:.9375rem}.notification-preferences-close-btn{width:32px;height:32px}.notification-section-title{padding:14px 16px 6px;font-size:.8125rem}.notification-item{padding:12px 16px;gap:12px;min-height:64px}.notification-item-nested{padding-left:32px}.notification-item-info{gap:12px}.notification-item-icon{font-size:1.125rem;width:20px}.notification-item-label{font-size:.8125rem}.notification-item-description{font-size:.6875rem}.notification-toggle{width:48px;height:28px}.toggle-thumb{width:24px;height:24px}.notification-toggle.enabled .toggle-thumb{transform:translate(20px)}.notification-select{min-width:120px;font-size:.8125rem;padding:6px 10px}.notification-time-input{width:100px;font-size:.8125rem;padding:6px 10px}.notification-push-controls{gap:8px}.notification-permission-status{padding:3px 6px;font-size:.6875rem}.notification-not-supported{padding:6px 10px;font-size:.75rem}.notification-preferences-footer{padding:12px 16px}.notification-footer-actions{gap:10px}.notification-reset-btn{padding:8px 14px;font-size:.8125rem}.notification-save-btn{padding:8px 16px;font-size:.8125rem;min-width:70px}}@media (prefers-contrast: high){.notification-preferences-panel{border-width:2px;border-color:var(--color-text-primary, #2d3748)}.notification-preferences-header,.notification-section{border-bottom-width:2px}.notification-toggle{border:2px solid var(--color-text-primary, #2d3748)}.notification-toggle.enabled{border-color:var(--color-primary, #667eea)}.notification-select,.notification-time-input{border-width:2px}.notification-preferences-footer{border-top-width:2px}.notification-reset-btn{border-width:2px}.notification-save-btn{border:2px solid var(--color-primary, #667eea)}}@media (prefers-reduced-motion: reduce){.notification-preferences-panel{animation:none}.notification-toggle,.toggle-thumb,.notification-select,.notification-time-input,.notification-save-btn,.notification-reset-btn,.notification-preferences-close-btn,.notification-item{transition:none}.notification-save-btn:hover:not(:disabled){transform:none}.loading-spinner{animation:none}}@media (prefers-color-scheme: dark){.notification-preferences-panel{--color-bg-primary: #1a202c;--color-bg-secondary: #2d3748;--color-bg-tertiary: #4a5568;--color-bg-hover: #2d3748;--color-text-primary: #f7fafc;--color-text-secondary: #a0aec0;--color-border: #4a5568;--color-border-light: #2d3748;--color-success-light: #1a2e1a;--color-error-light: #2d1b1b;--color-warning-light: #2d2a1a}.toggle-thumb{background:#e2e8f0}.notification-select,.notification-time-input{background:var(--color-bg-primary, #1a202c)}}@supports selector(:focus-visible){.notification-toggle:focus:not(:focus-visible),.notification-select:focus:not(:focus-visible),.notification-time-input:focus:not(:focus-visible),.notification-save-btn:focus:not(:focus-visible),.notification-reset-btn:focus:not(:focus-visible),.notification-preferences-close-btn:focus:not(:focus-visible){outline:none}}.voice-settings-button{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;color:var(--text-primary, #111827);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:500;transition:all .2s ease;user-select:none}.voice-settings-button:hover{background:var(--bg-hover, #f3f4f6);border-color:var(--accent-color, #3b82f6);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.voice-settings-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.voice-settings-button:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.settings-button-content{display:flex;align-items:center;gap:.5rem}.settings-icon{font-size:1.25rem;line-height:1}.settings-text{font-size:.875rem;font-weight:500}.voice-settings-button.header{padding:.5rem;min-width:2.5rem;height:2.5rem}.voice-settings-button.header .settings-text{display:none}.voice-settings-button.sidebar{padding:.75rem 1rem;width:100%;justify-content:flex-start;border-radius:.375rem;margin-bottom:.5rem}.voice-settings-button.sidebar .settings-text{display:block}.voice-settings-button.floating{position:fixed;bottom:1rem;right:1rem;padding:.75rem;border-radius:50%;width:3.5rem;height:3.5rem;box-shadow:0 4px 12px #00000026;z-index:100;background:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}.voice-settings-button.floating:hover{background:var(--accent-hover, #2563eb);border-color:var(--accent-hover, #2563eb);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.voice-settings-button.floating .settings-text{display:none}.voice-settings-button.floating .settings-icon{font-size:1.5rem}.voice-settings-button.child-friendly{padding:.75rem 1rem;font-size:1.1rem;border-radius:.75rem;min-height:3rem}.voice-settings-button.child-friendly .settings-icon{font-size:1.5rem}.voice-settings-button.child-friendly .settings-text{display:block;font-size:1rem;font-weight:600}.voice-settings-button.child-friendly.header{padding:.75rem;min-width:3rem;height:3rem}.voice-settings-button.child-friendly.header .settings-text{display:none}.voice-settings-button.child-friendly.floating{width:4rem;height:4rem;padding:1rem}.voice-settings-button.child-friendly.floating .settings-icon{font-size:1.75rem}.voice-settings-button.child-friendly:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.voice-settings-button.child-friendly:active{transform:translateY(-1px)}@media (max-width: 768px){.voice-settings-button.header{padding:.625rem;min-width:2.75rem;height:2.75rem}.voice-settings-button.sidebar{padding:1rem;font-size:1rem}.voice-settings-button.floating{bottom:1.5rem;right:1.5rem;width:3.75rem;height:3.75rem}.voice-settings-button.child-friendly.floating{width:4.25rem;height:4.25rem}}.voice-settings-button.high-contrast{--bg-primary: #000000;--bg-hover: #333333;--text-primary: #ffffff;--border-color: #666666;--accent-color: #66b3ff;--accent-hover: #4da6ff}@media (prefers-reduced-motion: reduce){.voice-settings-button{transition:none}.voice-settings-button:hover,.voice-settings-button:active{transform:none}}.voice-settings-button:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}@media (prefers-color-scheme: dark){.voice-settings-button{--bg-primary: #1f2937;--bg-hover: #374151;--text-primary: #f9fafb;--border-color: #4b5563}}.voice-settings-button.panel-opening{background:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}.voice-settings-button.header:after{content:attr(title);position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%);background:var(--bg-tooltip, #1f2937);color:var(--text-tooltip, #ffffff);padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.voice-settings-button.header:hover:after{opacity:1}@media (max-width: 768px){.voice-settings-button.header:after{display:none}}.voice-settings-button.loading{opacity:.7;cursor:not-allowed}.voice-settings-button.loading .settings-icon{animation:spin 1s linear infinite}.voice-settings-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.voice-settings-button:disabled:hover{background:var(--bg-primary, #ffffff);border-color:var(--border-color, #d1d5db);transform:none;box-shadow:none}.voice-settings-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--bg-primary, #ffffff);border-left:1px solid var(--border-color, #e5e7eb);box-shadow:-4px 0 20px #0000001a;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease-in-out}.voice-settings-panel:not(.hidden){transform:translate(0)}.voice-settings-panel.child-friendly{width:450px;font-size:1.1em}@media (max-width: 768px){.voice-settings-panel{width:100vw;right:0}.voice-settings-panel.child-friendly{width:100vw;font-size:1.2em}}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.settings-panel-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827)}.settings-icon{font-size:1.5rem}.settings-panel-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary, #6b7280);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.settings-panel-close:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111827)}.settings-panel-close:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.voice-settings-panel.child-friendly .settings-panel-title{font-size:1.5rem}.voice-settings-panel.child-friendly .settings-panel-close{font-size:2rem;padding:.75rem}.settings-panel-content{flex:1;overflow-y:auto;padding:1.5rem}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:2rem;height:2rem;border:3px solid var(--border-color, #e5e7eb);border-top:3px solid var(--accent-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.save-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-weight:500}.save-status.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.save-status.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.status-icon{font-size:1.25rem}.settings-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light, #f3f4f6)}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section-title{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827)}.section-icon{font-size:1.25rem}.settings-section-description{margin:0 0 1rem;color:var(--text-secondary, #6b7280);font-size:.875rem;line-height:1.5}.voice-settings-panel.child-friendly .settings-section-title{font-size:1.375rem}.voice-settings-panel.child-friendly .section-icon{font-size:1.5rem}.voice-settings-panel.child-friendly .settings-section-description{font-size:1rem}.settings-control{margin-bottom:1.5rem}.settings-control:last-child{margin-bottom:0}.control-description{margin:.5rem 0 0;color:var(--text-tertiary, #9ca3af);font-size:.8rem;line-height:1.4}.toggle-control{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none}.toggle-control input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.toggle-slider{position:relative;width:3rem;height:1.5rem;background:var(--bg-tertiary, #d1d5db);border-radius:.75rem;transition:background-color .2s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a}.toggle-control input:checked+.toggle-slider{background:var(--accent-color, #3b82f6)}.toggle-control input:checked+.toggle-slider:before{transform:translate(1.5rem)}.toggle-control input:focus+.toggle-slider{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.toggle-label{font-weight:500;color:var(--text-primary, #111827)}.voice-settings-panel.child-friendly .toggle-slider{width:4rem;height:2rem}.voice-settings-panel.child-friendly .toggle-slider:before{width:1.75rem;height:1.75rem}.voice-settings-panel.child-friendly .toggle-control input:checked+.toggle-slider:before{transform:translate(2rem)}.voice-settings-panel.child-friendly .toggle-label{font-size:1.1rem}.slider-control{display:flex;flex-direction:column;gap:.75rem}.slider-label{font-weight:500;color:var(--text-primary, #111827);display:flex;justify-content:space-between;align-items:center}.slider{width:100%;height:.5rem;background:var(--bg-tertiary, #d1d5db);border-radius:.25rem;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;background:var(--accent-color, #3b82f6);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #00000026}.slider::-moz-range-thumb{width:1.25rem;height:1.25rem;background:var(--accent-color, #3b82f6);border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #00000026}.slider:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.slider-indicators{display:flex;justify-content:space-between;font-size:1rem;color:var(--text-tertiary, #9ca3af)}.voice-settings-panel.child-friendly .slider{height:.75rem}.voice-settings-panel.child-friendly .slider::-webkit-slider-thumb{width:1.5rem;height:1.5rem}.voice-settings-panel.child-friendly .slider::-moz-range-thumb{width:1.5rem;height:1.5rem}.voice-settings-panel.child-friendly .slider-indicators{font-size:1.25rem}.select-control{display:flex;flex-direction:column;gap:.5rem}.select-label{font-weight:500;color:var(--text-primary, #111827)}.voice-select,.language-select{width:100%;padding:.75rem;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;background:var(--bg-primary, #ffffff);color:var(--text-primary, #111827);font-size:.875rem;cursor:pointer;transition:all .2s ease}.voice-select:hover,.language-select:hover{border-color:var(--accent-color, #3b82f6)}.voice-select:focus,.language-select:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px;border-color:var(--accent-color, #3b82f6)}.voice-settings-panel.child-friendly .voice-select,.voice-settings-panel.child-friendly .language-select{padding:1rem;font-size:1rem}.voice-language-group{margin-bottom:1.5rem}.voice-language-group:last-child{margin-bottom:0}.voice-language-title{margin:0 0 .75rem;font-size:1rem;font-weight:500;color:var(--text-primary, #111827)}.voice-selection-controls{display:flex;gap:.75rem;align-items:center}.voice-selection-controls .voice-select{flex:1}.voice-test-button{background:var(--accent-color, #3b82f6);color:#fff;border:none;padding:.75rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .2s ease;flex-shrink:0}.voice-test-button:hover{background:var(--accent-hover, #2563eb);transform:translateY(-1px)}.voice-test-button:active{transform:translateY(0)}.voice-test-button:disabled{background:var(--bg-tertiary, #d1d5db);color:var(--text-tertiary, #9ca3af);cursor:not-allowed;transform:none}.voice-test-button:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.test-icon{font-size:1rem}.test-text{font-size:.875rem}.voice-settings-panel.child-friendly .voice-language-title{font-size:1.125rem}.voice-settings-panel.child-friendly .voice-test-button{padding:1rem 1.25rem}.voice-settings-panel.child-friendly .test-icon{font-size:1.25rem}.voice-settings-panel.child-friendly .test-text{font-size:1rem}.settings-panel-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.settings-action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;background:var(--bg-primary, #ffffff);color:var(--text-primary, #111827);font-weight:500;cursor:pointer;transition:all .2s ease}.settings-action-button:hover{background:var(--bg-hover, #f3f4f6);border-color:var(--accent-color, #3b82f6);transform:translateY(-1px)}.settings-action-button:active{transform:translateY(0)}.settings-action-button:disabled{background:var(--bg-tertiary, #f3f4f6);color:var(--text-tertiary, #9ca3af);cursor:not-allowed;transform:none}.settings-action-button:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.save-button{background:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}.save-button:hover:not(:disabled){background:var(--accent-hover, #2563eb);border-color:var(--accent-hover, #2563eb)}.reset-button{background:var(--danger-color, #ef4444);color:#fff;border-color:var(--danger-color, #ef4444)}.reset-button:hover:not(:disabled){background:var(--danger-hover, #dc2626);border-color:var(--danger-hover, #dc2626)}.voice-settings-panel.child-friendly .settings-panel-actions{flex-direction:column;gap:1rem}.voice-settings-panel.child-friendly .settings-action-button{padding:1rem 1.25rem;font-size:1.1rem}.voice-settings-panel.child-friendly .action-icon{font-size:1.25rem}.settings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.settings-error h3{margin:0 0 .5rem;color:var(--text-primary, #111827)}.settings-error p{margin:0 0 1.5rem;color:var(--text-secondary, #6b7280)}.retry-button{background:var(--accent-color, #3b82f6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:var(--accent-hover, #2563eb);transform:translateY(-1px)}.retry-button:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.voice-settings-panel.high-contrast{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #333333;--bg-hover: #2a2a2a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-tertiary: #999999;--border-color: #555555;--border-light: #333333;--accent-color: #66b3ff;--accent-hover: #4da6ff}@media (prefers-reduced-motion: reduce){.voice-settings-panel,.settings-action-button,.voice-test-button,.toggle-slider,.toggle-slider:before,.slider::-webkit-slider-thumb,.slider::-moz-range-thumb{transition:none}.loading-spinner{animation:none}}.voice-settings-panel *:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}@media print{.voice-settings-panel{display:none}}.active-session{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.session-info h3{margin:0;color:#333;font-size:24px}.session-info .topic{margin:4px 0 0;color:#666;font-size:14px}.session-status{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600}.session-status.active{background:#d4edda;color:#155724}.session-status.paused{background:#fff3cd;color:#856404}.timer-section{text-align:center;margin-bottom:24px}.timer-display{margin-bottom:16px}.timer-display .time{font-size:48px;font-weight:700;color:#007bff;font-variant-numeric:tabular-nums}.timer-display .goal{font-size:14px;color:#666;margin-top:4px}.progress-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.progress-text{font-size:14px;color:#666}.goal-reached{color:#28a745;font-weight:600}.session-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.session-controls button{padding:12px 16px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-resume{background:#28a745;color:#fff}.btn-resume:hover{background:#218838}.btn-pause{background:#ffc107;color:#333}.btn-pause:hover{background:#e0a800}.btn-note{background:#17a2b8;color:#fff}.btn-note:hover{background:#138496}.btn-complete{background:#007bff;color:#fff}.btn-complete:hover{background:#0056b3}.note-input-section{background:#f8f9fa;padding:16px;border-radius:4px;margin-bottom:20px}.note-input-section textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px}.note-input-section textarea:focus{outline:none;border-color:#007bff}.note-actions{display:flex;gap:8px}.btn-save{padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.btn-save:hover{background:#218838}.btn-cancel{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.btn-cancel:hover{background:#5a6268}.notes-list{border-top:1px solid #e9ecef;padding-top:20px}.notes-list h4{margin:0 0 12px;color:#333;font-size:16px}.note-item{background:#f8f9fa;padding:12px;border-radius:4px;margin-bottom:8px}.note-item p{margin:0 0 4px;color:#333;font-size:14px}.note-time{font-size:12px;color:#6c757d}@media (max-width: 768px){.active-session{padding:16px}.timer-display .time{font-size:36px}.session-controls{grid-template-columns:1fr}}.session-analytics{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.session-analytics.empty{text-align:center;padding:40px 24px;color:#666}.session-analytics h3{margin:0 0 24px;color:#333;font-size:20px}.session-analytics h4{margin:24px 0 16px;color:#333;font-size:16px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.stat-icon{font-size:32px}.stat-value{font-size:24px;font-weight:700;color:#007bff;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#6c757d;text-transform:uppercase;font-weight:600}.subject-breakdown{margin-bottom:32px}.subject-list{display:flex;flex-direction:column;gap:16px}.subject-item{padding:16px;background:#f8f9fa;border-radius:4px}.subject-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.subject-name{font-weight:600;color:#333;font-size:14px}.subject-stats{font-size:12px;color:#6c757d}.subject-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:4px}.subject-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.subject-percentage{text-align:right;font-size:12px;color:#6c757d;font-weight:600}.insights-section{border-top:1px solid #e9ecef;padding-top:24px}.insight-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:4px}.insight-item.success{background:#d4edda;border-left:4px solid #28a745}.insight-item.warning{background:#fff3cd;border-left:4px solid #ffc107}.insight-item.info{background:#d1ecf1;border-left:4px solid #17a2b8}.insight-icon{font-size:20px;flex-shrink:0}.insight-item p{margin:0;color:#333;font-size:14px;line-height:1.5}.session-analytics.premium-locked{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #ffd700}.session-analytics.premium-locked h3{display:flex;align-items:center;gap:8px}.premium-preview{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-top:16px}.premium-preview p{margin:0 0 16px;color:#495057;font-size:14px}.preview-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.preview-features li{color:#495057;font-size:14px;padding:8px 12px;background:#f8f9fa;border-radius:4px}@media (max-width: 768px){.session-analytics{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center}.subject-header{flex-direction:column;align-items:flex-start;gap:4px}}.session-goals{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.goals-header h3{margin:0;color:#333;font-size:20px}.btn-add-goal{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-add-goal:hover{background:#0056b3}.add-goal-form{background:#f8f9fa;padding:20px;border-radius:4px;margin-bottom:24px}.add-goal-form .form-group{margin-bottom:16px}.add-goal-form label{display:block;font-weight:600;color:#555;font-size:14px;margin-bottom:8px}.add-goal-form input,.add-goal-form select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.add-goal-form input:focus,.add-goal-form select:focus{outline:none;border-color:#007bff}.btn-save-goal{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-save-goal:hover{background:#218838}.empty-goals{text-align:center;padding:40px 20px}.empty-icon{font-size:48px;display:block;margin-bottom:12px}.empty-goals p{margin:0;color:#666;font-size:14px}.goals-list{display:flex;flex-direction:column;gap:16px}.goal-card{padding:20px;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef;transition:all .2s}.goal-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.goal-card.completed{background:#d4edda;border-color:#28a745}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.goal-info{flex:1}.goal-info h4{margin:0 0 4px;color:#333;font-size:16px}.goal-type{margin:0;color:#6c757d;font-size:13px}.goal-actions{display:flex;gap:8px}.btn-toggle,.btn-delete{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;opacity:.7;transition:opacity .2s}.btn-toggle:hover,.btn-delete:hover{opacity:1}.goal-progress-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.goal-progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.goal-progress-text{text-align:right;font-size:13px;color:#6c757d;font-weight:600}.goal-completed-badge{text-align:center;padding:12px;background:#fff;border-radius:4px;color:#28a745;font-weight:600;font-size:14px}@media (max-width: 768px){.session-goals{padding:16px}.goals-header{flex-direction:column;align-items:stretch;gap:12px}.goal-header{flex-direction:column;gap:12px}.goal-actions{justify-content:flex-end}}.session-history{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.session-history.empty{text-align:center;padding:60px 24px}.empty-state{max-width:400px;margin:0 auto}.empty-icon{font-size:64px;display:block;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#333;font-size:20px}.empty-state p{margin:0;color:#666;font-size:14px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.history-header h3{margin:0;color:#333;font-size:20px}.history-controls{display:flex;gap:12px}.filter-select,.sort-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.filter-select:focus,.sort-select:focus{outline:none;border-color:#007bff}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-card{border:1px solid #e9ecef;border-radius:4px;overflow:hidden;transition:box-shadow .2s}.session-card:hover{box-shadow:0 2px 8px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;background:#fff;transition:background .2s}.card-header:hover{background:#f8f9fa}.card-main{flex:1}.card-subject{font-weight:600;color:#333;font-size:16px;margin-bottom:4px}.card-topic{color:#666;font-size:14px;margin-bottom:4px}.card-date{color:#6c757d;font-size:12px}.card-stats{display:flex;align-items:center;gap:8px;margin-right:16px}.card-duration{font-weight:600;color:#007bff;font-size:18px;font-variant-numeric:tabular-nums}.goal-badge,.completed-badge{font-size:16px}.expand-btn{background:none;border:none;color:#6c757d;font-size:12px;cursor:pointer;padding:4px 8px}.card-details{padding:16px;background:#f8f9fa;border-top:1px solid #e9ecef}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:#6c757d;text-transform:uppercase;font-weight:600}.detail-value{font-size:14px;color:#333}.session-notes,.session-achievements{margin-top:16px}.session-notes h4,.session-achievements h4{margin:0 0 12px;color:#333;font-size:14px;font-weight:600}.note{background:#fff;padding:12px;border-radius:4px;margin-bottom:8px}.note p{margin:0 0 4px;color:#333;font-size:14px}.note-timestamp{font-size:12px;color:#6c757d}.achievement{background:#fff;padding:12px;border-radius:4px;margin-bottom:8px;border-left:3px solid #28a745}.achievement strong{display:block;color:#28a745;margin-bottom:4px;font-size:14px}.achievement p{margin:0;color:#666;font-size:13px}.delete-btn{margin-top:16px;padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.delete-btn:hover{background:#c82333}@media (max-width: 768px){.session-history{padding:16px}.history-header{flex-direction:column;align-items:stretch}.history-controls{flex-direction:column}.card-header{flex-direction:column;align-items:flex-start;gap:12px}.card-stats{margin-right:0}.details-grid{grid-template-columns:1fr}}.study-session-creator{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.study-session-creator h3{margin:0 0 20px;color:#333;font-size:20px}.session-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#555;font-size:14px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.goal-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.goal-option{padding:10px;border:2px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.goal-option:hover{border-color:#007bff;background:#f0f8ff}.goal-option.active{border-color:#007bff;background:#007bff;color:#fff}.btn-primary{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#6c757d;cursor:not-allowed}@media (max-width: 768px){.study-session-creator{padding:16px}.goal-selector{grid-template-columns:repeat(3,1fr)}}.study-session-management{max-width:1200px;margin:0 auto;padding:20px}.management-header{text-align:center;margin-bottom:32px}.management-header h2{margin:0 0 8px;color:#333;font-size:32px}.management-header p{margin:0;color:#666;font-size:16px}.error-message{display:flex;align-items:center;gap:12px;padding:16px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:20px}.error-icon{font-size:20px}.tabs-container{margin-bottom:24px}.tabs{display:flex;gap:8px;border-bottom:2px solid #e9ecef;overflow-x:auto}.tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:600;color:#6c757d;transition:all .2s;white-space:nowrap}.tab:hover{color:#007bff;background:#f8f9fa}.tab.active{color:#007bff;border-bottom-color:#007bff}.tab-icon{font-size:18px}.tab-label{display:inline}.session-tab{min-height:400px}@media (max-width: 768px){.study-session-management{padding:16px}.management-header h2{font-size:24px}.management-header p{font-size:14px}.tabs{gap:4px}.tab{padding:10px 12px;font-size:13px}.tab-label{display:none}.tab-icon{font-size:20px}}.activity-feed-item{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);transition:background-color .15s ease}.activity-feed-item:last-child{border-bottom:none}.activity-feed-item:hover{background-color:var(--bg-secondary)}.activity-feed-item__icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.activity-feed-item__content{flex:1;min-width:0}.activity-feed-item__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.activity-feed-item__title{color:var(--text-primary);font-weight:500;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-feed-item__time{color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0}.activity-feed-item__description{color:var(--text-secondary);font-size:var(--text-sm);margin:4px 0 0;line-height:1.4}.activity-feed-item__badges{display:inline-flex;flex-wrap:wrap;gap:6px;margin-top:6px}.activity-feed-item__badge{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;padding:2px 8px;font-size:var(--text-xs);line-height:1.5}.activity-feed-item__badge--critical{background-color:var(--error);color:#fff}.activity-feed-item__badge--high{background-color:#f97316;color:#fff}.activity-feed-item__badge--medium{background-color:var(--warning);color:var(--text-primary)}.activity-feed-item__badge--low{background-color:var(--bg-tertiary);color:var(--text-secondary)}@media (max-width: 768px){.activity-feed-item{padding:var(--space-2) var(--space-3)}.activity-feed-item__icon{width:28px;height:28px}}.family-management{max-width:1200px;margin:0 auto;padding:2rem}.family-header{margin-bottom:2rem}.back-button{background:none;border:none;color:#667eea;font-size:.95rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:color .2s}.back-button:hover{color:#764ba2}.family-header h1{font-size:2rem;color:#1a1a1a;margin-bottom:.5rem}.family-header .subtitle{font-size:1rem;color:#666}.family-info-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;display:flex;gap:3rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.875rem;color:#666;font-weight:500}.info-value{font-size:1.25rem;color:#1a1a1a;font-weight:600}.family-actions{margin-bottom:2rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.family-members-section{margin-bottom:3rem}.family-members-section h2{font-size:1.5rem;color:#1a1a1a;margin-bottom:1.5rem}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.member-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.member-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.member-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.member-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.member-info h3{font-size:1.125rem;color:#1a1a1a;margin:0}.member-role{font-size:.875rem;color:#666;margin:.25rem 0 0}.detail-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f8f8f8}.detail-label{font-size:.875rem;color:#666}.detail-value{font-size:.875rem;color:#1a1a1a;font-weight:500}.member-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-icon{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s}.btn-icon:hover{background:#f8f9ff}.btn-icon.btn-danger:hover{background:#fff5f5}.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem;line-height:1}.empty-state h3{font-size:1.5rem;color:#1a1a1a;margin-bottom:.75rem}.empty-state p{color:#666;margin-bottom:1.5rem;line-height:1.6}.family-info-box{background:#f8f9ff;border-radius:12px;padding:2rem;border-left:4px solid #667eea}.family-info-box h3{font-size:1.25rem;color:#1a1a1a;margin-bottom:1rem}.family-info-box p{color:#666;line-height:1.6;margin-bottom:1rem}.family-info-box ul{list-style:none;padding:0;margin:1rem 0 0}.family-info-box ul li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#666}.family-info-box ul li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.access-denied-container{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:600px;margin:2rem auto}.access-denied-icon{font-size:4rem;margin-bottom:1.5rem;line-height:1}.access-denied-container h2{font-size:1.75rem;color:#1a1a1a;margin-bottom:1rem}.access-denied-container>p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:2rem}.family-benefits{background:#f8f9ff;border-radius:8px;padding:1.5rem;margin:2rem 0;text-align:left}.family-benefits h3{font-size:1.25rem;color:#1a1a1a;margin-bottom:1rem;text-align:center}.family-benefits ul li{padding:.75rem 0;color:#666;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.upgrade-cta{font-size:1rem;color:#667eea;font-weight:600;margin-top:1.5rem}@media (max-width: 768px){.family-management{padding:1rem}.family-info-card{flex-direction:column;gap:1rem}.members-grid{grid-template-columns:1fr}.family-header h1{font-size:1.5rem}.access-denied-container{padding:2rem 1.5rem;margin:1rem}.access-denied-icon{font-size:3rem}.access-denied-container h2{font-size:1.5rem}.family-benefits{padding:1rem}}.flag-detail{max-width:900px;margin:0 auto;padding:2rem}.flag-detail-header{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.875rem;color:#666;cursor:pointer;transition:all .2s;margin-bottom:1rem}.back-button:hover{border-color:#667eea;color:#667eea;transform:translate(-2px)}.flag-detail-header h1{font-size:2rem;color:#1a1a1a;margin:0}.flag-detail-content{display:flex;flex-direction:column;gap:1.5rem}.flag-summary-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid #e0e0e0}.flag-summary-card.severity-low{border-left-color:#4caf50}.flag-summary-card.severity-medium{border-left-color:#ff9800}.flag-summary-card.severity-high{border-left-color:#f44336}.flag-summary-card.severity-critical{border-left-color:#d32f2f;background:#fff5f5}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.severity-badge{display:flex;align-items:center;gap:.75rem}.severity-icon{font-size:2rem}.severity-label{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.unread-badge{display:inline-block;padding:.5rem 1rem;background:#667eea;color:#fff;border-radius:20px;font-size:.875rem;font-weight:600}.summary-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.info-row{display:flex;gap:1rem}.info-label{font-weight:600;color:#666;min-width:100px}.info-value{color:#1a1a1a}.concerns-section h3{font-size:1rem;color:#666;margin-bottom:.75rem}.concerns-list{display:flex;flex-wrap:wrap;gap:.5rem}.concern-tag{display:inline-block;padding:.5rem 1rem;background:#f0f0f0;border-radius:20px;font-size:.875rem;color:#666;font-weight:500}.message-card,.context-card,.notes-card,.actions-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.message-card h2,.context-card h2,.notes-card h2{font-size:1.25rem;color:#1a1a1a;margin-bottom:1rem}.message-content{background:#f8f9ff;border-radius:8px;padding:1.5rem;border-left:3px solid #667eea}.message-content p{color:#333;line-height:1.6;margin:0}.context-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.notes-editor{display:flex;flex-direction:column;gap:1rem}.notes-textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;transition:border-color .2s}.notes-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.notes-actions{display:flex;gap:1rem}.notes-display p{color:#333;line-height:1.6;margin:0}.no-notes{color:#999;font-style:italic}.actions-card{text-align:center}.reviewed-status{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#f0f9f0;border-radius:8px;color:#4caf50;font-weight:600}.reviewed-icon{font-size:1.5rem}.btn-primary,.btn-secondary,.btn-secondary-small{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background:#f8f9ff;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary-small{padding:.5rem 1rem;background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary-small:hover{background:#f8f9ff}.btn-large{padding:1rem 2rem;font-size:1rem}@media (max-width: 768px){.flag-detail{padding:1rem}.flag-summary-card,.message-card,.context-card,.notes-card,.actions-card{padding:1.5rem}.summary-header{flex-direction:column;align-items:flex-start;gap:1rem}.info-row{flex-direction:column;gap:.25rem}.notes-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.flag-list{max-width:1200px;margin:0 auto;padding:2rem}.flag-list-header{margin-bottom:2rem}.flag-list-header h1{font-size:2rem;color:#1a1a1a;margin-bottom:.5rem}.flag-list-header .subtitle{font-size:1rem;color:#666}.flag-filters{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.filter-group label{font-size:.875rem;font-weight:600;color:#666}.filter-select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;transition:border-color .2s}.filter-select:hover{border-color:#667eea}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.flag-count{margin-bottom:1rem;font-size:.875rem;color:#666;font-weight:500}.flags-container{display:grid;gap:1rem}.flag-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s;border-left:4px solid #e0e0e0}.flag-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.flag-card.unread{background:#f8f9ff;border-left-color:#667eea}.flag-card.severity-low{border-left-color:#4caf50}.flag-card.severity-medium{border-left-color:#ff9800}.flag-card.severity-high{border-left-color:#f44336}.flag-card.severity-critical{border-left-color:#d32f2f;background:#fff5f5}.flag-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.flag-severity{display:flex;align-items:center;gap:.5rem}.severity-icon{font-size:1.25rem}.severity-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.severity-low .severity-label{color:#4caf50}.severity-medium .severity-label{color:#ff9800}.severity-high .severity-label{color:#f44336}.severity-critical .severity-label{color:#d32f2f}.flag-timestamp{font-size:.875rem;color:#999}.flag-content{margin-bottom:1rem}.flag-type{font-size:.875rem;font-weight:600;color:#667eea;margin-bottom:.5rem}.flag-message-preview{color:#333;line-height:1.6;margin-bottom:.75rem}.flag-concerns{display:flex;flex-wrap:wrap;gap:.5rem}.concern-tag{display:inline-block;padding:.25rem .75rem;background:#f0f0f0;border-radius:12px;font-size:.75rem;color:#666;font-weight:500}.flag-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f0f0f0}.unread-badge{display:inline-block;padding:.25rem .75rem;background:#667eea;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.view-details{font-size:.875rem;color:#667eea;font-weight:600}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem;color:#4caf50}.empty-state h2{font-size:1.5rem;color:#1a1a1a;margin-bottom:.5rem}.empty-state p{color:#666;line-height:1.6}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.error-container{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.error-container h2{color:#f5576c;margin-bottom:1rem}.error-container p{color:#666;margin-bottom:2rem}.btn-primary{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media (max-width: 768px){.flag-list{padding:1rem}.flag-filters{flex-direction:column;gap:1rem}.filter-group{min-width:100%}.flag-card{padding:1rem}.flag-header,.flag-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.flag-review-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;margin:16px 0;box-shadow:0 2px 8px #0000001a}.flag-review-form .form-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.flag-review-form .form-header h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.flag-review-form .form-description{margin:0;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.flag-review-form .form-group{margin-bottom:24px}.flag-review-form .form-group:last-of-type{margin-bottom:16px}.flag-review-form .form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text-primary);font-size:.95rem}.flag-review-form .field-help{margin:4px 0 12px;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.flag-review-form .checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:8px 0}.flag-review-form .checkbox-label input[type=checkbox]{margin:0;width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.flag-review-form .checkbox-text{font-size:.95rem;color:var(--color-text-primary);line-height:1.4;cursor:pointer}.flag-review-form .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}.flag-review-form .action-checkbox-label{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:8px;cursor:pointer;transition:all .2s ease}.flag-review-form .action-checkbox-label:hover{background:var(--color-background-hover);border-color:var(--color-border)}.flag-review-form .action-checkbox-label input[type=checkbox]{margin:0;width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.flag-review-form .action-checkbox-label input[type=checkbox]:checked+.action-checkbox-text{color:var(--color-primary);font-weight:500}.flag-review-form .action-checkbox-text{font-size:.9rem;color:var(--color-text-primary);line-height:1.4;cursor:pointer}.flag-review-form .notes-textarea{width:100%;min-height:100px;padding:12px;border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:.9rem;line-height:1.5;color:var(--color-text-primary);background:var(--color-background);resize:vertical;transition:border-color .2s ease}.flag-review-form .notes-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.flag-review-form .notes-textarea::placeholder{color:var(--color-text-placeholder)}.flag-review-form .notes-textarea:disabled{background:var(--color-background-disabled);color:var(--color-text-disabled);cursor:not-allowed}.flag-review-form .form-error{display:flex;align-items:center;gap:8px;padding:12px;background:var(--color-error-background);border:1px solid var(--color-error-border);border-radius:8px;margin-bottom:16px}.flag-review-form .error-icon{font-size:1.1rem;flex-shrink:0}.flag-review-form .error-text{font-size:.9rem;color:var(--color-error);line-height:1.4}.flag-review-form .form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--color-border-light)}.flag-review-form .cancel-button{padding:10px 20px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.flag-review-form .cancel-button:hover:not(:disabled){background:var(--color-background-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.flag-review-form .cancel-button:disabled{opacity:.6;cursor:not-allowed}.flag-review-form .submit-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.flag-review-form .submit-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.flag-review-form .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.flag-review-form .loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.flag-review-form{padding:20px;margin:12px 0}.flag-review-form .actions-grid{grid-template-columns:1fr}.flag-review-form .form-actions{flex-direction:column-reverse;gap:8px}.flag-review-form .cancel-button,.flag-review-form .submit-button{width:100%;justify-content:center}}@media (prefers-contrast: high){.flag-review-form,.flag-review-form .action-checkbox-label,.flag-review-form .notes-textarea{border-width:2px}}@media (prefers-reduced-motion: reduce){.flag-review-form .action-checkbox-label,.flag-review-form .notes-textarea,.flag-review-form .cancel-button,.flag-review-form .submit-button{transition:none}.flag-review-form .submit-button:hover:not(:disabled){transform:none}.flag-review-form .loading-spinner-small{animation:none}}.flag-review-form .checkbox-label:focus-within,.flag-review-form .action-checkbox-label:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.flag-review-form .cancel-button:focus,.flag-review-form .submit-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.flag-review-workflow{display:flex;height:100%;background:var(--color-background);position:relative}.workflow-main{flex:1;min-width:0;display:flex;flex-direction:column}.workflow-review-panel{width:400px;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;box-shadow:-2px 0 8px #0000001a}.review-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border-light);background:var(--color-background)}.review-panel-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.close-panel-button{width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-panel-button:hover{background:var(--color-background-hover);color:var(--color-text-primary)}.review-panel-content{flex:1;overflow-y:auto;padding:20px}.flag-summary{margin-bottom:24px;padding:16px;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:8px}.flag-summary-header{display:flex;gap:8px;margin-bottom:12px}.severity-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.severity-badge.severity-low{background:#dcfce7;color:#166534}.severity-badge.severity-medium{background:#fef3c7;color:#d97706}.severity-badge.severity-high{background:#fed7aa;color:#ea580c}.severity-badge.severity-critical{background:#fecaca;color:#dc2626}.category-badge{padding:4px 8px;background:var(--color-primary-light);color:var(--color-primary);border-radius:4px;font-size:.75rem;font-weight:500}.flag-concerns{margin:0;font-size:.9rem;color:var(--color-text-primary);line-height:1.5}.workflow-quick-actions{position:absolute;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #0000001a;z-index:10}.quick-actions-content{padding:16px 20px}.quick-actions-content h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.selected-flag-info{margin:0 0 16px;font-size:.85rem;color:var(--color-text-secondary)}.quick-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-button{padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button.primary{background:var(--color-primary);color:#fff}.action-button.primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.action-button.secondary{background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border)}.action-button.secondary:hover{background:var(--color-background-hover);border-color:var(--color-border-hover)}.action-button.tertiary{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.action-button.tertiary:hover{background:var(--color-background-hover);color:var(--color-text-primary);border-color:var(--color-border-light)}@media (max-width: 1024px){.flag-review-workflow{flex-direction:column}.workflow-review-panel{width:100%;height:50%;border-left:none;border-top:1px solid var(--color-border)}.workflow-main{height:50%}}@media (max-width: 768px){.workflow-review-panel{height:60%}.workflow-main{height:40%}.review-panel-content{padding:16px}.quick-actions-content{padding:12px 16px}.quick-action-buttons{flex-direction:column}.action-button{width:100%;justify-content:center}}@media (prefers-contrast: high){.workflow-review-panel{border-left-width:2px}.flag-summary{border-width:2px}.workflow-quick-actions{border-top-width:2px}}@media (prefers-reduced-motion: reduce){.close-panel-button,.action-button{transition:none}.action-button.primary:hover{transform:none}}.close-panel-button:focus,.action-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.notification-badge-button{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s}.notification-badge-button:hover{background:#0000000d}.notification-icon{font-size:24px;display:block}.notification-count{position:absolute;top:4px;right:4px;background:#dc2626;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 4px #0003}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-count{animation:pulse 2s infinite}.notification-dropdown{position:relative;display:inline-block}.notification-list{position:fixed;top:60px;right:20px;width:400px;max-height:600px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;z-index:1000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.notification-list-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a1a}.header-actions{display:flex;align-items:center;gap:12px}.mark-all-read{font-size:13px;color:#2563eb;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.mark-all-read:hover{background:#2563eb1a}.close-button{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.close-button:hover{background:#0000000d}.notification-list-content{flex:1;overflow-y:auto;max-height:480px}.notification-list-loading,.notification-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.notification-list-empty p{margin:0 0 4px;font-size:16px;font-weight:500;color:#1a1a1a}.empty-subtitle{font-size:14px;color:#6b7280}.notification-item{display:flex;align-items:flex-start;padding:12px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s;position:relative}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#eff6ff}.notification-item.unread:hover{background:#dbeafe}.notification-indicator{width:20px;display:flex;align-items:center;justify-content:center;margin-right:8px;padding-top:4px}.unread-dot{width:8px;height:8px;background:#2563eb;border-radius:50%}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.notification-severity{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.notification-time{font-size:12px;color:#6b7280}.notification-title{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:4px;text-transform:capitalize}.notification-preview{font-size:13px;color:#6b7280;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mark-read-button{background:#2563eb;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;margin-left:8px;flex-shrink:0;transition:background .2s}.mark-read-button:hover{background:#1d4ed8}.notification-list-footer{padding:12px 20px;border-top:1px solid #e5e7eb}.view-all-button{width:100%;padding:10px;font-size:14px;font-weight:500;color:#2563eb;background:none;border:1px solid #2563eb;border-radius:6px;cursor:pointer;transition:all .2s}.view-all-button:hover{background:#2563eb;color:#fff}@media (max-width: 768px){.notification-list{top:0;right:0;left:0;width:100%;max-height:100vh;border-radius:0}.notification-list-content{max-height:calc(100vh - 140px)}}.notification-list-content::-webkit-scrollbar{width:6px}.notification-list-content::-webkit-scrollbar-track{background:#f3f4f6}.notification-list-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-list-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.time-limit-summary{background:var(--bg-secondary);border-radius:.5rem;padding:var(--space-3) var(--space-4);border:1px solid var(--border-light)}.time-limit-summary__row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.time-limit-summary__icon{flex-shrink:0}.time-limit-summary__status{flex:1}.time-limit-summary__link{background:none;border:none;color:var(--eduq-blue);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:0;text-decoration:none;flex-shrink:0}.time-limit-summary__link:hover{color:var(--eduq-blue-hover);text-decoration:underline}.time-limit-summary__link:focus{outline:2px solid var(--eduq-blue);outline-offset:2px;border-radius:2px}.parent-safety-settings{max-width:800px;margin:0 auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.parent-safety-settings.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite}.settings-header{margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.settings-header h2{margin:0 0 8px;font-size:28px;font-weight:600;color:#2c3e50}.settings-description{margin:0;font-size:14px;color:#7f8c8d;line-height:1.5}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:24px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px}.settings-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.settings-section:last-of-type{border-bottom:none}.settings-section h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#2c3e50}.section-description{margin:0 0 16px;font-size:14px;color:#7f8c8d;line-height:1.5}.filtering-levels{display:flex;flex-direction:column;gap:12px}.filtering-level{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease}.filtering-level:hover{border-color:#4a90e2;background:#f8f9fa}.filtering-level.active{border-color:#4a90e2;background:#e3f2fd}.filtering-level input[type=radio]{width:20px;height:20px;cursor:pointer}.level-content{display:flex;flex-direction:column;gap:4px;flex:1}.level-name{font-size:16px;font-weight:600;color:#2c3e50}.level-description{font-size:13px;color:#7f8c8d}.topic-input-group{display:flex;gap:8px;margin-bottom:16px}.topic-input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.topic-input:focus{outline:none;border-color:#4a90e2}.add-topic-button{padding:10px 20px;background:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;white-space:nowrap}.add-topic-button:hover:not(:disabled){background:#357abd}.add-topic-button:disabled{background:#ccc;cursor:not-allowed}.topic-list{display:flex;flex-wrap:wrap;gap:8px;min-height:40px}.empty-list{margin:0;padding:16px;text-align:center;color:#95a5a6;font-size:14px;font-style:italic;width:100%}.topic-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;font-size:14px;font-weight:500}.topic-tag.allowed{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.topic-tag.blocked{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.topic-name{line-height:1}.remove-topic{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#0000001a;border:none;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;transition:background .2s ease}.remove-topic:hover{background:#0003}.time-limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.time-limit-field{display:flex;flex-direction:column;gap:8px}.time-limit-field label{font-size:14px;font-weight:600;color:#2c3e50}.time-limit-field input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.time-limit-field input:focus{outline:none;border-color:#4a90e2}.field-hint{font-size:12px;color:#95a5a6;line-height:1.4}.settings-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:2px solid #e0e0e0}.cancel-button,.save-button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.cancel-button:hover:not(:disabled){background:#e9ecef}.save-button{background:#28a745;color:#fff}.save-button:hover:not(:disabled){background:#218838}.cancel-button:disabled,.save-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.parent-safety-settings{padding:16px}.settings-header h2{font-size:24px}.settings-section h3{font-size:18px}.topic-input-group{flex-direction:column}.add-topic-button{width:100%}.time-limits-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column-reverse}.cancel-button,.save-button{width:100%}}.recommendation-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;position:relative;overflow:hidden}.recommendation-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.recommendation-card.priority-red{border-left:4px solid #ef4444}.recommendation-card.priority-orange{border-left:4px solid #f97316}.recommendation-card.priority-yellow{border-left:4px solid #f59e0b}.recommendation-card.priority-green{border-left:4px solid #10b981}.recommendation-card.action-blue:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:#3b82f6}.recommendation-card.action-green:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:#10b981}.recommendation-card.action-red:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:#ef4444}.recommendation-card.action-purple:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:#8b5cf6}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.recommendation-meta{display:flex;gap:.75rem;align-items:center}.action-badge{display:flex;align-items:center;gap:.5rem;background:#f3f4f6;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.action-label{color:#374151}.priority-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.priority-red .priority-badge{background:#fef2f2;color:#dc2626}.priority-orange .priority-badge{background:#fff7ed;color:#ea580c}.priority-yellow .priority-badge{background:#fffbeb;color:#d97706}.priority-green .priority-badge{background:#f0fdf4;color:#16a34a}.recommendation-time{color:#6b7280;font-size:.875rem}.recommendation-content{margin-bottom:1.5rem}.recommendation-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem;line-height:1.4}.recommendation-description{color:#4b5563;line-height:1.6;margin:0 0 1rem}.recommendation-urgency{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;color:#92400e;font-size:.875rem;font-weight:500}.urgency-icon{font-size:1rem}.recommendation-details{border-top:1px solid #e5e7eb;padding-top:1.5rem;margin-bottom:1.5rem}.recommendation-conversation-starters{margin-bottom:1.5rem}.starters-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .75rem}.starters-list{list-style:none;padding:0;margin:0}.starter-item{padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:.5rem;font-style:italic;color:#475569;position:relative}.starter-quote{color:#3b82f6;font-weight:600;font-size:1.1em}.recommendation-resources{margin-bottom:1.5rem}.resources-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .75rem}.resource-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:.75rem}.resource-title{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 .5rem}.resource-description{color:#4b5563;margin:0 0 .75rem;line-height:1.5}.resource-steps{margin:0;padding-left:1.25rem}.resource-step{color:#374151;margin-bottom:.25rem;line-height:1.4}.recommendation-escalation{margin-bottom:1.5rem}.escalation-section{margin-bottom:1rem}.escalation-title{font-size:.95rem;font-weight:600;color:#dc2626;margin:0 0 .5rem}.escalation-list{list-style:none;padding:0;margin:0}.escalation-item{padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:.5rem;color:#991b1b;font-size:.875rem}.recommendation-celebration{margin-bottom:1.5rem}.celebration-section{margin-bottom:1rem}.celebration-title{font-size:.95rem;font-weight:600;color:#7c3aed;margin:0 0 .5rem}.celebration-list{list-style:none;padding:0;margin:0}.celebration-item{padding:.5rem .75rem;background:#faf5ff;border:1px solid #e9d5ff;border-radius:.375rem;margin-bottom:.5rem;color:#6b21a8;font-size:.875rem}.excellent-subjects{display:flex;flex-direction:column;gap:.5rem}.excellent-subject{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.375rem;padding:.75rem}.subject-name{font-weight:600;color:#0c4a6e;display:block;margin-bottom:.25rem}.subject-metrics{display:flex;gap:1rem}.metric{font-size:.875rem;color:#0369a1}.recommendation-success-indicators{margin-bottom:1.5rem}.success-title{font-size:.95rem;font-weight:600;color:#059669;margin:0 0 .5rem}.success-list{list-style:none;padding:0;margin:0}.success-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;color:#374151;font-size:.875rem;line-height:1.4}.success-icon{color:#10b981;font-weight:600;margin-top:.1rem}.recommendation-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.action-button{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:.5rem}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button.primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.action-button.primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.action-button.secondary{background:#f3f4f6;color:#374151;border-color:#d1d5db}.action-button.secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.action-button.tertiary{background:transparent;color:#6b7280;border-color:#d1d5db}.action-button.tertiary:hover:not(:disabled){background:#f9fafb;color:#374151}.action-button.loading:after{content:"";width:.875rem;height:.875rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 640px){.recommendation-card{padding:1rem}.recommendation-header{flex-direction:column;gap:.5rem;align-items:flex-start}.recommendation-meta{flex-wrap:wrap}.recommendation-actions{flex-direction:column;align-items:stretch}.action-button{justify-content:center}.subject-metrics{flex-direction:column;gap:.25rem}}@media (prefers-color-scheme: dark){.recommendation-card{background:#1f2937;border-color:#374151;color:#f9fafb}.recommendation-title{color:#f9fafb}.recommendation-description{color:#d1d5db}.action-badge{background:#374151}.action-label{color:#d1d5db}.starter-item,.resource-item{background:#374151;border-color:#4b5563;color:#d1d5db}.resource-title{color:#f9fafb}}.coppa-consent-form{max-width:800px;margin:0 auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:system-ui,-apple-system,sans-serif}.consent-header{margin-bottom:32px;text-align:center}.consent-header h2{color:#1f2937;font-size:1.75rem;font-weight:600;margin-bottom:12px}.consent-header p{color:#6b7280;font-size:1rem;line-height:1.6;max-width:600px;margin:0 auto}.consent-form{display:flex;flex-direction:column;gap:24px}.consent-section{padding:20px;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb}.consent-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:12px}.consent-section p{color:#4b5563;line-height:1.6;margin-bottom:12px}.consent-section ul{color:#4b5563;margin:12px 0;padding-left:20px}.consent-section li{margin-bottom:6px;line-height:1.5}.consent-checkbox{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease}.consent-checkbox:hover{border-color:var(--eduq-blue, #0066FF);background:#f0f9ff}.consent-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.consent-checkbox .checkbox-custom{position:relative;display:inline-block;width:18px;height:18px;min-width:18px;min-height:18px;border:2px solid var(--border-medium, #D1D5DB);border-radius:4px;background:var(--bg-primary, #FFFFFF);transition:border-color .2s ease,background-color .2s ease;flex-shrink:0;margin-top:.125rem}.consent-checkbox .checkbox-custom:after{content:"";position:absolute;top:1px;left:5px;width:5px;height:10px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .15s ease}.consent-checkbox input[type=checkbox]:checked+.checkbox-custom{background-color:var(--eduq-blue, #0066FF);border-color:var(--eduq-blue, #0066FF)}.consent-checkbox input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.consent-checkbox input[type=checkbox]:focus-visible+.checkbox-custom{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.consent-checkbox:hover .checkbox-custom{border-color:var(--eduq-blue, #0066FF)}@media (max-width: 768px){.consent-checkbox{min-height:44px;padding:.875rem .75rem}}.signature-section{padding:20px;border:2px solid #fbbf24;border-radius:8px;background:#fffbeb}.signature-section label{display:block;color:#92400e;font-weight:600;margin-bottom:8px}.signature-section input{width:100%;padding:12px;border:2px solid #d97706;border-radius:6px;font-size:1rem;background:#fff}.signature-section input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.signature-section small{display:block;color:#92400e;font-size:.875rem;margin-top:6px;font-style:italic}.form-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-button{padding:12px 24px;background:#fff;color:#6b7280;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){border-color:#9ca3af;color:#4b5563}.submit-button{padding:12px 24px;background:#3b82f6;color:#fff;border:2px solid #3b82f6;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.submit-button:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.legal-notice{margin-top:24px;padding:16px;background:#f3f4f6;border-radius:8px;border-left:4px solid #6b7280}.legal-notice p{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0}@media (max-width: 768px){.coppa-consent-form{margin:16px;padding:16px}.consent-header h2{font-size:1.5rem}.consent-section{padding:16px}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.cultural-recommendations{max-width:1200px;margin:0 auto;padding:20px}.recommendations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.recommendations-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.cultural-context-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:8px 12px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid #f59e0b}.family-context-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:20px;margin-bottom:24px}.family-context-info h3{color:#0369a1;font-size:16px;font-weight:600;margin:0 0 12px}.context-indicators{display:flex;flex-wrap:wrap;gap:8px}.context-tag{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.context-tag.collectivist{background:#ddd6fe;color:#5b21b6}.context-tag.hierarchical{background:#fecaca;color:#991b1b}.context-tag.face-conscious{background:#fed7d7;color:#b91c1c}.context-tag.education-focused{background:#d1fae5;color:#065f46}.recommendations-tabs{display:flex;gap:4px;margin-bottom:24px;background:#f8fafc;padding:4px;border-radius:12px;border:1px solid #e2e8f0}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:#f1f5f9;color:#374151}.tab-button.active{background:#fff;color:#3b82f6;box-shadow:0 2px 4px #0000001a}.tab-count{background:#e5e7eb;color:#6b7280;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;min-width:18px;text-align:center}.tab-button.active .tab-count{background:#dbeafe;color:#1d4ed8}.cultural-recommendations.loading{display:flex;justify-content:center;align-items:center;min-height:300px}.no-recommendations{text-align:center;padding:64px 32px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:16px}.no-recommendations-icon{font-size:64px;margin-bottom:16px}.no-recommendations h3{color:#166534;font-size:20px;font-weight:600;margin:0 0 8px}.no-recommendations p{color:#15803d;font-size:16px;max-width:400px;margin:0 auto}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.recommendation-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #e5e7eb;transition:all .3s ease}.recommendation-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.recommendation-card.priority-high{border-left-color:#dc2626}.recommendation-card.priority-medium{border-left-color:#f59e0b}.recommendation-card.priority-low{border-left-color:#10b981}.recommendation-card.safety{background:linear-gradient(135deg,#fff,#fef2f2)}.recommendation-card.learning{background:linear-gradient(135deg,#fff,#f0f9ff)}.recommendation-card.celebration{background:linear-gradient(135deg,#fff,#fefce8)}.recommendation-card.general{background:linear-gradient(135deg,#fff,#f8fafc)}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.recommendation-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0;flex:1;line-height:1.3}.priority-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:12px}.priority-badge.high{background:#fecaca;color:#991b1b}.priority-badge.medium{background:#fed7aa;color:#9a3412}.priority-badge.low{background:#bbf7d0;color:#166534}.recommendation-description{color:#4b5563;font-size:14px;line-height:1.5;margin:0 0 16px}.cultural-notes{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px;margin:16px 0;display:flex;align-items:flex-start;gap:8px}.notes-icon{font-size:16px;margin-top:2px}.cultural-notes p{color:#92400e;font-size:13px;font-style:italic;margin:0;line-height:1.4}.conversation-starters,.intervention-strategies,.general-tips{margin:16px 0}.conversation-starters h5,.intervention-strategies h5,.general-tips h5{color:#374151;font-size:13px;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.conversation-starters ul,.intervention-strategies ul,.general-tips ul{list-style:none;padding:0;margin:0}.conversation-starters li,.intervention-strategies li,.general-tips li{color:#4b5563;font-size:13px;line-height:1.4;position:relative;padding:4px 0 4px 16px}.conversation-starters li:before{content:"💬";position:absolute;left:0;top:4px;font-size:12px}.intervention-strategies li:before{content:"🎯";position:absolute;left:0;top:4px;font-size:12px}.general-tips li:before{content:"💡";position:absolute;left:0;top:4px;font-size:12px}.conversation-starters li{font-style:italic}@media (max-width: 768px){.cultural-recommendations{padding:16px}.recommendations-header{flex-direction:column;align-items:flex-start;gap:12px}.recommendations-header h2{font-size:20px}.recommendations-tabs{flex-direction:column}.tab-button{justify-content:space-between}.recommendations-grid{grid-template-columns:1fr;gap:16px}.recommendation-header{flex-direction:column;align-items:flex-start;gap:8px}.priority-badge{margin-left:0;align-self:flex-start}.context-indicators{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.cultural-recommendations{padding:12px}.family-context-info,.recommendation-card{padding:16px}.no-recommendations{padding:32px 16px}.no-recommendations-icon{font-size:48px}.no-recommendations h3{font-size:18px}.no-recommendations p{font-size:14px}}@media (prefers-color-scheme: dark){.recommendations-header h2{color:#f9fafb}.cultural-context-badge{background:linear-gradient(135deg,#92400e,#b45309);color:#fed7aa;border-color:#d97706}.family-context-info{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6}.family-context-info h3{color:#dbeafe}.recommendations-tabs{background:#1f2937;border-color:#374151}.tab-button{color:#d1d5db}.tab-button:hover{background:#374151;color:#f9fafb}.tab-button.active{background:#374151;color:#60a5fa}.tab-count{background:#4b5563;color:#d1d5db}.tab-button.active .tab-count{background:#1e40af;color:#dbeafe}.recommendation-card{background:#1f2937;color:#e5e7eb}.recommendation-header h4{color:#f9fafb}.recommendation-description{color:#d1d5db}.cultural-notes{background:#92400e;border-color:#b45309}.cultural-notes p{color:#fed7aa}.conversation-starters h5,.intervention-strategies h5,.general-tips h5{color:#f9fafb}.conversation-starters li,.intervention-strategies li,.general-tips li{color:#d1d5db}.no-recommendations{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#047857}.no-recommendations h3{color:#6ee7b7}.no-recommendations p{color:#a7f3d0}.loading-spinner p{color:#d1d5db}}@media (prefers-contrast: high){.recommendation-card{border-width:2px}.priority-badge,.context-tag{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.recommendation-card,.tab-button{transition:none}.recommendation-card:hover{transform:none}.spinner{animation:none}}@media print{.recommendations-tabs{display:none}.recommendation-card{box-shadow:none;border:1px solid #000;break-inside:avoid;margin-bottom:16px}.cultural-context-badge{background:none;border:1px solid #000;color:#000}.family-context-info{background:none;border:1px solid #000}}.data-export{max-width:900px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.data-export-header{text-align:center;margin-bottom:30px}.data-export-header h2{color:#2c3e50;margin-bottom:10px;font-size:28px;font-weight:600}.data-export-header p{color:#7f8c8d;font-size:16px;line-height:1.5}.data-export-error{display:flex;align-items:center;gap:10px;padding:15px;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:20px;color:#c33}.data-export-no-permission{text-align:center;padding:60px 20px;color:#7f8c8d}.data-export-no-permission h3{color:#2c3e50;margin-bottom:10px}.data-export-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.format-options{display:flex;flex-direction:column;gap:15px}.format-option{display:block;padding:20px;border:2px solid #ecf0f1;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff}.format-option:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.format-option.selected{border-color:#3498db;background:#f8fbff;box-shadow:0 2px 8px #3498db26}.data-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.data-type-option{display:block;padding:15px;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.data-type-option:hover{border-color:#3498db}.data-type-option.selected{border-color:#3498db;background:#f8fbff}.data-type-option.sensitive{border-left:4px solid #e74c3c}.data-type-option input[type=checkbox]{display:none}.data-type-content{display:flex;flex-direction:column;gap:5px}.data-type-header{display:flex;align-items:center;gap:8px}.data-type-header strong{color:#2c3e50;font-size:14px}.sensitive-badge{font-size:12px;background:#e74c3c;color:#fff;padding:2px 6px;border-radius:4px}.data-type-content p{color:#7f8c8d;font-size:13px;line-height:1.3;margin:0}.date-range-presets button{padding:8px 16px;border:1px solid #bdc3c7;border-radius:6px;background:#fff;color:#34495e;cursor:pointer;font-size:14px;transition:all .2s ease}.date-range-presets button:hover{border-color:#3498db;color:#3498db}.privacy-level-options{display:flex;flex-direction:column;gap:12px}.privacy-option{display:block;padding:15px;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.privacy-option:hover{border-color:#3498db}.privacy-option.selected{border-color:#3498db;background:#f8fbff}.privacy-option input[type=radio]{display:none}.privacy-content strong{display:block;color:#2c3e50;font-size:15px;margin-bottom:5px}.privacy-content p{color:#7f8c8d;font-size:13px;line-height:1.4;margin:0}.compliance-options{margin-bottom:20px}.compliance-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:10px}.compliance-checkboxes label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#34495e}.compliance-checkboxes input[type=checkbox]{width:18px;height:18px;accent-color:#3498db}.export-progress{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.progress-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#f39c12);border-radius:4px;transition:width .3s ease}.export-button{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#e74c3c,#f39c12);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px;justify-content:center}.export-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.export-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.export-history{margin-top:40px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.export-history h3{padding:25px 25px 0;color:#2c3e50;font-size:18px;font-weight:600;margin:0}.history-list{padding:25px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #ecf0f1;border-radius:8px;margin-bottom:15px;transition:all .2s ease}.history-item:hover{border-color:#bdc3c7;box-shadow:0 2px 8px #0000001a}.history-item:last-child{margin-bottom:0}.export-info{flex:1}.export-title{font-weight:600;color:#2c3e50;margin-bottom:5px}.export-meta{display:flex;gap:15px;font-size:14px;color:#7f8c8d}.export-status{padding:2px 8px;border-radius:4px;font-weight:500;font-size:12px}.export-actions{display:flex;gap:10px;align-items:center}.download-button,.delete-button{display:flex;align-items:center;gap:5px;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.download-button{background:#3498db;color:#fff}.delete-button{background:#e74c3c;color:#fff}.delete-button:hover{background:#c0392b}.no-exports{text-align:center;padding:60px 20px;color:#7f8c8d}.no-exports-icon{font-size:48px;margin-bottom:15px;opacity:.5}@media (max-width: 768px){.data-export{padding:15px}.data-export-header h2{font-size:24px}.form-section{padding:20px}.format-options{gap:12px}.format-option{padding:15px}.option-content{gap:12px}.option-icon{font-size:20px}.data-type-grid{grid-template-columns:1fr;gap:12px}.date-range-presets{gap:8px}.date-range-presets button{padding:6px 12px;font-size:13px}.date-range-inputs{grid-template-columns:1fr;gap:15px}.privacy-level-options{gap:10px}.compliance-checkboxes{grid-template-columns:1fr;gap:10px}.export-button{width:100%;padding:12px 20px}.history-item{flex-direction:column;align-items:flex-start;gap:15px}.export-meta{flex-wrap:wrap;gap:10px}.export-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.data-export{padding:10px}.form-section{padding:15px}.format-option{padding:12px}.option-text strong{font-size:15px}.option-text p{font-size:13px}.data-type-option{padding:12px}.date-range-presets{flex-direction:column}.date-range-presets button{text-align:center}.privacy-option{padding:12px}}@media (prefers-contrast: high){.format-option,.data-type-option,.privacy-option{border-width:3px}.format-option.selected,.data-type-option.selected,.privacy-option.selected{border-color:#000;background:#fff}.export-button{background:#000;border:2px solid #000}}.data-rights-manager{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.data-rights-manager>div{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.manager-header{position:relative;padding:24px;border-bottom:1px solid #e5e7eb;text-align:center}.manager-header h2{color:#1f2937;font-size:1.75rem;font-weight:600;margin-bottom:8px}.manager-header p{color:#6b7280;font-size:1rem;margin:0}.close-button{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.tabs{display:flex;border-bottom:1px solid #e5e7eb;overflow-x:auto}.tab{flex:1;padding:16px 12px;background:none;border:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:120px}.tab:hover{color:#374151;background:#f9fafb}.tab.active{color:#3b82f6;border-bottom:2px solid #3b82f6;background:#f0f9ff}.tab-content{padding:24px}.tab-content h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:12px}.tab-content p{color:#4b5563;line-height:1.6;margin-bottom:24px}.export-options,.update-form,.deletion-form,.portability-options{margin-top:24px}.export-options h4,.update-form h4,.deletion-form h4,.portability-options h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:16px}.export-buttons{display:flex;gap:12px;flex-wrap:wrap}.export-button,.update-button,.delete-button,.portable-button,.download-button{padding:12px 24px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.export-button,.portable-button,.download-button{background:#3b82f6;color:#fff;border-color:#3b82f6}.export-button:hover:not(:disabled),.portable-button:hover:not(:disabled),.download-button:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.update-button{background:#10b981;color:#fff;border-color:#10b981}.update-button:hover:not(:disabled){background:#059669;border-color:#059669}.delete-button{background:#ef4444;color:#fff;border-color:#ef4444}.delete-button:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.export-button:disabled,.update-button:disabled,.delete-button:disabled,.portable-button:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.form-group{margin-bottom:16px}.form-group label{display:block;color:#374151;font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:2px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.warning{padding:12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;margin-bottom:16px}.processing-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb}.spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.processing-indicator p{color:#6b7280;margin:0}.error-message{padding:16px;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;margin-top:16px}.result-section{padding:16px;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;color:#166534;margin-top:16px}.result-section h4{color:#166534;font-size:1rem;font-weight:600;margin-bottom:8px}.result-section p{color:#166534;margin-bottom:8px}@media (max-width: 768px){.data-rights-manager{padding:10px}.manager-header{padding:16px}.manager-header h2{font-size:1.5rem}.tabs{flex-direction:column}.tab{flex:none;text-align:left;border-bottom:1px solid #e5e7eb}.tab.active{border-bottom:1px solid #3b82f6;border-left:3px solid #3b82f6}.tab-content{padding:16px}.export-buttons{flex-direction:column}.export-button,.update-button,.delete-button,.portable-button,.download-button{width:100%}}.invitation-acceptance{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.invitation-acceptance.loading{background:#f8f9fa}.loading-content{text-align:center;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;width:100%}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading-content h2{color:#2d3748;margin:0 0 1rem;font-size:1.5rem}.loading-content p{color:#718096;margin:0}.invitation-acceptance.error{background:#f8f9fa}.error-content{text-align:center;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:500px;width:100%}.error-content h2{color:#e53e3e;margin:0 0 1rem;font-size:1.75rem}.error-content p{color:#742a2a;margin:0 0 2rem;font-size:1.1rem;line-height:1.6}.error-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.home-button{background:#667eea;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-block}.home-button:hover{background:#5a67d8}.help-text{color:#718096;font-size:.875rem;text-align:center;margin:.5rem 0;line-height:1.5}.invitation-acceptance.success{background:#f0fff4}.success-content{text-align:center;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;width:100%;border:2px solid #48bb78}.success-icon{font-size:3rem;margin-bottom:1rem}.success-content h2{color:#22543d;margin:0 0 1rem;font-size:1.75rem}.success-content p{color:#2f855a;margin:0;font-size:1.1rem;line-height:1.6}.invitation-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:700px;width:100%;overflow:hidden}.invitation-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2.5rem;text-align:center}.invitation-header h1{margin:0 0 .5rem;font-size:2.25rem;font-weight:700}.invitation-subtitle{margin:0;font-size:1.125rem;opacity:.9}.invitation-details{padding:2rem}.invitation-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.invitation-card h2{color:#2d3748;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.detail-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-row .label{color:#4a5568;font-weight:500;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.detail-row .value{color:#2d3748;font-weight:600;text-align:right}.role-badge{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.current-user-info{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.current-user-info h3{color:#2d3748;margin:0 0 1rem;font-size:1rem;font-weight:600}.role-description{background:#edf2f7;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.role-description h3{color:#2d3748;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.role-info p{color:#4a5568;margin:0 0 1rem;line-height:1.6}.role-info ul{color:#4a5568;margin:0 0 1rem;padding-left:1.5rem}.role-info li{margin-bottom:.5rem;line-height:1.5}.role-info .note{background:#fed7d7;color:#742a2a;padding:.75rem;border-radius:6px;font-size:.875rem;margin-top:1rem}.invitation-actions{display:flex;gap:1rem;padding:0 2rem;margin-bottom:2rem}.accept-button{background:#48bb78;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;flex:1}.accept-button:hover:not(:disabled){background:#38a169}.accept-button:disabled{opacity:.6;cursor:not-allowed}.decline-button{background:#e2e8f0;color:#4a5568;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;flex:1}.decline-button:hover:not(:disabled){background:#cbd5e0}.decline-button:disabled{opacity:.6;cursor:not-allowed}.invitation-footer{background:#f7fafc;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;text-align:center}.privacy-note{color:#718096;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.invitation-footer .help-text{color:#718096;font-size:.875rem;margin:0}.invitation-footer a{color:#667eea;text-decoration:none;font-weight:500}.invitation-footer a:hover{text-decoration:underline}@media (max-width: 768px){.invitation-acceptance{padding:.5rem}.invitation-header{padding:2rem 1.5rem}.invitation-header h1{font-size:1.875rem}.invitation-subtitle{font-size:1rem}.invitation-details{padding:1.5rem}.invitation-card{padding:1rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-row .value{text-align:left}.role-description{padding:1rem}.invitation-actions{flex-direction:column;padding:0 1.5rem}.invitation-footer{padding:1rem 1.5rem}.loading-content,.error-content,.success-content{padding:2rem 1.5rem;margin:.5rem}}@media (prefers-contrast: high){.invitation-card{border:2px solid #000}.role-badge{border:1px solid currentColor}.accept-button,.decline-button{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}*{transition:none!important}}@media print{.invitation-acceptance{background:#fff;padding:0}.invitation-content{box-shadow:none;border:1px solid #000}.invitation-header{background:#f0f0f0;color:#000}.invitation-actions{display:none}}.mastery-overview{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.overview-header h3{margin:0;font-size:24px;color:#333}.subject-badge{background:#4caf50;color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:capitalize}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-label{font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.stat-card.primary .stat-label{color:#ffffffe6}.stat-value{font-size:36px;font-weight:700;color:#333;margin-bottom:8px}.stat-card.primary .stat-value{color:#fff}.stat-detail{font-size:12px;color:#888}.stat-card.primary .stat-detail{color:#fffc}.stat-bar{width:100%;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden;margin-top:12px}.stat-bar-fill{height:100%;background:#fff;border-radius:4px;transition:width .5s ease}.consistency-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:16px;font-weight:600;text-transform:capitalize}.consistency-badge[data-level=excellent]{background:#4caf50;color:#fff}.consistency-badge[data-level=good]{background:#8bc34a;color:#fff}.consistency-badge[data-level=fair]{background:#ffc107;color:#333}.consistency-badge[data-level=poor]{background:#ff5722;color:#fff}.consistency-badge[data-level=none]{background:#9e9e9e;color:#fff}.trend-indicator{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.trend-label{font-weight:600;color:#666}.trend-value{font-weight:600;font-size:16px}.trend-value.trend-improving{color:#4caf50}.trend-value.trend-declining{color:#ff5722}.trend-value.trend-stable{color:#2196f3}.trend-value.trend-unknown{color:#9e9e9e}.trend-rate{font-size:14px;color:#888}.last-practice{display:flex;align-items:center;gap:8px;padding:12px;background:#f0f7ff;border-left:4px solid #2196F3;border-radius:4px}.last-practice-label{font-weight:600;color:#666}.last-practice-value{color:#2196f3;font-weight:600}@media (max-width: 768px){.mastery-overview{padding:16px}.overview-header h3{font-size:20px}.overview-stats{grid-template-columns:1fr}.stat-value{font-size:28px}.trend-indicator{flex-direction:column;align-items:flex-start;gap:8px}}.notification-preferences-form{max-width:900px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.notification-preferences-form.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.notification-preferences-form.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.empty-state h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#6b7280;font-size:1rem;line-height:1.5}.child-tabs{margin-bottom:2rem}.tab-list{display:flex;gap:.25rem;border-bottom:2px solid #e5e7eb;overflow-x:auto;padding-bottom:0}.tab-button{padding:.75rem 1.5rem;border:none;background:transparent;color:#6b7280;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;white-space:nowrap;min-width:fit-content}.tab-button:hover{color:#374151;background:#f9fafb}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.child-age{font-size:.875rem;color:#9ca3af;margin-left:.25rem}.child-settings{margin-bottom:2rem}.child-header h3{color:#1f2937;font-size:1.375rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.child-header .child-age{font-size:1rem;color:#6b7280;font-weight:400}.form-section h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.threshold-controls{display:grid;gap:1.5rem}.threshold-control{display:flex;flex-direction:column;gap:.5rem}.threshold-label{display:flex;flex-direction:column;gap:.25rem}.threshold-label strong{color:#374151;font-weight:600}.threshold-label small{color:#6b7280;font-size:.875rem}.threshold-description{padding:.75rem;background:#f3f4f6;border-radius:6px;font-size:.875rem;color:#4b5563;font-style:italic}.delivery-time-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.time-control,.timezone-control{display:flex;flex-direction:column}.delivery-preview{padding:.75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:.875rem;color:#1e40af}.delivery-preview strong{font-weight:600}.time-input{width:100%}.form-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-label small{color:#6b7280;font-weight:400;font-size:.875rem}.channel-toggles{display:flex;flex-direction:column;gap:1rem}.toggle-option{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.toggle-option:hover{border-color:#d1d5db;background:#f9fafb}.toggle-option:has(input:checked){border-color:#3b82f6;background:#eff6ff}.toggle-option input[type=checkbox]{display:none}.toggle-slider{position:relative;width:48px;height:24px;background:#d1d5db;border-radius:12px;transition:background .2s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0000001a}.toggle-option input:checked+.toggle-slider{background:#3b82f6}.toggle-option input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{display:flex;flex-direction:column;gap:.25rem;flex:1}.toggle-label strong{font-weight:600;color:#374151}.toggle-label small{color:#6b7280;font-size:.875rem}.quiet-hours-controls{display:flex;flex-direction:column;gap:1rem}.quiet-hours-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quiet-hours-preview{padding:.75rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;font-size:.875rem;color:#0c4a6e}.quiet-hours-preview strong{font-weight:600}.quiet-hours-preview small{display:block;margin-top:.25rem;color:#0369a1}.delegation-controls{display:flex;flex-direction:column;gap:1.5rem}.current-delegations{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;background-color:#f9fafb}.current-delegations h5{margin:0 0 1rem;color:#1f2937;font-size:1rem;font-weight:600}.delegation-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;margin-bottom:.75rem}.delegation-item:last-child{margin-bottom:0}.delegation-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.delegation-info strong{color:#1f2937;font-size:1rem}.delegation-email{color:#6b7280;font-size:.9rem}.delegation-role{color:#3b82f6;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.delegation-expiry{color:#f59e0b;font-size:.85rem;font-weight:500}.delegation-settings{display:flex;flex-direction:column;gap:.5rem;margin:0 1rem}.severity-badges{display:flex;gap:.25rem;flex-wrap:wrap}.severity-badge{padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.severity-badge.severity-low{background-color:#d1fae5;color:#065f46}.severity-badge.severity-medium{background-color:#fef3c7;color:#92400e}.severity-badge.severity-high{background-color:#fee2e2;color:#991b1b}.severity-badge.severity-critical{background-color:#dc2626;color:#fff}.channel-badges{display:flex;gap:.25rem;flex-wrap:wrap}.channel-badge{padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;background-color:#dbeafe;color:#1e40af;text-transform:capitalize}.add-delegation{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;background-color:#fff}.add-delegation h5{margin:0 0 1rem;color:#1f2937;font-size:1rem;font-weight:600}.delegation-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:1rem;align-items:end}.form-row .form-label,.form-group{flex:1}.checkbox-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.checkbox-group .checkbox-option{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;transition:background-color .2s ease;margin-bottom:0}.checkbox-group .checkbox-option:hover{background-color:#f3f4f6}.btn-small{padding:.4rem .8rem;font-size:.85rem;border-radius:4px;min-width:auto}.btn-danger{background-color:#dc2626;color:#fff;border:1px solid #dc2626}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}@media (max-width: 768px){.notification-preferences-form{padding:1rem;margin:0 1rem}.form-header h2{font-size:1.5rem}.child-header h3{font-size:1.25rem}.delivery-time-controls,.quiet-hours-row{grid-template-columns:1fr}.threshold-controls{gap:1rem}.form-actions{flex-direction:column-reverse}.btn{width:100%}.tab-list{justify-content:flex-start}.tab-button{padding:.5rem 1rem;font-size:.875rem}.delegation-item{flex-direction:column;align-items:stretch;gap:1rem}.delegation-settings{margin:0}.form-row{flex-direction:column;gap:.75rem}.form-row .form-label{flex:none}.checkbox-group{flex-direction:row;flex-wrap:wrap}}@media (max-width: 480px){.notification-preferences-form{padding:.75rem;margin:0 .5rem}.form-section{margin-bottom:1.5rem;padding-bottom:1rem}.toggle-option{padding:.75rem}.toggle-label strong{font-size:.875rem}.toggle-label small{font-size:.8125rem}.child-tabs{margin-bottom:1.5rem}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.btn,.toggle-option,.form-select,.form-input,.form-textarea,.toggle-slider,.toggle-slider:before{transition:none}}@media (prefers-contrast: high){.notification-preferences-form{border:2px solid #000000}.toggle-option,.form-select,.form-input,.form-textarea{border-color:#000}.btn-primary{background:#000;border:2px solid #000000}.btn-secondary{background:#fff;color:#000;border:2px solid #000000}.toggle-slider{background:#666}.toggle-option input:checked+.toggle-slider{background:#000}}.toggle-option:focus-within,.checkbox-option:focus-within,.tab-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.child-settings{animation:fadeIn .3s ease-in-out}@media (min-width: 769px){.threshold-controls{grid-template-columns:1fr 1fr}}@media print{.notification-preferences-form{box-shadow:none;border:1px solid #000000}.form-actions,.tab-list,.toggle-slider,.loading-spinner{display:none}}.parent-dashboard-filters{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.filters-header h3{margin:0;font-size:20px;color:#333}.reset-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.reset-filters-btn:hover{background:#e9ecef;border-color:#ccc;color:#333}.reset-icon{font-size:16px}.filters-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#555}.label-icon{font-size:16px}.filter-select,.filter-input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background:#fff;transition:border-color .2s,box-shadow .2s}.filter-select:focus,.filter-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-select{cursor:pointer}.quick-date-buttons{display:flex;gap:8px;flex-wrap:wrap}.quick-date-btn{padding:8px 16px;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.quick-date-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.advanced-filters-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.advanced-filters-toggle:hover{background:#e9ecef;border-color:#ccc;color:#333}.toggle-icon{font-size:12px;transition:transform .2s}.advanced-filters{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;animation:slideDown .3s ease}.advanced-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.active-filters{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.active-filters-label{font-size:14px;font-weight:600;color:#555;margin-bottom:12px}.active-filters-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#e3f2fd;color:#1565c0;border-radius:20px;font-size:13px;font-weight:500}.remove-tag{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#0000001a;border:none;border-radius:50%;font-size:14px;color:#1565c0;cursor:pointer;transition:all .2s;padding:0;line-height:1}.remove-tag:hover{background:#0003;transform:scale(1.1)}@media (max-width: 768px){.parent-dashboard-filters{padding:16px}.filters-header{flex-direction:column;align-items:flex-start;gap:12px}.filters-container,.advanced-filters-grid{grid-template-columns:1fr}.quick-date-buttons{width:100%}.quick-date-btn{flex:1;min-width:70px}.active-filters-tags{flex-direction:column;align-items:flex-start}.filter-tag{width:100%;justify-content:space-between}}@media print{.parent-dashboard-filters{display:none}}.practice-consistency{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.consistency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.consistency-header h3{margin:0;font-size:24px;color:#333}.consistency-badge{padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;text-transform:capitalize}.consistency-badge.consistency-excellent{background:#e8f5e9;color:#4caf50}.consistency-badge.consistency-good{background:#f1f8e9;color:#8bc34a}.consistency-badge.consistency-fair{background:#fff3e0;color:#ff9800}.consistency-badge.consistency-poor{background:#ffebee;color:#ff5722}.consistency-badge.consistency-none{background:#f5f5f5;color:#9e9e9e}.consistency-score-section{display:flex;align-items:center;gap:32px;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.score-circle{position:relative;width:150px;height:150px;flex-shrink:0}.score-svg{width:100%;height:100%;transform:rotate(0)}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-number{display:block;font-size:48px;font-weight:700;color:#fff;line-height:1}.score-label{display:block;font-size:14px;color:#ffffffe6;margin-top:4px}.score-description{flex:1}.score-description h4{margin:0 0 12px;font-size:20px;color:#fff}.score-description p{margin:0;font-size:16px;line-height:1.6;color:#fffffff2}.consistency-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px}.metric-card{display:flex;gap:16px;background:#f8f9fa;border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-icon{font-size:36px;flex-shrink:0}.metric-label{font-size:12px;color:#888;margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:28px;font-weight:700;color:#333;margin-bottom:4px}.metric-detail{font-size:13px;color:#666;line-height:1.4}.consistency-insights{margin-bottom:32px}.consistency-insights h4{margin:0 0 16px;font-size:18px;color:#333}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.insight-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;font-size:14px;line-height:1.5}.insight-positive{background:#e8f5e9;border-left:4px solid #4CAF50}.insight-warning{background:#fff3e0;border-left:4px solid #FF9800}.insight-neutral{background:#e3f2fd;border-left:4px solid #2196F3}.insight-icon{font-size:24px;flex-shrink:0}.insight-text{flex:1;color:#333}.insight-text strong{display:block;margin-bottom:4px;color:#222}.consistency-tips{background:#f8f9fa;border-radius:8px;padding:20px}.consistency-tips h4{margin:0 0 16px;font-size:18px;color:#333}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{display:flex;align-items:flex-start;gap:12px;padding:12px;margin-bottom:8px;background:#fff;border-radius:6px;font-size:14px;line-height:1.5;color:#666}.tips-list li:last-child{margin-bottom:0}.tip-icon{font-size:18px;flex-shrink:0}@media (max-width: 768px){.practice-consistency{padding:16px}.consistency-header{flex-direction:column;align-items:flex-start;gap:12px}.consistency-header h3{font-size:20px}.consistency-score-section{flex-direction:column;text-align:center;padding:20px}.score-circle{width:120px;height:120px}.score-number{font-size:36px}.score-description h4{font-size:18px}.score-description p{font-size:14px}.consistency-metrics,.insights-grid{grid-template-columns:1fr}}.privacy-settings-form{max-width:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.privacy-settings-form.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.form-header{margin-bottom:2rem;text-align:center}.form-header h2{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.form-header p{color:#6b7280;font-size:1rem;line-height:1.5}.error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:1.5rem}.error-icon{font-size:1.25rem}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.form-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.section-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:#d1d5db;background:#f9fafb}.radio-option input[type=radio]{margin-top:.125rem;width:1rem;height:1rem;accent-color:#3b82f6}.radio-option input[type=radio]:checked+.radio-label{color:#1f2937}.radio-option:has(input[type=radio]:checked){border-color:#3b82f6;background:#eff6ff}.radio-label{display:flex;flex-direction:column;gap:.25rem;flex:1}.radio-label strong{font-weight:600;color:#374151}.radio-label small{color:#6b7280;font-size:.875rem}.form-select{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;transition:border-color .2s ease}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.form-label{display:flex;flex-direction:column;gap:.5rem;font-weight:500;color:#374151}.checkbox-option{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;margin-bottom:.75rem}.checkbox-option input[type=checkbox]{margin-top:.125rem;width:18px;height:18px;accent-color:#3b82f6}.checkbox-label{flex:1;color:#374151;line-height:1.5}.checkbox-option.required .checkbox-label{font-weight:500}.preview-text{margin-top:.5rem;padding:.75rem;background:#f3f4f6;border-radius:6px;font-size:.875rem;color:#4b5563;font-style:italic}.consent-section{background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.consent-section h3{color:#92400e}.consent-section .section-description{color:#78350f}.preview-section{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:8px;padding:1.5rem}.preview-section h3{color:#0c4a6e}.preview-grid{display:grid;gap:1rem;margin-top:1rem}.preview-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e0f2fe}.preview-item strong{color:#0c4a6e;font-weight:600;font-size:.875rem}.preview-item span{color:#374151;font-size:.875rem;line-height:1.4}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}@media (max-width: 768px){.privacy-settings-form{padding:1rem;margin:0 1rem}.form-header h2{font-size:1.5rem}.radio-option{padding:.75rem}.form-row{flex-direction:column;align-items:stretch}.form-actions{flex-direction:column-reverse}.btn{width:100%}.preview-grid{grid-template-columns:1fr}}@media (max-width: 480px){.privacy-settings-form{padding:.75rem;margin:0 .5rem}.form-section{margin-bottom:1.5rem;padding-bottom:1rem}.checkbox-option{align-items:flex-start}.checkbox-option input[type=checkbox]{margin-top:.25rem}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.btn,.radio-option,.form-select,.form-input{transition:none}}@media (prefers-contrast: high){.privacy-settings-form{border:2px solid #000000}.radio-option,.form-select,.form-input{border-color:#000}.btn-primary{background:#000;border:2px solid #000000}.btn-secondary{background:#fff;color:#000;border:2px solid #000000}}.radio-option:focus-within,.checkbox-option:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.progress-trends{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.trends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.trends-header h3{margin:0;font-size:24px;color:#333}.trend-summary{display:flex;align-items:center;gap:12px}.trend-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.trend-badge.trend-improving{background:#e8f5e9;color:#4caf50}.trend-badge.trend-declining{background:#ffebee;color:#ff5722}.trend-badge.trend-stable{background:#e3f2fd;color:#2196f3}.improvement-rate{font-size:14px;font-weight:600;color:#666}.trends-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px}.trend-stat{background:#f8f9fa;border-radius:8px;padding:16px;text-align:center}.trend-stat-label{font-size:12px;color:#888;margin-bottom:8px;font-weight:500}.trend-stat-value{font-size:28px;font-weight:700;color:#333}.weekly-chart{margin-bottom:32px}.weekly-chart h4{margin:0 0 20px;font-size:18px;color:#333}.chart-container{display:flex;align-items:flex-end;justify-content:space-around;height:250px;padding:20px;background:#f8f9fa;border-radius:8px;gap:8px}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;min-height:200px}.chart-bar{width:100%;max-width:60px;border-radius:8px 8px 0 0;transition:all .3s ease;cursor:pointer;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;min-height:40px}.chart-bar:hover{opacity:.8;transform:translateY(-4px)}.bar-value{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.chart-label{font-size:12px;font-weight:600;color:#666;margin-top:8px;text-align:center}.chart-sublabel{font-size:10px;color:#999;margin-top:4px;text-align:center}.trends-insights{background:#f8f9fa;border-radius:8px;padding:20px}.trends-insights h4{margin:0 0 16px;font-size:18px;color:#333}.insights-list{list-style:none;padding:0;margin:0}.insights-list li{display:flex;align-items:flex-start;gap:12px;padding:12px;margin-bottom:8px;border-radius:6px;font-size:14px;line-height:1.5}.insights-list li:last-child{margin-bottom:0}.insight-positive{background:#e8f5e9;color:#2e7d32}.insight-warning{background:#fff3e0;color:#e65100}.insight-neutral{background:#e3f2fd;color:#1565c0}.insight-icon{font-size:18px;flex-shrink:0}.no-data{text-align:center;padding:40px 20px;color:#888}.no-data p{margin:8px 0}.no-data .hint{font-size:14px;color:#aaa}@media (max-width: 768px){.progress-trends{padding:16px}.trends-header{flex-direction:column;align-items:flex-start;gap:12px}.trends-header h3{font-size:20px}.trends-stats{grid-template-columns:1fr}.chart-container{height:200px;padding:12px;overflow-x:auto}.chart-bar{max-width:40px}.bar-value,.chart-label{font-size:10px}.insights-list li{font-size:13px}}.safety-flag-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #e5e7eb;transition:all .3s ease;position:relative}.safety-flag-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.safety-flag-card.expanded{border-left-width:6px;box-shadow:0 6px 20px #00000026}.safety-flag-card.low{border-left-color:#10b981}.safety-flag-card.medium{border-left-color:#f59e0b}.safety-flag-card.high{border-left-color:#f97316}.safety-flag-card.critical{border-left-color:#dc2626;background:linear-gradient(135deg,#fff,#fef2f2)}.flag-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.flag-severity{display:flex;align-items:center;gap:8px}.severity-icon{font-size:16px}.severity-text{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.flag-timestamp{color:#6b7280;font-size:13px;font-weight:500}.flag-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.flag-category{color:#374151;font-size:15px}.flag-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.flag-status.reviewed{background:#d1fae5;color:#065f46}.flag-status.pending{background:#fef3c7;color:#92400e}.flag-content{margin-bottom:16px}.flag-message,.flag-concerns{margin-bottom:12px}.flag-message strong,.flag-concerns strong{color:#374151;font-size:14px;display:block;margin-bottom:4px}.flag-message p,.flag-concerns p{color:#6b7280;font-size:14px;line-height:1.5;margin:0;padding:8px 12px;background:#f9fafb;border-radius:6px;border-left:3px solid #e5e7eb}.cultural-adaptation{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;padding:16px;margin:16px 0}.cultural-explanation h4{color:#0369a1;font-size:14px;font-weight:600;margin:0 0 8px;display:flex;align-items:center;gap:6px}.cultural-explanation h4:before{content:"🌍";font-size:16px}.cultural-explanation p{color:#0c4a6e;font-size:14px;line-height:1.5;margin:0}.cultural-notes{margin-top:12px}.cultural-note{display:flex;align-items:flex-start;gap:8px;color:#0c4a6e;font-size:13px;font-style:italic;margin:0;padding:8px;background:#ffffff80;border-radius:6px}.note-icon{font-size:14px;margin-top:1px}.flag-recommendations{margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.recommendations-toggle{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-bottom:16px}.recommendations-toggle:hover{background:#2563eb}.recommendations-content{display:flex;flex-direction:column;gap:16px}.cultural-recommendations,.conversation-starters,.intervention-strategies{background:#f8fafc;border-radius:8px;padding:16px}.cultural-recommendations h5,.conversation-starters h5,.intervention-strategies h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.cultural-recommendations ul,.conversation-starters ul,.intervention-strategies ul{list-style:none;padding:0;margin:0}.cultural-recommendations li,.conversation-starter,.intervention-strategy{display:flex;align-items:flex-start;gap:8px;padding:8px 0;color:#4b5563;font-size:14px;line-height:1.4}.starter-icon,.strategy-icon{font-size:14px;margin-top:2px}.conversation-starter{font-style:italic}.cultural-context-info{background:linear-gradient(135deg,#fef7ff,#f3e8ff);border:1px solid #d8b4fe;border-radius:8px;padding:16px}.cultural-context-info h5{color:#7c3aed;font-size:14px;font-weight:600;margin:0 0 12px}.cultural-indicators{display:flex;flex-wrap:wrap;gap:8px}.cultural-tag{background:#8b5cf6;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.flag-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:#dc2626;color:#fff}.btn-primary:hover{background:#b91c1c}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-link{background:transparent;color:#3b82f6;text-decoration:underline}.btn-link:hover{color:#2563eb;text-decoration:none}@media (max-width: 768px){.safety-flag-card{padding:16px;margin-bottom:12px}.flag-header,.flag-meta{flex-direction:column;align-items:flex-start;gap:8px}.flag-actions{flex-direction:column}.btn{width:100%}.cultural-indicators{flex-direction:column}.cultural-tag{align-self:flex-start}}@media (prefers-color-scheme: dark){.safety-flag-card{background:#1f2937;color:#e5e7eb}.flag-message p,.flag-concerns p{background:#374151;color:#d1d5db}.cultural-adaptation{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6}.cultural-explanation p,.cultural-note{color:#dbeafe}.cultural-recommendations,.conversation-starters,.intervention-strategies{background:#374151}.cultural-context-info{background:linear-gradient(135deg,#581c87,#6b21a8);border-color:#a855f7}}@media (prefers-contrast: high){.safety-flag-card{border-width:2px}.btn{border:2px solid currentColor}.cultural-tag{border:1px solid white}}@media (prefers-reduced-motion: reduce){.safety-flag-card,.btn,.recommendations-toggle{transition:none}.safety-flag-card:hover{transform:none}}@media print{.safety-flag-card{box-shadow:none;border:1px solid #000;break-inside:avoid}.flag-actions,.recommendations-toggle{display:none}.recommendations-content{display:block!important}}.safety-flags-list{max-width:1200px;margin:0 auto;padding:20px}.flags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.flags-title{display:flex;align-items:baseline;gap:12px}.flags-title h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.flags-count{color:#6b7280;font-size:14px;font-weight:500;background:#f3f4f6;padding:4px 8px;border-radius:12px}.cultural-context-indicator{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:8px 12px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid #93c5fd}.context-icon{font-size:14px}.flags-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.filter-controls,.sort-controls{display:flex;flex-direction:column;gap:8px}.filter-controls label,.sort-controls label{color:#374151;font-size:14px;font-weight:600}.filter-buttons,.sort-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn,.sort-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover,.sort-btn:hover{background:#f9fafb;border-color:#9ca3af}.filter-btn.active,.sort-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.filter-count{background:#fff3;color:inherit;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;min-width:18px;text-align:center}.filter-btn:not(.active) .filter-count{background:#e5e7eb;color:#6b7280}.sort-order{font-size:12px;font-weight:700}.safety-flags-list.loading{display:flex;justify-content:center;align-items:center;min-height:300px}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-spinner p{color:#6b7280;font-size:14px;margin:0}.safety-flags-list.error{display:flex;justify-content:center;align-items:center;min-height:300px}.error-message{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:32px;max-width:400px}.error-icon{font-size:48px;margin-bottom:16px;display:block}.error-message p{color:#dc2626;font-size:16px;margin:0 0 16px}.retry-btn{background:#dc2626;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background:#b91c1c}.no-flags{text-align:center;padding:64px 32px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:16px;margin:32px 0}.no-flags-icon{font-size:64px;margin-bottom:16px}.no-flags h3{color:#166534;font-size:20px;font-weight:600;margin:0 0 8px}.no-flags p{color:#15803d;font-size:16px;max-width:400px;margin:0 auto}.flags-grid{display:flex;flex-direction:column;gap:16px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:20px}.pagination-btn{background:#3b82f6;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#2563eb}.pagination-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.pagination-info{color:#6b7280;font-size:14px;font-weight:500;padding:0 16px}@media (max-width: 768px){.safety-flags-list{padding:16px}.flags-header{flex-direction:column;align-items:flex-start;gap:12px}.flags-title{flex-direction:column;align-items:flex-start;gap:4px}.flags-title h2{font-size:20px}.cultural-context-indicator{align-self:stretch;justify-content:center}.flags-controls{padding:16px}.filter-buttons,.sort-buttons{flex-direction:column}.filter-btn,.sort-btn{justify-content:space-between}.pagination{flex-direction:column;gap:12px}.pagination-info{padding:0}}@media (max-width: 480px){.safety-flags-list,.flags-controls{padding:12px}.no-flags{padding:32px 16px}.no-flags-icon{font-size:48px}.no-flags h3{font-size:18px}.no-flags p{font-size:14px}}@media (prefers-color-scheme: dark){.flags-title h2{color:#f9fafb}.flags-count{background:#374151;color:#d1d5db}.cultural-context-indicator{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#dbeafe;border-color:#3b82f6}.flags-controls{background:#1f2937;border-color:#374151}.filter-controls label,.sort-controls label{color:#f9fafb}.filter-btn,.sort-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.filter-btn:hover,.sort-btn:hover{background:#4b5563;border-color:#6b7280}.filter-btn:not(.active) .filter-count{background:#4b5563;color:#9ca3af}.no-flags{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#047857}.no-flags h3{color:#6ee7b7}.no-flags p{color:#a7f3d0}.error-message{background:#7f1d1d;border-color:#991b1b}.error-message p{color:#fecaca}.loading-spinner p,.pagination-info{color:#d1d5db}}@media (prefers-contrast: high){.filter-btn,.sort-btn,.pagination-btn{border-width:2px}.filter-btn.active,.sort-btn.active{border-width:3px}}@media (prefers-reduced-motion: reduce){.filter-btn,.sort-btn,.pagination-btn{transition:none}.spinner{animation:none}}@media print{.flags-controls,.pagination{display:none}.safety-flags-list{padding:0}.flags-header{border-bottom:2px solid #000}.cultural-context-indicator{background:none;border:1px solid #000;color:#000}}.weak-topics{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.weak-topics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.weak-topics-header h3{margin:0;font-size:24px;color:#333}.topic-count{background:#ff5722;color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.weak-topics-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.weak-topic-card{display:flex;gap:16px;background:#f8f9fa;border-radius:8px;padding:16px;transition:transform .2s,box-shadow .2s;border-left:4px solid #FF5722}.weak-topic-card:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.topic-rank{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ff5722;color:#fff;border-radius:50%;font-weight:700;font-size:16px;flex-shrink:0}.topic-content{flex:1}.topic-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.topic-name{margin:0;font-size:18px;color:#333;flex:1}.topic-mastery{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:100px}.mastery-value{font-size:20px;font-weight:700;color:#ff5722}.mastery-bar{width:100px;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.mastery-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.topic-stats{display:flex;gap:20px;margin-bottom:12px;flex-wrap:wrap}.topic-stat{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.stat-label{font-weight:500}.stat-value{font-weight:600;color:#333}.topic-recommendation{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fff3e0;border-radius:6px;margin-bottom:8px}.recommendation-icon{font-size:18px;flex-shrink:0}.recommendation-text{font-size:14px;color:#e65100;line-height:1.5}.reinforcement-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffebee;color:#c62828;border-radius:20px;font-size:12px;font-weight:600}.badge-icon{font-size:14px}.no-weak-topics{text-align:center;padding:60px 20px}.success-icon{font-size:64px;margin-bottom:16px}.no-weak-topics p{margin:8px 0;color:#666;font-size:16px}.no-weak-topics .hint{font-size:14px;color:#999}.weak-topics-summary{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:24px}.weak-topics-summary h4{margin:0 0 16px;font-size:18px;color:#333}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.summary-stat{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:6px}.summary-label{font-size:14px;color:#666;font-weight:500}.summary-value{font-size:20px;font-weight:700;color:#333}.summary-value.urgent{color:#ff5722}.action-suggestions{background:#e3f2fd;border-radius:8px;padding:20px}.action-suggestions h4{margin:0 0 16px;font-size:18px;color:#333}.suggestions-list{list-style:none;padding:0;margin:0}.suggestions-list li{display:flex;align-items:flex-start;gap:12px;padding:12px;margin-bottom:8px;border-radius:6px;font-size:14px;line-height:1.5}.suggestions-list li:last-child{margin-bottom:0}.suggestion-urgent{background:#ffebee;color:#c62828}.suggestion-warning{background:#fff3e0;color:#e65100}.suggestion-info{background:#fff;color:#1565c0}.suggestion-icon{font-size:18px;flex-shrink:0}@media (max-width: 768px){.weak-topics{padding:16px}.weak-topics-header{flex-direction:column;align-items:flex-start;gap:12px}.weak-topics-header h3{font-size:20px}.weak-topic-card{flex-direction:column}.topic-rank{align-self:flex-start}.topic-header{flex-direction:column;gap:12px}.topic-mastery{align-items:flex-start}.topic-stats{flex-direction:column;gap:8px}.summary-stats{grid-template-columns:1fr}}.weekly-report{padding:1.5rem}.weekly-report__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.weekly-report__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.weekly-report__week-selector{display:flex;align-items:center;gap:.5rem}.weekly-report__nav-btn{background:none;border:1px solid var(--border-light);border-radius:.375rem;padding:.25rem .5rem;cursor:pointer;font-size:1rem;color:var(--text-primary)}.weekly-report__nav-btn:hover{background-color:var(--bg-secondary)}.weekly-report__week-label{font-size:.875rem;color:var(--text-secondary);min-width:180px;text-align:center}.weekly-report__generate-btn{white-space:nowrap}.weekly-report__section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.weekly-report__stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}.weekly-report__stat-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.75rem;padding:1rem;text-align:center}.weekly-report__stat-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.weekly-report__stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.weekly-report__stat-delta{display:block;font-size:.75rem;margin-top:.25rem}.weekly-report__stat-delta--positive{color:var(--success)}.weekly-report__stat-delta--negative{color:var(--error)}.weekly-report__subjects{margin-bottom:1.5rem}.weekly-report__subject-card{border:1px solid var(--border-light);border-radius:.5rem;margin-bottom:.5rem;overflow:hidden}.weekly-report__subject-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;cursor:pointer;text-align:left}.weekly-report__subject-header:hover{background-color:var(--bg-secondary)}.weekly-report__subject-name{font-size:.875rem;font-weight:500;color:var(--text-primary);min-width:120px}.weekly-report__mastery-bar{flex:1;height:8px;background:var(--border-light);border-radius:4px;overflow:hidden}.weekly-report__mastery-bar--small{flex:none;width:80px;height:6px}.weekly-report__mastery-fill{height:100%;background:var(--eduq-blue);border-radius:4px;transition:width .3s ease}.weekly-report__mastery-fill--weak{background:var(--error)}.weekly-report__mastery-pct{font-size:.75rem;color:var(--text-secondary);min-width:36px;text-align:right}.weekly-report__expand-icon{font-size:.625rem;color:var(--text-secondary)}.weekly-report__subject-details{padding:.75rem 1rem;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.weekly-report__subject-stats{display:flex;gap:1.5rem;font-size:.8125rem;color:var(--text-secondary);margin-bottom:.75rem}.weekly-report__items-list{margin-top:.5rem}.weekly-report__items-list h4{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.weekly-report__items-list ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.375rem}.weekly-report__items-list li{font-size:.8125rem;color:var(--text-secondary);background:var(--border-light);border-radius:.25rem;padding:.125rem .5rem}.weekly-report__items-list--weak li{background:#fef2f2;color:var(--error)}.weekly-report__chart{margin-bottom:1.5rem}.weekly-report__chart-bars{display:flex;align-items:flex-end;gap:.5rem;height:150px;padding:.5rem 0}.weekly-report__chart-col{flex:1;display:flex;flex-direction:column;align-items:center}.weekly-report__chart-bar-wrapper{width:100%;height:120px;display:flex;align-items:flex-end;justify-content:center}.weekly-report__chart-bar{width:70%;min-height:4px;border-radius:4px 4px 0 0;transition:height .3s ease}.weekly-report__chart-label{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.weekly-report__chart-minutes{font-size:.625rem;color:var(--text-secondary)}.weekly-report__weak-topics{margin-bottom:1.5rem}.weekly-report__weak-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.weekly-report__weak-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.5rem}.weekly-report__weak-badge{font-size:.6875rem;font-weight:600;color:var(--eduq-blue);background:#eff6ff;border-radius:.25rem;padding:.125rem .375rem;white-space:nowrap}.weekly-report__weak-name{flex:1;font-size:.875rem;color:var(--text-primary)}.weekly-report__weak-pct{font-size:.75rem;color:var(--error);font-weight:600}.weekly-report__achievements{margin-bottom:1.5rem}.weekly-report__badge-row{display:flex;flex-wrap:wrap;gap:.75rem}.weekly-report__badge{display:flex;flex-direction:column;align-items:center;padding:.5rem;border:1px solid var(--border-light);border-radius:.5rem;min-width:80px;background:var(--bg-secondary)}.weekly-report__badge-emoji{font-size:1.5rem}.weekly-report__badge-label{font-size:.75rem;color:var(--text-secondary);text-align:center;margin-top:.25rem}.weekly-report__recommendations{margin-bottom:1.5rem}.weekly-report__rec-list{list-style:disc;padding-left:1.5rem;margin:0}.weekly-report__rec-item{margin-bottom:.5rem;color:var(--text-primary);font-size:.875rem}.weekly-report__loading{display:flex;justify-content:center;padding:2rem}.weekly-report__error{color:var(--error);padding:1rem;text-align:center}.weekly-report__empty{color:var(--text-secondary);padding:2rem;text-align:center}@media (max-width: 768px){.weekly-report__stats-row{grid-template-columns:repeat(2,1fr)}.weekly-report__header{flex-direction:column;align-items:stretch}.weekly-report__chart-bars{height:100px}.weekly-report__badge-row{justify-content:center}.weekly-report__subject-details{font-size:.875rem}.weekly-report__subject-stats{flex-wrap:wrap;gap:.5rem}}.post-payment{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-3);background-color:var(--bg-primary);position:relative;overflow:hidden}.post-payment__confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.post-payment__confetti-piece{position:absolute;top:-20px;width:10px;height:10px;opacity:0;animation:confetti-fall 3s ease-in-out forwards}.post-payment__confetti-piece:nth-child(1){left:10%;background-color:var(--eduq-blue);animation-delay:0s;border-radius:50%}.post-payment__confetti-piece:nth-child(2){left:25%;background-color:var(--eduq-cyan);animation-delay:.2s;border-radius:2px}.post-payment__confetti-piece:nth-child(3){left:40%;background-color:var(--warning);animation-delay:.4s;border-radius:50%}.post-payment__confetti-piece:nth-child(4){left:55%;background-color:var(--eduq-blue);animation-delay:.1s;border-radius:2px}.post-payment__confetti-piece:nth-child(5){left:70%;background-color:var(--eduq-cyan);animation-delay:.3s;border-radius:50%}.post-payment__confetti-piece:nth-child(6){left:85%;background-color:var(--warning);animation-delay:.5s;border-radius:2px}.post-payment__confetti-piece:nth-child(7){left:15%;background-color:var(--success);animation-delay:.6s;border-radius:50%}.post-payment__confetti-piece:nth-child(8){left:50%;background-color:var(--eduq-blue);animation-delay:.15s;border-radius:2px}.post-payment__confetti-piece:nth-child(9){left:35%;background-color:var(--eduq-cyan);animation-delay:.45s;border-radius:50%}.post-payment__confetti-piece:nth-child(10){left:75%;background-color:var(--success);animation-delay:.25s;border-radius:2px}@keyframes confetti-fall{0%{opacity:1;top:-20px;transform:translate(0) rotate(0)}to{opacity:0;top:100%;transform:translate(40px) rotate(720deg)}}@media (prefers-reduced-motion: reduce){.post-payment__confetti-piece{animation:none!important;display:none}}.post-payment__card{position:relative;z-index:1;background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5);max-width:480px;width:100%;text-align:center}.post-payment__emoji{font-size:3rem;margin-bottom:var(--space-4);line-height:1}.post-payment__heading{font-size:var(--text-2xl, 1.5rem);font-weight:var(--font-semibold, 600);color:var(--eduq-blue);margin:0 0 var(--space-2) 0}.post-payment__plan-name{font-size:var(--text-lg, 1.125rem);font-weight:var(--font-medium, 500);color:var(--text-primary);margin:0 0 var(--space-6) 0}.post-payment__features{list-style:none;padding:0;margin:0 0 var(--space-8) 0;text-align:left}.post-payment__feature-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-base, 1rem);color:var(--text-primary)}.post-payment__feature-check{color:var(--eduq-cyan);font-size:var(--text-lg, 1.125rem);flex-shrink:0;font-weight:var(--font-bold, 700)}.post-payment__button{width:100%;padding:.75rem 1.5rem;background-color:var(--eduq-blue);color:#fff;border:none;border-radius:var(--radius-md, .5rem);font-size:var(--text-lg, 1.125rem);font-weight:var(--font-semibold, 600);cursor:pointer;transition:background-color .2s ease}.post-payment__button:hover:not(:disabled){background-color:var(--eduq-blue-hover)}.post-payment__button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.post-payment{padding:var(--space-4)}.post-payment__card{padding:var(--space-6)}.post-payment__heading{font-size:var(--text-xl, 1.25rem)}}.promo-code-section{margin:0;border:none;border-radius:0;overflow:visible;transition:all .3s ease}.promo-code-section.expanded{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.promo-code-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#f8fafc;border:none;cursor:pointer;transition:all .2s ease;text-align:left}.promo-code-toggle:hover:not(:disabled){background:#f1f5f9}.promo-code-toggle:disabled{opacity:.6;cursor:not-allowed}.promo-code-toggle__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#667eea;color:#fff;border-radius:50%;font-size:16px;font-weight:600}.promo-code-toggle__text{font-size:14px;font-weight:500;color:#4a5568}.promo-code-content{padding:1.25rem;background:#fff;border-top:1px solid #e2e8f0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.promo-code-input-wrapper{display:flex;gap:.75rem;align-items:stretch}.promo-code-input-container{flex:1;position:relative;display:flex;align-items:center}.promo-code-input{width:100%;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;font-family:SF Mono,Monaco,Inconsolata,monospace;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.promo-code-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.promo-code-input:disabled{background:#f7fafc;cursor:not-allowed}.promo-code-input::placeholder{text-transform:none;letter-spacing:normal;color:#a0aec0}.promo-code-input-container.valid .promo-code-input{border-color:#10b981;background:#f0fdf4}.promo-code-input-container.invalid .promo-code-input,.promo-code-input-container.error .promo-code-input{border-color:#ef4444;background:#fef2f2}.promo-icon{position:absolute;right:12px;font-size:18px;font-weight:600}.promo-icon.loading{color:#667eea;animation:spin 1s linear infinite}.promo-icon.valid{color:#10b981}.promo-icon.invalid{color:#ef4444}.promo-code-actions{flex-shrink:0}.promo-code-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.promo-code-btn--apply{background:#667eea;color:#fff}.promo-code-btn--apply:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.promo-code-btn--apply:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.promo-code-btn--clear{background:#e2e8f0;color:#4a5568}.promo-code-btn--clear:hover:not(:disabled){background:#cbd5e0}.promo-validation-message{margin-top:.75rem;padding:.75rem 1rem;border-radius:6px;font-size:14px;animation:fadeIn .2s ease-out}.promo-validation-message.valid{background:#f0fdf4;color:#166534;border:1px solid #86efac}.promo-validation-message.invalid,.promo-validation-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.promo-rate-limit-warning{margin-top:.5rem;padding:.5rem .75rem;background:#fef3c7;color:#92400e;border-radius:4px;font-size:12px}.promo-details{margin-top:1rem;padding:1.25rem;border-radius:12px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.promo-details--vip{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.promo-details--trial{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6}.promo-details--discount{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981}.promo-details__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.promo-details__icon{font-size:28px}.promo-details__title{font-size:18px;font-weight:700;color:#1f2937}.promo-details__content{margin-bottom:1rem}.promo-details__content p{margin:0 0 .75rem;color:#374151;font-size:14px}.promo-details__features{list-style:none;padding:0;margin:0}.promo-details__features li{padding:.375rem 0;color:#4b5563;font-size:14px}.promo-details__pricing{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.promo-details__pricing .original-price{text-decoration:line-through;color:#9ca3af;font-size:16px}.promo-details__pricing .discounted-price{font-size:24px;font-weight:700;color:#10b981}.promo-details__action{display:flex;justify-content:flex-end}.promo-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.promo-badge--vip{background:#f59e0b;color:#fff}.promo-badge--trial{background:#3b82f6;color:#fff}.promo-badge--discount{background:#10b981;color:#fff}@media (max-width: 480px){.promo-code-input-wrapper{flex-direction:column}.promo-code-btn{width:100%}.promo-details{padding:1rem}.promo-details__header{flex-direction:column;text-align:center}.promo-details__pricing{flex-direction:column;align-items:flex-start;gap:.5rem}}.promo-code-inline-row .promo-code-input{flex:1;min-width:200px;width:auto;padding:.5rem .75rem;font-size:15px;border-radius:8px;height:40px;box-sizing:border-box}.promo-code-inline-row .promo-code-apply-btn{flex-shrink:0;padding:0 1.25rem;font-size:14px;min-width:auto;width:auto;height:40px;border-radius:8px;box-sizing:border-box}.feature-tour{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10001;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-out}.feature-tour--visible{opacity:1}.feature-tour--hidden{opacity:0;pointer-events:none}.feature-tour-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(4px)}.feature-tour-content{position:relative;background:#fff;border-radius:20px;padding:40px;max-width:600px;width:90vw;box-shadow:0 12px 48px #0000004d;animation:slideUp .4s ease-out;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.feature-tour-progress{position:absolute;top:0;left:0;width:100%;height:4px;background:#e0e0e0;border-radius:20px 20px 0 0;overflow:hidden}.feature-tour-progress-bar{height:100%;background:linear-gradient(90deg,#2196f3,#4caf50);transition:width .3s ease-out}.feature-tour-counter{font-size:14px;color:#666;margin-bottom:24px;font-weight:500}.feature-tour-icon{font-size:80px;margin:0 auto 24px;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.feature-tour-info{margin-bottom:32px}.feature-tour-info h3{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.feature-tour-info p{font-size:16px;color:#666;line-height:1.6;margin:0}.feature-tour-actions{display:flex;flex-direction:column;gap:16px}.feature-tour-actions button{padding:14px 28px;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.feature-tour-actions .btn-primary{background:#2196f3;color:#fff;font-size:18px}.feature-tour-actions .btn-primary:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.feature-tour-actions .btn-primary:active{transform:translateY(0)}.feature-tour-navigation{display:flex;gap:12px;justify-content:center}.feature-tour-navigation button{flex:1;background:#fff;color:#2196f3;border:2px solid #2196F3}.feature-tour-navigation button:hover:not(:disabled){background:#f5f5f5}.feature-tour-navigation button:disabled{opacity:.5;cursor:not-allowed}.feature-tour-skip{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:none;border:none;color:#999;font-size:14px;cursor:pointer;padding:8px 16px;transition:color .2s}.feature-tour-skip:hover{color:#666;text-decoration:underline}.feature-tour-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.feature-tour-close:hover{background:#f5f5f5;color:#333}@media (max-width: 600px){.feature-tour-content{padding:32px 24px}.feature-tour-icon{font-size:64px}.feature-tour-info h3{font-size:24px}.feature-tour-info p{font-size:14px}.feature-tour-navigation{flex-direction:column}.feature-tour-navigation button{width:100%}}.feature-tour-content:focus-within{outline:2px solid #2196F3;outline-offset:4px}.feature-tour-content:after{content:"Use ← → arrows to navigate, ESC to skip";position:absolute;bottom:48px;left:50%;transform:translate(-50%);font-size:12px;color:#999;white-space:nowrap}@media (max-width: 600px){.feature-tour-content:after{display:none}}@media (prefers-color-scheme: dark){.feature-tour-content{background:#2a2a2a;color:#fff}.feature-tour-progress{background:#444}.feature-tour-counter{color:#ccc}.feature-tour-info h3{color:#fff}.feature-tour-info p{color:#ccc}.feature-tour-navigation button{background:#2a2a2a;color:#2196f3}.feature-tour-navigation button:hover:not(:disabled){background:#333}.feature-tour-close:hover{background:#333;color:#fff}.feature-tour-skip:hover{color:#ccc}.feature-tour-content:after{color:#666}}.feature-tour-icon,.feature-tour-info{animation:fadeIn .3s ease-out}.subscription-badge-container{position:relative;display:inline-block}.subscription-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:1.5rem;background:var(--badge-bg, #f3f4f6);border:2px solid var(--badge-border, #e5e7eb);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;position:relative}.subscription-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.subscription-badge:focus{outline:2px solid var(--badge-border, #3b82f6);outline-offset:2px}.subscription-badge--active{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.subscription-badge--compact{padding:.25rem .75rem;font-size:.75rem;gap:.25rem}.subscription-badge--compact .subscription-badge__icon{font-size:1rem}.subscription-badge--compact .subscription-badge__dropdown-arrow{font-size:.625rem}.subscription-badge--loading{opacity:.6;cursor:default;pointer-events:none}.subscription-badge__loading{color:#6b7280;font-size:.875rem}.subscription-badge--gray{--badge-bg: #f3f4f6;--badge-border: #d1d5db;--badge-text: #374151}.subscription-badge--green{--badge-bg: #dcfce7;--badge-border: #16a34a;--badge-text: #15803d}.subscription-badge--yellow{--badge-bg: #fef3c7;--badge-border: #f59e0b;--badge-text: #d97706}.subscription-badge--red{--badge-bg: #fef2f2;--badge-border: #ef4444;--badge-text: #dc2626}.subscription-badge--gold{--badge-bg: #fffbeb;--badge-border: #f59e0b;--badge-text: #d97706;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.subscription-badge--blue{--badge-bg: #dbeafe;--badge-border: #3b82f6;--badge-text: #1e40af}.subscription-badge--purple{--badge-bg: #ede9fe;--badge-border: #8b5cf6;--badge-text: #5b21b6}.subscription-badge--teal{--badge-bg: #f0fdfa;--badge-border: #14b8a6;--badge-text: #0f766e}.subscription-badge--warning{--badge-bg: #fef2f2;--badge-border: #ef4444;--badge-text: #991b1b}.subscription-badge__icon{font-size:1.25rem;line-height:1}.subscription-badge__content{display:flex;flex-direction:column;gap:.125rem;flex:1}.subscription-badge__tier{color:var(--badge-text);font-weight:600;line-height:1}.subscription-badge__description{color:var(--badge-text);opacity:.7;font-size:.75rem;line-height:1}.subscription-badge__warning-icon{font-size:1rem;line-height:1}.subscription-badge__dropdown-arrow{font-size:.75rem;line-height:1;color:var(--badge-text);opacity:.7;margin-left:.25rem}.subscription-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:320px;max-width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px #0000001a;z-index:1000;overflow:hidden;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.subscription-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.dropdown-header__info{display:flex;flex-direction:column;gap:.25rem}.dropdown-header__tier{font-weight:600;font-size:1rem;color:#1e293b}.dropdown-header__status{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.025em}.dropdown-header__status--green{background:#dcfce7;color:#15803d}.dropdown-header__status--yellow{background:#fef3c7;color:#d97706}.dropdown-header__status--red{background:#fef2f2;color:#dc2626}.dropdown-header__status--gold{background:#fffbeb;color:#d97706}.dropdown-header__status--gray{background:#f3f4f6;color:#374151}.dropdown-header__status--blue{background:#dbeafe;color:#1e40af}.dropdown-header__status--purple{background:#ede9fe;color:#5b21b6}.dropdown-header__status--teal{background:#f0fdfa;color:#0f766e}.dropdown-header__icon{font-size:1.5rem;line-height:1}.subscription-dropdown__content{padding:1rem}.dropdown-section{margin-bottom:1.5rem}.dropdown-section:last-child{margin-bottom:0}.dropdown-section__title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.025em}.plan-summary__description{font-size:.875rem;color:#6b7280;margin-bottom:.75rem;line-height:1.5}.plan-summary__features{list-style:none;padding:0;margin:0;font-size:.8125rem;color:#4b5563}.plan-summary__features li{padding:.25rem 0;display:flex;align-items:center;gap:.5rem}.billing-summary{background:#f8fafc;border-radius:.5rem;padding:.75rem;margin-top:.75rem}.billing-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8125rem}.billing-label{color:#6b7280;font-weight:500}.billing-value{color:#374151;font-weight:600}.upgrade-prompt{font-size:.875rem;color:#6b7280;margin-bottom:1rem;line-height:1.5}.dropdown-actions{border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;width:100%}.action-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-button--primary{background:#3b82f6;color:#fff}.action-button--primary:hover{background:#2563eb}.action-button--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.action-button--secondary:hover{background:#e5e7eb}.action-button--outline{background:transparent;color:#374151;border:1px solid #d1d5db}.action-button--outline:hover{background:#f9fafb}.action-button__icon{font-size:1rem;line-height:1}@media (max-width: 640px){.subscription-badge{padding:.375rem .75rem;font-size:.8125rem}.subscription-badge__icon{font-size:1.125rem}.subscription-badge__description{display:none}.subscription-dropdown{min-width:280px;right:-1rem}.subscription-dropdown__content{padding:.75rem}.dropdown-section{margin-bottom:1rem}}@media (prefers-contrast: high){.subscription-badge{border-width:3px}.subscription-dropdown{border-width:2px}}.subscription-end-date{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-secondary, #6B7280);padding:.375rem 0;line-height:var(--leading-snug, 1.375)}.subscription-end-date--lifetime{color:var(--eduq-blue, #0066FF);font-weight:var(--font-medium, 500)}.subscription-end-date--inactive{flex-direction:column;align-items:flex-start;gap:.5rem;color:var(--text-secondary, #6B7280)}.subscription-end-date__icon{font-size:1rem;line-height:1;flex-shrink:0}.subscription-end-date__promo-line{font-size:.75rem;color:var(--eduq-cyan, #00D9B5);font-weight:var(--font-medium, 500);padding:.125rem 0 .375rem;line-height:var(--leading-snug, 1.375)}.subscription-end-date__renewal-banner{display:flex;align-items:flex-start;gap:.375rem;margin-top:.5rem;padding:.625rem .75rem;background:#fffbeb;border:1px solid var(--warning, #F59E0B);border-radius:.5rem;font-size:.8125rem;color:#92400e;line-height:var(--leading-normal, 1.5)}@media (prefers-contrast: high){.subscription-end-date__renewal-banner{border-width:2px}}@media (prefers-reduced-motion: reduce){.subscription-end-date__renewal-banner{transition:none}}.subscription-status-indicator{position:relative;display:inline-block}.subscription-status-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:20rem;max-width:90vw;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;z-index:1000;animation:dropdown-fade-in .2s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.subscription-status-dropdown__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb}.subscription-status-dropdown__title{font-size:1rem;font-weight:600;color:#111827;margin:0}.subscription-status-dropdown__status{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.subscription-status-dropdown__status--active{background:#d1fae5;color:#065f46}.subscription-status-dropdown__status--inactive{background:#fee2e2;color:#991b1b}.subscription-status-dropdown__status--expired{background:#fef3c7;color:#92400e}.subscription-status-dropdown__status--trial{background:#dbeafe;color:#1e40af}.subscription-status-dropdown__section{padding:1rem;border-bottom:1px solid #e5e7eb}.subscription-status-dropdown__section:last-of-type{border-bottom:none}.subscription-status-dropdown__section-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.subscription-status-dropdown__usage-list{display:flex;flex-direction:column;gap:.5rem}.subscription-status-dropdown__benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.subscription-status-dropdown__benefits li{font-size:.875rem;color:#374151;display:flex;align-items:center;gap:.5rem}.subscription-status-dropdown__actions{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.subscription-status-dropdown__btn{width:100%;padding:.625rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.subscription-status-dropdown__btn--primary{background:#3b82f6;color:#fff}.subscription-status-dropdown__btn--primary:hover{background:#2563eb}.subscription-status-dropdown__btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.subscription-status-dropdown__btn--secondary:hover{background:#e5e7eb}.subscription-status-dropdown__btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width: 640px){.subscription-status-dropdown{width:calc(100vw - 2rem);right:-1rem}.subscription-status-dropdown__header,.subscription-status-dropdown__section,.subscription-status-dropdown__actions{padding:.75rem}.subscription-status-dropdown__title{font-size:.9375rem}}.upgrade-success-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.upgrade-success-content{background:#fff;border-radius:16px;padding:32px;box-shadow:0 8px 32px #0003;max-width:500px;width:90vw;position:relative;text-align:center}.upgrade-success-icon{margin:0 auto 24px;animation:scaleIn .5s ease-out .2s both}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.upgrade-success-icon svg{display:block;margin:0 auto}.upgrade-success-message{margin-bottom:24px}.upgrade-success-message h3{font-size:24px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.upgrade-success-message p{font-size:16px;color:#666;margin:0}.upgrade-unlocked-features{background:#f5f5f5;border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.upgrade-unlocked-features h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 12px;text-align:center}.upgrade-unlocked-features ul{list-style:none;padding:0;margin:0}.upgrade-unlocked-features li{display:flex;align-items:center;padding:8px 0;font-size:14px;color:#333}.upgrade-unlocked-features .feature-icon{font-size:20px;margin-right:12px;flex-shrink:0}.upgrade-unlocked-features .feature-name{flex:1}.upgrade-unlocked-features .feature-more{color:#666;font-style:italic;justify-content:center;padding-top:12px;border-top:1px solid #e0e0e0;margin-top:8px}.upgrade-success-actions{display:flex;gap:12px;justify-content:center}.upgrade-success-actions button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.upgrade-success-actions .btn-primary{background:#2196f3;color:#fff}.upgrade-success-actions .btn-primary:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.upgrade-success-actions .btn-secondary{background:#fff;color:#2196f3;border:2px solid #2196F3}.upgrade-success-actions .btn-secondary:hover{background:#f5f5f5}.upgrade-success-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.upgrade-success-close:hover{background:#f5f5f5;color:#333}@media (max-width: 600px){.upgrade-success-content{padding:24px}.upgrade-success-message h3{font-size:20px}.upgrade-success-message p{font-size:14px}.upgrade-success-actions{flex-direction:column}.upgrade-success-actions button{width:100%}}.upgrade-success-notification:focus-within{outline:2px solid #2196F3;outline-offset:4px}@media (prefers-color-scheme: dark){.upgrade-success-content{background:#2a2a2a;color:#fff}.upgrade-success-message h3{color:#fff}.upgrade-success-message p{color:#ccc}.upgrade-unlocked-features{background:#333}.upgrade-unlocked-features h4{color:#fff}.upgrade-unlocked-features li{color:#ddd}.upgrade-unlocked-features .feature-more{color:#999;border-top-color:#444}.upgrade-success-actions .btn-secondary{background:#2a2a2a;color:#2196f3}.upgrade-success-actions .btn-secondary:hover{background:#333}.upgrade-success-close:hover{background:#333;color:#fff}}.usage-counter{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease}.usage-counter--compact{padding:.75rem;gap:.375rem}.usage-counter--warning{border-color:#f59e0b;background:#fffbeb}.usage-counter--exceeded{border-color:#ef4444;background:#fef2f2}.usage-counter__loading{color:#6b7280;font-size:.875rem;text-align:center;padding:.5rem}.usage-counter__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.usage-counter__label{font-weight:600;color:#111827;font-size:.875rem;text-transform:capitalize}.usage-counter__stats{font-size:.875rem;color:#6b7280;font-weight:500}.usage-counter__remaining{color:#9ca3af;font-size:.8125rem}.usage-counter__progress-container{display:flex;align-items:center;gap:.5rem}.usage-counter__progress-bar{flex:1;height:.5rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden;position:relative}.usage-counter__progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:.25rem;transition:width .3s ease,background .3s ease}.usage-counter--warning .usage-counter__progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.usage-counter--exceeded .usage-counter__progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.usage-counter__percentage{font-size:.75rem;font-weight:600;color:#6b7280;min-width:2.5rem;text-align:right}.usage-counter__message{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:.375rem;font-size:.8125rem;font-weight:500}.usage-counter__message--warning{background:#fef3c7;color:#92400e}.usage-counter__message--error{background:#fee2e2;color:#991b1b}.usage-counter__upgrade-btn{padding:.25rem .75rem;background:#3b82f6;color:#fff;border:none;border-radius:.25rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s ease}.usage-counter__upgrade-btn:hover{background:#2563eb}.usage-counter__upgrade-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.usage-counter--compact .usage-counter__header{font-size:.8125rem}.usage-counter--compact .usage-counter__progress-bar{height:.375rem}.usage-counter--compact .usage-counter__percentage{font-size:.6875rem}@media (max-width: 640px){.usage-counter{padding:.75rem}.usage-counter__label,.usage-counter__stats{font-size:.8125rem}.usage-counter__remaining{display:none}.usage-counter__message{font-size:.75rem;padding:.375rem}.usage-counter__upgrade-btn{padding:.25rem .5rem;font-size:.75rem}}.usage-dashboard{display:flex;flex-direction:column;gap:2rem;padding:2rem;max-width:80rem;margin:0 auto}.usage-dashboard__notifications{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.75rem;max-width:28rem}.usage-dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.usage-dashboard__title{font-size:1.875rem;font-weight:700;color:#111827;margin:0}.usage-dashboard__subtitle{font-size:1rem;color:#6b7280;margin:.5rem 0 0}.usage-dashboard__upgrade-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s ease}.usage-dashboard__upgrade-btn:hover{background:#2563eb}.usage-dashboard__upgrade-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.usage-dashboard__section{display:flex;flex-direction:column;gap:1rem}.usage-dashboard__section--highlight{padding:1.5rem;background:linear-gradient(135deg,#dbeafe,#ede9fe);border-radius:.75rem}.usage-dashboard__section-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.usage-dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1rem}.usage-dashboard__charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:1rem}.usage-dashboard__empty{padding:3rem;text-align:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem}.usage-dashboard__empty p{font-size:1.125rem;color:#6b7280;margin:0}.usage-dashboard__benefits{display:flex;justify-content:space-between;align-items:center;gap:2rem}.usage-dashboard__benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.usage-dashboard__benefits-list li{font-size:1rem;color:#374151;display:flex;align-items:center;gap:.5rem}.usage-dashboard__benefits-btn{padding:.75rem 1.5rem;background:#fff;color:#3b82f6;border:2px solid #3b82f6;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.usage-dashboard__benefits-btn:hover{background:#3b82f6;color:#fff}.usage-dashboard__benefits-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width: 1024px){.usage-dashboard{padding:1.5rem}.usage-dashboard__grid,.usage-dashboard__charts{grid-template-columns:1fr}.usage-dashboard__benefits{flex-direction:column;align-items:flex-start}.usage-dashboard__benefits-btn{width:100%}}@media (max-width: 640px){.usage-dashboard{padding:1rem;gap:1.5rem}.usage-dashboard__notifications{top:.5rem;right:.5rem;left:.5rem;max-width:none}.usage-dashboard__header{flex-direction:column}.usage-dashboard__title{font-size:1.5rem}.usage-dashboard__subtitle{font-size:.9375rem}.usage-dashboard__upgrade-btn{width:100%}.usage-dashboard__section-title{font-size:1.125rem}.usage-dashboard__section--highlight{padding:1rem}.usage-dashboard__empty{padding:2rem 1rem}.usage-dashboard__empty p{font-size:1rem}.usage-dashboard__benefits-list li{font-size:.9375rem}}.usage-history-chart{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.usage-history-chart__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.usage-history-chart__title{font-size:1rem;font-weight:600;color:#111827;margin:0}.usage-history-chart__period-toggle{display:flex;gap:.25rem;background:#f3f4f6;padding:.25rem;border-radius:.375rem}.usage-history-chart__period-btn{padding:.375rem .75rem;border:none;background:transparent;color:#6b7280;font-size:.8125rem;font-weight:500;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.usage-history-chart__period-btn:hover{color:#374151}.usage-history-chart__period-btn--active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.usage-history-chart__period-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.usage-history-chart__chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;height:10rem;padding:1rem 0}.usage-history-chart__bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.usage-history-chart__bar{width:100%;min-height:.25rem;background:linear-gradient(180deg,#10b981,#059669);border-radius:.25rem .25rem 0 0;position:relative;transition:all .3s ease;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;padding-top:.25rem}.usage-history-chart__bar:hover{opacity:.8;transform:translateY(-2px)}.usage-history-chart__bar--today{background:linear-gradient(180deg,#3b82f6,#2563eb)}.usage-history-chart__bar-value{font-size:.75rem;font-weight:600;color:#fff;opacity:0;transition:opacity .2s ease}.usage-history-chart__bar:hover .usage-history-chart__bar-value{opacity:1}.usage-history-chart__bar-label{font-size:.6875rem;color:#6b7280;text-align:center;white-space:nowrap}.usage-history-chart__legend{display:flex;gap:1rem;justify-content:center;padding-top:.5rem;border-top:1px solid #e5e7eb}.usage-history-chart__legend-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#6b7280}.usage-history-chart__legend-dot{width:.75rem;height:.75rem;border-radius:.125rem}.usage-history-chart__legend-dot--normal{background:linear-gradient(180deg,#10b981,#059669)}.usage-history-chart__legend-dot--today{background:linear-gradient(180deg,#3b82f6,#2563eb)}@media (max-width: 640px){.usage-history-chart{padding:.75rem}.usage-history-chart__header{flex-direction:column;align-items:flex-start;gap:.75rem}.usage-history-chart__title{font-size:.9375rem}.usage-history-chart__chart{height:8rem;gap:.25rem}.usage-history-chart__bar-label{font-size:.625rem;transform:rotate(-45deg);transform-origin:center}.usage-history-chart__legend{flex-direction:column;gap:.5rem;align-items:flex-start}.usage-history-chart__legend-item{font-size:.75rem}}.usage-notification{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-left:4px solid var(--notification-color, #3b82f6);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;min-width:20rem;max-width:28rem;animation:slide-in .3s ease}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.usage-notification--exiting{animation:slide-out .3s ease}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.usage-notification--info{--notification-color: #3b82f6}.usage-notification--warning{--notification-color: #f59e0b}.usage-notification--error{--notification-color: #ef4444}.usage-notification--success{--notification-color: #10b981}.usage-notification__icon{font-size:1.25rem;line-height:1;flex-shrink:0}.usage-notification__content{flex:1;display:flex;flex-direction:column;gap:.25rem}.usage-notification__title{font-size:.875rem;font-weight:600;color:#111827}.usage-notification__message{font-size:.8125rem;color:#6b7280;line-height:1.4}.usage-notification__actions{display:flex;align-items:flex-start;gap:.5rem;flex-shrink:0}.usage-notification__action-btn{padding:.25rem .75rem;background:var(--notification-color, #3b82f6);color:#fff;border:none;border-radius:.25rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.usage-notification__action-btn:hover{opacity:.9}.usage-notification__action-btn:focus{outline:2px solid var(--notification-color, #3b82f6);outline-offset:2px}.usage-notification__dismiss-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#9ca3af;font-size:1.25rem;line-height:1;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.usage-notification__dismiss-btn:hover{background:#f3f4f6;color:#6b7280}.usage-notification__dismiss-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width: 640px){.usage-notification{min-width:auto;max-width:calc(100vw - 2rem);padding:.75rem}.usage-notification__icon{font-size:1.125rem}.usage-notification__title{font-size:.8125rem}.usage-notification__message{font-size:.75rem}.usage-notification__action-btn{padding:.25rem .5rem;font-size:.75rem}}.usage-progress-bar{display:flex;flex-direction:column;gap:.375rem}.usage-progress-bar__label{font-size:.875rem;font-weight:500;color:#374151}.usage-progress-bar__container{display:flex;align-items:center;gap:.5rem}.usage-progress-bar__track{flex:1;height:.5rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden;position:relative}.usage-progress-bar__fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:.25rem;transition:width .5s cubic-bezier(.4,0,.2,1),background .3s ease;position:relative;overflow:hidden}.usage-progress-bar__fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.usage-progress-bar--warning .usage-progress-bar__fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.usage-progress-bar--danger .usage-progress-bar__fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.usage-progress-bar__percentage{font-size:.75rem;font-weight:600;color:#6b7280;min-width:2.5rem;text-align:right}.usage-progress-bar--warning .usage-progress-bar__percentage{color:#d97706}.usage-progress-bar--danger .usage-progress-bar__percentage{color:#dc2626}.usage-progress-bar__stats{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.usage-progress-bar__current{font-weight:600;color:#374151}.usage-progress-bar__separator{color:#9ca3af}.usage-progress-bar__limit{color:#6b7280}.usage-progress-bar--small .usage-progress-bar__track{height:.375rem}.usage-progress-bar--small .usage-progress-bar__label{font-size:.8125rem}.usage-progress-bar--small .usage-progress-bar__percentage,.usage-progress-bar--small .usage-progress-bar__stats{font-size:.6875rem}.usage-progress-bar--large .usage-progress-bar__track{height:.75rem}.usage-progress-bar--large .usage-progress-bar__label{font-size:1rem}.usage-progress-bar--large .usage-progress-bar__percentage,.usage-progress-bar--large .usage-progress-bar__stats{font-size:.875rem}@media (max-width: 640px){.usage-progress-bar__label{font-size:.8125rem}.usage-progress-bar__percentage{font-size:.6875rem;min-width:2rem}.usage-progress-bar__stats{font-size:.6875rem}}.promo-redemption{display:flex;flex-direction:column;gap:var(--space-3);max-width:420px}.promo-redemption__label{display:block;font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.promo-redemption__input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-medium);border-radius:.5rem;font-size:var(--text-base);font-family:var(--font-sans);letter-spacing:.05em;transition:border-color .2s ease,box-shadow .2s ease;background-color:var(--bg-primary);color:var(--text-primary)}.promo-redemption__input:focus{outline:none;border-color:var(--eduq-blue);box-shadow:0 0 0 3px #0066ff1a}.promo-redemption__input--error{border-color:var(--error)}.promo-redemption__input--error:focus{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.promo-redemption__input:disabled{opacity:.6;cursor:not-allowed}.promo-redemption__status{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:.375rem;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;color:var(--text-secondary);background-color:var(--bg-secondary)}.promo-redemption__status--eligible{color:#065f46;background-color:#d1fae5}.promo-redemption__status--ineligible{color:#991b1b;background-color:#fee2e2}.promo-redemption__status--prompt{color:#92400e;background-color:#fef3c7}.promo-redemption__upgrade-link{color:var(--eduq-blue);font-weight:var(--font-medium);text-decoration:underline;white-space:nowrap}.promo-redemption__upgrade-link:hover{color:var(--eduq-blue-hover)}.promo-redemption__confirm-btn{padding:.75rem 1.5rem;background-color:var(--eduq-blue);color:#fff;border:none;border-radius:.5rem;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:background-color .2s ease;align-self:flex-start}.promo-redemption__confirm-btn:hover:not(:disabled){background-color:var(--eduq-blue-hover)}.promo-redemption__confirm-btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.promo-redemption__confirm-btn--disabled,.promo-redemption__confirm-btn:disabled{opacity:.5;cursor:not-allowed}.promo-redemption__success{padding:var(--space-4);background-color:#d1fae5;color:#065f46;border-radius:.5rem;font-size:var(--text-sm);font-weight:var(--font-medium)}@media (prefers-reduced-motion: reduce){.promo-redemption__input,.promo-redemption__confirm-btn{transition:none}}.account-management{max-width:900px;margin:0 auto;padding:20px}.account-management.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.account-header{margin-bottom:30px}.account-header h2{font-size:28px;color:#333;margin-bottom:8px}.account-header p{color:#666;font-size:14px}.info-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-item label{display:block;font-weight:600;color:#555;font-size:13px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.info-value{color:#333;font-size:15px;margin:0}.form-group input[type=text],.form-group input[type=email],.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.field-description{font-size:13px;color:#666;margin-top:6px;font-style:italic}.secondary-button{padding:10px 20px;background:#fff;color:#007bff;border:2px solid #007bff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.secondary-button:hover{background:#007bff;color:#fff}.security-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e0e0e0}.security-item:last-child{border-bottom:none}.security-info h4{font-size:16px;color:#333;margin-bottom:4px}.security-info p{font-size:13px;color:#666;margin:0}.danger-zone{border:2px solid #dc3545}.danger-zone h3{color:#dc3545}.danger-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e0e0e0}.danger-item:last-child{border-bottom:none}.danger-info h4{font-size:16px;color:#333;margin-bottom:4px}.danger-info p{font-size:13px;color:#666;margin:0}.danger-button{padding:10px 20px;background:#fff;color:#dc3545;border:2px solid #dc3545;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.danger-button:hover{background:#dc3545;color:#fff}@media (max-width: 768px){.account-management{padding:15px}.settings-section{padding:20px}.security-item,.danger-item{flex-direction:column;align-items:flex-start;gap:15px}.secondary-button,.danger-button{width:100%}}.basic-profile-view{max-width:800px;margin:0 auto;padding:var(--space-lg, 1.5rem)}.basic-profile-view.loading,.basic-profile-view.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.basic-profile-view .loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200, #e5e7eb);border-top:3px solid var(--eduq-blue, #0066FF);border-radius:50%;animation:basicProfilePulse 1.4s ease-in-out infinite;margin-bottom:16px}@keyframes basicProfilePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}.basic-profile-hero{display:flex;align-items:center;gap:var(--space-lg, 1.5rem);background:var(--color-white, #ffffff);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--space-lg, 1.5rem) var(--space-xl, 2rem);margin-bottom:var(--space-xl, 2rem);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.1))}.basic-profile-hero__avatar{width:64px;height:64px;border-radius:var(--radius-full, 9999px);background:linear-gradient(135deg,var(--eduq-blue, #0066FF),var(--eduq-cyan, #00D9B5));color:var(--color-white, #ffffff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-bold, 700);flex-shrink:0;user-select:none}.basic-profile-hero__info{flex:1;min-width:0}.basic-profile-hero__name{font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #111827);margin:0 0 2px}.basic-profile-hero__email{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280);margin:0 0 var(--space-sm, .5rem) 0}.basic-profile-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm, .5rem);align-items:center}.basic-profile-hero__tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--color-gray-100, #f3f4f6);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-secondary, #6b7280)}.basic-profile-hero__tier{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#dbeafe;color:var(--eduq-blue, #0066FF);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600)}@media (max-width: 768px){.basic-profile-hero{flex-direction:column;text-align:center;padding:var(--space-lg, 1.5rem)}.basic-profile-hero__info{display:flex;flex-direction:column;align-items:center}.basic-profile-hero__meta{justify-content:center}}.save-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-weight:500}.save-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.save-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-section{background:var(--color-white, #ffffff);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:24px;margin-bottom:24px}.profile-section h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#212529;display:flex;align-items:center;gap:8px}.section-description{margin:0 0 24px;color:#6c757d;font-size:14px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#495057;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:1px solid #ced4da;border-radius:8px;font-size:16px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.basic-profile-view .form-group input:focus,.basic-profile-view .form-group select:focus{outline:none;border-color:var(--eduq-blue, #0066FF);box-shadow:0 0 0 3px #0066ff1a}.basic-profile-view .save-button{background-color:var(--eduq-blue, #0066FF);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md, 8px);font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.basic-profile-view .save-button:hover:not(:disabled){background-color:var(--eduq-blue-hover, #0052CC)}.save-button:disabled{background-color:#6c757d;cursor:not-allowed}.premium-section{position:relative;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #ffd700}.premium-features{position:relative}.premium-icon{color:gold;font-size:20px}.premium-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#333;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feature-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:16px}.feature-preview h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#495057}.feature-preview p{margin:0 0 12px;color:#6c757d;font-size:14px}.preview-items{display:flex;flex-wrap:wrap;gap:12px}.preview-item{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e9ecef;font-size:14px;color:#495057}.preview-icon{font-size:16px}.basic-profile-view .upgrade-prompt{background:linear-gradient(135deg,var(--eduq-blue, #0066FF) 0%,var(--eduq-blue-hover, #0052CC) 100%);color:#fff;border-radius:var(--radius-lg, 12px);padding:28px;text-align:center;margin-top:24px}.upgrade-content h3{margin:0 0 16px;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px}.upgrade-icon{font-size:28px}.upgrade-content p{margin:0 0 24px;font-size:16px;line-height:1.5;opacity:.9}.upgrade-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px}.benefit{display:flex;align-items:center;gap:12px;text-align:left;font-size:14px}.benefit-icon{color:#28a745;font-size:16px;flex-shrink:0}.basic-profile-view .upgrade-button{background:#fff;color:var(--eduq-blue, #0066FF);border:none;padding:14px 28px;border-radius:var(--radius-md, 8px);font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.basic-profile-view .upgrade-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}@media (max-width: 768px){.basic-profile-view{padding:16px}.profile-header{flex-direction:column;gap:16px}.profile-section{padding:20px}.preview-items{flex-direction:column}.upgrade-benefits{grid-template-columns:1fr}.upgrade-prompt{padding:24px}.upgrade-content h3{font-size:20px}}.feature-gate--denied{cursor:pointer;position:relative}.feature-gate--denied:after{content:"";position:absolute;inset:0;background:#fffc;backdrop-filter:blur(1px);border-radius:8px;pointer-events:none}.feature-gate--denied:hover:after{background:#ffffffe6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.learning-preferences{max-width:900px;margin:0 auto;padding:20px}.learning-preferences.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.preferences-header{margin-bottom:30px}.preferences-header h2{font-size:28px;color:#333;margin-bottom:8px}.preferences-header p{color:#666;font-size:14px}.preferences-section{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.preferences-section h3{font-size:20px;color:#333;margin-bottom:20px}.form-group input[type=text],.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff}.list-section{margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:6px}.list-section h4{font-size:16px;color:#333;margin-bottom:15px}.add-item-group{display:flex;gap:10px;margin-bottom:15px}.add-item-group input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.add-item-group input:focus{outline:none;border-color:#007bff}.add-item-group button{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s ease}.add-item-group button:hover{background:#0056b3}.items-list{display:flex;flex-wrap:wrap;gap:10px}.item-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#e7f3ff;border:1px solid #b3d9ff;color:#004085;border-radius:20px;font-size:14px}.item-tag.success{background:#d4edda;border-color:#c3e6cb;color:#155724}.item-tag.warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.item-tag.info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.item-tag.primary{background:#cce5ff;border-color:#b3d9ff;color:#004085}.item-tag button{background:none;border:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.item-tag button:hover{background:#0000001a}@media (max-width: 768px){.learning-preferences{padding:15px}.preferences-section{padding:20px}.add-item-group{flex-direction:column}.add-item-group button{width:100%}.items-list{gap:8px}.item-tag{font-size:13px;padding:6px 10px}}.notification-settings{max-width:900px;margin:0 auto;padding:20px}.settings-header{margin-bottom:30px}.settings-header h2{font-size:28px;color:#333;margin-bottom:8px}.settings-header p{color:#666;font-size:14px}.settings-section{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.settings-section h3{font-size:20px;color:#333;margin-bottom:8px}.section-description{color:#666;font-size:14px;margin-bottom:20px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e0e0e0}.notification-item:last-child{border-bottom:none}.notification-info h4{font-size:16px;color:#333;margin-bottom:4px}.notification-info p{font-size:13px;color:#666;margin:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:26px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#007bff}input:checked+.slider:before{transform:translate(24px)}.frequency-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.radio-option{display:flex;align-items:flex-start;padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease}.radio-option:hover{border-color:#007bff;background:#f8f9fa}.radio-option input[type=radio]{margin-top:4px;margin-right:12px;width:18px;height:18px;cursor:pointer}.radio-option input[type=radio]:checked{accent-color:#007bff}.option-content h4{font-size:15px;color:#333;margin-bottom:4px}.option-content p{font-size:13px;color:#666;margin:0}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#333}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-right:10px;cursor:pointer}.checkbox-label span{font-size:15px}.time-range{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.time-range input[type=time]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.time-range input[type=time]:focus{outline:none;border-color:#007bff}.save-button{padding:12px 30px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background .3s ease;margin-top:10px}.save-button:hover{background:#0056b3}@media (max-width: 768px){.notification-settings{padding:15px}.settings-section{padding:20px}.notification-item{flex-direction:column;align-items:flex-start;gap:15px}.toggle-switch{align-self:flex-end}.frequency-options,.time-range{grid-template-columns:1fr}}.profile-settings{max-width:800px;margin:0 auto;padding:2rem 1rem}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:.5rem}.profile-header p{color:#718096;font-size:14px}.profile-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e2e8f0;margin-bottom:2rem}.tab{padding:.75rem 1.5rem;border:none;background:none;color:#718096;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .3s ease}.tab:hover{color:#667eea}.tab.active{color:#667eea;border-bottom-color:#667eea}.profile-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.profile-message{padding:.875rem 1rem;border-radius:8px;font-size:14px;margin-bottom:1.5rem}.profile-message.success{background:#c6f6d5;color:#2f855a;border-left:4px solid #2f855a}.profile-message.error{background:#fed7d7;color:#c53030;border-left:4px solid #c53030}.profile-form h2{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:1.5rem}.profile-form .form-group{margin-bottom:1.5rem}.profile-form label{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:.5rem}.profile-form input,.profile-form select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease}.profile-form input:focus,.profile-form select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-form input:disabled,.profile-form select:disabled{background:#f7fafc;cursor:not-allowed}.account-info h2{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:1.5rem}.info-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #e2e8f0}.info-item:last-child{border-bottom:none}.info-label{font-size:14px;font-weight:600;color:#718096}.info-value{font-size:14px;color:#2d3748;text-transform:capitalize}@media (max-width: 640px){.profile-settings{padding:1rem .5rem}.profile-content{padding:1.5rem 1rem}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}.info-item{flex-direction:column;gap:.5rem}}.profile-management{display:flex;min-height:100vh;background:#f5f5f5}.profile-sidebar{width:280px;background:#fff;border-right:1px solid #e0e0e0;padding:20px 0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid #e0e0e0}.sidebar-header h2{font-size:24px;color:#333;margin:0}.sidebar-nav{padding:20px 0}.nav-item{display:flex;align-items:center;width:100%;padding:12px 20px;background:none;border:none;border-left:3px solid transparent;cursor:pointer;transition:all .3s ease;text-align:left}.nav-item:hover{background:#f8f9fa}.nav-item.active{background:#e7f3ff;border-left-color:#007bff}.nav-icon{font-size:20px;margin-right:12px}.nav-label{font-size:15px;font-weight:500;color:#333}.nav-item.active .nav-label{color:#007bff}.nav-item.premium{position:relative}.premium-indicator{color:gold;font-size:12px;margin-left:4px}.nav-item.premium:not(.active){opacity:.7}.nav-item.premium:not(.active):hover{opacity:1;background:linear-gradient(135deg,#fff9e6,#f8f9fa)}.profile-main{flex:1;padding:20px;overflow-y:auto}.profile-management__back-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--eduq-blue, #0066FF);font-size:14px;font-weight:500;cursor:pointer;padding:4px 0;margin-bottom:8px;transition:color .2s ease}.profile-management__back-btn:hover{color:var(--eduq-blue-hover, #0052CC);text-decoration:underline}.profile-management__back-btn:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px;border-radius:4px}@media (max-width: 768px){.profile-management{flex-direction:column}.profile-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid #e0e0e0}.sidebar-nav{display:flex;overflow-x:auto;padding:10px 0}.nav-item{flex-direction:column;min-width:100px;padding:10px;border-left:none;border-bottom:3px solid transparent;text-align:center}.nav-item.active{border-left-color:transparent;border-bottom-color:#007bff}.nav-icon{margin-right:0;margin-bottom:4px}.nav-label{font-size:12px}.profile-main{padding:15px}}.voice-input-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #666);cursor:pointer;transition:all .2s ease;outline:none}.voice-input-button:hover:not(:disabled){background:var(--color-surface-hover, #e8e8e8);color:var(--color-primary, #007bff);transform:scale(1.05)}.voice-input-button:active:not(:disabled){transform:scale(.95)}.voice-input-button:focus-visible{box-shadow:0 0 0 3px var(--voice-pulse-color, rgba(0, 102, 255, .4))}.voice-input-button:disabled{opacity:.5;cursor:not-allowed}.voice-input-button.unsupported{opacity:.3;cursor:not-allowed}.voice-input-button--idle{background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #666)}.voice-input-button--initializing{background:var(--color-surface, #f5f5f5);color:var(--color-text-secondary, #666);cursor:wait}.voice-input-button--awaiting-speech{background:var(--voice-active-bg, #0066FF);color:var(--color-white, #fff);animation:voice-button-pulse-blue 1.5s ease-in-out infinite}.voice-input-button--awaiting-speech:hover:not(:disabled){background:var(--voice-active-bg-hover, #0052CC);color:var(--color-white, #fff)}.voice-input-button--receiving-speech{background:var(--voice-active-bg, #0066FF);color:var(--color-white, #fff);border-color:var(--voice-pulse-color, rgba(0, 102, 255, .4));border-width:3px}.voice-input-button--receiving-speech:hover:not(:disabled){background:var(--voice-active-bg-hover, #0052CC);color:var(--color-white, #fff)}.voice-input-button--processing{background:var(--voice-processing-bg, #00D9B5);color:var(--color-white, #fff);cursor:wait}.voice-input-button--processing:hover:not(:disabled){background:var(--voice-processing-bg, #00D9B5);color:var(--color-white, #fff)}.voice-input-button--review{background:var(--color-surface, #f5f5f5);color:var(--color-text-disabled, #9ca3af);opacity:.6;cursor:default}.voice-input-button.listening{background:var(--voice-active-bg, #0066FF);color:var(--color-white, #fff);animation:voice-button-pulse-blue 1.5s ease-in-out infinite}.voice-input-button.listening:hover:not(:disabled){background:var(--voice-active-bg-hover, #0052CC)}.voice-input-icon{width:20px;height:20px;transition:transform .2s ease}.voice-input-button--awaiting-speech .voice-input-icon,.voice-input-button.listening .voice-input-icon{animation:voice-icon-scale 1.5s ease-in-out infinite}.voice-input-button__spinner{width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:voice-spinner-rotate .8s linear infinite}.voice-input-button__pulse,.voice-input-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:var(--voice-pulse-color, rgba(0, 102, 255, .4));opacity:.5;transform:translate(-50%,-50%);animation:voice-pulse-expand 1.5s ease-out infinite;pointer-events:none}@keyframes voice-button-pulse-blue{0%,to{box-shadow:0 0 0 0 var(--voice-pulse-color, rgba(0, 102, 255, .4))}50%{box-shadow:0 0 0 8px transparent}}@keyframes voice-icon-scale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes voice-pulse-expand{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes voice-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.voice-input-button--awaiting-speech,.voice-input-button.listening,.voice-input-button--awaiting-speech .voice-input-icon,.voice-input-button.listening .voice-input-icon{animation:none}.voice-input-button__pulse,.voice-input-pulse{animation:none;opacity:0}.voice-input-button__spinner{animation:none;border-style:dotted}.voice-input-button--awaiting-speech,.voice-input-button--receiving-speech{box-shadow:0 0 0 3px var(--voice-pulse-color, rgba(0, 102, 255, .4))}}@media (max-width: 768px){.voice-input-button{width:36px;height:36px}.voice-input-icon,.voice-input-button__spinner{width:18px;height:18px}}@media (prefers-color-scheme: dark){.voice-input-button{background:var(--color-surface-dark, #2a2a2a);color:var(--color-text-secondary-dark, #aaa)}.voice-input-button:hover:not(:disabled){background:var(--color-surface-hover-dark, #3a3a3a);color:var(--color-primary-dark, #4dabf7)}.voice-input-button--idle{background:var(--color-surface-dark, #2a2a2a);color:var(--color-text-secondary-dark, #aaa)}.voice-input-button--review{background:var(--color-surface-dark, #2a2a2a);color:var(--color-text-disabled, #9ca3af)}}.voice-recording-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--voice-indicator-bg);border:1px solid var(--voice-indicator-border);border-radius:20px;font-size:14px;color:var(--voice-indicator-text);animation:voice-indicator-fade-in .3s ease}.voice-recording-indicator--awaiting .voice-recording-text{animation:voice-awaiting-pulse 2s ease-in-out infinite}.voice-recording-indicator--warning .voice-recording-timer{color:var(--voice-warning-color)}.voice-recording-indicator--silence-cue .voice-recording-indicator__silence-cue{display:inline}.voice-recording-indicator--countdown .voice-recording-indicator__silence-cue{display:inline;color:var(--voice-warning-color);font-weight:600}.voice-recording-pulse{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.pulse-dot{position:absolute;width:8px;height:8px;background:var(--voice-active-bg);border-radius:50%;animation:voice-pulse-dot 1.5s ease-in-out infinite}.pulse-ring{position:absolute;width:16px;height:16px;border:2px solid var(--voice-active-bg);border-radius:50%;animation:voice-pulse-ring 1.5s ease-out infinite}.voice-recording-text{font-weight:500;letter-spacing:.3px}.voice-recording-timer{font-family:Courier New,monospace;font-weight:600;font-size:13px;color:var(--voice-indicator-text);min-width:40px;text-align:right}.voice-recording-indicator__transcript{flex:1;min-width:0;max-height:3em;overflow-y:auto;font-size:13px;font-style:italic;color:var(--voice-indicator-text);opacity:.85;white-space:pre-wrap;word-break:break-word}.voice-recording-indicator__silence-cue{display:none;font-size:12px;color:var(--voice-indicator-text);opacity:.8;white-space:nowrap}@keyframes voice-indicator-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes voice-pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes voice-pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes voice-awaiting-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.voice-recording-indicator{padding:6px 12px;font-size:13px;width:100%}.voice-recording-timer{font-size:12px;min-width:36px}}@media (prefers-reduced-motion: reduce){.voice-recording-indicator,.pulse-dot{animation:none}.pulse-ring{animation:none;opacity:.5}.voice-recording-indicator--awaiting .voice-recording-text{animation:none}}@media (prefers-color-scheme: dark){.voice-recording-indicator{background:#0066ff26;border-color:#0066ff4d;color:var(--voice-indicator-text)}.pulse-dot{background:var(--voice-active-bg)}.pulse-ring{border-color:var(--voice-active-bg)}.voice-recording-timer{color:var(--voice-indicator-text)}}.voice-transcript{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--color-surface, #f8f9fa);border:1px solid var(--color-border, #dee2e6);border-radius:8px;margin-bottom:12px;opacity:0;transform:translateY(-8px);transition:all .3s ease}.voice-transcript.visible{opacity:1;transform:translateY(0);animation:voice-transcript-fade-in .3s ease}.voice-transcript-content{flex:1;font-size:14px;line-height:1.5;color:var(--color-text, #333);word-break:break-word}.voice-transcript-final{color:var(--color-text, #333);font-weight:500}.voice-transcript-interim{color:var(--color-text-secondary, #6c757d);font-style:italic;opacity:.8}.voice-transcript-final+.voice-transcript-interim:before{content:" "}.voice-transcript-icon{flex-shrink:0;width:20px;height:20px;color:var(--color-primary, #007bff);opacity:.6}.voice-transcript-icon svg{width:100%;height:100%}@keyframes voice-transcript-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.voice-transcript{padding:10px 12px;gap:10px}.voice-transcript-content{font-size:13px}.voice-transcript-icon{width:18px;height:18px}}@media (prefers-color-scheme: dark){.voice-transcript{background:var(--color-surface-dark, #2a2a2a);border-color:var(--color-border-dark, #3a3a3a)}.voice-transcript-content,.voice-transcript-final{color:var(--color-text-dark, #e0e0e0)}.voice-transcript-interim{color:var(--color-text-secondary-dark, #aaa)}.voice-transcript-icon{color:var(--color-primary-dark, #4dabf7)}}.waveform-visualizer{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.waveform-visualizer__canvas{display:block;width:100%;height:48px}.waveform-visualizer__volume-bar{width:100%;height:48px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-sm, .5rem)}.waveform-visualizer__volume-bar-track{width:100%;height:8px;background:var(--voice-indicator-bg, rgba(0, 102, 255, .08));border-radius:var(--radius-full, 9999px);overflow:hidden}.waveform-visualizer__volume-bar-fill{height:100%;background:var(--voice-waveform-color, var(--eduq-blue, #0066FF));border-radius:var(--radius-full, 9999px);transition:width .15s ease-out}@media (min-width: 768px){.waveform-visualizer__canvas,.waveform-visualizer__volume-bar{height:56px}}.transcript-review-panel{display:flex;flex-direction:column;gap:var(--space-sm, .5rem);width:100%;padding:var(--space-sm, .5rem)}.transcript-review-panel__textarea{width:100%;min-height:80px;padding:var(--space-sm, .5rem);border:1px solid var(--voice-indicator-border, rgba(0, 102, 255, .2));border-radius:var(--radius-md, 8px);background:var(--color-surface, #f5f5f5);color:var(--color-text, #333);font-family:inherit;font-size:var(--font-size-base, .875rem);line-height:1.5;resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.transcript-review-panel__textarea:focus{border-color:var(--eduq-blue, #0066FF);box-shadow:0 0 0 3px var(--voice-pulse-color, rgba(0, 102, 255, .4))}.transcript-review-panel__actions{display:flex;flex-direction:column;gap:var(--space-xs, .375rem)}.transcript-review-panel__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs, .375rem) var(--space-md, 1rem);border-radius:var(--radius-md, 8px);font-family:inherit;font-size:var(--font-size-base, .875rem);font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease;outline:none;border:2px solid transparent}.transcript-review-panel__btn:focus-visible{box-shadow:0 0 0 3px var(--voice-pulse-color, rgba(0, 102, 255, .4))}.transcript-review-panel__btn--primary{background:var(--eduq-blue, #0066FF);color:var(--color-text-on-primary, #fff);border-color:var(--eduq-blue, #0066FF)}.transcript-review-panel__btn--primary:hover{background:var(--voice-active-bg-hover, var(--eduq-blue-hover, #0052CC));border-color:var(--voice-active-bg-hover, var(--eduq-blue-hover, #0052CC))}.transcript-review-panel__btn--secondary{background:var(--eduq-cyan, #00D9B5);color:var(--color-text-on-primary, #fff);border-color:var(--eduq-cyan, #00D9B5)}.transcript-review-panel__btn--secondary:hover{background:var(--eduq-cyan-hover, #00c2a2);border-color:var(--eduq-cyan-hover, #00c2a2)}.transcript-review-panel__btn--outline{background:transparent;color:var(--color-text-secondary, #666);border-color:var(--voice-indicator-border, rgba(0, 102, 255, .2))}.transcript-review-panel__btn--outline:hover{background:var(--voice-indicator-bg, rgba(0, 102, 255, .08));color:var(--eduq-blue, #0066FF);border-color:var(--eduq-blue, #0066FF)}@media (min-width: 768px){.transcript-review-panel__actions{flex-direction:row}}.screen-reader-announcer{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.voice-mode-toggle{display:flex;align-items:center;gap:8px;flex-shrink:0}.voice-mode-toggle__btn{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;border:2px solid transparent;background:var(--bg-tertiary, #F3F4F6);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;font-size:1.25rem;padding:0}.voice-mode-toggle__btn:hover:not(:disabled){background:var(--bg-secondary, #F9FAFB);border-color:var(--eduq-blue, #0066FF)}.voice-mode-toggle__btn:focus-visible{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.voice-mode-toggle__btn--idle{background:var(--bg-tertiary, #F3F4F6)}.voice-mode-toggle__btn--listening{background:#fee2e2;border-color:#ef4444;animation:vmt-pulse 1.2s ease-in-out infinite}@keyframes vmt-pulse{0%,to{box-shadow:0 0 #ef444473}50%{box-shadow:0 0 0 10px #ef444400}}.voice-mode-toggle__btn--processing{background:#eff6ff;border-color:var(--eduq-blue, #0066FF);animation:vmt-spin 1s linear infinite;cursor:not-allowed}@keyframes vmt-spin{0%{border-color:var(--eduq-blue, #0066FF) transparent transparent transparent}25%{border-color:transparent var(--eduq-blue, #0066FF) transparent transparent}50%{border-color:transparent transparent var(--eduq-blue, #0066FF) transparent}75%{border-color:transparent transparent transparent var(--eduq-blue, #0066FF)}to{border-color:var(--eduq-blue, #0066FF) transparent transparent transparent}}.voice-mode-toggle__btn--speaking{background:#f0fdf4;border-color:var(--eduq-cyan, #00D9B5)}.voice-mode-toggle__btn--unsupported{opacity:.4;cursor:not-allowed}.voice-mode-toggle__btn:disabled{cursor:not-allowed;opacity:.6}.voice-mode-toggle__icon{line-height:1;pointer-events:none}.voice-mode-toggle__waveform{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:2px;height:10px}.voice-mode-toggle__bar{width:3px;background:var(--eduq-cyan, #00D9B5);border-radius:2px;animation:vmt-wave .8s ease-in-out infinite}.voice-mode-toggle__bar:nth-child(1){animation-delay:0s;height:4px}.voice-mode-toggle__bar:nth-child(2){animation-delay:.15s;height:8px}.voice-mode-toggle__bar:nth-child(3){animation-delay:.3s;height:6px}.voice-mode-toggle__bar:nth-child(4){animation-delay:.45s;height:10px}@keyframes vmt-wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.voice-mode-toggle__label{font-size:.75rem;font-weight:500;white-space:nowrap}.voice-mode-toggle__label--listening{color:#ef4444}.voice-mode-toggle__label--processing{color:var(--eduq-blue, #0066FF)}.voice-mode-toggle__label--speaking{color:var(--eduq-cyan, #00D9B5)}.voice-mode-toggle__lang-pill{display:flex;align-items:center;gap:2px;background:var(--bg-tertiary, #F3F4F6);border-radius:20px;padding:2px}.voice-mode-toggle__lang-btn{padding:4px 10px;border:none;border-radius:16px;background:transparent;font-size:.75rem;font-weight:500;color:var(--text-secondary, #6B7280);cursor:pointer;transition:background .15s ease,color .15s ease;min-height:28px;white-space:nowrap}.voice-mode-toggle__lang-btn:hover{background:var(--bg-secondary, #F9FAFB);color:var(--text-primary, #111827)}.voice-mode-toggle__lang-btn--active{background:var(--eduq-blue, #0066FF);color:#fff}.voice-mode-toggle__lang-btn:focus-visible{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:1px}@media (prefers-reduced-motion: reduce){.voice-mode-toggle__btn--listening,.voice-mode-toggle__btn--processing,.voice-mode-toggle__bar{animation:none}}.voice-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;border:2px solid transparent;background:var(--bg-tertiary, #F3F4F6);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;font-size:1.25rem;padding:0;flex-shrink:0}.voice-toggle:hover:not(:disabled){background:var(--bg-secondary, #F9FAFB);border-color:var(--eduq-blue, #0066FF)}.voice-toggle:focus-visible{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.voice-toggle:disabled{cursor:not-allowed;opacity:.5}.voice-toggle--idle{background:var(--bg-tertiary, #F3F4F6)}.voice-toggle--listening{background:#fee2e2;border-color:#ef4444;animation:voice-toggle-pulse 1.2s ease-in-out infinite}@keyframes voice-toggle-pulse{0%,to{box-shadow:0 0 #ef444473}50%{box-shadow:0 0 0 10px #ef444400}}.voice-toggle--processing{background:#eff6ff;border-color:var(--eduq-blue, #0066FF);animation:voice-toggle-spin 1s linear infinite;cursor:not-allowed}@keyframes voice-toggle-spin{0%{border-color:var(--eduq-blue, #0066FF) transparent transparent transparent}25%{border-color:transparent var(--eduq-blue, #0066FF) transparent transparent}50%{border-color:transparent transparent var(--eduq-blue, #0066FF) transparent}75%{border-color:transparent transparent transparent var(--eduq-blue, #0066FF)}to{border-color:var(--eduq-blue, #0066FF) transparent transparent transparent}}.voice-toggle--speaking{background:#f0fdf4;border-color:var(--eduq-cyan, #00D9B5)}.voice-toggle--unsupported{opacity:.4;cursor:not-allowed}.voice-toggle__waveform{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:2px;height:10px;pointer-events:none}.voice-toggle__bar{width:3px;background:var(--eduq-cyan, #00D9B5);border-radius:2px;animation:voice-toggle-wave .8s ease-in-out infinite}.voice-toggle__bar:nth-child(1){animation-delay:0s;height:4px}.voice-toggle__bar:nth-child(2){animation-delay:.15s;height:8px}.voice-toggle__bar:nth-child(3){animation-delay:.3s;height:6px}.voice-toggle__bar:nth-child(4){animation-delay:.45s;height:10px}@keyframes voice-toggle-wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.voice-transcript--interim{font-style:italic;color:var(--text-secondary, #6B7280)}.voice-permission-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:.8125rem;color:#991b1b;line-height:1.4}.voice-permission-banner__icon{font-size:1rem;flex-shrink:0;margin-top:1px}.voice-permission-banner__text{flex:1}.voice-permission-banner__dismiss{background:none;border:none;color:#991b1b;cursor:pointer;font-size:1rem;padding:0 2px;line-height:1;opacity:.7;flex-shrink:0}.voice-permission-banner__dismiss:hover{opacity:1}.voice-browser-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:.8125rem;color:#92400e}.voice-browser-banner__icon{font-size:1rem;flex-shrink:0}.input-field--voice-active{caret-color:transparent}@media (prefers-reduced-motion: reduce){.voice-toggle--listening,.voice-toggle--processing,.voice-toggle__bar{animation:none}.voice-toggle--listening{box-shadow:0 0 0 3px #ef44444d}}.language-pill{display:inline-flex;align-items:center;justify-content:center}.language-pill__button{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.25rem .5rem;border:2px solid var(--eduq-blue);border-radius:.5rem;background-color:transparent;color:var(--eduq-blue);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease;user-select:none;-webkit-tap-highlight-color:transparent;line-height:1.25}.language-pill__button:hover{background-color:var(--eduq-blue);color:#fff}.language-pill__button:active{background-color:var(--eduq-blue-hover, #0052CC);color:#fff}.language-pill__button:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.language-pill--disabled .language-pill__button{opacity:.4;pointer-events:none;cursor:default}@media (prefers-reduced-motion: reduce){.language-pill__button{transition-duration:.01ms!important}}.delete-confirmation-overlay{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:fadeIn .2s ease-out}.delete-confirmation-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:420px;width:100%;position:relative;animation:slideUp .3s ease-out}.delete-confirmation-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.delete-confirmation-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.delete-confirmation-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-confirmation-close:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.delete-confirmation-close:disabled{opacity:.5;cursor:not-allowed}.delete-confirmation-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.delete-confirmation-content{padding:32px 24px;text-align:center}.delete-warning-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 20px;background:#fef2f2;border-radius:50%;color:#dc2626}.delete-confirmation-message{font-size:16px;color:#4b5563;margin:0 0 8px;line-height:1.5}.delete-confirmation-worksheet-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px;word-break:break-word}.delete-confirmation-warning{font-size:14px;color:#dc2626;margin:0;font-weight:500}.delete-confirmation-error{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.delete-confirmation-error .error-icon{flex-shrink:0}.delete-confirmation-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px}.delete-confirmation-actions .btn-cancel,.delete-confirmation-actions .btn-confirm-delete{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-confirmation-actions .btn-cancel{background:#f3f4f6;color:#374151}.delete-confirmation-actions .btn-cancel:hover:not(:disabled){background:#e5e7eb}.delete-confirmation-actions .btn-confirm-delete{background:#dc2626;color:#fff}.delete-confirmation-actions .btn-confirm-delete:hover:not(:disabled){background:#b91c1c}.delete-confirmation-actions button:disabled{opacity:.6;cursor:not-allowed}.delete-confirmation-actions button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width: 480px){.delete-confirmation-overlay{padding:16px}.delete-confirmation-modal{border-radius:12px}.delete-confirmation-header{padding:16px 20px}.delete-confirmation-content{padding:24px 20px}.delete-warning-icon{width:60px;height:60px}.delete-warning-icon svg{width:36px;height:36px}.delete-confirmation-actions{flex-direction:column;padding:16px}.delete-confirmation-actions button{width:100%}}@media (prefers-reduced-motion: reduce){.delete-confirmation-overlay,.delete-confirmation-modal{animation:none}.delete-confirmation-close,.delete-confirmation-actions button{transition:none}}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-active: #1e40af;--color-primary-light: #dbeafe;--color-primary-dark: #1e3a8a;--color-secondary: #10b981;--color-secondary-hover: #059669;--color-secondary-active: #047857;--color-secondary-light: #d1fae5;--color-secondary-dark: #065f46;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-active: #b91c1c;--color-danger-light: #fee2e2;--color-danger-dark: #991b1b;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-active: #b45309;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--eduq-blue: #0066FF;--eduq-cyan: #00D9B5;--eduq-blue-hover: #0052CC;--eduq-cyan-hover: #00B89A;--eduq-blue-active: #003D99;--warning: #F59E0B;--error: #EF4444;--voice-active-bg: var(--eduq-blue);--voice-active-bg-hover: var(--eduq-blue-hover);--voice-processing-bg: var(--eduq-cyan);--voice-pulse-color: rgba(0, 102, 255, .4);--voice-waveform-color: var(--eduq-blue);--voice-indicator-bg: rgba(0, 102, 255, .08);--voice-indicator-border: rgba(0, 102, 255, .2);--voice-indicator-text: var(--eduq-blue);--voice-warning-color: var(--warning, #F59E0B);--voice-error-color: var(--error, #EF4444);--color-math: #2563eb;--color-math-light: #dbeafe;--color-chinese: #dc2626;--color-chinese-light: #fee2e2;--color-worksheet: #059669;--color-worksheet-light: #d1fae5;--color-document: #7c3aed;--color-document-light: #ede9fe;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-info: #3b82f6;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-disabled: #9ca3af;--color-background: #ffffff;--color-background-secondary: #f9fafb;--color-border: #e5e7eb;--color-border-focus: #2563eb;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-button-padding-sm: var(--space-sm) var(--space-md);--space-button-padding-md: var(--space-md) var(--space-lg);--space-button-padding-lg: var(--space-lg) var(--space-xl);--space-input-padding: var(--space-sm) var(--space-md);--space-card-padding: var(--space-lg);--space-modal-padding: var(--space-xl);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Courier New", Courier, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-modal: var(--radius-xl);--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-floating: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-button: var(--shadow-sm);--shadow-button-hover: var(--shadow-md);--shadow-card: var(--shadow-md);--shadow-modal: var(--shadow-2xl);--shadow-dropdown: var(--shadow-lg);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--transition-button: all var(--transition-fast);--transition-modal: all var(--transition-base);--transition-dropdown: all var(--transition-fast);--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--compact-control-height: 28px;--compact-control-font-size: 11px;--compact-control-icon-size: 14px;--compact-control-padding: 4px 10px;--compact-control-gap: 6px;--compact-control-border-radius: 6px;--compact-dropdown-min-width: 100px;--compact-dropdown-item-height: 32px;--hover-dropdown-delay: .15s;--fw-compact-padding: .75rem;--fw-compact-gap: .5rem;--fw-compact-button-padding: .5rem 1rem;--fw-compact-button-height: 32px;--fw-compact-icon-size: 2rem;--fw-compact-heading-margin: .5rem;--fw-compact-upload-padding: 1rem}.worksheet-tabs{display:flex;gap:0;border-bottom:2px solid #e0e0e0;margin-bottom:var(--space-md)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;top:2px}.tab-button:hover{background:#f5f5f5;color:#333}.tab-button.active{color:#06f;border-bottom-color:#06f;background:#f5f9ff}.tab-icon{font-size:1.2rem}.tab-label{font-weight:600}.tab-content{animation:fadeIn .3s ease}.floating-worksheet-generator{display:flex;flex-direction:column;gap:var(--space-md);height:100%;overflow-y:auto;padding:var(--space-md)}.worksheet-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm)}.required{color:var(--color-danger)}.recommended-badge{font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);background-color:var(--color-primary-light);padding:.125rem .5rem;border-radius:var(--radius-sm);margin-left:auto}.form-input,.form-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--color-text-secondary)}.form-range{width:100%;height:.5rem;background:var(--color-border);border-radius:var(--radius-md);outline:none;cursor:pointer}.form-range::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:transform .2s}.form-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.form-range::-moz-range-thumb{width:1.25rem;height:1.25rem;background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;transition:transform .2s}.form-range::-moz-range-thumb:hover{transform:scale(1.1)}.range-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-xs)}.mastery-toggle{background-color:var(--color-background-secondary);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.mastery-insights-panel{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-md)}.mastery-insights-panel h4{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-base);color:var(--color-primary)}.insights-content{display:flex;flex-direction:column;gap:var(--space-sm)}.insight-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.insight-label{color:var(--color-text-secondary);font-weight:500}.insight-value{font-weight:600;color:var(--color-text-primary)}.insight-value.trend-improving{color:var(--color-success)}.insight-value.trend-declining{color:var(--color-danger)}.insight-value.trend-stable{color:var(--color-warning)}.insight-recommendation{margin-top:var(--space-sm);padding:var(--space-sm);background-color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.weak-topics-panel{background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-md)}.weak-topics-panel h4{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-base);color:var(--color-warning)}.weak-topics-list{display:flex;flex-direction:column;gap:var(--space-xs)}.weak-topic-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background-color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.topic-name{font-weight:500;color:var(--color-text-primary)}.topic-level{font-weight:600;color:var(--color-warning)}.message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.page-estimate{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500}.estimate-icon{font-size:1rem;flex-shrink:0}.estimate-text{flex:1}.error-message{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.success-message{background-color:var(--color-secondary-light);border:1px solid var(--color-success);color:var(--color-success)}.message-icon{font-size:1.25rem;flex-shrink:0}.message-text{flex:1}.button-group{display:flex;gap:.75rem;align-items:center}.generate-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:.75rem;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;flex:1}.generate-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.generate-button:active:not(:disabled){transform:scale(.98)}.generate-button:disabled{background-color:var(--color-border);cursor:not-allowed}.reset-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;background-color:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:.75rem;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.reset-button:hover:not(:disabled){background-color:var(--color-background-tertiary)}.reset-button:active:not(:disabled){transform:scale(.98)}.reset-button:disabled{opacity:.5;cursor:not-allowed}.button-icon{font-size:1.25rem}.info-panel{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.info-panel h4{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-base);color:var(--color-text-primary)}.info-list{margin:0;padding-left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.info-list li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.info-list strong{color:var(--color-text-primary);font-weight:600}@media (max-width: 768px){.floating-worksheet-generator,.mastery-insights-panel,.weak-topics-panel{padding:var(--space-sm)}.generate-button{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.form-group label{font-size:.875rem}.form-input,.form-select,.form-textarea{min-height:44px;font-size:1rem}button{min-height:44px;padding:.75rem 1rem}.form-row{flex-direction:column}.form-input,.form-select{width:100%}}[data-theme=dark] .floating-worksheet-generator,[data-theme=dark] .form-group label{color:var(--color-text-primary)}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background-color:var(--color-background-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .form-input::placeholder{color:var(--color-text-secondary)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .form-range{background:var(--color-border)}[data-theme=dark] .form-range::-webkit-slider-thumb{background:var(--color-primary)}[data-theme=dark] .form-range::-moz-range-thumb{background:var(--color-primary)}[data-theme=dark] .range-labels{color:var(--color-text-secondary)}[data-theme=dark] .mastery-toggle{background-color:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] .checkbox-label{color:var(--color-text-primary)}[data-theme=dark] .mastery-insights-panel{background-color:#3b82f61a;border-color:var(--color-primary)}[data-theme=dark] .mastery-insights-panel h4{color:var(--color-primary)}[data-theme=dark] .insight-label{color:var(--color-text-secondary)}[data-theme=dark] .insight-value{color:var(--color-text-primary)}[data-theme=dark] .insight-recommendation{background-color:var(--color-background-secondary);color:var(--color-text-primary)}[data-theme=dark] .weak-topics-panel{background-color:#fbbf241a;border-color:var(--color-warning)}[data-theme=dark] .weak-topics-panel h4{color:var(--color-warning)}[data-theme=dark] .weak-topic-item{background-color:var(--color-background-secondary)}[data-theme=dark] .topic-name{color:var(--color-text-primary)}[data-theme=dark] .error-message{background-color:#ef44441a;border-color:var(--color-danger);color:var(--color-danger)}[data-theme=dark] .page-estimate{background-color:#3b82f61a;border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .success-message{background-color:#22c55e1a;border-color:var(--color-success);color:var(--color-success)}[data-theme=dark] .generate-button{background-color:var(--color-primary);color:#fff}[data-theme=dark] .generate-button:hover:not(:disabled){background-color:var(--color-primary-hover)}[data-theme=dark] .generate-button:disabled{background-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] .reset-button{background-color:var(--color-background-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .reset-button:hover:not(:disabled){background-color:var(--color-background-tertiary)}[data-theme=dark] .info-panel{background-color:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] .info-panel h4{color:var(--color-text-primary)}[data-theme=dark] .info-list li{color:var(--color-text-secondary)}[data-theme=dark] .info-list strong{color:var(--color-text-primary)}.worksheet-preview{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4);background:#f9fafb;border-radius:8px}.preview-header{text-align:center}.preview-header .section-title{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:var(--space-2)}.preview-header .section-description{font-size:.95rem;color:#6b7280}.preview-content{display:flex;flex-direction:column;gap:var(--space-5);background:#fff;padding:var(--space-5);border-radius:8px;box-shadow:0 1px 3px #0000001a}.preview-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.metadata-item{display:flex;flex-direction:column;gap:var(--space-1)}.metadata-label{font-size:.85rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.metadata-value{font-size:1rem;font-weight:600;color:#111827}.preview-questions{border-top:1px solid #e5e7eb;padding-top:var(--space-4)}.preview-section-title{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:var(--space-3)}.question-samples{display:flex;flex-direction:column;gap:var(--space-3)}.question-sample{display:flex;gap:var(--space-2);padding:var(--space-3);background:#f9fafb;border-radius:6px;border-left:3px solid var(--eduq-blue)}.question-number{font-weight:600;color:var(--eduq-blue);flex-shrink:0}.question-text{color:#374151;line-height:1.5}.question-more{padding:var(--space-2);text-align:center;color:#6b7280;font-style:italic;font-size:.9rem}.preview-mastery{border-top:1px solid #e5e7eb;padding-top:var(--space-4)}.mastery-allocation{font-size:.95rem;color:#374151;margin-bottom:var(--space-3)}.weak-topics-preview{display:flex;flex-wrap:wrap;gap:var(--space-2)}.weak-topic-badge{padding:var(--space-1) var(--space-3);background:#fef3c7;color:#92400e;border-radius:16px;font-size:.85rem;font-weight:500}.preview-actions{display:flex;gap:var(--space-3);justify-content:center;padding-top:var(--space-4);border-top:1px solid #e5e7eb}.send-to-chat-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--eduq-blue);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.send-to-chat-button:hover{background:var(--eduq-blue-hover);transform:translateY(-1px);box-shadow:0 4px 6px #06f3}.send-to-chat-button:active{transform:translateY(0)}.edit-regenerate-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:#fff;color:var(--eduq-blue);border:2px solid var(--eduq-blue);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-regenerate-button:hover{background:#f0f7ff;transform:translateY(-1px)}.edit-regenerate-button:active{transform:translateY(0)}@media (max-width: 600px){.preview-metadata{grid-template-columns:1fr}.preview-actions{flex-direction:column}.send-to-chat-button,.edit-regenerate-button{width:100%;justify-content:center}}.worksheet-illustration-preview{border-top:1px solid #e5e7eb;padding-top:var(--space-4);margin-top:var(--space-4)}.worksheet-illustration-preview .preview-subtitle{font-size:1rem;font-weight:600;color:#111827;margin-bottom:var(--space-3)}.worksheet-preview-content{background:#f8fafc;border-radius:8px;padding:var(--space-4);border:1px solid #e2e8f0}.placement-indicator{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:#e0f2fe;border-radius:6px;margin-bottom:var(--space-4);font-size:.9rem}.placement-label{font-weight:600;color:#0369a1}.size-label{font-weight:600;color:#0d9488}.worksheet-illustrations-display{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.worksheet-illustration-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.illustration-preview-container{display:flex;justify-content:center;align-items:center;min-height:120px;background:#f8fafc;border-radius:6px;padding:var(--space-3);border:1px solid #e2e8f0}.worksheet-illustration-svg{max-width:100%;height:auto}.illustration-preview-info{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-2);border-top:1px solid #f1f5f9}.illustration-preview-name{font-weight:600;color:#1e293b;font-size:.95rem}.illustration-preview-category{font-size:.85rem;color:#64748b;background:#f1f5f9;padding:.125rem .5rem;border-radius:12px}.placement-description{padding:var(--space-3);background:#f0f9ff;border-radius:6px;border-left:3px solid var(--eduq-blue)}.placement-description p{margin:0;font-size:.9rem;color:#0369a1;line-height:1.5}@media (max-width: 768px){.worksheet-illustrations-display{gap:var(--space-3)}.worksheet-illustration-item{padding:var(--space-2)}.illustration-preview-container{min-height:100px;padding:var(--space-2)}.placement-indicator{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}[data-theme=dark] .worksheet-preview-content{background:#1e293b;border-color:#334155}[data-theme=dark] .placement-indicator{background:#0c4a6e}[data-theme=dark] .placement-label{color:#7dd3fc}[data-theme=dark] .size-label{color:#5eead4}[data-theme=dark] .worksheet-illustration-item{background:#1e293b;border-color:#334155}[data-theme=dark] .illustration-preview-container{background:#0f172a;border-color:#334155}[data-theme=dark] .illustration-preview-name{color:#f1f5f9}[data-theme=dark] .illustration-preview-category{color:#cbd5e1;background:#334155}[data-theme=dark] .placement-description{background:#0c4a6e;border-left-color:var(--eduq-blue)}[data-theme=dark] .placement-description p{color:#bae6fd}.mastery-tooltip{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.625rem .75rem;background-color:var(--bg-secondary, #F9FAFB);border:1px solid var(--border-light, #E5E7EB);border-left:3px solid var(--eduq-cyan, #00D9B5);border-radius:.375rem;animation:mastery-tooltip-fade-in .3s ease}.mastery-tooltip__text{margin:0;font-size:.8125rem;line-height:1.4;color:var(--text-primary, #111827);flex:1}.mastery-tooltip__dismiss{flex-shrink:0;background:none;border:none;cursor:pointer;padding:.125rem .25rem;font-size:.875rem;color:var(--text-secondary, #6B7280);line-height:1;border-radius:.25rem}.mastery-tooltip__dismiss:hover{color:var(--text-primary, #111827);background-color:var(--bg-tertiary, #F3F4F6)}.mastery-tooltip__dismiss:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}@keyframes mastery-tooltip-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.mastery-tooltip{animation:none}}[data-theme=dark] .mastery-tooltip{background-color:var(--color-background-secondary, #1F2937);border-color:var(--color-border, #374151);border-left-color:var(--eduq-cyan, #00D9B5)}[data-theme=dark] .mastery-tooltip__text{color:var(--text-inverse, #F9FAFB)}.floating-window .floating-worksheet-generator{padding:var(--fw-compact-padding);gap:var(--fw-compact-gap)}.floating-window .floating-worksheet-generator .form-group{margin-bottom:var(--fw-compact-gap)}.floating-window .floating-worksheet-generator .tab-content{padding:var(--fw-compact-padding)}.floating-window .floating-worksheet-generator .generate-button,.floating-window .floating-worksheet-generator .reset-button,.floating-window .floating-worksheet-generator .send-to-chat-button,.floating-window .floating-worksheet-generator .edit-regenerate-button{padding:var(--fw-compact-button-padding);min-height:var(--fw-compact-button-height);font-size:var(--font-size-sm, .875rem)}.floating-window .floating-worksheet-generator .tab-button{padding:.375rem .75rem;font-size:var(--font-size-sm, .875rem)}.worksheet-preview-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.worksheet-preview-panel__warning{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:#f59e0b26;border-left:4px solid var(--color-warning);border-radius:var(--radius-sm, 4px);flex-shrink:0}.worksheet-preview-panel__warning-icon{font-size:1.25rem;line-height:1.4}.worksheet-preview-panel__warning-text{margin:0;font-size:var(--font-size-sm, .875rem);color:var(--color-warning-dark, #92400e);line-height:1.5}.worksheet-preview-panel__metadata{flex-shrink:0;padding:var(--space-md);border-bottom:1px solid var(--color-border);background-color:var(--color-background, #ffffff);position:sticky;top:0;z-index:1}.worksheet-preview-panel__title{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-primary)}.worksheet-preview-panel__metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm)}.worksheet-preview-panel__metadata-item{display:flex;flex-direction:column;gap:var(--space-xs)}.worksheet-preview-panel__metadata-label{font-size:var(--font-size-xs, .75rem);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.worksheet-preview-panel__metadata-value{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-text-primary)}.worksheet-preview-panel__mastery{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-sm, 4px);font-size:var(--font-size-sm, .875rem);color:var(--color-primary);font-weight:500}.worksheet-preview-panel__mastery-icon{font-size:1rem}.worksheet-preview-panel__mastery-text{line-height:1.4}.worksheet-preview-panel__questions{flex:1;overflow-y:auto;padding:var(--space-md)}.worksheet-preview-panel__section-title{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-base, 1rem);font-weight:600;color:var(--color-text-primary)}.worksheet-preview-panel__question-list{margin:0;padding-left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);list-style-type:decimal}.worksheet-preview-panel__question{padding:var(--space-sm);background-color:var(--color-gray-50, #f9fafb);border-radius:var(--radius-sm, 4px)}.worksheet-preview-panel__question-text{font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary);line-height:1.5}.worksheet-preview-panel__question-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:none;color:var(--color-primary);font-size:var(--font-size-xs, .75rem);font-weight:500;cursor:pointer;border-radius:var(--radius-sm, 4px);transition:background-color .15s ease}.worksheet-preview-panel__question-toggle:hover{background-color:var(--color-primary-light)}.worksheet-preview-panel__question-toggle:focus{outline:2px solid var(--color-border-focus, var(--color-primary));outline-offset:2px}.worksheet-preview-panel__answer{margin-top:var(--space-xs);padding:var(--space-sm);background-color:var(--color-background, #ffffff);border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border);font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary)}.worksheet-preview-panel__answer-text{margin:0;line-height:1.5}.worksheet-preview-panel__steps{margin-top:var(--space-xs)}.worksheet-preview-panel__steps-list{margin:var(--space-xs) 0 0;padding-left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm, .875rem);line-height:1.5}.worksheet-preview-panel__error{flex-shrink:0;padding:var(--space-sm) var(--space-md);background-color:var(--color-danger-light, #fee2e2);border:1px solid var(--color-danger);border-radius:var(--radius-sm, 4px);color:var(--color-danger);font-size:var(--font-size-sm, .875rem);margin:0 var(--space-md)}.worksheet-preview-panel__actions{flex-shrink:0;display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);background-color:var(--color-background, #ffffff);position:sticky;bottom:0;z-index:1}.worksheet-preview-panel__btn--send{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.625rem 1rem;background-color:var(--color-primary);color:var(--color-white, #ffffff);border:none;border-radius:var(--radius-md, 6px);font-size:var(--font-size-sm, .875rem);font-weight:600;cursor:pointer;transition:background-color .2s ease}.worksheet-preview-panel__btn--send:hover{background-color:var(--color-primary-hover)}.worksheet-preview-panel__btn--send:active{background-color:var(--color-primary-active)}.worksheet-preview-panel__btn--send:focus{outline:2px solid var(--color-border-focus, var(--color-primary));outline-offset:2px}.worksheet-preview-panel__btn--regenerate{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.625rem 1rem;background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md, 6px);font-size:var(--font-size-sm, .875rem);font-weight:600;cursor:pointer;transition:all .2s ease}.worksheet-preview-panel__btn--regenerate:hover{background-color:var(--color-primary);color:var(--color-white, #ffffff)}.worksheet-preview-panel__btn--regenerate:focus{outline:2px solid var(--color-border-focus, var(--color-primary));outline-offset:2px}.worksheet-preview-panel__btn--download{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.625rem 1rem;background-color:var(--color-secondary);color:var(--color-white, #ffffff);border:none;border-radius:var(--radius-md, 6px);font-size:var(--font-size-sm, .875rem);font-weight:600;cursor:pointer;transition:background-color .2s ease}.worksheet-preview-panel__btn--download:hover{background-color:var(--color-secondary-hover)}.worksheet-preview-panel__btn--download:active{background-color:var(--color-secondary-active)}.worksheet-preview-panel__btn--download:focus{outline:2px solid var(--color-border-focus, var(--color-primary));outline-offset:2px}@media (max-width: 600px){.worksheet-preview-panel__metadata-grid{grid-template-columns:1fr}.worksheet-preview-panel__actions{flex-direction:column}.worksheet-preview-panel__btn--send,.worksheet-preview-panel__btn--regenerate,.worksheet-preview-panel__btn--download{width:100%}}@media (prefers-reduced-motion: reduce){.worksheet-preview-panel__question-toggle,.worksheet-preview-panel__btn--send,.worksheet-preview-panel__btn--regenerate,.worksheet-preview-panel__btn--download{transition:none}}[data-theme=dark] .worksheet-preview-panel__metadata{background-color:var(--color-background-secondary)}[data-theme=dark] .worksheet-preview-panel__question{background-color:var(--color-gray-800, #1f2937)}[data-theme=dark] .worksheet-preview-panel__answer{background-color:var(--color-gray-700, #374151);border-color:var(--color-gray-600, #4b5563)}[data-theme=dark] .worksheet-preview-panel__actions{background-color:var(--color-background-secondary)}[data-theme=dark] .worksheet-preview-panel__warning{background-color:#f59e0b1a}.layout-style-selector{width:100%}.layout-style-helper{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm);background-color:var(--color-background-secondary);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs);line-height:1.5}.helper-icon{font-size:1rem;flex-shrink:0;margin-top:.125rem}.helper-text{flex:1}.form-select option:disabled{color:var(--color-text-disabled);font-style:italic}.layout-style-selector .form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}[data-theme=dark] .layout-style-helper{background-color:var(--color-background-secondary);border-left-color:var(--color-primary);color:var(--color-text-secondary)}[data-theme=dark] .layout-style-selector .form-select{background-color:var(--color-background-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .layout-style-selector .form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .form-select option:disabled{color:var(--color-text-disabled)}@media (max-width: 768px){.layout-style-helper{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.helper-icon{font-size:.875rem}}.topic-autocomplete{position:relative;width:100%}.topic-autocomplete__input{width:100%}.topic-autocomplete__list{position:absolute;top:100%;left:0;right:0;z-index:10;margin:.25rem 0 0;padding:0;list-style:none;background-color:var(--bg-primary, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:.5rem;box-shadow:0 4px 6px #0000001a;max-height:260px;overflow-y:auto}.topic-autocomplete__option{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;cursor:pointer;transition:background-color .15s ease;gap:.5rem}.topic-autocomplete__option:hover,.topic-autocomplete__option--active,.topic-autocomplete__option[aria-selected=true]{background-color:var(--bg-tertiary, #f3f4f6)}.topic-autocomplete__topic-name{font-size:.875rem;color:var(--text-primary, #111827);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-autocomplete__curriculum-tag{font-size:.75rem;color:var(--text-secondary, #6b7280);background-color:var(--bg-secondary, #f9fafb);border:1px solid var(--border-light, #e5e7eb);border-radius:.25rem;padding:.125rem .375rem;white-space:nowrap;flex-shrink:0}.topic-autocomplete__empty{position:absolute;top:100%;left:0;right:0;z-index:10;margin:.25rem 0 0;padding:.625rem .75rem;background-color:var(--bg-primary, #ffffff);border:1px solid var(--border-light, #e5e7eb);border-radius:.5rem;box-shadow:0 4px 6px #0000001a;font-size:.875rem;color:var(--text-secondary, #6b7280);text-align:center}@media (prefers-reduced-motion: reduce){.topic-autocomplete__option{transition:none}}.question-style-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:.375rem}.question-style-tooltip__trigger{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.125rem;font-size:.875rem;line-height:1;border-radius:50%}.question-style-tooltip__trigger:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.question-style-tooltip__content{position:absolute;left:50%;bottom:calc(100% + .5rem);transform:translate(-50%);min-width:220px;max-width:300px;padding:.5rem .75rem;background-color:var(--bg-primary, #FFFFFF);border:1px solid var(--border-light, #E5E7EB);border-radius:.375rem;box-shadow:0 2px 8px #0000001f;font-size:.8125rem;line-height:1.4;color:var(--text-primary, #111827);white-space:normal;z-index:10;pointer-events:none;animation:question-style-tooltip-fade .15s ease}@keyframes question-style-tooltip-fade{0%{opacity:0;transform:translate(-50%) translateY(2px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (prefers-reduced-motion: reduce){.question-style-tooltip__content{animation:none}}[data-theme=dark] .question-style-tooltip__content{background-color:var(--color-background-secondary, #1F2937);border-color:var(--color-border, #374151);color:var(--text-inverse, #F9FAFB)}.reprint-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.reprint-modal{background:var(--bg-white, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.reprint-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-gray, #e5e7eb)}.reprint-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0}.reprint-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary, #6b7280);cursor:pointer;padding:.25rem;line-height:1;border-radius:var(--radius-sm, 4px);transition:color .2s,background-color .2s}.reprint-modal-close:hover:not(:disabled){color:var(--text-primary, #1f2937);background-color:var(--bg-gray-100, #f3f4f6)}.reprint-modal-close:disabled{opacity:.5;cursor:not-allowed}.reprint-modal-worksheet-info{padding:1rem 1.5rem;background-color:var(--bg-gray-50, #f9fafb);border-bottom:1px solid var(--border-gray, #e5e7eb);display:flex;flex-direction:column;gap:.25rem}.worksheet-title{font-weight:500;color:var(--text-primary, #1f2937)}.worksheet-reference{font-size:.875rem;color:var(--text-secondary, #6b7280);font-family:monospace}.reprint-modal-content{padding:2rem 1.5rem;flex:1;overflow-y:auto}.reprint-modal-loading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.loading-spinner-large{width:48px;height:48px;border:4px solid var(--border-gray, #e5e7eb);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}.reprint-modal-loading h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0}.reprint-modal-loading p{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0}.reprint-modal-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.success-icon{color:var(--color-success, #10b981)}.reprint-modal-success h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0}.reprint-modal-success p{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0}.download-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem}.btn-download{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;border:none}.btn-download:hover{transform:translateY(-1px)}.btn-download:active{transform:translateY(0)}.btn-download-student{background-color:var(--color-primary, #3b82f6);color:#fff}.btn-download-student:hover{background-color:var(--color-primary-dark, #2563eb)}.btn-download-answer{background-color:var(--color-secondary, #6366f1);color:#fff}.btn-download-answer:hover{background-color:var(--color-secondary-dark, #4f46e5)}.reprint-modal-error{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.error-icon{color:var(--color-warning, #f59e0b)}.reprint-modal-error h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0}.error-message{font-size:.875rem;color:var(--color-danger, #ef4444);margin:0;padding:.75rem 1rem;background-color:var(--bg-danger-light, #fef2f2);border-radius:var(--radius-md, 8px);width:100%}.regenerate-option{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-gray, #e5e7eb);width:100%}.regenerate-option p{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0}.btn-regenerate{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--color-success, #10b981);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-regenerate:hover{background-color:var(--color-success-dark, #059669)}.btn-retry{padding:.75rem 1.25rem;background-color:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-retry:hover{background-color:var(--color-primary-dark, #2563eb)}.reprint-modal-actions{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border-gray, #e5e7eb);background-color:var(--bg-gray-50, #f9fafb)}.btn-close{padding:.625rem 1.25rem;background-color:var(--bg-gray-200, #e5e7eb);color:var(--text-primary, #1f2937);border:none;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-close:hover:not(:disabled){background-color:var(--bg-gray-300, #d1d5db)}.btn-close:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.reprint-modal{max-width:100%;margin:.5rem;max-height:calc(100vh - 1rem)}.reprint-modal-header{padding:1rem}.reprint-modal-content{padding:1.5rem 1rem}.reprint-modal-actions{padding:.75rem 1rem}.download-buttons{gap:.5rem}.btn-download{padding:.75rem 1rem;font-size:.875rem}}.search-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px;color:var(--text-secondary, #6b7280)}.search-empty-state__content{max-width:400px;margin-bottom:24px}.search-empty-state__icon{font-size:48px;margin-bottom:16px;opacity:.8}.search-empty-state__title{font-size:20px;font-weight:600;color:var(--text-primary, #111827);margin:0 0 12px;line-height:1.3}.search-empty-state__message{font-size:16px;line-height:1.5;color:var(--text-secondary, #6b7280);margin:0 0 24px}.search-empty-state__suggestions{text-align:left;margin-top:24px}.search-empty-state__suggestions-title{font-size:14px;font-weight:600;color:var(--text-primary, #111827);margin:0 0 12px}.search-empty-state__suggestions-list{list-style:none;padding:0;margin:0}.search-empty-state__suggestion{padding:8px 12px;margin-bottom:4px;background-color:var(--bg-gray-50, #f9fafb);border:1px solid var(--border-light, #e5e7eb);border-radius:6px;font-size:14px;color:var(--text-secondary, #6b7280);transition:all .2s ease;cursor:default}.search-empty-state__suggestion[role=button]{cursor:pointer}.search-empty-state__suggestion[role=button]:hover{background-color:var(--bg-gray-100, #f3f4f6);border-color:var(--border-gray, #d1d5db);color:var(--text-primary, #111827)}.search-empty-state__suggestion[role=button]:focus{outline:2px solid var(--primary, #3b82f6);outline-offset:2px;background-color:var(--bg-gray-100, #f3f4f6);border-color:var(--primary, #3b82f6)}.search-empty-state__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.search-empty-state__action-btn{padding:10px 20px;border:1px solid;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.search-empty-state__action-btn--primary{background-color:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6);color:#fff}.search-empty-state__action-btn--primary:hover{background-color:var(--primary-dark, #2563eb);border-color:var(--primary-dark, #2563eb)}.search-empty-state__action-btn--primary:focus{outline:2px solid var(--primary, #3b82f6);outline-offset:2px}.search-empty-state__action-btn--secondary{background-color:transparent;border-color:var(--border-gray, #d1d5db);color:var(--text-secondary, #6b7280)}.search-empty-state__action-btn--secondary:hover{background-color:var(--bg-gray-50, #f9fafb);border-color:var(--border-gray-dark, #9ca3af);color:var(--text-primary, #111827)}.search-empty-state__action-btn--secondary:focus{outline:2px solid var(--primary, #3b82f6);outline-offset:2px;border-color:var(--primary, #3b82f6)}.search-empty-state--no_results .search-empty-state__icon{color:var(--text-secondary, #6b7280)}.search-empty-state--no_worksheets .search-empty-state__icon{color:var(--info, #3b82f6)}.search-empty-state--error_fallback .search-empty-state__icon{color:var(--warning, #f59e0b)}.search-empty-state--loading_failed .search-empty-state__icon{color:var(--error, #ef4444)}@media (max-width: 768px){.search-empty-state{padding:32px 16px;min-height:250px}.search-empty-state__icon{font-size:40px;margin-bottom:12px}.search-empty-state__title{font-size:18px;margin-bottom:8px}.search-empty-state__message{font-size:14px;margin-bottom:20px}.search-empty-state__content{margin-bottom:20px}.search-empty-state__actions{flex-direction:column;width:100%;max-width:280px}.search-empty-state__action-btn{width:100%;min-width:auto}.search-empty-state__suggestions{margin-top:20px}.search-empty-state__suggestion{padding:10px 12px;font-size:13px}}@media (max-width: 1024px) and (min-width: 769px){.search-empty-state{padding:40px 20px}.search-empty-state__actions{gap:8px}.search-empty-state__action-btn{min-width:100px;padding:8px 16px}}@media (prefers-reduced-motion: reduce){.search-empty-state__suggestion,.search-empty-state__action-btn{transition:none}}@media (prefers-contrast: high){.search-empty-state__suggestion,.search-empty-state__action-btn{border-width:2px}.search-empty-state__suggestion[role=button]:focus,.search-empty-state__action-btn:focus{outline-width:3px}}@media (prefers-color-scheme: dark){.search-empty-state{--text-primary: #f9fafb;--text-secondary: #d1d5db;--bg-gray-50: #374151;--bg-gray-100: #4b5563;--border-light: #4b5563;--border-gray: #6b7280;--border-gray-dark: #9ca3af;--primary: #60a5fa;--primary-dark: #3b82f6;--info: #60a5fa;--warning: #fbbf24;--error: #f87171}.search-empty-state__action-btn--primary,.search-empty-state__action-btn--primary:hover{color:#1f2937}}@media print{.search-empty-state{break-inside:avoid;page-break-inside:avoid}.search-empty-state__actions{display:none}}.search-error-message{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;margin:12px 0;border-radius:8px;border:1px solid;background-color:var(--error-bg, #fef2f2);border-color:var(--error-border, #fecaca);color:var(--error-text, #991b1b);font-size:14px;line-height:1.5;box-shadow:0 1px 3px #0000001a}.search-error-message__content{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.search-error-message__icon{font-size:18px;flex-shrink:0;margin-top:1px}.search-error-message__text{flex:1;min-width:0}.search-error-message__main{font-weight:500;margin-bottom:8px}.search-error-message__suggestions{margin-top:12px}.search-error-message__suggestions-title{font-weight:500;margin-bottom:6px;font-size:13px}.search-error-message__suggestions-list{margin:0;padding-left:16px;list-style-type:disc}.search-error-message__suggestion{margin-bottom:4px;font-size:13px;opacity:.9}.search-error-message__actions{display:flex;align-items:flex-start;gap:8px;flex-shrink:0;margin-left:12px}.search-error-message__retry-btn,.search-error-message__dismiss-btn{padding:6px 12px;border:1px solid;border-radius:4px;background:transparent;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;white-space:nowrap}.search-error-message__retry-btn{border-color:currentColor;color:inherit}.search-error-message__retry-btn:hover{background-color:#0000000d}.search-error-message__retry-btn:focus{outline:2px solid currentColor;outline-offset:2px}.search-error-message__dismiss-btn{border-color:transparent;color:inherit;opacity:.7;padding:4px 8px;min-width:28px;display:flex;align-items:center;justify-content:center}.search-error-message__dismiss-btn:hover{opacity:1;background-color:#0000000d}.search-error-message__dismiss-btn:focus{outline:2px solid currentColor;outline-offset:2px;opacity:1}.search-error-message--network{background-color:var(--warning-bg, #fef3c7);border-color:var(--warning-border, #fcd34d);color:var(--warning-text, #92400e)}.search-error-message--server{background-color:var(--error-bg, #fef2f2);border-color:var(--error-border, #fecaca);color:var(--error-text, #991b1b)}.search-error-message--client,.search-error-message--validation{background-color:var(--info-bg, #eff6ff);border-color:var(--info-border, #bfdbfe);color:var(--info-text, #1e40af)}.search-error-message--data{background-color:var(--warning-bg, #fef3c7);border-color:var(--warning-border, #fcd34d);color:var(--warning-text, #92400e)}.search-error-message--compact{padding:12px;margin:8px 0}.search-error-message--compact .search-error-message__main{margin-bottom:0}.search-error-message--compact .search-error-message__suggestions{display:none}.search-error-message--compact .search-error-message__actions{margin-left:8px}@media (max-width: 768px){.search-error-message{flex-direction:column;gap:12px}.search-error-message__actions{margin-left:0;align-self:stretch;justify-content:flex-end}.search-error-message__retry-btn{flex:1;max-width:120px}.search-error-message__suggestions-list{padding-left:12px}}@media (prefers-contrast: high){.search-error-message,.search-error-message__retry-btn,.search-error-message__dismiss-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.search-error-message__retry-btn,.search-error-message__dismiss-btn{transition:none}}@media (prefers-color-scheme: dark){.search-error-message{--error-bg: #7f1d1d;--error-border: #991b1b;--error-text: #fecaca;--warning-bg: #78350f;--warning-border: #92400e;--warning-text: #fcd34d;--info-bg: #1e3a8a;--info-border: #1e40af;--info-text: #bfdbfe}.search-error-message__retry-btn:hover,.search-error-message__dismiss-btn:hover{background-color:#ffffff1a}}.filter-panel{background:#fff;border-radius:8px;padding:16px}.filter-panel.desktop{border:1px solid #e0e0e0;max-width:280px;height:fit-content;position:sticky;top:20px}.filter-panel.mobile{position:fixed;bottom:0;left:0;right:0;max-height:80vh;overflow-y:auto;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;z-index:1000;animation:slideUp .3s ease}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e0e0e0}.filter-panel-title{font-size:18px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:8px}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#1976d2;color:#fff;font-size:12px;font-weight:600;border-radius:10px}.filter-clear-all{background:none;border:none;color:#1976d2;font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.filter-clear-all:hover{background:#e3f2fd}.filter-clear-all:focus{outline:2px solid #1976d2;outline-offset:2px}.filter-section{margin-bottom:16px;border-bottom:1px solid #f5f5f5}.filter-section:last-child{border-bottom:none;margin-bottom:0}.filter-section-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:12px 0;cursor:pointer;text-align:left;transition:all .2s ease}.filter-section-header:hover{background:#f5f5f5;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px;border-radius:4px}.filter-section-header:focus{outline:2px solid #1976d2;outline-offset:2px;border-radius:4px}.filter-section-title{font-size:15px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.filter-active-indicator{color:#1976d2;font-size:20px;line-height:1}.filter-section-toggle{font-size:12px;color:#757575;transition:transform .2s ease}.filter-section-toggle.expanded{transform:rotate(180deg)}.filter-section-content{padding:8px 0 16px;animation:expandSection .2s ease}@keyframes expandSection{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-option{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:4px;transition:background .15s ease;min-height:40px}.filter-option:hover{background:#f5f5f5}.filter-option input[type=radio],.filter-option input[type=checkbox]{margin:0 12px 0 0;cursor:pointer;width:18px;height:18px;flex-shrink:0}.filter-option input[type=radio]:focus,.filter-option input[type=checkbox]:focus{outline:2px solid #1976d2;outline-offset:2px}.filter-option span{font-size:14px;color:#333;flex:1}.filter-option-label{display:flex;justify-content:space-between;align-items:center;width:100%}.filter-option-name{flex:1}.filter-option-count{color:#757575;font-size:13px;margin-left:8px;background:#f5f5f5;padding:2px 8px;border-radius:12px;min-width:24px;text-align:center}.filter-empty{padding:16px;text-align:center;color:#757575;font-size:14px;font-style:italic}.custom-date-picker{margin-top:12px;padding:12px;background:#f9f9f9;border-radius:6px;display:flex;flex-direction:column;gap:12px}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-label{font-size:13px;font-weight:500;color:#555}.date-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;color:#333;background:#fff;transition:all .2s ease}.date-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.date-error{padding:8px 12px;background:#ffebee;color:#c62828;font-size:13px;border-radius:4px;border-left:3px solid #c62828}@media (max-width: 768px){.filter-panel.mobile{padding:20px}.filter-panel-header{margin-bottom:20px;padding-bottom:16px}.filter-panel-title{font-size:20px}.filter-section{margin-bottom:20px}.filter-option{padding:14px 12px;min-height:44px;border-radius:8px}.filter-option input[type=radio],.filter-option input[type=checkbox]{width:22px;height:22px;margin-right:16px}.filter-option span{font-size:16px}.filter-section-header{padding:16px 0;min-height:44px}.filter-section-title{font-size:17px}.custom-date-picker{padding:16px}.date-input{padding:14px 16px;font-size:16px;min-height:44px}.filter-clear-all{padding:8px 16px;min-height:44px;font-size:16px}}@media (min-width: 769px) and (max-width: 1024px){.filter-panel.desktop{max-width:260px}}@media (min-width: 1025px){.filter-panel.desktop{max-width:320px;padding:20px}.filter-panel-header{margin-bottom:20px;padding-bottom:16px}.filter-panel-title{font-size:19px}.filter-section{margin-bottom:18px}.filter-section-header{padding:14px 0}.filter-section-title{font-size:16px}.filter-option{padding:10px 12px;border-radius:6px}.filter-option span{font-size:15px}.custom-date-picker{padding:16px}.date-input{padding:10px 14px}}@media (hover: hover) and (pointer: fine){.filter-panel.desktop{transition:all .2s ease}.filter-panel.desktop:hover{box-shadow:0 4px 12px #0000001a}.filter-section-header:hover{background:#f8f9fa;padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px;border-radius:6px}.filter-option:hover{background:#f8f9fa;transform:translate(2px)}.filter-clear-all:hover{background:#e3f2fd;transform:scale(1.02)}.date-input:hover{border-color:#1976d2;box-shadow:0 0 0 1px #1976d21a}.filter-section-header,.filter-option,.filter-clear-all,.date-input{transition:all .15s ease}}@media (prefers-contrast: high){.filter-panel{border-width:2px}.filter-section-header:focus{outline-width:3px}.filter-option input:focus{outline-width:3px}}@media (prefers-reduced-motion: reduce){.filter-panel.mobile,.filter-section-content,.filter-section-toggle,.filter-option,.filter-clear-all,.date-input{animation:none;transition:none}}@media (prefers-color-scheme: dark){.filter-panel{background:#1e1e1e;border-color:#333}.filter-panel-title,.filter-section-title,.filter-option span,.date-label{color:#e0e0e0}.filter-section-header:hover,.filter-option:hover,.custom-date-picker{background:#2a2a2a}.date-input{background:#1e1e1e;border-color:#444;color:#e0e0e0}.filter-option-count{background:#2a2a2a;color:#9e9e9e}}.filter-panel-mobile__overlay{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .3s ease}.filter-panel-mobile{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;z-index:1001;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.filter-panel-mobile__handle{width:40px;height:4px;background:#e0e0e0;border-radius:2px;margin:12px auto 8px;cursor:grab;touch-action:none;transition:background .2s ease}.filter-panel-mobile__handle:active{cursor:grabbing;background:#bdbdbd}.filter-panel-mobile__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.filter-panel-mobile__title{font-size:20px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:12px}.filter-panel-mobile__count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#1976d2;color:#fff;font-size:14px;font-weight:600;border-radius:12px}.filter-panel-mobile__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f5f5f5;border:none;border-radius:22px;color:#666;font-size:18px;cursor:pointer;transition:all .2s ease}.filter-panel-mobile__close:hover{background:#e0e0e0;color:#333}.filter-panel-mobile__close:active{transform:scale(.95)}.filter-panel-mobile__close:focus{outline:2px solid #1976d2;outline-offset:2px}.filter-panel-mobile__content{flex:1;overflow-y:auto;padding:0 20px 20px;-webkit-overflow-scrolling:touch}.filter-panel-mobile .filter-panel{background:transparent;border:none;border-radius:0;padding:0;max-width:none;position:static}.filter-panel-mobile .filter-panel-header{display:none}.filter-panel-mobile .filter-section{margin-bottom:24px}.filter-panel-mobile .filter-section:last-child{margin-bottom:0}.filter-panel-mobile .filter-section-header{padding:16px 0;min-height:44px}.filter-panel-mobile .filter-section-title{font-size:17px}.filter-panel-mobile .filter-option{padding:14px 12px;min-height:44px;border-radius:8px}.filter-panel-mobile .filter-option input[type=radio],.filter-panel-mobile .filter-option input[type=checkbox]{width:22px;height:22px;margin-right:16px}.filter-panel-mobile .filter-option span{font-size:16px}.filter-panel-mobile .filter-option-count{font-size:14px;padding:4px 10px}.filter-panel-mobile .custom-date-picker{padding:16px;margin-top:16px}.filter-panel-mobile .date-input{padding:14px 16px;font-size:16px;min-height:44px}.filter-panel-mobile .filter-clear-all{padding:8px 16px;min-height:44px;font-size:16px}@media (max-width: 480px){.filter-panel-mobile{max-height:90vh}.filter-panel-mobile__header{padding:14px 16px}.filter-panel-mobile__title{font-size:18px}.filter-panel-mobile__content{padding:0 16px 16px}.filter-panel-mobile .filter-section{margin-bottom:20px}.filter-panel-mobile .filter-option{padding:16px 12px}}@media (max-height: 500px) and (orientation: landscape){.filter-panel-mobile{max-height:95vh}.filter-panel-mobile__header{padding:12px 20px}.filter-panel-mobile__title{font-size:18px}.filter-panel-mobile .filter-section{margin-bottom:16px}.filter-panel-mobile .filter-option{padding:10px 12px;min-height:40px}}@media (prefers-contrast: high){.filter-panel-mobile{border:2px solid #000}.filter-panel-mobile__close:focus{outline-width:3px}.filter-panel-mobile .filter-option input:focus{outline-width:3px}}@media (prefers-reduced-motion: reduce){.filter-panel-mobile,.filter-panel-mobile__overlay,.filter-panel-mobile__handle,.filter-panel-mobile__close{animation:none;transition:none}}@media (prefers-color-scheme: dark){.filter-panel-mobile{background:#1e1e1e;border-color:#333}.filter-panel-mobile__handle{background:#444}.filter-panel-mobile__handle:active{background:#555}.filter-panel-mobile__header{border-bottom-color:#333}.filter-panel-mobile__title{color:#e0e0e0}.filter-panel-mobile__close{background:#2a2a2a;color:#e0e0e0}.filter-panel-mobile__close:hover{background:#333}}@supports (padding: max(0px)){.filter-panel-mobile{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.filter-trigger-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;min-height:44px;min-width:44px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.filter-trigger-button:hover{background:#f5f5f5;border-color:#ccc;color:#333}.filter-trigger-button:active{transform:scale(.98)}.filter-trigger-button:focus{outline:2px solid #1976d2;outline-offset:2px}.filter-trigger-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.filter-trigger-button:disabled:hover{background:#fff;border-color:#e0e0e0;color:#666}.filter-trigger-button.has-filters{background:#e3f2fd;border-color:#1976d2;color:#1976d2}.filter-trigger-button.has-filters:hover{background:#bbdefb;border-color:#1565c0;color:#1565c0}.filter-trigger-button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.filter-trigger-button__icon svg{width:18px;height:18px}.filter-trigger-button__text{white-space:nowrap}.filter-trigger-button__badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#1976d2;color:#fff;font-size:12px;font-weight:600;border-radius:10px;margin-left:4px}.filter-trigger-button.has-filters .filter-trigger-button__badge{background:#1565c0}@media (max-width: 480px){.filter-trigger-button{padding:10px 12px;font-size:13px}.filter-trigger-button__icon svg{width:16px;height:16px}.filter-trigger-button__badge{min-width:18px;height:18px;font-size:11px}}@media (max-width: 360px){.filter-trigger-button__text{display:none}.filter-trigger-button{padding:12px;min-width:44px}.filter-trigger-button__badge{position:absolute;top:-6px;right:-6px;margin-left:0}}@media (prefers-contrast: high){.filter-trigger-button{border-width:3px}.filter-trigger-button:focus{outline-width:3px}}@media (prefers-reduced-motion: reduce){.filter-trigger-button{transition:none}}@media (prefers-color-scheme: dark){.filter-trigger-button{background:#1e1e1e;border-color:#444;color:#e0e0e0}.filter-trigger-button:hover{background:#2a2a2a;border-color:#555}.filter-trigger-button.has-filters{background:#1a237e;border-color:#3f51b5;color:#bbdefb}.filter-trigger-button.has-filters:hover{background:#283593;border-color:#5c6bc0}}.help-tooltip-container{position:relative;display:inline-block}.help-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center}.help-tooltip-trigger.clickable{cursor:pointer;border-radius:50%;transition:background-color .2s ease}.help-tooltip-trigger.clickable:hover,.help-tooltip-trigger.clickable:focus{background-color:#0000001a;outline:none}.help-icon{font-size:14px;color:#666;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f0f0f0;border:1px solid #ddd;cursor:help;transition:all .2s ease}.help-icon:hover{background-color:#e0e0e0;border-color:#ccc}.help-tooltip-content{position:absolute;z-index:1000;background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;line-height:1.4;max-width:250px;word-wrap:break-word;box-shadow:0 2px 8px #0003;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.help-tooltip-content.position-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.help-tooltip-content.position-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.help-tooltip-content.position-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.help-tooltip-content.position-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.help-tooltip-arrow{position:absolute;width:0;height:0;border:6px solid transparent}.help-tooltip-arrow.arrow-top{top:100%;left:50%;transform:translate(-50%);border-top-color:#333;border-bottom:none}.help-tooltip-arrow.arrow-bottom{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:#333;border-top:none}.help-tooltip-arrow.arrow-left{left:100%;top:50%;transform:translateY(-50%);border-left-color:#333;border-right:none}.help-tooltip-arrow.arrow-right{right:100%;top:50%;transform:translateY(-50%);border-right-color:#333;border-left:none}@media (max-width: 767px){.help-tooltip-content{max-width:200px;font-size:12px;padding:6px 10px}.help-icon{width:24px;height:24px;font-size:16px}.help-tooltip-content.position-top{bottom:auto;top:calc(100% + 8px)}}@media (prefers-contrast: high){.help-tooltip-content{background:#000;border:2px solid #fff}.help-icon{background-color:#fff;border:2px solid #000;color:#000}}@media (prefers-reduced-motion: reduce){.help-tooltip-content{animation:none}.help-tooltip-trigger,.help-icon{transition:none}}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--text-secondary, #6b7280)}.search-loading--inline{flex-direction:row;padding:8px 0;gap:8px}.search-loading__message{margin-top:12px;font-size:14px;text-align:center;color:var(--text-secondary, #6b7280)}.search-loading__inline-message{font-size:14px;color:var(--text-secondary, #6b7280)}.search-loading--spinner{min-height:80px}.search-loading__spinner{width:40px;height:40px;position:relative}.search-loading--small .search-loading__spinner{width:24px;height:24px}.search-loading--large .search-loading__spinner{width:56px;height:56px}.search-loading__spinner-circle{width:100%;height:100%;border:3px solid var(--border-light, #e5e7eb);border-top:3px solid var(--primary, #3b82f6);border-radius:50%;animation:search-spinner-rotate 1s linear infinite}@keyframes search-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-loading__inline-spinner{display:flex;gap:4px;align-items:center}.search-loading__inline-dot{width:6px;height:6px;background-color:var(--primary, #3b82f6);border-radius:50%;animation:search-inline-bounce 1.4s ease-in-out infinite both}.search-loading__inline-dot:nth-child(1){animation-delay:-.32s}.search-loading__inline-dot:nth-child(2){animation-delay:-.16s}@keyframes search-inline-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.search-loading__pulse{display:flex;gap:8px;align-items:center}.search-loading__pulse-circle{width:12px;height:12px;background-color:var(--primary, #3b82f6);border-radius:50%;animation:search-pulse-scale 1.5s ease-in-out infinite}.search-loading--small .search-loading__pulse-circle{width:8px;height:8px}.search-loading__pulse-circle:nth-child(1){animation-delay:0s}.search-loading__pulse-circle:nth-child(2){animation-delay:.2s}.search-loading__pulse-circle:nth-child(3){animation-delay:.4s}@keyframes search-pulse-scale{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.search-loading--skeleton{padding:0;align-items:stretch;gap:16px}.search-loading__skeleton-item{padding:16px;border:1px solid var(--border-light, #e5e7eb);border-radius:8px;background-color:var(--bg-white, #ffffff)}.search-loading__skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.search-loading__skeleton-title{height:20px;background-color:var(--skeleton-bg, #f3f4f6);border-radius:4px;flex:1;max-width:60%;animation:search-skeleton-pulse 2s ease-in-out infinite}.search-loading__skeleton-meta{height:16px;width:80px;background-color:var(--skeleton-bg, #f3f4f6);border-radius:4px;animation:search-skeleton-pulse 2s ease-in-out infinite;animation-delay:.2s}.search-loading__skeleton-content{margin-bottom:16px}.search-loading__skeleton-line{height:14px;background-color:var(--skeleton-bg, #f3f4f6);border-radius:4px;margin-bottom:8px;animation:search-skeleton-pulse 2s ease-in-out infinite;animation-delay:.4s}.search-loading__skeleton-line--short{width:75%;animation-delay:.6s}.search-loading__skeleton-actions{display:flex;gap:8px;justify-content:flex-end}.search-loading__skeleton-button{height:32px;width:80px;background-color:var(--skeleton-bg, #f3f4f6);border-radius:4px;animation:search-skeleton-pulse 2s ease-in-out infinite;animation-delay:.8s}@keyframes search-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.search-loading--small{padding:12px;min-height:60px}.search-loading--small .search-loading__message{margin-top:8px;font-size:12px}.search-loading--large{padding:32px;min-height:120px}.search-loading--large .search-loading__message{margin-top:16px;font-size:16px}@media (max-width: 768px){.search-loading{padding:16px}.search-loading--large{padding:24px}.search-loading__skeleton-item{padding:12px}.search-loading__skeleton-header{flex-direction:column;gap:8px}.search-loading__skeleton-title{max-width:100%}.search-loading__skeleton-actions{justify-content:stretch}.search-loading__skeleton-button{flex:1}}@media (prefers-reduced-motion: reduce){.search-loading__spinner-circle,.search-loading__inline-dot,.search-loading__pulse-circle{animation:none}.search-loading__skeleton-title,.search-loading__skeleton-meta,.search-loading__skeleton-line,.search-loading__skeleton-button{animation:none;opacity:.7}}@media (prefers-color-scheme: dark){.search-loading{--text-secondary: #9ca3af;--border-light: #374151;--bg-white: #1f2937;--skeleton-bg: #374151;--primary: #60a5fa}.search-loading__spinner-circle{border-color:#374151;border-top-color:var(--primary)}}@media (prefers-contrast: high){.search-loading__spinner-circle{border-width:4px}.search-loading__inline-dot,.search-loading__pulse-circle{background-color:currentColor}}.result-list{width:100%;padding:1rem}.result-count{margin-bottom:1.5rem;font-size:.95rem;color:#666}.result-count strong{color:#333;font-weight:600}.result-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.virtual-scroll-container{width:100%;position:relative}.virtual-scroll-viewport{width:100%;height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.virtual-scroll-viewport::-webkit-scrollbar{width:8px}.virtual-scroll-viewport::-webkit-scrollbar-track{background:transparent}.virtual-scroll-viewport::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.virtual-scroll-viewport::-webkit-scrollbar-thumb:hover{background:#999}.result-items-virtual{padding:1rem}.result-items-virtual .worksheet-card{margin-bottom:1rem;width:calc(100% - 2rem);max-width:600px;margin-left:auto;margin-right:auto}@media (min-width: 1024px){.result-items{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}}@media (min-width: 1400px){.result-items{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2.5rem}}.worksheet-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;height:100%}.worksheet-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.worksheet-thumbnail{width:100%;height:150px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.worksheet-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.worksheet-thumbnail img.loaded{opacity:1}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.thumbnail-icon{font-size:3rem;opacity:.8}.worksheet-card-content{padding:1rem;display:flex;flex-direction:column;flex:1}.worksheet-title{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.worksheet-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.meta-item{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#f5f5f5;border-radius:4px;font-size:.85rem;color:#666}.meta-item.subject{background:#e3f2fd;color:#1976d2;font-weight:500}.meta-item.difficulty{background:#fff3e0;color:#f57c00}.meta-item.date{background:#f5f5f5;color:#666}.meta-item.count{background:#f3e5f5;color:#7b1fa2}.worksheet-preview{font-size:.9rem;color:#666;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.search-highlight{background:#ffeb3b;color:#333;padding:0 2px;border-radius:2px;font-weight:500}.worksheet-actions{display:flex;gap:.5rem;margin-top:auto}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.6rem .75rem;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#666;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}@media (hover: hover) and (pointer: fine){.worksheet-card{transition:all .2s ease}.worksheet-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.worksheet-card:hover .worksheet-thumbnail img{transform:scale(1.05)}.worksheet-card:hover .worksheet-title{color:#1976d2}.action-btn{transition:all .15s ease}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.action-btn-open:hover{background:#e3f2fd;border-color:#1976d2;color:#1976d2;box-shadow:0 2px 8px #1976d233}.action-btn-download:hover{background:#e8f5e9;border-color:#4caf50;color:#4caf50;box-shadow:0 2px 8px #4caf5033}.action-btn-share:hover{background:#fff3e0;border-color:#ff9800;color:#ff9800;box-shadow:0 2px 8px #ff980033}.load-more-btn:hover:not(:disabled){background:#1976d2;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.worksheet-thumbnail img{transition:transform .3s ease}.worksheet-title{transition:color .2s ease}}.action-btn:active{transform:scale(.98)}.action-icon{font-size:1rem}.worksheet-card.skeleton{pointer-events:none}.skeleton-thumbnail{width:100%;height:150px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-title{height:1.5rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:.75rem}.skeleton-meta{display:flex;gap:.5rem;margin-bottom:.75rem}.skeleton-meta-item{width:80px;height:1.5rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-preview{height:4rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:1rem}.skeleton-actions{display:flex;gap:.5rem}.skeleton-button{flex:1;height:2.5rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:6px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.result-list-empty{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-title{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 .5rem}.empty-message{font-size:1rem;color:#666;max-width:400px;margin:0 auto}.result-list-loading-more{margin-top:2rem}.load-more-container{display:flex;justify-content:center;margin-top:2rem;padding:1rem 0}.load-more-btn{padding:.75rem 2rem;background:#fff;border:2px solid #1976d2;border-radius:8px;color:#1976d2;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.load-more-btn:hover:not(:disabled){background:#1976d2;color:#fff}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.load-more-trigger{height:1px;visibility:hidden}@media (max-width: 768px){.result-list{padding:.75rem}.result-items{grid-template-columns:1fr;gap:1rem}.worksheet-card{flex-direction:column;height:auto}.worksheet-thumbnail{width:100%;height:140px;flex-shrink:0}.worksheet-card-content{padding:1.25rem}.worksheet-title{font-size:1.1rem;margin-bottom:1rem}.worksheet-meta{gap:.75rem;margin-bottom:1rem}.meta-item{padding:.4rem .75rem;font-size:.9rem}.worksheet-preview{font-size:.95rem;-webkit-line-clamp:2;margin-bottom:1.25rem}.worksheet-actions{gap:.75rem}.action-btn{padding:.75rem 1rem;font-size:.9rem;min-height:44px;border-radius:8px}.action-icon{font-size:1.1rem}}@media (max-width: 480px){.result-list{padding:.5rem}.result-items{gap:.75rem}.worksheet-card{border-radius:12px}.worksheet-thumbnail{height:120px;border-radius:12px 12px 0 0}.worksheet-card-content{padding:1rem}.worksheet-title{font-size:1rem}.worksheet-meta{gap:.5rem}.meta-item{padding:.3rem .6rem;font-size:.85rem}.worksheet-preview{font-size:.9rem}.worksheet-actions{flex-direction:column;gap:.5rem}.action-btn{width:100%;justify-content:center;padding:.875rem 1rem;min-height:44px}.result-count{font-size:.9rem;padding:0 .5rem}.load-more-btn{width:100%;padding:1rem;font-size:1rem}}.search-bar{position:relative;width:100%;max-width:600px;margin:0 auto}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:0 12px;transition:all .2s ease}.search-bar.focused .search-input-wrapper{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.search-icon{font-size:18px;color:#757575;margin-right:8px;flex-shrink:0}.search-input{flex:1;border:none;outline:none;padding:12px 8px;font-size:16px;color:#333;background:transparent;min-width:0}.search-input::placeholder{color:#9e9e9e}.search-clear-button{background:none;border:none;color:#757575;font-size:20px;cursor:pointer;padding:4px 8px;margin-left:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.search-clear-button:hover{background:#f5f5f5;color:#333}.search-clear-button:focus{outline:2px solid #1976d2;outline-offset:2px}.search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-suggestion-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f5f5f5}.search-suggestion-item:last-child{border-bottom:none}.search-suggestion-item:hover,.search-suggestion-item.selected{background:#f5f5f5}.search-suggestion-item.selected{background:#e3f2fd}.suggestion-icon{font-size:16px;color:#757575;margin-right:12px;flex-shrink:0}.suggestion-text{flex:1;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.search-bar{max-width:100%}.search-input{font-size:16px;padding:10px 8px}.search-input-wrapper{padding:0 10px}.search-suggestions{max-height:250px}.search-suggestion-item{padding:14px 16px;min-height:44px}}@media (min-width: 769px) and (max-width: 1024px){.search-bar{max-width:500px}}@media (min-width: 1025px){.search-bar{max-width:600px}}@media (prefers-contrast: high){.search-input-wrapper{border-width:3px}.search-bar.focused .search-input-wrapper{border-color:#000}}@media (prefers-reduced-motion: reduce){.search-input-wrapper,.search-clear-button,.search-suggestion-item{transition:none}.search-suggestions{animation:none}}.search-help-button{position:fixed;z-index:1000;display:flex;align-items:center;gap:8px;padding:12px;background:#007bff;color:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #007bff4d;cursor:pointer;transition:all .3s ease;font-size:16px;min-width:48px;min-height:48px}.search-help-button:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.search-help-button:focus{outline:2px solid #fff;outline-offset:2px}.search-help-button:active{transform:translateY(0)}.search-help-button.with-label{border-radius:24px;padding:12px 16px}.help-button-icon{font-size:18px;line-height:1}.help-button-label{font-size:14px;font-weight:600;white-space:nowrap}.search-help-button.position-top-left{top:20px;left:20px}.search-help-button.position-top-right{top:20px;right:20px}.search-help-button.position-bottom-left{bottom:20px;left:20px}.search-help-button.position-bottom-right{bottom:20px;right:20px}.search-help-button.position-top-center{top:20px;left:50%;transform:translate(-50%)}.search-help-button.position-bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.search-help-panel-container{position:fixed;z-index:1001;animation:panelSlideIn .3s ease-out}@keyframes panelSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.search-help-panel-container.position-top-left{top:80px;left:20px}.search-help-panel-container.position-top-right{top:80px;right:20px}.search-help-panel-container.position-bottom-left{bottom:80px;left:20px}.search-help-panel-container.position-bottom-right{bottom:80px;right:20px}.search-help-panel-container.position-top-center{top:80px;left:50%;transform:translate(-50%)}.search-help-panel-container.position-bottom-center{bottom:80px;left:50%;transform:translate(-50%)}.search-help-modal-overlay{position:fixed;inset:0;z-index:1001;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.search-help-modal{width:100%;max-width:500px;max-height:90vh;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.mobile-help-panel{border-radius:12px;max-height:none;height:100%}@media (max-width: 767px){.search-help-button{bottom:80px;right:16px;min-width:56px;min-height:56px;padding:16px}.search-help-button.position-bottom-right{bottom:80px;right:16px}.search-help-button.position-bottom-left{bottom:80px;left:16px}.search-help-button.position-bottom-center{bottom:80px}.help-button-icon{font-size:20px}.search-help-button.with-label .help-button-label{display:none}.search-help-modal-overlay{padding:0;align-items:flex-end}.search-help-modal{max-width:none;width:100%;max-height:85vh}.mobile-help-panel{border-radius:12px 12px 0 0}}@media (min-width: 768px) and (max-width: 1023px){.search-help-panel-container{max-width:90vw}.search-help-panel-container.position-top-center,.search-help-panel-container.position-bottom-center{left:50%;transform:translate(-50%)}}@media (prefers-contrast: high){.search-help-button{background:#000;border:2px solid #fff}.search-help-button:hover{background:#333}.search-help-modal-overlay{background:#000c}}@media (prefers-reduced-motion: reduce){.search-help-button{transition:none}.search-help-button:hover{transform:none}.search-help-panel-container,.search-help-modal-overlay,.search-help-modal{animation:none}}.search-help-button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (prefers-color-scheme: dark){.search-help-button{background:#0d6efd;box-shadow:0 2px 8px #0d6efd4d}.search-help-button:hover{background:#0b5ed7;box-shadow:0 4px 12px #0d6efd66}}.search-help-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.help-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.help-panel-title{margin:0;font-size:18px;font-weight:600;color:#333}.help-panel-close{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.help-panel-close:hover{background-color:#0000001a}.help-panel-content{flex:1;overflow-y:auto;padding:0}.help-section{border-bottom:1px solid #f0f0f0}.help-section:last-child{border-bottom:none}.help-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease}.help-section-header:hover{background-color:#f8f9fa}.help-section-header.expanded{background-color:#f0f8ff}.help-section-title{font-size:16px;font-weight:600;color:#333}.help-section-arrow{font-size:12px;color:#666;transition:transform .2s ease}.help-section-header.expanded .help-section-arrow{transform:rotate(0)}.help-section-content{padding:0 20px 20px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.help-section-description{margin:0 0 16px;color:#666;line-height:1.5}.help-examples{margin-bottom:20px}.help-example{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:8px;border-radius:6px;transition:background-color .2s ease}.help-example:hover{background-color:#f8f9fa}.help-example-query{background:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;padding:4px 8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.help-example-query:hover{background:#bbdefb;border-color:#90caf9}.help-example-query code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#1976d2}.help-example-description{color:#666;font-size:14px;line-height:1.4}.help-filter-group{margin-bottom:20px}.help-filter-title{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:600;color:#333}.help-filter-examples{margin:0;padding-left:20px}.help-filter-example{margin-bottom:6px;color:#666;font-size:14px;line-height:1.4}.help-sort-options{display:flex;flex-direction:column;gap:12px}.help-sort-option{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f8f9fa;border-radius:6px}.help-sort-option strong{color:#333;font-size:14px}.help-sort-option span{color:#666;font-size:13px}.help-actions{display:flex;flex-direction:column;gap:12px}.help-action{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8f9fa;border-radius:6px}.help-action-icon{font-size:20px;flex-shrink:0}.help-action-content{display:flex;flex-direction:column;gap:4px}.help-action-content strong{color:#333;font-size:14px}.help-action-content span{color:#666;font-size:13px}.help-tips{margin-top:20px;padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px}.help-tips-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#856404}.help-tips-list{margin:0;padding-left:20px}.help-tips-list li{margin-bottom:6px;color:#856404;font-size:13px;line-height:1.4}.help-panel-footer{padding:16px 20px;border-top:1px solid #e0e0e0;background:#f8f9fa}.help-footer-text{margin:0;font-size:13px;color:#666;text-align:center}@media (max-width: 767px){.search-help-panel{max-width:100%;max-height:90vh;border-radius:0;border:none}.help-panel-header,.help-section-content,.help-panel-footer,.help-section-header{padding-left:16px;padding-right:16px}.help-example{flex-direction:column;gap:8px}.help-example-query{align-self:flex-start}.help-action{flex-direction:column;gap:8px;text-align:center}.help-sort-options{gap:8px}}@media (prefers-contrast: high){.search-help-panel{border:2px solid #000}.help-section-header:hover,.help-section-header.expanded{background-color:#000;color:#fff}.help-example-query,.help-tips{background:#fff;border:2px solid #000}}@media (prefers-reduced-motion: reduce){.help-section-content{animation:none}.help-section-arrow,.help-example-query,.help-section-header{transition:none}}.sort-controls{display:flex;align-items:center;gap:12px;padding:12px 0}.sort-controls-label{font-size:14px;font-weight:500;color:#374151;white-space:nowrap}.sort-controls-dropdown{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.sort-select{flex:1;padding:8px 32px 8px 12px;font-size:14px;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;appearance:none;transition:all .2s ease}.sort-select:hover{border-color:#9ca3af}.sort-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sort-select-arrow{position:absolute;right:12px;pointer-events:none;color:#6b7280;font-size:12px;transition:transform .2s ease}.sort-select:focus+.sort-select-arrow{color:#3b82f6}.sort-controls-buttons{display:none;gap:8px}.sort-button{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:#6b7280;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sort-button:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.sort-button:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sort-button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.sort-button.active:hover{background-color:#2563eb;border-color:#2563eb}.sort-button-icon{font-size:16px;line-height:1}.sort-button-label{line-height:1}@media (min-width: 768px){.sort-controls{gap:16px}.sort-controls-dropdown{display:flex}.sort-controls-buttons{display:none}}@media (min-width: 1024px){.sort-controls-dropdown{display:none}.sort-controls-buttons{display:flex}}@media (prefers-color-scheme: dark){.sort-controls-label{color:#e5e7eb}.sort-select{color:#e5e7eb;background-color:#1f2937;border-color:#374151}.sort-select:hover{border-color:#4b5563}.sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.sort-select-arrow{color:#9ca3af}.sort-button{color:#9ca3af;background-color:#1f2937;border-color:#374151}.sort-button:hover{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.sort-button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.sort-button.active:hover{background-color:#2563eb;border-color:#2563eb}}@media (prefers-contrast: high){.sort-select,.sort-button{border-width:2px}.sort-button.active{border-width:3px}}@media (prefers-reduced-motion: reduce){.sort-select,.sort-button,.sort-select-arrow{transition:none}}.worksheet-search{display:flex;flex-direction:column;height:100%;background:var(--background-color, #ffffff);color:var(--text-color, #333333)}.search-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--header-background, #fafafa)}.search-bar-container{flex:1;display:flex;align-items:center;gap:.75rem}.search-controls{display:flex;align-items:center;gap:.75rem}.mobile-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:.375rem;background:var(--button-background, #ffffff);color:var(--button-text, #333333);font-size:.875rem;cursor:pointer;transition:all .2s ease;position:relative}.mobile-filter-toggle:hover{background:var(--button-hover-background, #f5f5f5);border-color:var(--button-hover-border, #d0d0d0)}.mobile-filter-toggle.has-filters{background:var(--primary-color, #007bff);color:#fff;border-color:var(--primary-color, #007bff)}.filter-icon{font-size:1rem}.filter-count-badge{background:#fff3;color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.refresh-button{padding:.5rem;border:1px solid var(--border-color, #e0e0e0);border-radius:.375rem;background:var(--button-background, #ffffff);color:var(--button-text, #333333);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover:not(:disabled){background:var(--button-hover-background, #f5f5f5);border-color:var(--button-hover-border, #d0d0d0)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{font-size:1rem;transition:transform .3s ease}.refresh-button:hover:not(:disabled) .refresh-icon{transform:rotate(180deg)}.search-content{flex:1;display:flex;overflow:hidden}.worksheet-search.desktop .search-content{gap:1rem}.filter-sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--border-color, #e0e0e0);background:var(--sidebar-background, #fafafa);overflow-y:auto}.results-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.worksheet-search.mobile .search-content{flex-direction:column}.worksheet-search.mobile .filter-sidebar{display:none}.mobile-sort-controls{padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--header-background, #fafafa)}.mobile-filter-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end}.mobile-filter-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(2px)}.mobile-filter-content{position:relative;width:100%;max-height:80vh;background:var(--modal-background, #ffffff);border-radius:1rem 1rem 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-filter-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.mobile-filter-header h3{margin:0;font-size:1.125rem;font-weight:600}.mobile-filter-close{padding:.25rem;border:none;background:none;font-size:1.25rem;cursor:pointer;color:var(--text-secondary, #666666);border-radius:.25rem;transition:background-color .2s ease}.mobile-filter-close:hover{background:var(--button-hover-background, #f5f5f5)}.mobile-filter-body{flex:1;overflow-y:auto;padding:0}.mobile-filter-footer{padding:1rem;border-top:1px solid var(--border-color, #e0e0e0)}.mobile-filter-apply{width:100%;padding:.75rem;border:none;border-radius:.5rem;background:var(--primary-color, #007bff);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.mobile-filter-apply:hover{background:var(--primary-hover-color, #0056b3)}.mobile-quick-actions{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:100}.quick-action-button{width:3rem;height:3rem;border:none;border-radius:50%;background:var(--primary-color, #007bff);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .2s ease}.quick-action-button:hover{background:var(--primary-hover-color, #0056b3);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.quick-action-button.clear-search{background:var(--warning-color, #ffc107)}.quick-action-button.clear-search:hover{background:var(--warning-hover-color, #e0a800)}.quick-action-button.clear-filters{background:var(--secondary-color, #6c757d)}.quick-action-button.clear-filters:hover{background:var(--secondary-hover-color, #545b62)}.action-icon{font-size:1.25rem}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.search-loading p{margin:0;color:var(--text-secondary, #666666);font-size:.875rem}@media (max-width: 767px){.search-header{padding:.75rem;gap:.75rem}.search-bar-container{gap:.5rem}.mobile-filter-toggle{padding:.5rem;font-size:.8125rem;white-space:nowrap}.mobile-sort-controls{padding:.5rem .75rem}}@media (max-width: 480px){.search-header{padding:.5rem}.mobile-filter-toggle{padding:.375rem .5rem}.mobile-filter-content{max-height:90vh}.mobile-quick-actions{bottom:.75rem;right:.75rem}.quick-action-button{width:2.5rem;height:2.5rem}.action-icon{font-size:1rem}}@media (prefers-contrast: high){.worksheet-search{border:2px solid var(--border-color, #000000)}.mobile-filter-toggle,.refresh-button{border-width:2px}.quick-action-button{border:2px solid var(--border-color, #000000)}}@media (prefers-reduced-motion: reduce){.mobile-filter-content{animation:none}.refresh-icon,.quick-action-button{transition:none}}@media (prefers-color-scheme: dark){.worksheet-search{--background-color: #1a1a1a;--text-color: #ffffff;--header-background: #2d2d2d;--sidebar-background: #2d2d2d;--border-color: #404040;--button-background: #2d2d2d;--button-text: #ffffff;--button-hover-background: #404040;--button-hover-border: #555555;--modal-background: #1a1a1a;--text-secondary: #cccccc}}.worksheet-search-layout{width:100%;min-height:100vh;background:#f8f9fa}.worksheet-search-layout.desktop{display:flex;flex-direction:column;max-width:1400px;margin:0 auto;padding:20px;gap:20px}.worksheet-search-layout.mobile{display:flex;flex-direction:column;padding:0}.worksheet-search-layout__desktop-header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.worksheet-search-layout__search-section{flex:1;max-width:600px}.worksheet-search-layout__sort-section{flex-shrink:0}.worksheet-search-layout__mobile-header{background:#fff;padding:16px;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.worksheet-search-layout__search-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.worksheet-search-layout__search-row>:first-child{flex:1}.worksheet-search-layout__sort-row{display:flex;justify-content:center}.worksheet-search-layout__content{display:flex;gap:24px;flex:1;align-items:flex-start}.worksheet-search-layout__sidebar{flex-shrink:0;width:300px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.worksheet-search-layout__main{flex:1;min-width:0;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.worksheet-search-layout.mobile .worksheet-search-layout__content{flex-direction:column;gap:0}.worksheet-search-layout.mobile .worksheet-search-layout__main{border-radius:0;box-shadow:none;background:#f8f9fa}@media (min-width: 769px) and (max-width: 1024px){.worksheet-search-layout.desktop{padding:16px;gap:16px}.worksheet-search-layout__desktop-header{padding:16px 20px;flex-direction:column;align-items:stretch;gap:16px}.worksheet-search-layout__search-section{max-width:none}.worksheet-search-layout__content{gap:16px}.worksheet-search-layout__sidebar{width:280px}}@media (min-width: 1025px){.worksheet-search-layout.desktop{padding:24px;gap:24px}.worksheet-search-layout__desktop-header{padding:24px 28px}.worksheet-search-layout__content{gap:28px}.worksheet-search-layout__sidebar{width:320px}}@media (min-width: 1400px){.worksheet-search-layout.desktop{padding:32px;gap:32px}.worksheet-search-layout__content{gap:32px}.worksheet-search-layout__sidebar{width:340px}}@media (max-width: 768px){.worksheet-search-layout__mobile-header{padding:12px 16px}.worksheet-search-layout__search-row{gap:8px;margin-bottom:8px}}@media (max-width: 480px){.worksheet-search-layout__mobile-header{padding:12px}.worksheet-search-layout__search-row{gap:6px}}@media (hover: hover) and (pointer: fine){.worksheet-search-layout.desktop .worksheet-search-layout__sidebar{transition:all .2s ease}.worksheet-search-layout.desktop .worksheet-search-layout__sidebar:hover{box-shadow:0 4px 12px #0000001a}.worksheet-search-layout.desktop .worksheet-search-layout__main:hover{box-shadow:0 4px 16px #00000014}}.worksheet-search-layout__sidebar:focus-within,.worksheet-search-layout__main:focus-within{outline:2px solid #1976d2;outline-offset:2px}@media (prefers-contrast: high){.worksheet-search-layout__desktop-header,.worksheet-search-layout__mobile-header,.worksheet-search-layout__main{border:2px solid #000}.worksheet-search-layout__mobile-header{border-bottom-width:3px}}@media (prefers-reduced-motion: reduce){.worksheet-search-layout.desktop .worksheet-search-layout__sidebar,.worksheet-search-layout.desktop .worksheet-search-layout__main{transition:none}}@media (prefers-color-scheme: dark){.worksheet-search-layout{background:#121212}.worksheet-search-layout__desktop-header,.worksheet-search-layout__mobile-header,.worksheet-search-layout__main{background:#1e1e1e;border-color:#333}.worksheet-search-layout.mobile .worksheet-search-layout__main{background:#121212}}@media print{.worksheet-search-layout__mobile-header,.worksheet-search-layout__sidebar{display:none}.worksheet-search-layout__content{flex-direction:column;gap:0}.worksheet-search-layout__main{box-shadow:none;border-radius:0}}.template-manager{display:flex;flex-direction:column;gap:1.5rem}.template-manager__header{display:flex;align-items:center;justify-content:space-between}.template-manager__header-content h3{font-size:1.125rem;font-weight:600;color:#111827}.template-manager__header-content p{font-size:.875rem;color:#4b5563}.template-manager__create-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.template-manager__create-btn:hover{background-color:#1d4ed8}.template-manager__error{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#b91c1c}.template-manager__error-icon{flex-shrink:0}.template-manager__error-text{font-size:.875rem;flex:1}.template-manager__error-close{margin-left:auto;color:#ef4444;background:none;border:none;cursor:pointer}.template-manager__error-close:hover{color:#b91c1c}.template-manager__categories{display:flex;flex-wrap:wrap;gap:.5rem}.template-manager__category-btn{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;background-color:#f3f4f6;color:#374151}.template-manager__category-btn:hover{background-color:#e5e7eb}.template-manager__category-btn--active{background-color:#2563eb;color:#fff}.template-manager__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.template-manager__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.template-manager__grid{grid-template-columns:repeat(3,1fr)}}.template-manager__empty{text-align:center;padding:2rem}.template-manager__empty-icon{font-size:2.5rem;margin-bottom:.5rem}.template-manager__empty-text{color:#4b5563}.template-manager__empty-link{margin-top:.5rem;color:#2563eb;background:none;border:none;cursor:pointer}.template-manager__empty-link:hover{color:#1d4ed8}.template-manager__loading{display:flex;align-items:center;justify-content:center;padding:2rem}.template-manager__loading-spinner{animation:spin 1s linear infinite;height:2rem;width:2rem;color:#2563eb}.template-manager__loading-text{margin-left:.5rem;color:#4b5563}.template-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;transition:all .2s ease;cursor:pointer}.template-card:hover{border-color:#d1d5db;box-shadow:var(--shadow-sm)}.template-card--selected{border-color:#3b82f6;background-color:#eff6ff;box-shadow:var(--shadow-md)}.template-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.template-card__title-group{display:flex;align-items:center;gap:.5rem}.template-card__icon{font-size:1.5rem}.template-card__title{font-weight:500;color:#111827}.template-card__description{font-size:.75rem;color:#6b7280}.template-card__badge{font-size:.75rem;background-color:#dbeafe;color:#1e40af;padding:.125rem .5rem;border-radius:.25rem}.template-card__details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.template-card__detail-row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.template-card__detail-label{color:#4b5563}.template-card__detail-value{font-weight:500}.template-card__difficulty{padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem}.template-card__difficulty--beginner{background-color:#dcfce7;color:#166534}.template-card__difficulty--intermediate{background-color:#fef9c3;color:#854d0e}.template-card__difficulty--advanced{background-color:#fee2e2;color:#991b1b}.template-card__rating{display:flex;align-items:center;gap:.25rem}.template-card__rating-star{color:#eab308}.template-card__rating-value{font-weight:500}.template-card__features{margin-bottom:1rem}.template-card__grades{display:flex;flex-wrap:wrap;gap:.25rem}.template-card__grade{font-size:.75rem;background-color:#f3f4f6;color:#4b5563;padding:.125rem .5rem;border-radius:.25rem}.template-card__more-grades{font-size:.75rem;color:#6b7280}.template-card__actions{display:flex;gap:.5rem}.template-card__select-btn{flex:1;padding:.5rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;background-color:#f3f4f6;color:#374151}.template-card__select-btn:hover{background-color:#e5e7eb}.template-card__select-btn--selected{background-color:#2563eb;color:#fff}.template-card__action-btns{display:flex;gap:.25rem}.template-card__action-btn{padding:.5rem;color:#4b5563;background:none;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.template-card__action-btn:hover{background-color:#f3f4f6}.template-card__action-btn--customize:hover{color:#2563eb;background-color:#eff6ff}.template-card__action-btn--clone:hover{color:#16a34a;background-color:#f0fdf4}.template-card__action-btn--rate:hover{color:#eab308;background-color:#fefce8}.template-card__action-btn--delete:hover{color:#dc2626;background-color:#fef2f2}.template-card__rating-interface{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.template-card__rating-label{font-size:.75rem;color:#4b5563;margin-bottom:.5rem}.template-card__rating-stars{display:flex;gap:.25rem}.template-card__rating-star-btn{font-size:1.125rem;background:none;border:none;cursor:pointer;transition:color .2s ease}.template-card__rating-star-btn:hover{color:#eab308}.create-template-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.create-template-modal__dialog{background-color:#fff;border-radius:.5rem;padding:1.5rem;width:100%;max-width:42rem;max-height:90vh;overflow-y:auto}.create-template-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.create-template-modal__title{font-size:1.125rem;font-weight:600}.create-template-modal__close{color:#6b7280;background:none;border:none;cursor:pointer}.create-template-modal__close:hover{color:#374151}.create-template-modal__form{display:flex;flex-direction:column;gap:1rem}.create-template-modal__row{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.create-template-modal__row{grid-template-columns:repeat(2,1fr)}}.create-template-modal__field{display:flex;flex-direction:column}.create-template-modal__label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.create-template-modal__input,.create-template-modal__select,.create-template-modal__textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem}.create-template-modal__input:focus,.create-template-modal__select:focus,.create-template-modal__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:var(--shadow-sm)}.create-template-modal__section{border-top:1px solid #e5e7eb;padding-top:1rem}.create-template-modal__section-title{font-weight:500;color:#111827;margin-bottom:.75rem}.create-template-modal__checkbox-group{display:flex;align-items:center;gap:.5rem}.create-template-modal__checkbox{border-radius:.25rem;border-color:#d1d5db;color:#2563eb}.create-template-modal__checkbox-label{font-size:.875rem;color:#374151}.create-template-modal__actions{display:flex;gap:.75rem;padding-top:1rem}.create-template-modal__btn{flex:1;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.create-template-modal__btn--cancel{border:1px solid #d1d5db;background-color:#fff;color:#374151}.create-template-modal__btn--cancel:hover{background-color:#f9fafb}.create-template-modal__btn--submit{border:none;background-color:#2563eb;color:#fff}.create-template-modal__btn--submit:hover:not(:disabled){background-color:#1d4ed8}.create-template-modal__btn--submit:disabled{background-color:#d1d5db;cursor:not-allowed}.customize-template-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.customize-template-modal__dialog{background-color:#fff;border-radius:.5rem;padding:1.5rem;width:100%;max-width:42rem;max-height:90vh;overflow-y:auto}.customize-template-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.customize-template-modal__title{font-size:1.125rem;font-weight:600}.customize-template-modal__close{color:#6b7280;background:none;border:none;cursor:pointer}.customize-template-modal__close:hover{color:#374151}@media (prefers-reduced-motion: reduce){.template-manager__loading-spinner{animation:none}.template-card,.template-manager__category-btn,.template-manager__create-btn,.template-card__select-btn,.template-card__action-btn,.create-template-modal__btn{transition:none}}@media (prefers-color-scheme: dark){.template-manager__header-content h3{color:#f9fafb}.template-manager__header-content p{color:#9ca3af}.template-manager__category-btn{background-color:#374151;color:#d1d5db}.template-manager__category-btn:hover{background-color:#4b5563}.template-card{border-color:#374151;background-color:#1f2937}.template-card:hover{border-color:#4b5563}.template-card--selected{border-color:#3b82f6;background-color:#1e3a5f}.template-card__title{color:#f9fafb}.template-card__description,.template-card__detail-label{color:#9ca3af}.template-card__grade{background-color:#374151;color:#d1d5db}.create-template-modal__dialog,.customize-template-modal__dialog{background-color:#1f2937}.create-template-modal__title,.customize-template-modal__title{color:#f9fafb}.create-template-modal__label{color:#d1d5db}.create-template-modal__input,.create-template-modal__select,.create-template-modal__textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}.create-template-modal__section{border-color:#374151}.create-template-modal__section-title{color:#f9fafb}}.worksheet-detail-overlay{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.worksheet-detail-modal{background:#fff;border-radius:16px;box-shadow:var(--shadow-2xl);max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.worksheet-detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.worksheet-detail-title{font-size:20px;font-weight:600;color:#1f2937;margin:0;padding-right:40px;line-height:1.3}.worksheet-detail-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.worksheet-detail-close:hover{background-color:#f3f4f6;color:#374151}.worksheet-detail-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.worksheet-detail-content{flex:1;overflow-y:auto;padding:24px}.worksheet-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.worksheet-detail-loading .loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.worksheet-detail-loading p{color:#6b7280;font-size:14px;margin:0}.worksheet-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.worksheet-detail-error .error-icon{font-size:48px;margin-bottom:16px}.worksheet-detail-error h3{margin:0 0 8px;color:#1f2937;font-size:18px}.worksheet-detail-error p{margin:0 0 16px;color:#6b7280;font-size:14px}.btn-retry{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.worksheet-detail-metadata{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:24px}.metadata-row{display:flex;align-items:flex-start;padding:8px 0;border-bottom:1px solid #e5e7eb}.metadata-row:last-child{border-bottom:none}.metadata-row-full{flex-direction:column;gap:4px}.metadata-label{font-size:14px;font-weight:500;color:#6b7280;min-width:100px;flex-shrink:0}.metadata-value{font-size:14px;color:#1f2937;flex:1}.metadata-value.reference-code{font-family:monospace;background:#e5e7eb;padding:2px 8px;border-radius:4px;color:#3b82f6;font-weight:500}.metadata-value.instructions{color:#4b5563;line-height:1.5;margin-top:4px}.worksheet-detail-questions{margin-top:8px}.questions-header{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #3b82f6}.questions-list{display:flex;flex-direction:column;gap:16px}.question-item{display:flex;gap:12px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:border-color .2s ease}.question-item:hover{border-color:#3b82f6}.question-number{width:28px;height:28px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.question-content{flex:1;min-width:0}.question-text{font-size:15px;color:#1f2937;line-height:1.5;margin-bottom:12px}.question-answer{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#ecfdf5;border-radius:8px;margin-bottom:8px}.answer-label{font-size:13px;font-weight:600;color:#059669;flex-shrink:0}.answer-value{font-size:14px;color:#065f46;font-weight:500}.question-working-steps{padding:10px 12px;background:#eff6ff;border-radius:8px}.working-steps-label{font-size:13px;font-weight:600;color:#1d4ed8;display:block;margin-bottom:8px}.working-steps-list{margin:0;padding-left:20px;font-size:14px;color:#1e40af;line-height:1.6}.working-steps-list li{margin-bottom:4px}.working-steps-list li:last-child{margin-bottom:0}.question-solution{padding:10px 12px;background:#eff6ff;border-radius:8px}.solution-label{font-size:13px;font-weight:600;color:#1d4ed8;display:block;margin-bottom:4px}.solution-text{font-size:14px;color:#1e40af;line-height:1.5}.btn-show-all{display:block;width:100%;padding:12px;margin-top:16px;background:#fff;color:#3b82f6;border:2px solid #3b82f6;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-show-all:hover{background:#3b82f6;color:#fff}.no-questions{text-align:center;color:#6b7280;font-size:14px;padding:24px;background:#f9fafb;border-radius:8px}.worksheet-detail-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px;flex-shrink:0}.worksheet-detail-actions .btn-reprint,.worksheet-detail-actions .btn-delete,.worksheet-detail-actions .btn-close{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.worksheet-detail-actions .btn-reprint{background:#3b82f6;color:#fff}.worksheet-detail-actions .btn-reprint:hover:not(:disabled){background:#2563eb}.worksheet-detail-actions .btn-delete{background:#fef2f2;color:#dc2626}.worksheet-detail-actions .btn-delete:hover:not(:disabled){background:#fee2e2}.worksheet-detail-actions .btn-close{background:#f3f4f6;color:#374151}.worksheet-detail-actions .btn-close:hover{background:#e5e7eb}.worksheet-detail-actions button:disabled{opacity:.5;cursor:not-allowed}.worksheet-detail-actions button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width: 640px){.worksheet-detail-overlay{padding:16px}.worksheet-detail-modal{border-radius:12px;max-height:95vh}.worksheet-detail-header{padding:16px 20px}.worksheet-detail-title{font-size:18px}.worksheet-detail-content{padding:16px}.metadata-row{flex-direction:column;gap:4px}.metadata-label{min-width:auto}.question-item{flex-direction:column;gap:8px}.question-number{align-self:flex-start}.worksheet-detail-actions{flex-direction:column;padding:16px}.worksheet-detail-actions button{width:100%}}@media (prefers-reduced-motion: reduce){.worksheet-detail-overlay,.worksheet-detail-modal,.worksheet-detail-loading .loading-spinner{animation:none}.question-item,.btn-show-all,.worksheet-detail-actions button{transition:none}}.worksheet-modal{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.worksheet-modal__container{background-color:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;max-width:72rem;width:100%;max-height:90vh;overflow-y:auto}.worksheet-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb}.worksheet-modal__header-content{display:flex;align-items:center;gap:1rem}.worksheet-modal__title{font-size:1.25rem;font-weight:600;color:#111827}.worksheet-modal__template-badge{font-size:.875rem;background-color:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:9999px}.worksheet-modal__close-btn{color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .2s ease}.worksheet-modal__close-btn:hover{color:#4b5563}.worksheet-modal__close-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.worksheet-modal__tabs{display:flex;gap:.75rem;border-bottom:1px solid #e5e7eb}.worksheet-modal__tab{flex:1;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border:none;background:none;cursor:pointer;transition:all .2s ease;color:#4b5563;border-radius:.5rem .5rem 0 0}.worksheet-modal__tab:hover{color:#111827;background-color:#f9fafb}.worksheet-modal__tab--active{color:#2563eb;border-bottom:2px solid #2563eb;background-color:#eff6ff}.worksheet-modal__tab-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.worksheet-modal__tab-icon{font-size:1rem}.worksheet-modal__content{padding:1.5rem}.worksheet-modal__content-wrapper{display:flex;flex-direction:column;gap:1rem}.worksheet-modal__template-info{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:1rem}.worksheet-modal__template-info-header{display:flex;align-items:flex-start;justify-content:space-between}.worksheet-modal__template-info-content h3{font-weight:500;color:#1e3a8a}.worksheet-modal__template-info-content p{font-size:.875rem;color:#1d4ed8;margin-top:.25rem}.worksheet-modal__template-tags{display:flex;gap:.5rem;margin-top:.5rem}.worksheet-modal__template-tag{font-size:.75rem;background-color:#dbeafe;color:#1e40af;padding:.125rem .5rem;border-radius:.25rem}.worksheet-modal__template-clear{font-size:.875rem;color:#2563eb;background:none;border:none;cursor:pointer}.worksheet-modal__template-clear:hover{color:#1d4ed8}.worksheet-modal__chat-notice{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1rem}.worksheet-modal__chat-notice-content{display:flex;align-items:flex-start;gap:.75rem}.worksheet-modal__chat-notice-icon{font-size:1.125rem;color:#16a34a}.worksheet-modal__chat-notice-text h3{font-weight:500;color:#166534}.worksheet-modal__chat-notice-text p{font-size:.875rem;color:#15803d;margin-top:.25rem}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.worksheet-modal{animation:modal-fade-in .2s ease}.worksheet-modal__container{animation:modal-slide-up .3s ease}@media (prefers-reduced-motion: reduce){.worksheet-modal,.worksheet-modal__container{animation:none}.worksheet-modal__tab,.worksheet-modal__close-btn{transition:none}}@media (max-width: 640px){.worksheet-modal{padding:.5rem}.worksheet-modal__container{max-height:95vh;border-radius:.5rem .5rem 0 0}.worksheet-modal__header{padding:.75rem}.worksheet-modal__title{font-size:1rem}.worksheet-modal__template-badge{font-size:.75rem;padding:.125rem .5rem}.worksheet-modal__tab{padding:.5rem .75rem;font-size:.75rem}.worksheet-modal__content{padding:1rem}}.worksheet-generator-page{min-height:100vh;background-color:var(--color-background-secondary)}.worksheet-generator-page-content{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg)}.worksheet-generator-page .page-header{margin-bottom:var(--space-md)}.worksheet-generator-page .page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.worksheet-generator-page .page-icon{font-size:var(--font-size-2xl)}.worksheet-generator-page .page-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.worksheet-generator-page .context-indicators{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.worksheet-generator-page .context-indicator{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-gray-600);background-color:var(--color-gray-100);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.worksheet-generator-page .indicator-icon{font-size:var(--font-size-sm)}.worksheet-generator-page .indicator-text{font-size:var(--font-size-xs)}.worksheet-generator-page .recommendations-panel{background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.worksheet-generator-page .recommendations-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-warning-dark);margin-bottom:var(--space-sm)}.worksheet-generator-page .recommendations-list{display:flex;flex-direction:column;gap:var(--space-xs)}.worksheet-generator-page .recommendation-item{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-warning-dark)}.worksheet-generator-page .recommendation-icon{flex-shrink:0}.worksheet-generator-page .recommendation-text{flex:1}.worksheet-generator-page .tab-navigation{display:flex;gap:.75rem;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md)}.worksheet-generator-page .tab-btn{padding:.75rem 1.5rem;font-size:var(--font-size-sm);font-weight:600;border:none;background:none;cursor:pointer;transition:var(--transition-button);color:var(--color-gray-600);border-bottom:2px solid transparent;border-radius:.5rem .5rem 0 0}.worksheet-generator-page .tab-btn:hover{color:var(--color-text-primary);background-color:var(--color-background-secondary)}.worksheet-generator-page .tab-btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--color-primary-light)}.worksheet-generator-page .tab-btn-content{display:flex;align-items:center;gap:var(--space-sm)}.worksheet-generator-page .tab-icon{font-size:var(--font-size-base)}.worksheet-generator-page .worksheet-generator-container{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.worksheet-generator-page .page-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:var(--space-md)}.worksheet-generator-page .action-button{display:flex;align-items:center;gap:var(--space-sm);padding:.75rem 1.5rem;border-radius:.75rem;font-size:var(--font-size-sm);font-weight:600;border:none;cursor:pointer;transition:var(--transition-button)}.worksheet-generator-page .action-button:disabled{opacity:.5;cursor:not-allowed}.worksheet-generator-page .action-button.primary{background-color:var(--color-primary);color:var(--color-white)}.worksheet-generator-page .action-button.primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.worksheet-generator-page .action-button.secondary{background-color:var(--color-gray-100);color:var(--color-gray-700)}.worksheet-generator-page .action-button.secondary:hover:not(:disabled){background-color:var(--color-gray-200)}.worksheet-generator-page .action-button.tertiary{background-color:var(--color-primary-light);color:var(--color-primary-hover)}.worksheet-generator-page .action-button.tertiary:hover:not(:disabled){background-color:var(--color-primary-light)}.worksheet-generator-page .button-icon{font-size:var(--font-size-base)}.worksheet-generator-page .learning-progress{background-color:var(--color-background-secondary);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.worksheet-generator-page .progress-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--space-md)}.worksheet-generator-page .progress-stats{display:flex;gap:var(--space-lg)}.worksheet-generator-page .stat-item{display:flex;flex-direction:column;align-items:center}.worksheet-generator-page .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.worksheet-generator-page .stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media (max-width: 640px){.worksheet-generator-page-content{padding:var(--space-md)}.worksheet-generator-page .page-title{font-size:var(--font-size-xl)}.worksheet-generator-page .page-actions{flex-direction:column}.worksheet-generator-page .action-button{width:100%;justify-content:center}.worksheet-generator-page .progress-stats{flex-wrap:wrap;gap:var(--space-md)}.worksheet-generator-page .stat-item{flex:1;min-width:80px}.worksheet-generator-page .tab-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}}@media (prefers-reduced-motion: reduce){.worksheet-generator-page .action-button,.worksheet-generator-page .tab-btn{transition:none}}.worksheet-regenerator{width:100%;max-width:800px;margin:0 auto;padding:20px}.regenerator-section{margin-bottom:30px}.section-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.section-description{font-size:.95rem;color:#666;margin-bottom:20px;line-height:1.5}.upload-section{text-align:center}.upload-section .document-upload-zone{border:2px dashed #ccc;background:#fafafa;border-radius:8px;padding:40px 20px;transition:all .3s ease;cursor:pointer}.upload-section .document-upload-zone:hover{border-color:#06f;background:#f5f9ff}.upload-section .document-upload-zone.dragging{border-color:#06f;background:#e6f0ff;transform:scale(1.02)}.upload-section .document-upload-zone.disabled{opacity:.6;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff3f3;border:1px solid #ffcccc;border-radius:6px;color:#d32f2f;margin-top:16px;font-size:.9rem}.error-icon{font-size:1.2rem;flex-shrink:0}.analyzing-section{text-align:center;padding:60px 20px}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #0066FF;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-text{font-size:1.1rem;font-weight:500;color:#1a1a1a;margin-bottom:8px}.loading-subtext{font-size:.9rem;color:#666}.analysis-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reset-button{padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;font-size:.9rem;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:#e8e8e8;border-color:#ccc}.analysis-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.analysis-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000000d}.analysis-icon{font-size:2rem;flex-shrink:0}.analysis-content{flex:1;min-width:0}.analysis-label{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.analysis-value{font-size:1rem;font-weight:600;color:#1a1a1a;word-wrap:break-word}.difficulty-selector{margin-bottom:32px}.selector-title{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.selector-description{font-size:.9rem;color:#666;margin-bottom:20px}.difficulty-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.difficulty-option{padding:20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.difficulty-option:hover{border-color:#06f;box-shadow:0 2px 8px #0066ff1a}.difficulty-option.active{border-color:#06f;background:#f5f9ff;box-shadow:0 2px 8px #0066ff26}.option-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.option-icon{font-size:1.5rem}.option-title{font-size:1.1rem;font-weight:600;color:#1a1a1a}.option-description{font-size:.95rem;font-weight:500;color:#333;margin-bottom:4px}.option-details{font-size:.85rem;color:#666}.action-section{text-align:center;margin-top:24px}.regenerate-button{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#06f;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #06f3}.regenerate-button:hover:not(:disabled){background:#0052cc;box-shadow:0 4px 12px #0066ff4d;transform:translateY(-1px)}.regenerate-button:disabled{opacity:.6;cursor:not-allowed}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin .8s linear infinite}.result-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a;text-align:center}.success-message{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;background:#e8f5e9;border:1px solid #81c784;border-radius:8px;color:#2e7d32;font-size:1.1rem;font-weight:600;margin-bottom:32px}.success-icon{font-size:1.5rem}.result-content{margin-bottom:32px}.download-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:24px}.download-button{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease;cursor:pointer}.download-button:hover{border-color:#06f;box-shadow:0 4px 12px #0066ff26;transform:translateY(-2px)}.download-button.student-version:hover{border-color:#06f}.download-button.answer-key:hover{border-color:#ff9800}.download-icon{font-size:2.5rem;flex-shrink:0}.download-content{text-align:left;flex:1}.download-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:4px}.download-subtitle{font-size:.9rem;color:#666}.secondary-button{padding:12px 24px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-button:hover{background:#e8e8e8;border-color:#ccc}@media (max-width: 768px){.worksheet-regenerator{padding:16px}.section-title{font-size:1.3rem}.analysis-results,.difficulty-options,.download-buttons{grid-template-columns:1fr}.analysis-header{flex-direction:column;align-items:flex-start;gap:12px}.reset-button{width:100%}}@media (max-width: 480px){.regenerator-section{margin-bottom:20px}.analysis-section,.result-section{padding:20px}.regenerate-button{width:100%;justify-content:center}.secondary-button{width:100%}}.sample-questions-section{margin-top:var(--space-5);padding:var(--space-4);background:#f0f7ff;border-radius:8px;border-left:4px solid var(--eduq-blue)}.section-subtitle{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:var(--space-2)}.section-note{font-size:.9rem;color:#6b7280;margin-bottom:var(--space-3)}.sample-questions-list{display:flex;flex-direction:column;gap:var(--space-2)}.sample-question-item{padding:var(--space-3);background:#fff;border-radius:6px;border-left:3px solid var(--eduq-cyan)}.sample-question-text{color:#374151;line-height:1.5;font-size:.95rem}.loading-progress{font-size:.95rem;color:var(--eduq-blue);font-weight:500;margin-top:var(--space-2);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.error-content{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.error-text{line-height:1.5}.error-type-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#fee2e2;color:#991b1b;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.result-section .send-to-chat-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--eduq-blue);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-right:var(--space-3)}.result-section .send-to-chat-button:hover{background:var(--eduq-blue-hover);transform:translateY(-1px);box-shadow:0 4px 6px #06f3}.result-section .send-to-chat-button:active{transform:translateY(0)}.result-section .button-icon{font-size:1.2rem}@media (max-width: 600px){.result-section .action-section{flex-direction:column}.result-section .send-to-chat-button{width:100%;margin-right:0;margin-bottom:var(--space-2)}.result-section .secondary-button{width:100%}}:root{--vrp-color-number: var(--color-info, #3B82F6);--vrp-color-name: var(--color-success, #10B981);--vrp-color-date: var(--color-warning, #F59E0B);--vrp-color-unit: var(--eduq-cyan, #00D9B5);--vrp-color-other: var(--color-text-disabled, #9CA3AF)}.variable-replacement-panel{display:flex;flex-direction:column;gap:var(--space-sm);max-width:800px}.variable-replacement-panel__header{padding:var(--space-sm) 0}.variable-replacement-panel__title{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary)}.variable-replacement-panel__summary{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary)}.variable-replacement-panel__badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);line-height:1;white-space:nowrap}.variable-replacement-panel__badge--number{background-color:#3b82f626;color:var(--vrp-color-number)}.variable-replacement-panel__badge--name{background-color:#10b98126;color:var(--vrp-color-name)}.variable-replacement-panel__badge--date{background-color:#f59e0b26;color:var(--vrp-color-date)}.variable-replacement-panel__badge--unit{background-color:#00d9b526;color:var(--vrp-color-unit)}.variable-replacement-panel__badge--other{background-color:#9ca3af26;color:var(--vrp-color-other)}.variable-replacement-panel__filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);border:none;margin:0;padding:0}.variable-replacement-panel__filters-legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.variable-replacement-panel__filter-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background-color:transparent;color:var(--eduq-blue, #0066FF);border:2px solid var(--eduq-blue, #0066FF);border-radius:var(--radius-md, .5rem);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:all var(--transition-fast, .15s ease-in-out);white-space:nowrap}.variable-replacement-panel__filter-btn:hover{background-color:var(--eduq-blue, #0066FF);color:var(--color-white, #ffffff)}.variable-replacement-panel__filter-btn:focus{outline:2px solid var(--color-border-focus, var(--eduq-blue));outline-offset:2px}.variable-replacement-panel__filter-btn--active{background-color:var(--eduq-blue, #0066FF);color:var(--color-white, #ffffff);border-color:var(--eduq-blue, #0066FF)}.variable-replacement-panel__filter-btn--number{background-color:var(--vrp-color-number);border-color:var(--vrp-color-number);color:var(--color-white, #ffffff)}.variable-replacement-panel__filter-btn--name{background-color:var(--vrp-color-name);border-color:var(--vrp-color-name);color:var(--color-white, #ffffff)}.variable-replacement-panel__selection-count{margin:0;font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary);font-weight:var(--font-weight-medium, 500)}.variable-replacement-panel__failed-message{margin:0;padding:var(--space-md);background-color:var(--color-gray-50, #f9fafb);border:1px solid var(--color-border);border-radius:var(--radius-md, .5rem);font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary);line-height:var(--line-height-normal, 1.5)}.variable-replacement-panel__category{border:1px solid var(--color-border);border-radius:var(--radius-md, .5rem);overflow:hidden}.variable-replacement-panel__category-header{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background-color:var(--color-gray-50, #f9fafb);border:none;cursor:pointer;font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary);text-align:left;transition:background-color var(--transition-fast, .15s ease-in-out)}.variable-replacement-panel__category-header:hover{background-color:var(--color-gray-100, #f3f4f6)}.variable-replacement-panel__category-header:focus{outline:2px solid var(--color-border-focus, var(--eduq-blue));outline-offset:-2px}.variable-replacement-panel__category-arrow{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary);flex-shrink:0;width:1em;text-align:center}.variable-replacement-panel__category-count{color:var(--color-text-secondary);font-weight:var(--font-weight-normal, 400)}.variable-replacement-panel__var-list{list-style:none;margin:0;padding:0}.variable-replacement-panel__var-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);font-size:var(--font-size-sm, .875rem)}.variable-replacement-panel__var-item:hover{background-color:var(--color-gray-50, #f9fafb)}.variable-replacement-panel__var-label{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0;cursor:pointer}.variable-replacement-panel__checkbox{flex-shrink:0;width:1rem;height:1rem;accent-color:var(--eduq-blue, #0066FF);cursor:pointer}.variable-replacement-panel__checkbox:focus{outline:2px solid var(--color-border-focus, var(--eduq-blue));outline-offset:2px}.variable-replacement-panel__var-value{font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variable-replacement-panel__var-question{flex-shrink:0;font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary);font-weight:var(--font-weight-medium, 500)}.variable-replacement-panel__var-arrow{flex-shrink:0;color:var(--color-text-secondary);font-size:var(--font-size-sm, .875rem)}.variable-replacement-panel__replacement-text{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background-color:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-sm, .375rem);font-size:var(--font-size-sm, .875rem);color:var(--eduq-cyan, #00D9B5);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:border-color var(--transition-fast, .15s ease-in-out);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.variable-replacement-panel__replacement-text:hover{border-color:var(--eduq-cyan, #00D9B5);background-color:#00d9b50d}.variable-replacement-panel__replacement-text:focus{outline:2px solid var(--color-border-focus, var(--eduq-blue));outline-offset:2px}.variable-replacement-panel__edit-input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--eduq-blue, #0066FF);border-radius:var(--radius-sm, .375rem);font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary);width:160px;box-shadow:0 0 0 3px #0066ff1a}.variable-replacement-panel__edit-input:focus{outline:none;border-color:var(--eduq-blue, #0066FF);box-shadow:0 0 0 3px #0066ff1a}@media (max-width: 768px){.variable-replacement-panel__filters{display:grid;grid-template-columns:1fr 1fr}.variable-replacement-panel__filter-btn{width:100%}.variable-replacement-panel__var-item{flex-wrap:wrap}.variable-replacement-panel__replacement-text,.variable-replacement-panel__edit-input{max-width:100%;width:auto}}@media (prefers-reduced-motion: reduce){.variable-replacement-panel__filter-btn,.variable-replacement-panel__category-header,.variable-replacement-panel__replacement-text{transition:none}}.regenerated-preview{display:flex;flex-direction:column;height:100%;overflow:hidden}.regenerated-preview__header{flex-shrink:0;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-background, #ffffff)}.regenerated-preview__title{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-primary)}.regenerated-preview__subtitle{margin:0;font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary)}.regenerated-preview__questions{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg)}.regenerated-preview__list{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-lg)}.regenerated-preview__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-gray-50, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border)}.regenerated-preview__column{display:flex;flex-direction:column;gap:var(--space-xs)}.regenerated-preview__column--regenerated{border-left:2px solid var(--color-border);padding-left:var(--space-md)}.regenerated-preview__label{font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.regenerated-preview__text{margin:0;font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary);line-height:1.5}.regenerated-preview__answer{margin:var(--space-xs) 0 0 0;font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary);line-height:1.5;padding:var(--space-xs) var(--space-sm);background-color:var(--color-background, #ffffff);border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border)}.regenerated-preview__answer--changed{border-color:var(--eduq-cyan, #00D9B5)}.regenerated-preview__answer-label{font-weight:600;color:var(--color-text-secondary)}.regenerated-preview__highlight{background-color:#00d9b526;padding:1px 3px;border-radius:var(--radius-sm, 4px)}.regenerated-preview__footer{flex-shrink:0;display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--color-border);background-color:var(--color-background, #ffffff);position:sticky;bottom:0;z-index:1}.regenerated-preview__btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;border-radius:var(--radius-md, 6px);font-size:var(--font-size-sm, .875rem);font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease;border:none}.regenerated-preview__btn:focus{outline:2px solid var(--color-border-focus, var(--color-primary));outline-offset:2px}.regenerated-preview__btn--primary{background-color:var(--eduq-blue, #0066FF);color:var(--color-white, #ffffff)}.regenerated-preview__btn--primary:hover{background-color:var(--eduq-blue-hover, #0052CC)}.regenerated-preview__btn--primary:active{background-color:var(--eduq-blue-active, #003D99)}.regenerated-preview__btn--secondary{background-color:var(--eduq-cyan, #00D9B5);color:var(--color-white, #ffffff)}.regenerated-preview__btn--secondary:hover{background-color:var(--eduq-cyan-hover, #00B89A)}.regenerated-preview__btn--outline{background-color:transparent;color:var(--eduq-blue, #0066FF);border:2px solid var(--eduq-blue, #0066FF)}.regenerated-preview__btn--outline:hover{background-color:var(--eduq-blue, #0066FF);color:var(--color-white, #ffffff)}@media (max-width: 767px){.regenerated-preview__pair{grid-template-columns:1fr}.regenerated-preview__column--regenerated{border-left:none;border-top:2px solid var(--color-border);padding-left:0;padding-top:var(--space-md)}.regenerated-preview__footer{flex-direction:column}.regenerated-preview__btn{width:100%}}@media (prefers-reduced-motion: reduce){.regenerated-preview__btn{transition:none}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:var(--warning-bg, #F59E0B);color:var(--warning-text, #111827);font-size:.875rem;font-weight:600;text-align:center}.offline-banner--reconnected{background-color:var(--success, #10B981);color:var(--text-inverse, #FFFFFF)}.offline-banner__message{line-height:1.4}@media (prefers-reduced-motion: reduce){.offline-banner{animation:none;transition:none}}.mermaid-renderer{position:relative;margin:.75rem 0;border-radius:.75rem;border:1px solid var(--border-light);background-color:var(--bg-secondary);overflow:hidden}.mermaid-renderer:hover .mermaid-renderer__copy-btn{opacity:1}.mermaid-renderer__copy-btn{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:.375rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease;z-index:1}.mermaid-renderer__copy-btn:hover{color:var(--text-primary)}.mermaid-renderer__copy-btn:focus{outline:2px solid var(--eduq-blue);outline-offset:2px;opacity:1}.mermaid-renderer__container{overflow-x:auto;max-height:500px;overflow-y:auto;padding:1rem;display:flex;justify-content:center}.mermaid-renderer__container svg{max-width:100%;height:auto}.mermaid-renderer__loading{padding:1rem}.mermaid-renderer__loading pre{margin:0 0 .5rem;font-size:.8125rem;color:var(--text-secondary);overflow-x:auto}.mermaid-renderer__loading-text{margin:0;font-size:.75rem;color:var(--text-tertiary);animation:mermaid-pulse 1.5s ease-in-out infinite}@keyframes mermaid-pulse{0%,to{opacity:1}50%{opacity:.4}}.mermaid-renderer__error{padding:1rem;border:1px solid var(--error);border-radius:.75rem}.mermaid-renderer__error pre{margin:0 0 .5rem;font-size:.8125rem;color:var(--text-secondary);overflow-x:auto}.mermaid-renderer__error-text{margin:0;font-size:.75rem;color:var(--error)}@media (max-width: 768px){.mermaid-renderer{width:100%}.mermaid-renderer__container{max-height:400px}}@media (prefers-reduced-motion: reduce){.mermaid-renderer__loading-text{animation:none}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/app/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/app/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/app/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/app/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/app/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/app/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/app/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/app/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/app/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/app/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/app/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/app/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/app/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/app/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/app/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/app/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/app/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/app/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/app/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/app/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/app/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/app/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/app/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/app/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/app/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/app/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/app/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/app/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/app/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/app/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/app/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/app/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/app/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/app/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/app/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/app/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/app/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/app/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/app/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/app/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/app/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/app/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/app/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/app/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/app/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/app/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/app/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/app/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/app/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/app/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/app/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/app/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/app/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/app/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/app/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/app/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/app/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/app/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/app/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.27"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.doc-detail{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.doc-detail__back-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--eduq-blue, #0066FF);font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem 0;margin-bottom:1rem;transition:color .2s ease}.doc-detail__back-btn:hover{color:var(--eduq-blue-hover, #0052CC)}.doc-detail__back-btn:focus-visible{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.doc-detail__title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);margin:0 0 .5rem}.doc-detail__summary{font-size:.95rem;color:var(--text-secondary, #6B7280);line-height:1.6;margin-bottom:1.25rem}.doc-detail__meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem}.doc-detail__meta-item{background:var(--bg-secondary, #F9FAFB);border-radius:.5rem;padding:.75rem 1rem}.doc-detail__meta-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary, #9CA3AF);margin-bottom:.2rem}.doc-detail__meta-value{font-size:.95rem;font-weight:600;color:var(--text-primary, #111827)}.doc-detail__topics{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1.5rem}.doc-detail__topics-label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #6B7280);width:100%;margin-bottom:.25rem}.doc-detail__topic-tag{display:inline-block;font-size:.75rem;font-weight:500;padding:.2rem .6rem;border-radius:999px;background-color:#0066ff14;color:var(--eduq-blue, #0066FF)}.doc-detail__text-section{margin-top:1rem}.doc-detail__text-label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #6B7280);margin-bottom:.5rem}.doc-detail__text-content{background:var(--bg-secondary, #F9FAFB);border:1px solid var(--border-light, #E5E7EB);border-radius:.5rem;padding:1rem;font-size:.875rem;line-height:1.65;color:var(--text-primary, #111827);max-height:400px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.doc-detail__text-loading,.doc-detail__text-error{font-size:.875rem;color:var(--text-tertiary, #9CA3AF);padding:1rem}.doc-detail__text-error{color:var(--error, #EF4444)}.doc-detail--readonly{background:var(--bg-secondary, #F9FAFB);border:1px solid var(--border-light, #E5E7EB);border-radius:.75rem;position:relative}.doc-detail--readonly:before{content:"View Only";display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--info, #3B82F6);background:#3b82f614;padding:.2rem .6rem;border-radius:999px;position:absolute;top:1rem;right:1rem}@media (max-width: 640px){.doc-detail{padding:1rem .75rem}.doc-detail__meta{grid-template-columns:1fr 1fr}}.doc-processing{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;background-color:var(--bg-secondary, #F9FAFB);border:1px solid var(--border-light, #E5E7EB)}.doc-processing--extracting{border-color:var(--eduq-blue, #0066FF);background-color:#0066ff0d}.doc-processing--classifying{border-color:var(--eduq-cyan, #00D9B5);background-color:#00d9b50d}.doc-processing__spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--border-light, #E5E7EB);border-top-color:var(--eduq-blue, #0066FF);animation:doc-processing-spin .8s linear infinite}.doc-processing--classifying .doc-processing__spinner{border-top-color:var(--eduq-cyan, #00D9B5)}.doc-processing__text{font-size:.875rem;color:var(--text-secondary, #6B7280);font-weight:500}@keyframes doc-processing-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.doc-processing__spinner{animation:none;border-top-color:var(--eduq-blue, #0066FF);opacity:.6}}.doc-library{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.doc-library__header{margin-bottom:1.5rem}.doc-library__title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);margin:0 0 .25rem}.doc-library__subtitle{font-size:.875rem;color:var(--text-secondary, #6B7280);margin:0}.doc-library__loading,.doc-library__error,.doc-library__empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #6B7280)}.doc-library__error-text{color:var(--error, #EF4444);margin-bottom:.75rem}.doc-library__retry-btn{background-color:var(--eduq-blue, #0066FF);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.doc-library__retry-btn:hover{background-color:var(--eduq-blue-hover, #0052CC)}.doc-library__empty-icon{font-size:2.5rem;margin-bottom:.5rem}.doc-library__list{display:flex;flex-direction:column;gap:.75rem}.doc-library__card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border-light, #E5E7EB);border-radius:.75rem;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease}.doc-library__card:hover{box-shadow:0 4px 6px #00000012;border-color:var(--border-medium, #D1D5DB)}.doc-library__card:focus-visible{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.doc-library__card--failed{border-color:var(--error, #EF4444);background:#ef444408}.doc-library__card-body{flex:1;min-width:0}.doc-library__card-title{font-size:1rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-library__card-date{font-size:.75rem;color:var(--text-tertiary, #9CA3AF);margin-bottom:.5rem}.doc-library__card-meta{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.doc-library__badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.doc-library__badge--subject{background-color:#0066ff1a;color:var(--eduq-blue, #0066FF)}.doc-library__badge--type{background-color:var(--bg-tertiary, #F3F4F6);color:var(--text-secondary, #6B7280)}.doc-library__badge--status-completed{background-color:#10b9811a;color:var(--success, #10B981)}.doc-library__badge--status-failed{background-color:#ef44441a;color:var(--error, #EF4444)}.doc-library__difficulty{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-tertiary, #9CA3AF)}.doc-library__difficulty-bar{display:flex;gap:2px}.doc-library__difficulty-pip{width:6px;height:6px;border-radius:50%;background-color:var(--border-light, #E5E7EB)}.doc-library__difficulty-pip--filled{background-color:var(--eduq-blue, #0066FF)}@media (max-width: 640px){.doc-library{padding:1rem .75rem}.doc-library__card{flex-direction:column;gap:.5rem}}.trial-reminder-banner{position:sticky;top:0;z-index:1000;width:100%;padding:1rem 1.5rem;box-shadow:0 2px 4px #0000001a;animation:slideDown .3s ease-out}.trial-reminder-banner--warning{background:linear-gradient(135deg,#fff3cd,#fff8e1);border-bottom:2px solid #FFA500}.trial-reminder-banner--urgent{background:linear-gradient(135deg,#ffe5e5,#fff0f0);border-bottom:2px solid #FF6B6B}.trial-reminder-banner__container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.trial-reminder-banner__content{display:flex;align-items:center;gap:1rem;flex:1}.trial-reminder-banner__icon{font-size:1.5rem;flex-shrink:0}.trial-reminder-banner__message{display:flex;flex-direction:column;gap:.25rem}.trial-reminder-banner__message strong{font-weight:600;color:#111827;font-size:1rem}.trial-reminder-banner__details{font-size:.875rem;color:#6b7280}.trial-reminder-banner__actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.trial-reminder-banner__link{color:#06f;text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s ease}.trial-reminder-banner__link:hover{color:#0052cc;text-decoration:underline}.trial-reminder-banner__button{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease}.trial-reminder-banner__button--cancel{background-color:#6c757d;color:#fff}.trial-reminder-banner__button--cancel:hover{background-color:#5a6268}.trial-reminder-banner__button--keep{background-color:#28a745;color:#fff}.trial-reminder-banner__button--keep:hover{background-color:#218838}.trial-reminder-banner__dismiss{background:transparent;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;transition:color .2s ease}.trial-reminder-banner__dismiss:hover{color:#111827}.trial-reminder-banner__dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.trial-reminder-banner__dialog{background-color:#fff;border-radius:.75rem;padding:2rem;max-width:500px;width:90%;box-shadow:0 10px 25px #0003;animation:scaleIn .2s ease-out}.trial-reminder-banner__dialog-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 1rem}.trial-reminder-banner__dialog-message{font-size:1rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.trial-reminder-banner__dialog-error{background-color:#fee2e2;border:1px solid #FCA5A5;border-radius:.375rem;padding:.75rem;margin-bottom:1rem;color:#991b1b;font-size:.875rem}.trial-reminder-banner__dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.trial-reminder-banner__dialog-button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease}.trial-reminder-banner__dialog-button:disabled{opacity:.6;cursor:not-allowed}.trial-reminder-banner__dialog-button--confirm{background-color:#ef4444;color:#fff}.trial-reminder-banner__dialog-button--confirm:hover:not(:disabled){background-color:#dc2626}.trial-reminder-banner__dialog-button--cancel{background-color:#06f;color:#fff}.trial-reminder-banner__dialog-button--cancel:hover:not(:disabled){background-color:#0052cc}.trial-reminder-banner__toast{position:fixed;bottom:2rem;right:2rem;z-index:2000;animation:slideUp .3s ease-out}.trial-reminder-banner__toast-content{background-color:#10b981;color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:.75rem}.trial-reminder-banner__toast-icon{font-size:1.25rem;font-weight:700}.trial-reminder-banner__toast-message{font-size:.875rem;font-weight:500}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.trial-reminder-banner{padding:.75rem 1rem}.trial-reminder-banner__container{flex-direction:column;align-items:flex-start;gap:.75rem}.trial-reminder-banner__content{width:100%}.trial-reminder-banner__actions{width:100%;flex-wrap:wrap}.trial-reminder-banner__button{flex:1;min-width:120px}.trial-reminder-banner__dialog{padding:1.5rem}.trial-reminder-banner__dialog-actions{flex-direction:column}.trial-reminder-banner__dialog-button{width:100%}.trial-reminder-banner__toast{bottom:1rem;right:1rem;left:1rem}}@media (prefers-reduced-motion: reduce){.trial-reminder-banner,.trial-reminder-banner__dialog-overlay,.trial-reminder-banner__dialog,.trial-reminder-banner__toast{animation-duration:.01ms!important}}.trial-reminder-banner__link:focus,.trial-reminder-banner__button:focus,.trial-reminder-banner__dismiss:focus,.trial-reminder-banner__dialog-button:focus{outline:2px solid #0066FF;outline-offset:2px}.payment-page{min-height:100vh;background-color:#f8f9fb;padding:.5rem;box-sizing:border-box;overflow-x:hidden}.payment-container{max-width:560px;width:100%;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:1.25rem 1.5rem;box-sizing:border-box;margin:0 auto}.payment-header{text-align:center;margin-bottom:2rem}.payment-header h1{font-size:1.875rem;font-weight:600;color:#111827;margin-bottom:.5rem}.payment-subtitle{font-size:1rem;color:#6b7280;margin-bottom:1.5rem}.payment-plan-summary{background-color:#f3f4f6;border-radius:8px;padding:1rem;margin-top:1rem}.plan-summary-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #E5E7EB}.plan-summary-item:last-child{border-bottom:none;font-weight:600;color:#06f}.plan-summary-item .label{color:#6b7280}.plan-summary-item .value{color:#111827;font-weight:500}.payment-error{background-color:#fee2e2;border:1px solid #EF4444;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:#991b1b}.payment-error .error-icon{font-size:1.25rem}.airwallex-element{min-height:300px;margin-bottom:1.5rem}.payment-actions{display:flex;gap:1rem;justify-content:space-between}.btn-cancel,.btn-authorize{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background-color:#fff;color:#374151;border:2px solid #E5E7EB}.btn-cancel:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.btn-authorize{background-color:#06f;color:#fff}.btn-authorize:hover:not(:disabled){background-color:#0052cc}.btn-cancel:disabled,.btn-authorize:disabled{opacity:.5;cursor:not-allowed}.payment-security{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background-color:#f0f9ff;border-radius:8px;color:#1e40af;font-size:.875rem;margin-bottom:1rem}.security-icon{font-size:1.25rem}.payment-trial-notice{background-color:#ecfdf5;border:1px solid #10B981;border-radius:8px;padding:1rem;color:#065f46;font-size:.875rem}.payment-trial-notice strong{color:#047857}@media (max-width: 640px){.payment-page{padding:1rem .5rem}.payment-container{padding:1.5rem}.payment-header h1{font-size:1.5rem}.payment-actions{flex-direction:column}.btn-cancel,.btn-authorize{width:100%}}.payment-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary, #F9FAFB);padding:var(--space-4, 1rem)}.payment-callback__container{max-width:600px;width:100%}.payment-callback__error{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:var(--space-8, 2rem);text-align:center}.payment-callback__error-icon{font-size:3rem;display:block;margin-bottom:var(--space-4, 1rem)}.payment-callback__error h2{font-size:var(--text-2xl, 1.5rem);font-weight:600;color:var(--text-primary, #111827);margin-bottom:var(--space-4, 1rem)}.payment-callback__error p{font-size:var(--text-base, 1rem);color:var(--text-secondary, #6B7280);margin-bottom:var(--space-6, 1.5rem);line-height:1.5}.payment-callback__error .btn-primary{background-color:var(--eduq-blue, #0066FF);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:600;font-size:var(--text-base, 1rem);cursor:pointer;transition:background-color .2s ease}.payment-callback__error .btn-primary:hover{background-color:var(--eduq-blue-hover, #0052CC)}.payment-callback__error .btn-primary:active{background-color:var(--eduq-blue-active, #003D99)}@media (max-width: 640px){.payment-callback__error{padding:var(--space-6, 1.5rem)}.payment-callback__error h2{font-size:var(--text-xl, 1.25rem)}.payment-callback__error-icon{font-size:2.5rem}}.payment-page{min-height:100vh;background:linear-gradient(135deg,#f0f4ff,#e8eeff,#f5f0ff);padding:2rem 1rem}.payment-container{max-width:1200px;margin:0 auto}.payment-header{text-align:center;margin-bottom:3rem}.payment-header h1{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:.5rem}.payment-header p{color:#718096;font-size:16px}.payment-content{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start}.plan-summary{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;position:sticky;top:2rem}.plan-summary h2{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:1.5rem}.plan-details{border-top:1px solid #e2e8f0;padding-top:1.5rem}.plan-name-legacy-payment{font-size:24px;font-weight:700;color:#667eea;margin-bottom:.25rem}.plan-billing{color:#718096;font-size:14px;margin-bottom:1.5rem}.plan-features{margin-bottom:1.5rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#2d3748;font-size:14px}.plan-price{border-top:2px solid #e2e8f0;padding-top:1.5rem;margin-top:1.5rem;display:flex;align-items:baseline;gap:.5rem}.price-amount{font-size:32px;font-weight:700;color:#2d3748}.price-period{color:#718096;font-size:16px}.payment-form-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}.payment-form-section h2{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:1.5rem}.payment-form{margin-bottom:1.5rem}.payment-notice{background:#edf2f7;border-left:4px solid #667eea;padding:1rem;margin-bottom:1.5rem;border-radius:4px}.payment-notice p{color:#2d3748;font-size:14px;margin:0}.payment-security{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#718096;font-size:14px;margin-top:1rem}.payment-result-container{max-width:600px;margin:4rem auto;background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;text-align:center}.result-icon{margin:0 auto 2rem;width:64px;height:64px}.result-icon.success svg circle{stroke:#10b981}.result-icon.success svg path{stroke:#10b981}.result-icon.error svg circle{stroke:#ef4444}.result-icon.error svg path{stroke:#ef4444}.result-icon.warning svg circle{stroke:#f59e0b}.result-icon.warning svg path{stroke:#f59e0b}.payment-result-container h1{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:.5rem}.payment-result-container>p{color:#718096;font-size:16px;margin-bottom:2rem}.error-text{color:#ef4444!important}.subscription-details{background:#f7fafc;border-radius:8px;padding:1.5rem;margin:2rem 0}.detail-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.detail-item:last-child{border-bottom:none}.detail-label{color:#718096;font-size:14px}.detail-value{color:#2d3748;font-size:14px;font-weight:600}.cancel-info{background:#fef3c7;border-left:4px solid #F59E0B;padding:1rem;margin:2rem 0;border-radius:4px;text-align:left}.cancel-info p{color:#92400e;font-size:14px;margin:0}.result-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-secondary{background:#e2e8f0;color:#2d3748;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#cbd5e0}.support-link{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.support-link p{color:#718096;font-size:14px}.support-link a{color:#667eea;text-decoration:none;font-weight:600}.support-link a:hover{text-decoration:underline}@media (max-width: 768px){.payment-content{grid-template-columns:1fr}.plan-summary{position:static}.result-actions{flex-direction:column}.result-actions button{width:100%}}.redirect-countdown{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0;text-align:center}.redirect-countdown p{margin:0 0 .5rem;font-size:14px;color:#fff}.redirect-countdown .btn-link{background:transparent;border:none;color:#fffc;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.redirect-countdown .btn-link:hover{color:#fff}.welcome-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;padding:1.5rem;margin-top:2rem;text-align:left}.welcome-message h3{color:#166534;font-size:18px;font-weight:600;margin:0 0 .75rem}.welcome-message p{color:#15803d;font-size:14px;margin:0 0 1rem}.welcome-message .feature-list{list-style:none;padding:0;margin:0}.welcome-message .feature-list li{color:#166534;font-size:14px;padding:.375rem 0}.retry-prompt{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:1.25rem;margin:1.5rem 0;text-align:center}.retry-prompt h3{color:#92400e;font-size:16px;font-weight:600;margin:0 0 .5rem}.retry-prompt p{color:#a16207;font-size:14px;margin:0}.alternative-options{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-top:2rem;text-align:left}.alternative-options h4{color:#475569;font-size:16px;font-weight:600;margin:0 0 .5rem}.alternative-options>p{color:#64748b;font-size:14px;margin:0 0 1rem}.alternative-options .free-features{list-style:none;padding:0;margin:0 0 1rem}.alternative-options .free-features li{color:#475569;font-size:14px;padding:.25rem 0}.btn-tertiary{background:transparent;color:#64748b;padding:.875rem 1.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-tertiary:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.btn-link{background:transparent;border:none;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;padding:.5rem 0;text-decoration:none;display:inline-block}.btn-link:hover{color:#5a67d8;text-decoration:underline}.result-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.result-actions button{min-width:140px}@media (max-width: 768px){.redirect-countdown,.welcome-message,.alternative-options{padding:1rem}.result-actions{flex-direction:column;align-items:stretch}.result-actions button{width:100%;min-width:auto}}.payment-selection-page{min-height:100vh;background:#f8f9fb;padding:0;box-sizing:border-box;overflow-x:hidden}.selection-container{max-width:100%;width:100%;margin:0;background:#fff;border-radius:0;box-shadow:none;overflow:hidden;box-sizing:border-box}.selection-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.35rem 1.5rem}.selection-header__row{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:nowrap}.selection-header__title-group{text-align:center;flex-shrink:1;min-width:0}.selection-header__lang{flex-shrink:0}.selection-header__lang .language-switcher-button{border-radius:20px!important;background:#fffffff2!important;border:1px solid rgba(255,255,255,.4)!important;color:#374151;padding:5px 12px;font-size:13px}.selection-header .progress-indicator{display:inline-flex;flex-direction:row;align-items:center;gap:0;flex-shrink:0;white-space:nowrap}.selection-header .progress-step{width:16px;height:16px;border-radius:50%;background:#ffffff4d;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:8px;line-height:1}.selection-header .progress-step.completed{background:#10b981}.selection-header .progress-step.active{background:#fff;color:#2563eb}.selection-header .progress-line{width:24px;height:2px;background:#ffffff4d}.selection-header h1{font-size:22px;font-weight:700;margin:0;line-height:1.2}.selection-header p{opacity:.9;font-size:13px;margin:0}.billing-toggle{display:flex;justify-content:center;padding:0}.toggle-container{background:#fff3;border-radius:6px;padding:2px;display:flex}.toggle-option{padding:5px 16px;border-radius:5px;border:none;background:transparent;cursor:pointer;transition:all .3s;font-weight:600;font-size:14px;color:#fffc;display:flex;align-items:center;gap:4px}.toggle-option.active{background:#fff;color:#2563eb}.toggle-option:hover:not(.active){background:#ffffff26}.toggle-option:disabled{opacity:.6;cursor:not-allowed}.savings-badge{background:#10b981;color:#fff;font-size:9px;padding:1px 5px;border-radius:8px;font-weight:600}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.4rem .75rem;box-sizing:border-box}.plan-card{border:2px solid #e5e7eb;border-radius:8px;padding:.4rem .5rem;text-align:center;transition:all .3s;cursor:pointer;position:relative;background:#fff}.plan-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 24px #667eea1f}.plan-card.selected{border-color:#667eea;background:#667eea0d}.plan-card.popular{border-color:#10b981}.popular-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:1px 8px;border-radius:10px;font-size:9px;font-weight:600;white-space:nowrap}.plan-icon{font-size:20px;display:block;margin-bottom:.1rem}.plan-name{font-size:24px;font-weight:700;margin:0 0 .1rem;color:#1f2937}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:0}.plan-price .currency{font-size:16px;color:#6b7280}.plan-price .amount{font-size:36px;font-weight:800;color:#2563eb}.plan-period{color:#6b7280;font-size:15px;margin-bottom:.15rem}.plan-trial{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:4px 12px;border-radius:4px;font-size:15px;font-weight:600;margin-bottom:.15rem}.plan-trial-note{color:#6b7280;font-size:14px;margin-bottom:.2rem;font-style:italic}.plan-savings{background:#dcfce7;color:#166534;padding:4px 12px;border-radius:4px;font-size:14px;font-weight:600;margin-bottom:.2rem}.plan-features{list-style:none;padding:0;margin:0 0 .4rem;text-align:left}.plan-features li{padding:2px 0;color:#4b5563;font-size:16px;display:flex;align-items:center;gap:5px;line-height:1.4}.plan-features li:before{content:"✓";color:#10b981;font-weight:700;flex-shrink:0}.plan-button{width:100%;padding:12px 16px;border:none;border-radius:8px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s}.plan-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.plan-button.secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.plan-button.secondary:hover:not(:disabled){background:#e5e7eb}.plan-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.trust-indicators{display:flex;justify-content:center;gap:1.5rem;padding:.4rem 1rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:5px;color:#6b7280;font-size:14px}.trust-item .icon{font-size:15px}@media (max-width: 768px){.payment-selection-page{padding:0}.selection-header{padding:.3rem .75rem}.selection-header__row{flex-wrap:wrap;gap:.4rem;justify-content:center}.selection-header h1{font-size:18px}.plans-grid{grid-template-columns:1fr;padding:.5rem;gap:.5rem}.plan-card{padding:.75rem}.billing-toggle{padding:0}.toggle-option{padding:5px 12px;font-size:12px}.trust-indicators{gap:.75rem;padding:.3rem .75rem}.promo-code-section{padding:0 .5rem}}.payment-recovery-banner{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;animation:slideDown .3s ease-out;position:relative;z-index:100}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.payment-recovery-banner--hiding{animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.payment-recovery-banner--top{position:fixed;top:0;left:0;right:0}.payment-recovery-banner--bottom{position:fixed;bottom:0;left:0;right:0;animation-name:slideUp}.payment-recovery-banner--bottom.payment-recovery-banner--hiding{animation-name:slideDown}.payment-recovery-banner--inline{position:relative;border-radius:12px;margin:1rem 0}.payment-recovery-banner--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.payment-recovery-banner--info{background:linear-gradient(135deg,#06b6d4,#0891b2)}.payment-recovery-banner--action{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.payment-recovery-banner__content{display:flex;align-items:center;gap:1rem;max-width:1200px;width:100%;flex-wrap:wrap}.payment-recovery-banner__icon{font-size:24px;flex-shrink:0}.payment-recovery-banner__text{flex:1;min-width:200px}.payment-recovery-banner__title{display:block;font-size:16px;font-weight:600;margin-bottom:2px}.payment-recovery-banner__message{font-size:14px;opacity:.9;margin:0}.payment-recovery-banner__plan{display:inline-block;background:#fff3;padding:2px 8px;border-radius:4px;font-size:12px;margin-top:4px}.payment-recovery-banner__actions{display:flex;gap:.75rem;flex-shrink:0}.payment-recovery-banner__btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.payment-recovery-banner__btn--primary{background:#fff;color:#2563eb}.payment-recovery-banner__btn--primary:hover:not(:disabled){background:#f0f9ff;transform:translateY(-1px)}.payment-recovery-banner__btn--secondary{background:#fff3;color:#fff}.payment-recovery-banner__btn--secondary:hover{background:#ffffff4d}.payment-recovery-banner__btn:disabled{opacity:.6;cursor:not-allowed}.payment-recovery-banner__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3;overflow:hidden}.payment-recovery-banner__progress-bar{height:100%;width:30%;background:#fff;animation:progressPulse 1.5s ease-in-out infinite}@keyframes progressPulse{0%{transform:translate(-100%)}to{transform:translate(400%)}}@media (max-width: 768px){.payment-recovery-banner{padding:1rem}.payment-recovery-banner__content{flex-direction:column;text-align:center;gap:.75rem}.payment-recovery-banner__text{min-width:auto}.payment-recovery-banner__actions{width:100%;justify-content:center}.payment-recovery-banner__btn{flex:1;max-width:150px}}@media (prefers-color-scheme: dark){.payment-recovery-banner--inline{box-shadow:0 4px 12px #0000004d}}.vip-access-section{text-align:center;padding:2rem}.vip-access-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.vip-access-header h2{margin:0;color:#f59e0b;font-size:28px}.vip-icon{font-size:48px}.vip-access-message{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.vip-access-message p{color:#92400e;font-size:16px;margin:.5rem 0}.btn-vip{background:linear-gradient(135deg,#f59e0b,#d97706);font-size:18px;padding:1rem 2rem}.btn-vip:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.annual-trial-notice{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.annual-trial-notice .notice-icon{font-size:32px;flex-shrink:0}.annual-trial-notice .notice-content{flex:1}.annual-trial-notice .notice-content strong{display:block;color:#1e40af;font-size:18px;margin-bottom:.5rem}.annual-trial-notice .notice-content p{color:#1e3a8a;font-size:14px;margin:0;line-height:1.5}.price-original{text-decoration:line-through;color:#9ca3af;font-size:18px;margin-right:.5rem}.price-discounted{color:#10b981!important}.price-free{color:#f59e0b!important;font-weight:800}@media (max-width: 768px){.vip-access-header{flex-direction:column;gap:.5rem}.vip-icon{font-size:36px}.vip-access-header h2{font-size:24px}.annual-trial-notice{flex-direction:column;text-align:center}.annual-trial-notice .notice-icon{align-self:center}}.promo-vip-icon,.promo-trial-icon,.promo-scholarship-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.promo-icon-emoji{font-size:48px;line-height:1}.promo-vip-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #f59e0b}.promo-trial-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:3px solid #3b82f6}.promo-scholarship-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:3px solid #10b981}.promo-success-banner{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:12px;margin:1.5rem 0;text-align:left}.promo-success-banner__icon{font-size:32px;flex-shrink:0}.promo-success-banner__content h3{margin:0 0 .5rem;font-size:18px;font-weight:600}.promo-success-banner__content p{margin:0;font-size:14px;line-height:1.5}.promo-success-banner--vip{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.promo-success-banner--vip h3{color:#92400e}.promo-success-banner--vip p{color:#a16207}.promo-success-banner--trial{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6}.promo-success-banner--trial h3{color:#1e40af}.promo-success-banner--trial p{color:#1e3a8a}.promo-success-banner--scholarship{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981}.promo-success-banner--scholarship h3{color:#065f46}.promo-success-banner--scholarship p{color:#047857}.promo-success-banner--discount{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981}.promo-success-banner--discount h3{color:#065f46}.promo-success-banner--discount p{color:#047857}.promo-details-card{border-radius:12px;padding:1.5rem;margin:1.5rem 0}.promo-details-card--vip{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d}.promo-details-card--trial{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.promo-details-card--scholarship{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7}.promo-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.promo-badge--vip{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.promo-badge--trial{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.promo-badge--scholarship{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.promo-value--vip{color:#f59e0b;font-weight:700}.promo-value--free{color:#10b981;font-weight:700}.promo-value--discount{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.discount-applied-badge{background:#dcfce7;color:#166534;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.promo-code-display{font-family:Courier New,monospace;background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:13px;letter-spacing:1px}.trial-renewal-notice{display:flex;align-items:flex-start;gap:.75rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:1rem;margin:1rem 0;text-align:left}.trial-renewal-notice .notice-icon{font-size:20px;flex-shrink:0}.trial-renewal-notice p{margin:0;color:#92400e;font-size:13px;line-height:1.5}.scholarship-award-details{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;padding:1.5rem;margin:1.5rem 0;text-align:left}.scholarship-award-details h4{color:#166534;font-size:16px;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.scholarship-award-details h4:before{content:"🏆"}.award-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #bbf7d0}.award-item:last-child{border-bottom:none}.award-label{color:#15803d;font-size:14px}.award-value{color:#166534;font-size:14px;font-weight:600}.welcome-message--vip{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d}.welcome-message--vip h3{color:#92400e}.welcome-message--vip p,.welcome-message--vip li{color:#a16207}.welcome-message--trial{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.welcome-message--trial h3{color:#1e40af}.welcome-message--trial p,.welcome-message--trial li{color:#1e3a8a}.welcome-message--scholarship{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7}.welcome-message--scholarship h3{color:#065f46}.welcome-message--scholarship p,.welcome-message--scholarship li{color:#047857}@media (max-width: 768px){.promo-success-banner{flex-direction:column;text-align:center;padding:1rem}.promo-success-banner__icon{align-self:center}.scholarship-award-details{padding:1rem}.award-item{flex-direction:column;gap:.25rem;text-align:center}.promo-value--discount{flex-direction:column;align-items:flex-end}}.promo-code-section{padding:0 1rem}.promo-code-inline-row{display:flex;align-items:stretch;gap:.5rem}.promo-code-inline-row .promo-code-label{margin-bottom:0;white-space:nowrap;font-size:15px;flex-shrink:0;display:flex;align-items:center}.promo-code-inline-row .promo-code-input{flex:1;min-width:0;height:auto}.promo-code-inline-row .promo-code-apply-btn{flex-shrink:0;padding:0 1rem;font-size:14px;min-width:auto;height:auto}@media (max-width: 640px){.promo-code-inline-row{flex-wrap:wrap}.promo-code-inline-row .promo-code-label{width:100%}.promo-code-inline-row .promo-code-input{flex:1}}.promo-code-label{display:block;font-size:16px;font-weight:600;color:#374151;margin-bottom:.2rem}.promo-code-input-container{display:flex;flex-direction:column;gap:.4rem}.promo-code-input-container>div:first-child{display:flex;gap:.75rem}.promo-code-input{flex:1;padding:.5rem .75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;font-family:Courier New,monospace;letter-spacing:1px;text-transform:uppercase;transition:all .2s ease}.promo-code-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.promo-code-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.promo-code-apply-btn{padding:.5rem 1.25rem;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#2563eb;color:#fff;min-width:80px}.promo-code-apply-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.promo-code-apply-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.promo-code-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:.75rem 1rem;color:#991b1b;font-size:14px;display:flex;align-items:center;gap:.5rem}.promo-code-error:before{content:"⚠️";flex-shrink:0}.promo-code-success{background:#dcfce7;border:1px solid #86efac;border-radius:8px;padding:.75rem 1rem;color:#166534;font-size:14px;display:flex;align-items:center;gap:.5rem}.promo-code-success:before{content:"✓";flex-shrink:0;font-weight:700;color:#10b981}@media (max-width: 768px){.promo-code-section{padding:.2rem .5rem}.promo-code-input-container>div:first-child{flex-direction:column}.promo-code-apply-btn{width:100%}}@media (max-width: 320px){.payment-selection-page{padding:0}.selection-container{border-radius:0}.selection-header{padding:.4rem .5rem}.selection-header h1{font-size:16px}.selection-header p{font-size:10px}.selection-header .progress-step{width:18px;height:18px;font-size:9px}.plans-grid{grid-template-columns:1fr;gap:.4rem;padding:.4rem}.plan-card{padding:.5rem}.plan-button{min-height:40px;font-size:12px}.toggle-option{min-height:36px}.trust-indicators{flex-direction:column;gap:.4rem;padding:.3rem}.promo-code-section{padding:.2rem .5rem}}@media (min-width: 321px) and (max-width: 375px){.payment-selection-page{padding:0}.selection-header{padding:.4rem .75rem}.selection-header h1{font-size:16px}.plans-grid{grid-template-columns:1fr;gap:.5rem;padding:.5rem}.plan-card{padding:.5rem}.plan-button{min-height:44px;font-size:13px}.toggle-option,.promo-code-input,.promo-code-apply-btn{min-height:44px}.trust-indicators{flex-wrap:wrap;gap:.5rem;padding:.3rem .5rem}.promo-code-section{padding:.2rem .5rem}}@media (min-width: 376px) and (max-width: 414px){.payment-selection-page{padding:0}.selection-header{padding:.4rem .75rem}.selection-header h1{font-size:16px}.plans-grid{grid-template-columns:1fr;gap:.5rem;padding:.5rem}.plan-button,.toggle-option,.promo-code-input,.promo-code-apply-btn{min-height:44px}.trust-indicators{flex-wrap:wrap;gap:.5rem;padding:.3rem .5rem}.promo-code-section{padding:.2rem .5rem}}@media (min-width: 415px) and (max-width: 768px){.payment-selection-page{padding:0}.selection-header{padding:.4rem 1rem}.selection-header h1{font-size:16px}.promo-code-section{padding:.25rem .75rem}.promo-code-input,.promo-code-apply-btn{min-height:44px}.billing-toggle{padding:.25rem .75rem 0}.toggle-option{min-height:44px}.plans-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.4rem .75rem}.plan-button{min-height:44px}.trust-indicators{gap:.75rem;padding:.25rem .75rem}}@media (max-width: 768px){.plan-button,.promo-code-apply-btn,.toggle-option{min-height:44px;min-width:44px}.promo-code-input{min-height:44px}.selection-container,.promo-code-section,.billing-toggle,.plans-grid,.trust-indicators{max-width:100%;overflow-x:hidden}.plan-name,.plan-trial,.plan-trial-note,.plan-savings{word-wrap:break-word;overflow-wrap:break-word}}@media (max-width: 768px){.payment-selection-container{padding:16px;max-width:100%}.plans-grid{display:flex;flex-direction:column;gap:16px}.plan-card{width:100%;max-width:100%}.plan-button,.btn-primary,.btn-secondary,.btn-tertiary,.promo-code-apply-btn,.toggle-option{min-height:44px;padding:12px 24px;font-size:16px}.trust-indicators{flex-wrap:wrap;justify-content:center}input[type=text],input[type=email],input[type=password],input[type=tel],select,.promo-code-input{width:100%;min-height:44px;font-size:16px}.card-details-row{flex-direction:column;gap:16px}.price-amount,.plan-price .amount{font-size:24px;font-weight:700}.payment-page p,.payment-form-section p,.plan-features li,.trust-item{font-size:16px;line-height:1.5}.payment-form-section{padding:16px}.plan-summary{position:static;margin-bottom:16px}.payment-content{grid-template-columns:1fr;gap:16px}.result-actions{flex-direction:column;gap:12px}.result-actions button{width:100%;min-height:44px}.billing-toggle{padding:16px}.toggle-container{width:100%}.vip-access-section,.vip-access-message{padding:16px}.annual-trial-notice{padding:16px;flex-direction:column;text-align:center}.promo-code-section{padding:0 16px 16px}.promo-code-input-container>div:first-child{flex-direction:column;gap:12px}.promo-code-apply-btn{width:100%}.payment-recovery-banner__content{flex-direction:column;text-align:center;gap:12px}.payment-recovery-banner__actions{width:100%;flex-direction:column}.payment-recovery-banner__btn{width:100%}.promo-success-banner{flex-direction:column;text-align:center;padding:16px}.scholarship-award-details{padding:16px}.award-item{flex-direction:column;gap:8px;text-align:center}.welcome-message,.alternative-options,.redirect-countdown,.retry-prompt{padding:16px}.payment-result-container{padding:24px 16px;margin:16px}.subscription-details,.cancel-info{padding:16px}.support-link{padding-top:16px;margin-top:16px}}.free-trial-banner{background-color:var(--eduq-blue);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:.2rem .5rem;font-size:11px;font-weight:var(--font-semibold);text-align:center;border-radius:0}.free-trial-banner__icon{font-size:.8rem}.free-trial-banner__text{letter-spacing:.01em}.free-trial-badge{display:none}.billing-start-date{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);text-align:center}.billing-start-date__icon{font-size:1rem}.billing-start-date__text{font-style:italic}@media (max-width: 768px){.free-trial-banner{font-size:var(--text-base);padding:var(--space-2) var(--space-3)}.billing-start-date{flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3)}}.cancel-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cancel-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cancel-dialog-content{display:flex;flex-direction:column;height:100%}.cancel-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.cancel-dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.close-button:hover{background:#f3f4f6;color:#374151}.cancel-dialog-body{flex:1;padding:0 24px}.cancel-dialog-footer{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e5e7eb;margin-top:24px}.warning-section{display:flex;gap:16px;padding:16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:24px}.warning-icon{font-size:24px;flex-shrink:0}.warning-content h4{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#92400e}.warning-content p{margin:0;color:#92400e;line-height:1.5}.features-to-lose{margin-bottom:24px}.features-to-lose h5{margin:0 0 12px;font-size:1rem;font-weight:600;color:#374151}.features-to-lose ul{list-style:none;padding:0;margin:0}.features-to-lose li{display:flex;align-items:center;gap:8px;padding:8px 0;color:#6b7280}.feature-icon{color:#dc2626;font-weight:700;flex-shrink:0}.access-info{display:flex;gap:16px;padding:16px;background:#dbeafe;border:1px solid #3b82f6;border-radius:8px;margin-bottom:24px}.info-icon{font-size:20px;flex-shrink:0;color:#1d4ed8}.info-content h5{margin:0 0 8px;font-size:1rem;font-weight:600;color:#1e40af}.info-content ul{margin:0;padding-left:16px;color:#1e40af}.info-content li{margin-bottom:4px;line-height:1.4}.reason-selection{margin:20px 0}.reason-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.reason-option:hover{background:#f9fafb;border-color:#d1d5db}.reason-option input[type=radio]{margin:0}.reason-label{font-weight:500;color:#374151}.reason-option:has(input:checked){background:#eff6ff;border-color:#3b82f6}.reason-option:has(input:checked) .reason-label{color:#1d4ed8}.processing-section{text-align:center;padding:40px 20px}.processing-section h4{margin:16px 0 8px;font-size:1.1rem;font-weight:600;color:#374151}.processing-section p{margin:0;color:#6b7280}.success-section{text-align:center;padding:20px;margin-bottom:24px}.success-icon{font-size:48px;margin-bottom:16px}.success-section h4{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:#059669}.success-section p{margin:8px 0;color:#374151;line-height:1.5}.resubscribe-info{padding:16px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;text-align:center}.resubscribe-info h5{margin:0 0 8px;font-size:1rem;font-weight:600;color:#0c4a6e}.resubscribe-info p{margin:0 0 16px;color:#0c4a6e}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin:16px 0;color:#dc2626;font-weight:500}.error-icon{flex-shrink:0}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.button{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;text-align:center;font-size:14px}.button:disabled{opacity:.6;cursor:not-allowed}.button.primary{background:#3b82f6;color:#fff}.button.primary:hover:not(:disabled){background:#2563eb}.button.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.button.secondary:hover:not(:disabled){background:#e5e7eb}.button.danger{background:#dc2626;color:#fff}.button.danger:hover:not(:disabled){background:#b91c1c}@media (max-width: 640px){.cancel-dialog-overlay{padding:10px}.cancel-dialog{max-height:95vh}.cancel-dialog-header,.cancel-dialog-body,.cancel-dialog-footer{padding-left:16px;padding-right:16px}.cancel-dialog-footer{flex-direction:column}.button{width:100%}.warning-section,.access-info{flex-direction:column;text-align:center}.warning-icon,.info-icon{align-self:center}}.achievement-gallery{padding:1.5rem;max-width:1200px;margin:0 auto}.achievement-gallery.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.loading-spinner{width:2rem;height:2rem;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.gallery-header{text-align:center;margin-bottom:2rem}.gallery-header h3{font-size:1.8rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.gallery-description{color:#6c757d;font-size:1rem;max-width:600px;margin:0 auto}.gallery-filters{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-group label{font-weight:500;color:#495057;font-size:.9rem}.filter-select{padding:.5rem .75rem;border:2px solid #e9ecef;border-radius:8px;background:#fff;font-size:.9rem;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.badge-gallery{display:flex;flex-direction:column;gap:2.5rem}.no-badges{text-align:center;padding:3rem;color:#6c757d;font-size:1.1rem}.badge-category{background:#f8f9fa;border-radius:12px;padding:1.5rem}.category-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.badge-count{font-size:.9rem;color:#6c757d;font-weight:400}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.badge-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.badge-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.badge-card.earned{border-color:var(--tier-color);box-shadow:0 4px 15px #0000001a}.badge-card.earned:hover{box-shadow:0 8px 30px #0003}.badge-card.unearned{opacity:.7;border-color:#e9ecef}.badge-card.unearned:hover{opacity:.9}.badge-card.bronze.earned{background:linear-gradient(135deg,#fff,#f8f4f0)}.badge-card.silver.earned{background:linear-gradient(135deg,#fff,#f5f5f5)}.badge-card.gold.earned{background:linear-gradient(135deg,#fff,#fffbf0)}.badge-card.platinum.earned{background:linear-gradient(135deg,#fff,#f8f8f8)}.badge-icon{position:relative;margin-bottom:1rem;display:inline-block}.badge-emoji{font-size:3rem;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.badge-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:50%}.lock-icon{font-size:1.5rem;opacity:.7}.badge-info{display:flex;flex-direction:column;gap:.5rem}.badge-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0}.badge-tier{font-size:.9rem;font-weight:500;color:var(--tier-color);text-transform:uppercase;letter-spacing:.5px;margin:0}.badge-date{font-size:.8rem;color:#6c757d;margin:0}.badge-progress{display:flex;flex-direction:column;gap:.25rem;align-items:center}.progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);border-radius:3px;transition:width .3s ease}.progress-text{font-size:.8rem;color:#6c757d;font-weight:500}.badge-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.badge-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#f8f9fa;color:#495057}.modal-content{padding:2rem;text-align:center}.modal-badge-icon{position:relative;margin-bottom:1.5rem;display:inline-block}.modal-badge-emoji{font-size:4rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.modal-tier-ring{position:absolute;inset:-8px;border:3px solid var(--tier-color);border-radius:50%;opacity:.3}.modal-info{display:flex;flex-direction:column;gap:1rem;text-align:left}.modal-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0;text-align:center}.modal-tier{font-size:1rem;font-weight:500;color:var(--tier-color);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin:0}.modal-description{font-size:1rem;color:#495057;line-height:1.5;text-align:center;margin:0}.modal-earned-info{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:1rem}.earned-status{font-weight:500;color:#155724;margin:0 0 .5rem}.achievement-metadata h4{font-size:.9rem;color:#155724;margin:.5rem 0 .25rem}.achievement-metadata ul{margin:0;padding-left:1.5rem}.achievement-metadata li{font-size:.9rem;color:#155724;margin-bottom:.25rem}.modal-progress-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.progress-status{font-weight:500;color:#495057;margin:0 0 .75rem;text-align:center}.modal-progress-bar{width:100%;height:12px;background:#e9ecef;border-radius:6px;overflow:hidden;margin-bottom:.75rem}.modal-progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);border-radius:6px;transition:width .3s ease}.progress-hint{font-size:.9rem;color:#6c757d;text-align:center;margin:0;font-style:italic}@media (max-width: 768px){.achievement-gallery{padding:1rem}.gallery-filters{flex-direction:column;align-items:center;gap:1rem}.filter-group{width:100%;max-width:200px}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.badge-card{padding:1rem}.badge-emoji{font-size:2.5rem}.badge-title{font-size:1rem}.modal-content{padding:1.5rem}.modal-badge-emoji{font-size:3rem}.modal-title{font-size:1.3rem}}@media (max-width: 480px){.badge-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.badge-card{padding:.75rem}.badge-emoji{font-size:2rem}.badge-title{font-size:.9rem}}.profile-settings{max-width:900px;margin:0 auto;padding:var(--space-lg)}.profile-settings.loading,.profile-settings.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:50px;height:50px;border:4px solid var(--color-gray-200, #e5e7eb);border-top:4px solid var(--eduq-blue, #0066FF);border-radius:50%;animation:profilePulse 1.4s ease-in-out infinite}@keyframes profilePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}.profile-hero{display:flex;align-items:center;gap:var(--space-lg);background:var(--color-white, #ffffff);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 12px);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm)}.profile-hero__avatar{width:72px;height:72px;border-radius:var(--radius-full, 9999px);background:linear-gradient(135deg,var(--eduq-blue, #0066FF),var(--eduq-cyan, #00D9B5));color:var(--color-white, #ffffff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl, 1.875rem);font-weight:var(--font-weight-bold, 700);flex-shrink:0;user-select:none}.profile-hero__info{flex:1;min-width:0}.profile-hero__name{font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #111827);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-hero__email{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #6b7280);margin:0 0 var(--space-sm) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.profile-hero__tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--color-gray-100, #f3f4f6);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-secondary, #6b7280)}.profile-hero__tier{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600)}.profile-hero__tier--free{background:#dbeafe;color:var(--eduq-blue, #0066FF)}.profile-hero__tier--premium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.profile-hero__tier--family{background:#ede9fe;color:#5b21b6}.profile-hero__manage-sub{flex-shrink:0;background:none;border:1px solid var(--eduq-blue, #0066FF);color:var(--eduq-blue, #0066FF);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.profile-hero__manage-sub:hover{background-color:var(--eduq-blue, #0066FF);color:var(--color-white, #ffffff)}.profile-hero__manage-sub:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}@media (max-width: 768px){.profile-hero{flex-direction:column;text-align:center;padding:var(--space-lg)}.profile-hero__info{display:flex;flex-direction:column;align-items:center}.profile-hero__meta{justify-content:center}.profile-hero__manage-sub{width:100%}}@media (prefers-reduced-motion: reduce){.profile-hero__manage-sub{transition:none}.loading-spinner{animation:none}}.save-message{padding:12px 20px;border-radius:6px;margin-bottom:20px;font-weight:500}.save-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.save-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-tabs{display:flex;gap:10px;border-bottom:2px solid #e0e0e0;margin-bottom:30px}.profile-tabs .tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;font-weight:500;color:#666;transition:all .3s ease}.profile-tabs .tab:hover{color:var(--eduq-blue, #0066FF)}.profile-tabs .tab.active{color:var(--eduq-blue, #0066FF);border-bottom-color:var(--eduq-blue, #0066FF)}.profile-content{background:var(--color-white, #ffffff);padding:30px;border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200, #e5e7eb)}.tab-content h3{font-size:22px;color:#333;margin-bottom:10px}.tab-content .description{color:#666;font-size:14px;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;color:#333;margin-bottom:8px;font-size:14px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--eduq-blue, #0066FF);box-shadow:0 0 0 3px #0066ff1a}.language-switcher-section{background:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.language-switcher-section label{font-size:15px;font-weight:600;color:#2d3748;margin-bottom:6px}.language-switcher-section .field-description{font-size:13px;color:#718096;margin-bottom:12px;line-height:1.5}.profile-language-switcher{max-width:300px}.learning-style-item{margin-bottom:25px;padding:15px;background:#f8f9fa;border-radius:6px}.style-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.style-header label{font-weight:600;color:#333;font-size:15px}.style-value{font-weight:600;color:var(--eduq-blue, #0066FF);font-size:16px}.style-slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;margin-bottom:8px}.style-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--eduq-blue, #0066FF);cursor:pointer}.style-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--eduq-blue, #0066FF);cursor:pointer;border:none}.style-description{font-size:13px;color:#666;font-style:italic}.education-systems{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:25px}.education-system-card{padding:20px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease}.education-system-card:hover{border-color:var(--eduq-blue, #0066FF);box-shadow:0 4px 12px #0066ff1a}.education-system-card.selected{border-color:var(--eduq-blue, #0066FF);background:#dbeafe}.education-system-card h4{font-size:16px;color:#333;margin-bottom:8px}.education-system-card p{font-size:13px;color:#666;margin:0}.save-button{padding:12px 30px;background:var(--eduq-blue, #0066FF);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease}.save-button:hover:not(:disabled){background:var(--eduq-blue-hover, #0052CC)}.save-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.profile-settings{padding:15px}.profile-content{padding:20px}.profile-tabs{overflow-x:auto}.profile-tabs .tab{padding:10px 16px;font-size:14px;white-space:nowrap}.education-systems{grid-template-columns:1fr}}.chat-preferences-section{margin-bottom:30px}.chat-preferences-section h4{font-size:18px;color:#333;margin-bottom:8px;margin-top:20px}.chat-preferences-section .section-description{color:#666;font-size:14px;margin-bottom:20px}.mode-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.mode-option-card{padding:24px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#fff}.mode-option-card:hover{border-color:var(--eduq-blue, #0066FF);box-shadow:0 4px 16px #0066ff26;transform:translateY(-2px)}.mode-option-card.selected{border-color:var(--eduq-blue, #0066FF);background:#dbeafe;box-shadow:0 4px 16px #06f3}.mode-icon{font-size:40px;margin-bottom:12px}.mode-option-card h5{font-size:18px;color:#333;margin-bottom:8px;font-weight:600}.mode-option-card>p{font-size:14px;color:#666;margin-bottom:15px;line-height:1.5}.mode-features{list-style:none;padding:0;margin:0}.mode-features li{font-size:13px;color:#555;padding:6px 0 6px 20px;position:relative}.mode-features li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700}.preference-option{padding:20px;background:#f8f9fa;border-radius:8px;margin-bottom:20px}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;font-size:15px;color:#333;font-weight:500}.checkbox-label input[type=checkbox]{width:auto;margin-right:12px;margin-top:2px;cursor:pointer}.checkbox-label span{flex:1}.option-description{font-size:13px;color:#666;margin-top:10px;margin-left:28px;line-height:1.5}@media (max-width: 768px){.mode-options{grid-template-columns:1fr}.mode-option-card{padding:20px}.mode-icon{font-size:32px}}.safety-settings-section{margin-bottom:30px}.safety-settings-section h4{font-size:18px;color:#333;margin-bottom:8px;margin-top:25px}.safety-settings-section .section-description{color:#666;font-size:14px;margin-bottom:20px}.filtering-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:30px}.filtering-level-card{padding:20px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#fff;text-align:center}.filtering-level-card:hover{border-color:var(--eduq-blue, #0066FF);box-shadow:0 4px 12px #0066ff26;transform:translateY(-2px)}.filtering-level-card.selected{border-color:var(--eduq-blue, #0066FF);background:#dbeafe;box-shadow:0 4px 12px #06f3}.level-icon{font-size:36px;margin-bottom:10px}.filtering-level-card h5{font-size:16px;color:#333;margin-bottom:8px;font-weight:600}.filtering-level-card p{font-size:13px;color:#666;margin:0;line-height:1.5}.age-group-selector{margin-bottom:30px}.age-group-select{width:100%;max-width:400px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;color:#333;background:#fff;cursor:pointer;transition:border-color .3s ease}.age-group-select:hover{border-color:var(--eduq-blue, #0066FF)}.age-group-select:focus{outline:none;border-color:var(--eduq-blue, #0066FF);box-shadow:0 0 0 3px #0066ff1a}.parental-controls{background:#f8f9fa;padding:20px;border-radius:10px;margin-bottom:20px}.control-option{display:flex;align-items:flex-start;cursor:pointer;margin-bottom:20px}.control-option input[type=checkbox]{width:auto;margin-right:12px;margin-top:2px;cursor:pointer;transform:scale(1.2)}.control-content{flex:1}.control-label{font-size:16px;font-weight:600;color:#333;display:block;margin-bottom:6px}.control-description{font-size:14px;color:#666;margin:0;line-height:1.5}.control-info{background:#fff;padding:16px;border-radius:8px;border:1px solid #e0e0e0}.control-info h5{font-size:15px;color:#333;margin-bottom:10px;font-weight:600}.control-info ul{list-style:none;padding:0;margin:0}.control-info li{font-size:14px;color:#555;padding:6px 0 6px 24px;position:relative}.control-info li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700;font-size:16px}.safety-notice{display:flex;gap:15px;padding:20px;background:#dbeafe;border:2px solid var(--eduq-blue, #0066FF);border-radius:10px;margin-top:25px}.notice-icon{font-size:32px;flex-shrink:0}.notice-content h5{font-size:16px;color:var(--eduq-blue-hover, #0052CC);margin-bottom:8px;font-weight:600}.notice-content p{font-size:14px;color:var(--eduq-blue, #0066FF);margin:0;line-height:1.6}@media (max-width: 768px){.filtering-levels{grid-template-columns:1fr}.filtering-level-card{padding:16px}.level-icon{font-size:28px}.age-group-select{max-width:100%}.safety-notice{flex-direction:column;gap:10px}.notice-icon{font-size:24px}}.subscription-tab{min-height:400px}.subscription-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.subscription-loading .loading-spinner.small{width:32px;height:32px;border-width:3px;margin-bottom:16px}.subscription-error{text-align:center;padding:40px 20px;background:#fff5f5;border-radius:8px;border:1px solid #fed7d7}.subscription-error p{color:#c53030;margin-bottom:16px}.retry-button{padding:10px 24px;background:var(--eduq-blue, #0066FF);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease}.retry-button:hover{background:var(--eduq-blue-hover, #0052CC)}.subscription-card{background:#fff;border-radius:12px;border:1px solid #e0e0e0;overflow:hidden}.subscription-card.current-plan{border:2px solid var(--eduq-blue, #0066FF)}.plan-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,var(--eduq-blue, #0066FF) 0%,var(--eduq-blue-hover, #0052CC) 100%);color:#fff}.plan-info{display:flex;align-items:center;gap:12px}.plan-info h4{font-size:22px;font-weight:600;margin:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-active{background:#c6f6d5;color:#22543d}.status-badge.status-inactive{background:#e2e8f0;color:#4a5568}.status-badge.status-trial{background:#bee3f8;color:#2a4365}.status-badge.status-expired{background:#fed7d7;color:#c53030}.status-badge.status-cancelled{background:#feebc8;color:#c05621}.status-badge.status-vip{background:linear-gradient(135deg,gold,#ffb300);color:#744210}.status-badge.status-promo{background:#e9d8fd;color:#553c9a}.status-badge.status-scholarship{background:#b2f5ea;color:#234e52}.promo-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff3;border-radius:20px;font-size:13px}.promo-badge .promo-icon{font-size:16px}.plan-details{padding:24px}.detail-section{margin-bottom:28px}.detail-section h5{font-size:16px;font-weight:600;color:#333;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.feature-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.feature-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#555;padding:8px 0}.feature-check{color:#28a745;font-weight:700;font-size:16px}.billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.billing-item{background:#f8f9fa;padding:16px;border-radius:8px}.billing-label{display:block;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.billing-value{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#333}.card-icon{font-size:18px}.expiring-warning{color:#c05621;font-size:12px;font-weight:500}.cancelled-date{color:#c05621}.promo-info .promo-details{background:#f0fff4;padding:16px;border-radius:8px;border:1px solid #c6f6d5}.promo-message{display:flex;align-items:center;gap:10px;font-size:14px;color:#22543d;margin:0}.promo-message .promo-icon{font-size:20px}.upgrade-prompt{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:24px;border-radius:12px;border:1px solid #bae6fd}.upgrade-message{font-size:15px;color:#0369a1;margin-bottom:20px}.upgrade-options{display:flex;gap:12px;flex-wrap:wrap}.upgrade-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease}.upgrade-button.premium{background:var(--eduq-blue, #0066FF);color:#fff}.upgrade-button.premium:hover{background:var(--eduq-blue-hover, #0052CC);transform:translateY(-2px)}.upgrade-button.family{background:#fff;color:var(--eduq-blue, #0066FF);border:2px solid var(--eduq-blue, #0066FF)}.upgrade-button.family:hover{background:#e7f3ff;transform:translateY(-2px)}.subscription-actions .action-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.action-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.action-button.upgrade{background:#28a745;color:#fff}.action-button.upgrade:hover{background:#218838}.action-button.change-billing{background:#f8f9fa;color:#333;border:1px solid #ddd}.action-button.change-billing:hover{background:#e9ecef}.cancel-hint{font-size:13px;color:#666}.cancel-link{color:#dc3545;text-decoration:none}.cancel-link:hover{text-decoration:underline}.cancelled-notice,.expired-notice{display:flex;gap:16px;padding:20px;border-radius:10px}.cancelled-notice{background:#fff8e6;border:1px solid #ffeeba}.expired-notice{background:#fff5f5;border:1px solid #fed7d7}.cancelled-notice .notice-icon,.expired-notice .notice-icon{font-size:28px;flex-shrink:0}.cancelled-notice .notice-content h5,.expired-notice .notice-content h5{font-size:16px;margin-bottom:8px;border:none;padding:0}.cancelled-notice .notice-content p,.expired-notice .notice-content p{font-size:14px;color:#666;margin-bottom:16px;line-height:1.6}.resubscribe-button,.renew-button{display:inline-block;padding:10px 24px;background:var(--eduq-blue, #0066FF);color:#fff;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s ease}.resubscribe-button:hover,.renew-button:hover{background:var(--eduq-blue-hover, #0052CC)}.subscription-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #e0e0e0}.refresh-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#555;cursor:pointer;transition:all .2s ease}.refresh-button:hover{background:#e9ecef}.refresh-icon{font-size:14px}.last-updated{font-size:12px;color:#999}@media (max-width: 768px){.plan-header{flex-direction:column;align-items:flex-start;gap:12px}.plan-info{flex-direction:column;align-items:flex-start;gap:8px}.billing-grid,.feature-list{grid-template-columns:1fr}.upgrade-options{flex-direction:column}.upgrade-button{text-align:center}.subscription-actions .action-buttons{flex-direction:column}.action-button{text-align:center}.subscription-footer{flex-direction:column;gap:12px;align-items:flex-start}.cancelled-notice,.expired-notice{flex-direction:column;gap:12px}}.action-button.cancel-subscription{background:#dc3545;color:#fff;border:1px solid #dc3545}.action-button.cancel-subscription:hover{background:#c82333;border-color:#bd2130;transform:translateY(-1px)}.action-button.cancel-subscription:active{background:#bd2130;border-color:#b21f2d;transform:translateY(0)}@media (max-width: 768px){.action-button.cancel-subscription{width:100%;text-align:center;margin-top:8px}}.upgrade-change-options{margin-bottom:24px}.upgrade-option-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:16px;transition:all .3s ease}.upgrade-option-card:hover{border-color:var(--eduq-blue, #0066FF);box-shadow:0 4px 12px #0066ff1a;transform:translateY(-2px)}.upgrade-option-card:last-child{margin-bottom:0}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.option-header h6{font-size:18px;font-weight:600;color:#333;margin:0}.option-type{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.option-type{background:#e7f3ff;color:#0056b3}.option-description{font-size:14px;color:#666;margin-bottom:16px;line-height:1.5}.proration-info{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px}.proration-info p{margin:0 0 8px;font-size:14px}.proration-info p:last-child{margin-bottom:0}.proration-charge,.proration-credit,.proration-days{display:flex;justify-content:space-between;align-items:center}.proration-label{font-weight:500;color:#555}.proration-amount{font-weight:600;color:var(--eduq-blue, #0066FF)}.proration-value{font-weight:600;color:#333}.proration-description{font-size:13px;color:#666;font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0}.option-action-button{width:100%;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none}.option-action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.option-action-button.upgrade-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.option-action-button.upgrade-button:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.option-action-button.upgrade-button.family{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.option-action-button.upgrade-button.family:hover:not(:disabled){background:linear-gradient(135deg,#5a32a3,#d91a72);box-shadow:0 4px 12px #6f42c14d}.option-action-button.change-billing-button{background:linear-gradient(135deg,var(--eduq-blue, #0066FF) 0%,#6610f2 100%);color:#fff}.option-action-button.change-billing-button:hover:not(:disabled){background:linear-gradient(135deg,var(--eduq-blue-hover, #0052CC) 0%,#520dc2 100%);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.cancel-subscription-section{margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.cancel-subscription-section .action-button.cancel-subscription{background:#dc3545;color:#fff;border:1px solid #dc3545;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-subscription-section .action-button.cancel-subscription:hover:not(:disabled){background:#c82333;border-color:#bd2130;transform:translateY(-1px)}@media (max-width: 768px){.upgrade-option-card{padding:16px}.option-header{flex-direction:column;align-items:flex-start;gap:8px}.option-header h6{font-size:16px}.proration-charge,.proration-credit,.proration-days{flex-direction:column;align-items:flex-start;gap:4px}.proration-amount,.proration-value{font-size:16px}.option-action-button{font-size:14px;padding:10px 20px}.cancel-subscription-section .action-button.cancel-subscription{width:100%;text-align:center}}.profile-settings__back{display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:6px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--eduq-blue);cursor:pointer;transition:background-color .15s ease,color .15s ease}.profile-settings__back:hover{background-color:var(--bg-tertiary);color:var(--eduq-blue-hover)}.profile-settings__back:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}.document-upload{margin-bottom:2rem}.upload-area{border:2px dashed #cbd5e0;border-radius:12px;padding:3rem 2rem;text-align:center;transition:all .3s ease;background:#fff}.upload-area.drag-active{border-color:#667eea;background:#f7fafc}.upload-area.uploading{border-color:#667eea}.upload-area svg{margin-bottom:1rem}.upload-area h3{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:.5rem}.upload-area p{color:#718096;font-size:14px;margin-bottom:1.5rem}.btn-upload{background:#667eea;color:#fff;padding:.75rem 2rem;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-upload:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-upload:disabled{background:#cbd5e0;cursor:not-allowed}.upload-hint{font-size:12px!important;color:#a0aec0!important;margin-top:1rem!important;margin-bottom:0!important}.upload-progress{padding:1rem 0}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:#667eea;transition:width .3s ease}.progress-text{font-size:14px;font-weight:600;color:#667eea;margin:0}.upload-error{background:#fed7d7;color:#c53030;padding:.875rem 1rem;border-radius:8px;font-size:14px;margin-top:1rem;border-left:4px solid #c53030}.document-list{display:flex;flex-direction:column;gap:.75rem}.document-item{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;transition:all .3s ease}.document-item:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000d}.document-icon{flex-shrink:0}.document-info{flex:1;min-width:0}.document-name{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta{font-size:12px;color:#a0aec0}.document-delete{flex-shrink:0;width:36px;height:36px;border-radius:6px;border:none;background:transparent;color:#718096;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.document-delete:hover{background:#fed7d7;color:#c53030}.document-list-empty{text-align:center;padding:3rem 2rem;color:#718096}.document-list-empty svg{margin-bottom:1rem}.document-list-empty p{font-size:14px}.document-list-error{background:#fed7d7;color:#c53030;padding:1rem;border-radius:8px;font-size:14px;border-left:4px solid #c53030}@media (max-width: 640px){.upload-area{padding:2rem 1rem}.document-item{padding:.75rem}.document-name{font-size:13px}}.child-selector{position:relative;width:100%}.child-selector.loading{display:flex;align-items:center;gap:.5rem;padding:1rem;color:#6b7280;font-size:.875rem}.loading-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.child-selector.error{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.error-icon{font-size:1rem}.error-text{flex:1}.child-selector.empty{text-align:center;padding:1.5rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.empty-icon{font-size:2rem;margin-bottom:.5rem;display:block}.empty-text{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.add-child-button{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-child-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.child-selector-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.child-selector-trigger:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.child-selector-trigger.expanded{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;border-bottom-left-radius:0;border-bottom-right-radius:0}.selected-child-display{display:flex;align-items:center;gap:.75rem;flex:1}.child-avatar-small{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.child-info{flex:1;text-align:left}.child-name{font-weight:600;color:#374151;line-height:1.2;margin-bottom:.125rem}.child-meta-small{font-size:.75rem;color:#6b7280;line-height:1.2}.no-selection{color:#9ca3af;font-style:italic}.dropdown-arrow{font-size:.75rem;color:#6b7280;transition:transform .2s ease;margin-left:.5rem}.dropdown-arrow.up{transform:rotate(180deg)}.child-selector-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #667eea;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:200px;overflow-y:auto}.child-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:none;cursor:pointer;transition:background-color .2s ease;font-size:.875rem;text-align:left}.child-option:hover{background-color:#f3f4f6}.child-option.selected{background-color:#eff6ff}.child-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.selected-checkmark{color:#667eea;font-weight:700;margin-left:auto}.child-count{margin-top:.5rem;font-size:.75rem;color:#6b7280;text-align:center;font-style:italic}@media (max-width: 768px){.child-selector-trigger,.child-option{padding:1rem .75rem}.child-avatar-small{width:36px;height:36px;font-size:1rem}.child-name{font-size:.875rem}.child-meta-small{font-size:.75rem}}@media (prefers-contrast: high){.child-selector-trigger{border-width:2px}.child-avatar-small{background:#000;border:2px solid #fff}.child-option.selected{background-color:#000;color:#fff}}@media (prefers-reduced-motion: reduce){.child-selector-trigger,.dropdown-arrow,.child-option,.add-child-button{transition:none}.loading-spinner-small{animation:none}}.parent-dashboard-layout{min-height:100vh;display:flex;flex-direction:column;background-color:#f8fafc;font-family:system-ui,-apple-system,sans-serif}.dashboard-header{background:#fff;color:#1f2937;box-shadow:0 2px 8px #0000001a;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.dashboard-header .header-content{display:flex;align-items:center;justify-content:space-between;padding:.25rem 1.5rem;max-width:1400px;margin:0 auto;gap:.5rem}.dashboard-header .header-title{display:flex;align-items:baseline;gap:.5rem;flex:1;min-width:0}.dashboard-header .header-title h1{font-size:1rem;font-weight:600;margin:0;line-height:1.2;white-space:nowrap}.dashboard-header .family-name{font-size:.75rem;opacity:.7;font-weight:400;white-space:nowrap}.dashboard-header .hamburger-menu{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:.25rem}.dashboard-header .hamburger-line{width:24px;height:3px;background-color:#374151;transition:all .3s ease;border-radius:2px}.dashboard-header .hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.dashboard-header .hamburger-line.open:nth-child(2){opacity:0}.dashboard-header .hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.dashboard-header .header-nav{display:flex;align-items:center;gap:.5rem}.nav-item{display:flex;align-items:center}.language-switcher-container{margin-right:.5rem}.dashboard-header .header-nav .language-switcher.compact .language-button-compact{background:#f3f4f6;border-color:#d1d5db;color:#374151}.dashboard-header .header-nav .language-switcher.compact .language-button-compact:hover{background:#e5e7eb;border-color:#9ca3af}.dashboard-header .header-nav .language-switcher.compact .language-dropdown-compact{background:#fff;border:1px solid #d1d5db;color:#374151}.dashboard-header .nav-button{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;text-decoration:none;font-size:.75rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dashboard-header .nav-button:hover{background:#e5e7eb;transform:translateY(-1px)}.dashboard-header .nav-icon{font-size:1rem}.dashboard-body{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%}.dashboard-sidebar{width:280px;background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 8px #0000000d;transition:transform .3s ease;position:relative;z-index:50}.sidebar-content{padding:.75rem;height:100%;overflow-y:auto;text-align:left}.sidebar-close-btn{display:none;background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem .5rem;margin-bottom:.5rem}.sidebar-close-btn:hover{color:#1f2937}.sidebar-section{margin-bottom:1rem;text-align:left}.dashboard-sidebar .sidebar-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.dashboard-sidebar .nav-menu{list-style:none;padding:0;margin:0;text-align:left}.dashboard-sidebar .nav-menu li{margin-bottom:.25rem}.dashboard-sidebar .nav-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;color:#6b7280;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease;text-align:left;width:100%}.dashboard-sidebar .nav-link:hover{background-color:#f3f4f6;color:#374151}.dashboard-sidebar .nav-link.active{background:#667eea;color:#fff}.nav-link .dashboard-header .nav-icon{font-size:1.1rem;width:20px;text-align:center}.sidebar-logout-btn{width:100%;background:none;border:none;cursor:pointer;font-family:inherit;color:#ef4444}.sidebar-logout-btn:hover{background-color:#fef2f2;color:#dc2626}.selected-child-info{background:#f8fafc;border-radius:12px;padding:1rem;border:1px solid #e2e8f0}.child-info-card{display:flex;align-items:center;gap:.75rem}.child-avatar{width:40px;height:40px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.child-details{flex:1}.child-name{font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.25rem}.child-meta{display:flex;flex-direction:column;gap:.125rem}.child-meta span{font-size:.75rem;color:#6b7280}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0}.main-content{flex:1;padding:1rem;overflow-y:auto}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:40}@media (max-width: 768px){.dashboard-header .hamburger-menu{display:flex}.dashboard-header .header-content{padding:.25rem .5rem;flex-wrap:nowrap}.dashboard-header .header-title{flex:1;min-width:0;overflow:hidden}.dashboard-header .header-title h1{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-header .family-name{font-size:.6875rem;display:none}.dashboard-header .header-nav{gap:.125rem;flex-shrink:0}.dashboard-header .header-nav .language-switcher-container,.dashboard-header .nav-text{display:none}.dashboard-header .nav-button{padding:.25rem;font-size:.6875rem}.dashboard-header .hamburger-menu{flex-shrink:0;margin-right:.375rem;padding:.25rem}.dashboard-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);z-index:200}.dashboard-sidebar.open{transform:translate(0)}.sidebar-content{padding-top:.5rem;text-align:left}.sidebar-close-btn{display:block}.dashboard-sidebar .nav-link{justify-content:flex-start;text-align:left}.sidebar-overlay{display:block}.dashboard-main{width:100%}.main-content{padding:1rem}.sidebar-content{padding-top:.5rem}}@media (max-width: 480px){.dashboard-header .header-content{padding:.5rem}.dashboard-header .header-title h1{font-size:1.125rem}.dashboard-header .family-name{font-size:.75rem}.main-content,.sidebar-content{padding:.5rem}}@media (prefers-contrast: high){.dashboard-header{background:#fff;border:2px solid #000}.dashboard-sidebar .nav-link.active,.child-avatar{background:#667eea;border:2px solid #000}}@media (prefers-reduced-motion: reduce){.dashboard-header .hamburger-line,.dashboard-sidebar,.nav-button,.dashboard-sidebar .nav-link{transition:none}}.achievement-timeline{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.timeline-header h3{font-size:1.25rem;color:#1a1a1a;margin:0;font-weight:600}.achievement-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:12px}.timeline-loading,.timeline-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.timeline-error{color:#f5576c}.timeline-loading .loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.timeline-empty{text-align:center;padding:3rem 1rem}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.timeline-empty h3{font-size:1.25rem;color:#374151;margin:0 0 .5rem}.timeline-empty p{color:#6b7280;margin:0;line-height:1.6}.timeline-list{position:relative}.timeline-item{position:relative;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;border-radius:8px;transition:background-color .2s,transform .2s}.timeline-item:hover{background-color:#f9fafb;transform:translate(4px)}.timeline-item:last-child{margin-bottom:0}.timeline-item-new{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;box-shadow:0 4px 12px #f59e0b33}.timeline-item-new:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)}.new-indicator{position:absolute;top:-8px;right:-8px;z-index:10}.new-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a;animation:pulse-new 2s infinite}@keyframes pulse-new{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timeline-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid white;box-shadow:0 2px 8px #00000026;position:relative;z-index:2}.achievement-emoji{font-size:1.25rem;line-height:1}.timeline-line{width:2px;height:100%;background:linear-gradient(to bottom,#e5e7eb 0%,transparent 100%);margin-top:.5rem;min-height:20px}.timeline-content{flex:1;min-width:0}.achievement-header{margin-bottom:.5rem}.achievement-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem;line-height:1.4}.achievement-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.achievement-tier{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.achievement-date{font-size:.75rem;color:#6b7280}.achievement-description{color:#4b5563;font-size:.875rem;line-height:1.5;margin:.5rem 0 0}.achievement-details{display:flex;gap:1rem;margin-top:.75rem;flex-wrap:wrap}.detail-item{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:6px}.achievement-actions{margin-top:1rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.encouragement-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.encouragement-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.encouragement-btn:active{transform:translateY(0)}.timeline-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb;text-align:center}.more-achievements{font-size:.875rem;color:#6b7280;margin:0}@media (max-width: 768px){.achievement-timeline{padding:1rem}.timeline-header{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-item{padding:.75rem;gap:.75rem}.timeline-dot{width:32px;height:32px}.achievement-emoji{font-size:1rem}.achievement-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.achievement-details{flex-direction:column;gap:.5rem}.new-indicator{top:-4px;right:-4px}}@media (max-width: 480px){.timeline-item{flex-direction:column;align-items:flex-start}.timeline-connector{flex-direction:row;width:100%;margin-bottom:.5rem}.timeline-line{width:100%;height:2px;margin-top:0;margin-left:.5rem}}.encouragement-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.encouragement-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #f3f4f6}.modal-header h2{font-size:1.5rem;color:#1a1a1a;margin:0;font-weight:600}.close-btn{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-content{padding:2rem}.achievement-context{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f8f9ff,#e8f0ff);border-radius:12px;margin-bottom:2rem;border:2px solid #e0e8ff}.achievement-badge{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.badge-emoji{font-size:1.5rem}.achievement-info h3{font-size:1.125rem;color:#1a1a1a;margin:0 0 .25rem;font-weight:600}.achievement-info p{color:#6b7280;margin:0;font-size:.875rem}.message-templates{margin-bottom:2rem}.message-templates h4{font-size:1rem;color:#374151;margin:0 0 1rem;font-weight:600}.template-list{display:flex;flex-direction:column;gap:.75rem}.template-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1rem;text-align:left;cursor:pointer;transition:all .2s;font-size:.875rem;line-height:1.5;color:#374151}.template-btn:hover:not(:disabled){border-color:#667eea;background:#f8f9ff}.template-btn.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.template-btn:disabled{opacity:.5;cursor:not-allowed}.message-input{margin-bottom:2rem}.message-input label{display:block;font-size:1rem;font-weight:600;color:#374151;margin-bottom:.5rem}.message-input textarea{width:100%;border:2px solid #e5e7eb;border-radius:8px;padding:1rem;font-size:.875rem;line-height:1.5;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s}.message-input textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.message-input textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.character-count{text-align:right;font-size:.75rem;color:#6b7280;margin-top:.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:2px solid #f3f4f6}.cancel-btn,.send-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:.5rem}.cancel-btn{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.encouragement-modal-overlay{padding:.5rem}.encouragement-modal{max-height:95vh}.modal-header{padding:1rem 1.5rem}.modal-content{padding:1.5rem}.modal-actions{padding:1rem 1.5rem;flex-direction:column-reverse}.cancel-btn,.send-btn{width:100%;justify-content:center}.achievement-context{flex-direction:column;text-align:center}.template-list{gap:.5rem}.template-btn{padding:.75rem;font-size:.8rem}}@media (max-width: 480px){.modal-header h2{font-size:1.25rem}.achievement-badge{width:40px;height:40px}.badge-emoji{font-size:1.25rem}.message-input textarea{padding:.75rem}}.child-progress-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.child-progress-card:hover{box-shadow:0 4px 6px #0000001a}.child-progress-card--error{background:#fef2f2;border-color:#fecaca;color:#991b1b;text-align:center;padding:2rem}.child-progress-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.child-progress-card__name{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.child-progress-card__consistency{font-size:.75rem;padding:.25rem .75rem;border-radius:12px;font-weight:500;text-transform:capitalize}.child-progress-card__consistency--high{background:#d1fae5;color:#065f46}.child-progress-card__consistency--medium{background:#fef3c7;color:#92400e}.child-progress-card__consistency--low{background:#fee2e2;color:#991b1b}.child-progress-card__subjects{margin-bottom:1.25rem}.child-progress-card__subject{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.child-progress-card__subject:last-child{margin-bottom:0}.child-progress-card__subject-name{font-size:.875rem;font-weight:500;min-width:100px;color:#374151}.child-progress-card__progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.child-progress-card__progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:4px;transition:width .3s ease}.child-progress-card__progress-value{font-size:.875rem;font-weight:600;color:#1f2937;min-width:45px;text-align:right}.child-progress-card__weak-topics{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:.75rem;margin-bottom:1rem}.child-progress-card__weak-topics h4{font-size:.875rem;font-weight:600;color:#92400e;margin:0 0 .5rem}.child-progress-card__weak-topics ul{list-style:none;padding:0;margin:0}.child-progress-card__weak-topics li{font-size:.8125rem;color:#78350f;padding:.25rem 0}.child-progress-card__weak-topics li:before{content:"⚠️ ";margin-right:.25rem}.child-progress-card__stats{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.child-progress-card__stat{flex:1;text-align:center}.child-progress-card__stat-value{display:block;font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.child-progress-card__stat-label{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.child-progress-card{padding:1rem}.child-progress-card__header,.child-progress-card__subject{flex-direction:column;align-items:flex-start;gap:.5rem}.child-progress-card__subject-name{min-width:auto}.child-progress-card__progress-bar{width:100%}.child-progress-card__stats{flex-direction:column;gap:.75rem}.child-progress-card__stat{text-align:left}}.study-schedule-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.study-schedule-section__header{margin-bottom:2rem}.study-schedule-section__header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.study-schedule-section__header h2:before{content:"📅";font-size:1.25rem}.study-schedule-section__header p{color:#6b7280;margin:0;font-size:.875rem}.study-schedule-section__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.study-schedule-section__loading .loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.study-schedule-section__loading p{color:#6b7280;margin:0}.study-schedule-section__error{text-align:center;padding:2rem;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.study-schedule-section__error button{margin-top:1rem}.study-schedule-section__empty{text-align:center;padding:3rem;color:#6b7280;background:#f9fafb;border-radius:8px}.study-schedule-section__alerts{margin-bottom:2rem}.missed-sessions-alert{display:flex;align-items:flex-start;gap:1rem;background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #f59e0b1a}.missed-sessions-alert__icon{font-size:2rem;line-height:1;flex-shrink:0}.missed-sessions-alert__content{flex:1}.missed-sessions-alert__content h3{font-size:1.125rem;font-weight:600;color:#92400e;margin:0 0 .5rem}.missed-sessions-alert__content p{color:#92400e;margin:0 0 1rem;font-size:.875rem}.missed-sessions-alert__children{display:flex;flex-wrap:wrap;gap:.5rem}.missed-child-tag{background:#fed7aa;color:#9a3412;padding:.25rem .75rem;border-radius:16px;font-size:.75rem;font-weight:500;border:1px solid #fdba74}.study-schedule-section__children{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.child-schedule-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s ease}.child-schedule-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.child-schedule-card--highlighted{border-color:#f59e0b;background:#fffbeb;box-shadow:0 0 0 2px #f59e0b,0 4px 12px #f59e0b33;position:relative}.child-schedule-card--highlighted:before{content:"⚠️ Needs Attention";position:absolute;top:-8px;right:1rem;background:#f59e0b;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.child-schedule-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.child-schedule-card__name-section{flex:1}.child-schedule-card__name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.child-schedule-card__status{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500;width:fit-content}.child-schedule-card__status.status--on-track{background:#d1fae5;color:#065f46}.child-schedule-card__status.status--behind{background:#fef3c7;color:#92400e}.child-schedule-card__status.status--ahead{background:#dbeafe;color:#1e40af}.child-schedule-card__status.status--no-plan{background:#f3f4f6;color:#374151}.child-schedule-card__status.status--error{background:#fecaca;color:#991b1b}.child-schedule-card__calendar-btn{background:#667eea;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.child-schedule-card__calendar-btn:hover{background:#5a67d8;transform:translateY(-1px)}.child-schedule-card__missed-alert{display:flex;align-items:center;gap:.5rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:.75rem;margin-bottom:1rem}.missed-alert__icon{font-size:1.125rem}.missed-alert__text{font-weight:500;color:#92400e}.child-schedule-card__plan-info{margin-bottom:1.5rem}.child-schedule-card__plan-info h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.plan-progress{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.child-schedule-card__upcoming{margin-bottom:1.5rem}.child-schedule-card__upcoming h5{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.upcoming-sessions{display:flex;flex-direction:column;gap:.5rem}.upcoming-session{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.session-topic{font-size:.875rem;color:#374151;font-weight:500}.session-date{font-size:.75rem;color:#6b7280;font-weight:500}.child-schedule-card__recent h5{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.recent-progress{display:flex;flex-direction:column;gap:.5rem}.progress-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.progress-topic{font-size:.875rem;color:#374151;font-weight:500}.progress-change{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px}.progress-change.positive{background:#d1fae5;color:#065f46}.progress-change.neutral{background:#f3f4f6;color:#6b7280}.child-schedule-card__no-plan{text-align:center;padding:2rem 1rem;color:#6b7280;background:#fff;border-radius:8px;border:2px dashed #d1d5db}.child-schedule-card__no-plan p{margin:0;font-style:italic}.child-calendar-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.child-calendar-modal__backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}.child-calendar-modal__content{position:relative;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90vw;max-height:90vh;width:1000px;overflow:hidden;display:flex;flex-direction:column}.child-calendar-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.child-calendar-modal__header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.child-calendar-modal__close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.child-calendar-modal__close:hover{background:#f3f4f6;color:#374151}.child-calendar-modal__calendar{flex:1;overflow:auto;padding:1rem}@media (max-width: 768px){.study-schedule-section{padding:1.5rem}.study-schedule-section__children{grid-template-columns:1fr}.child-schedule-card{padding:1rem}.child-schedule-card__header{flex-direction:column;gap:1rem;align-items:stretch}.child-schedule-card__calendar-btn{align-self:flex-start}.plan-progress{flex-direction:column;align-items:stretch;gap:.5rem}.progress-text{text-align:center}.child-calendar-modal{padding:1rem}.child-calendar-modal__content{width:100%;max-width:none}.child-calendar-modal__header{padding:1rem 1.5rem}.child-calendar-modal__calendar{padding:.5rem}}@media (max-width: 480px){.upcoming-session,.progress-item{flex-direction:column;align-items:flex-start;gap:.25rem}.session-date,.progress-change{align-self:flex-end}}.parent-dashboard-content{max-width:1200px;margin:0 auto}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:10px;padding:.75rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:.75rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.critical{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stat-icon{font-size:1.75rem;line-height:1}.stat-content h3{font-size:1.5rem;margin:0;font-weight:700}.stat-content p{margin:.125rem 0 0;font-size:.8125rem;opacity:.9}.dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;margin-bottom:1.5rem}.gamification-section{background:#fff;border-radius:10px;padding:.75rem 1rem;box-shadow:0 2px 8px #0000001a;margin-bottom:.75rem}.gamification-section h2{font-size:1rem;color:#1a1a1a;margin-bottom:.5rem;display:flex;align-items:center;gap:.375rem}.gamification-section h2:before{content:"🎮";font-size:.875rem}.gamification-loading,.gamification-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;gap:.375rem}.gamification-error{color:#f5576c}.gamification-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.gamification-card{background:linear-gradient(135deg,#f8f9ff,#e8f0ff);border-radius:8px;padding:.375rem .625rem;border:1px solid #e0e8ff;transition:transform .2s,box-shadow .2s}.gamification-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea33}.gamification-card .card-icon{font-size:.875rem;margin-bottom:0;display:inline;margin-right:.25rem}.gamification-card .card-content h3{font-size:.875rem;color:#1a1a1a;margin:0;font-weight:700;display:inline}.gamification-card .card-content p{color:#666;margin:0;font-size:.6875rem}.level-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.level-card .card-content h3,.level-card .card-content p{color:#fff}.level-progress{margin-top:.125rem}.progress-bar{background:#ffffff4d;border-radius:10px;height:4px;overflow:hidden;margin-bottom:.125rem}.progress-fill{background:#fff;height:100%;border-radius:10px;transition:width .3s ease}.progress-text{font-size:.625rem;opacity:.9}.streak-card{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.streak-status{margin-top:.125rem}.streak-active{color:#e91e63;font-weight:600;font-size:.6875rem}.streak-inactive{color:#999;font-size:.6875rem}.achievements-card{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.recent-badges{display:flex;flex-direction:column;gap:.25rem}.badge-mini{display:flex;align-items:center;gap:.375rem;padding:.25rem .375rem;background:#ffffffb3;border-radius:6px;font-size:.6875rem}.badge-emoji{font-size:.875rem}.badge-title{font-weight:600;color:#333}.no-badges{color:#999;font-style:italic;font-size:.75rem;margin:0}.dashboard-section{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 2px 8px #0000001a}.dashboard-section.achievement-timeline-section{padding:0;overflow:hidden}.dashboard-section.achievement-timeline-section .achievement-timeline{box-shadow:none;border-radius:0}.dashboard-section h2{font-size:1rem;color:#1a1a1a;margin-bottom:.5rem}.dashboard-section p{color:#666;margin-bottom:.75rem;line-height:1.5}.btn-primary,.btn-secondary{padding:.5rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-block;width:auto}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#f8f9ff;transform:translateY(-1px)}.dashboard-info{margin-top:1.5rem}.info-box{background:#f8f9ff;border-radius:10px;padding:1rem;border-left:4px solid #667eea}.info-box h3{font-size:1rem;color:#1a1a1a;margin-bottom:.5rem}.info-box p{color:#666;line-height:1.5;margin-bottom:.5rem}.info-box ul{list-style:none;padding:0;margin:.5rem 0 0}.info-box ul li{padding:.25rem 0 .25rem 1.25rem;position:relative;color:#666;font-size:.875rem}.info-box ul li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:.75rem}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.error-container{text-align:center;padding:1.5rem;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a}.error-container h2{color:#f5576c;margin-bottom:.5rem}.error-container p{color:#666;margin-bottom:1rem}.access-denied-container{text-align:center;padding:1.5rem 1rem;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;max-width:600px;margin:1rem auto}.access-denied-icon{font-size:2.5rem;margin-bottom:.75rem;line-height:1}.access-denied-container h2{font-size:1.25rem;color:#1a1a1a;margin-bottom:.5rem}.access-denied-container>p{color:#666;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.family-benefits{background:#f8f9ff;border-radius:8px;padding:.75rem;margin:1rem 0;text-align:left}.family-benefits h3{font-size:1rem;color:#1a1a1a;margin-bottom:.5rem;text-align:center}.family-benefits ul{list-style:none;padding:0;margin:0}.family-benefits ul li{padding:.375rem 0;color:#666;font-size:.875rem;display:flex;align-items:center;gap:.375rem}.upgrade-cta{font-size:.875rem;color:#667eea;font-weight:600;margin-top:.75rem}@media (max-width: 768px){.parent-dashboard{padding:.5rem}.dashboard-stats,.dashboard-sections{grid-template-columns:1fr}.gamification-stats{grid-template-columns:repeat(3,1fr);gap:.375rem}.gamification-section{padding:.75rem}.gamification-card{padding:.5rem .75rem}.dashboard-header h1{font-size:1.25rem}.stat-card{padding:.5rem}.dashboard-section{padding:.75rem}.access-denied-container{padding:1rem .75rem;margin:.5rem}.access-denied-icon{font-size:2rem}.access-denied-container h2{font-size:1.125rem}.family-benefits{padding:.5rem}}.children-mastery-section{background:#fff;border-radius:10px;padding:1rem;margin-bottom:.75rem;box-shadow:0 2px 8px #0000001a}.children-mastery-section h2{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .75rem}.student-switcher-container{margin-bottom:.75rem;padding:.75rem;background:linear-gradient(135deg,#f8f9ff,#e8f0ff);border-radius:10px;border:2px solid #e0e8ff}.student-info-premium{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--eduq-blue)}.student-info-premium .student-icon{font-size:1.25rem}.student-info-premium .student-name{color:#1f2937}.student-switcher-family{display:flex;flex-direction:column;gap:.5rem}.student-switcher-label{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:#1f2937}.student-switcher-label .switcher-icon{font-size:1rem}.student-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.student-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#fff;border:2px solid #e0e8ff;border-radius:8px;font-size:.875rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease;min-height:36px}.student-tab:hover{background:#f8f9ff;border-color:var(--eduq-blue);transform:translateY(-1px)}.student-tab.active{background:var(--eduq-blue);border-color:var(--eduq-blue);color:#fff;box-shadow:0 2px 8px #0066ff4d}.student-tab .tab-icon{font-size:1rem}.student-tab .tab-name{font-weight:600}.student-counter{text-align:center;font-size:.75rem;color:#6b7280;font-weight:500;padding-top:.375rem;border-top:1px solid #e0e8ff}.mastery-loading,.mastery-error,.no-children{text-align:center;padding:1rem;color:#6b7280}.no-children .help-text{font-size:.8125rem;color:#9ca3af;margin-top:.25rem;margin-bottom:.75rem}.mastery-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.mastery-error button{margin-top:.5rem}.children-progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.75rem}@media (max-width: 768px){.children-mastery-section{padding:.75rem}.student-switcher-container{padding:.5rem}.student-tabs{flex-direction:column}.student-tab{width:100%;justify-content:center}.children-progress-grid{grid-template-columns:1fr}}.dashboard-stats-placeholder{padding:.5rem .75rem;margin-bottom:.75rem}.stats-coming-soon{color:#6b7280;font-size:.8125rem;font-style:italic;margin:0}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#f8f9fb;padding:.5rem}.auth-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000000f;padding:1.5rem 2rem;width:100%;max-width:440px;position:relative}.auth-header{text-align:center;margin-bottom:1rem}.auth-header h1{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:.3rem}.auth-header p{color:#718096;font-size:14px}.email-display{font-weight:600;color:#667eea!important;margin-top:.5rem}.plan-badge{display:inline-block;background:#667eea;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:12px;font-weight:600;margin-top:1rem;text-transform:capitalize}.auth-form{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group label{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f7fafc;cursor:not-allowed}.form-hint{display:block;font-size:12px;color:#718096;margin-top:.5rem}.form-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.forgot-password-link{font-size:14px;color:#667eea;text-decoration:none;font-weight:500}.forgot-password-link:hover{text-decoration:underline}.btn-full{width:100%}.btn-primary{background:#667eea;color:#fff;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.auth-divider{position:relative;text-align:center;margin:1.5rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.auth-divider span{position:relative;background:#fff;padding:0 1rem;color:#718096;font-size:14px}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;border:2px solid var(--border-medium, #D1D5DB);border-radius:8px;background:var(--bg-primary, #FFFFFF);font-size:14px;font-weight:600;color:var(--text-primary, #111827);cursor:pointer;transition:all .3s ease}.btn-google:hover:not(:disabled){border-color:var(--border-dark, #9CA3AF);box-shadow:0 2px 8px #0000001a}.btn-google:disabled{opacity:.5;cursor:not-allowed}.btn-google--prominent{min-height:48px;font-size:var(--text-lg, 1.125rem);border:2px solid var(--border-medium, #D1D5DB);background:var(--bg-primary, #FFFFFF);color:var(--text-primary, #111827)}.btn-google--prominent:hover:not(:disabled){border-color:var(--border-dark, #9CA3AF);box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.btn-google--prominent:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #00000014}.auth-footer{text-align:center;margin-top:1.5rem}.auth-footer p{color:#718096;font-size:14px;margin-bottom:.5rem}.auth-footer a{color:#667eea;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.link-button{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;padding:0;font-size:inherit}.link-button:hover:not(:disabled){text-decoration:underline}.link-button:disabled{opacity:.5;cursor:not-allowed}.success-message{background:#c6f6d5;color:#2f855a;padding:.875rem 1rem;border-radius:8px;font-size:14px;margin-bottom:1.5rem;border-left:4px solid #2f855a}@media (max-width: 640px){.auth-container{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr 1fr;gap:.75rem}.auth-header h1{font-size:24px}}.comprehensive-signup{max-width:700px}.warning-box{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:1.25rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;font-weight:600;box-shadow:0 4px 12px #fbbf244d}.warning-box .icon{font-size:24px;margin-bottom:.5rem;display:block}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:.5rem}.section-description{color:#718096;font-size:14px;margin-bottom:1rem}.form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff;cursor:pointer}.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group select:disabled{background:#f7fafc;cursor:not-allowed}.checkbox-group{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.checkbox-group input[type=checkbox]{width:auto;margin-top:.25rem;cursor:pointer}.checkbox-group label{margin-bottom:0;font-weight:400;line-height:1.5;font-size:14px;color:#2d3748;cursor:pointer}.checkbox-group a{color:#667eea;text-decoration:none}.checkbox-group a:hover{text-decoration:underline}.required{color:#dc2626}.oauth-note{text-align:center;font-size:12px;color:#718096;margin-top:.5rem}@media (max-width: 768px){.comprehensive-signup{max-width:100%;padding:1.5rem}.form-row{grid-template-columns:1fr}}.signup-container{max-width:500px}.signup-progress{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.progress-step{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#718096;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.progress-step.active{background:#667eea;color:#fff}.progress-step.completed{background:#10b981;color:#fff}.progress-line{width:60px;height:3px;background:#e2e8f0;margin:0 .5rem}.legal-name-banner{display:flex;align-items:flex-start;gap:.75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.legal-name-banner .banner-icon{font-size:24px;flex-shrink:0}.legal-name-banner .banner-content{flex:1}.legal-name-banner strong{display:block;color:#92400e;font-size:14px;margin-bottom:.25rem}.legal-name-banner p{color:#78350f;font-size:13px;line-height:1.5;margin:0}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:45px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;font-size:16px;opacity:.6;transition:opacity .2s ease}.password-toggle:hover{opacity:1}.password-strength{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.password-strength .strength-bar{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;position:relative}.password-strength .strength-bar:after{content:"";position:absolute;left:0;top:0;height:100%;border-radius:2px;transition:width .3s ease,background .3s ease}.password-strength.strength-weak .strength-bar:after{width:33%;background:#ef4444}.password-strength.strength-medium .strength-bar:after{width:66%;background:#f59e0b}.password-strength.strength-strong .strength-bar:after{width:100%;background:#10b981}.password-strength .strength-label{font-size:12px;font-weight:500;min-width:50px}.password-strength.strength-weak .strength-label{color:#ef4444}.password-strength.strength-medium .strength-label{color:#f59e0b}.password-strength.strength-strong .strength-label{color:#10b981}.form-error{display:block;font-size:12px;color:#ef4444;margin-top:.5rem}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;font-size:14px;cursor:help;opacity:.7;transition:opacity .2s ease;position:relative}.tooltip-icon:hover{opacity:1}.tooltip-icon:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#2d3748;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:12px;font-weight:400;white-space:normal;width:max-content;max-width:250px;text-align:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:100;box-shadow:0 4px 12px #00000026;line-height:1.4;margin-bottom:8px}.tooltip-icon:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#2d3748;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:100;margin-bottom:-4px}.tooltip-icon:hover:after,.tooltip-icon:hover:before,.tooltip-icon:focus:after,.tooltip-icon:focus:before{opacity:1;visibility:visible}.trust-indicators{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.trust-item{display:flex;align-items:center;gap:.25rem;font-size:12px;color:#718096}@media (max-width: 640px){.signup-container{max-width:100%}.trust-indicators{flex-direction:column;gap:.75rem;align-items:center}.legal-name-banner{flex-direction:column;text-align:center}.legal-name-banner .banner-icon{margin-bottom:.5rem}}.signup-testimonials{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.signup-testimonials .testimonials-header{margin-bottom:1rem}.signup-testimonials .testimonials-title{font-size:16px}.signup-testimonials .testimonials-subtitle{font-size:12px}.signup-testimonials .testimonial-card{padding:1rem}.signup-testimonials .testimonial-quote{font-size:13px}.signup-trust-badges{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;justify-content:center}.auth-language-switcher{position:absolute;top:1rem;right:1rem;z-index:100}@media (max-width: 640px){.signup-testimonials{margin-top:1.5rem;padding-top:1rem}.signup-trust-badges{margin-top:1rem;padding-top:1rem}.auth-language-switcher{top:.5rem;right:.5rem}}.coppa-signup-container{max-width:550px}.coppa-notice{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:2px solid #3b82f6;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:flex-start}.coppa-notice .notice-icon{font-size:2rem;flex-shrink:0}.coppa-notice .notice-content{flex:1}.coppa-notice strong{display:block;color:#1e40af;font-size:16px;margin-bottom:.5rem}.coppa-notice p{color:#1e3a8a;font-size:14px;line-height:1.5;margin:0}.coppa-parent-section,.coppa-consent-section{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:1rem;margin-top:.5rem}.coppa-consent-section .checkbox-label{font-weight:600;color:#92400e}.privacy-notice{background:#f3f4f6;border-radius:8px;padding:1rem;margin-top:1.5rem;text-align:center}.privacy-notice p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.form-info{display:block;color:#059669;font-size:13px;margin-top:.5rem;font-weight:600}input[type=date]{font-family:inherit;font-size:14px}@media (max-width: 640px){.coppa-signup-container{padding:1.5rem}.coppa-notice{padding:1rem;flex-direction:column;text-align:center}.coppa-notice .notice-icon{font-size:2.5rem}}@media (max-width: 320px){.auth-page{padding:1rem .5rem}.auth-container{padding:1.5rem 1rem;border-radius:8px}.auth-header h1{font-size:20px}.auth-header p{font-size:13px}.legal-name-banner{padding:.75rem 1rem;flex-direction:column;text-align:center;gap:.5rem}.legal-name-banner .banner-icon{font-size:20px;margin-bottom:.25rem}.legal-name-banner strong{font-size:13px}.legal-name-banner p{font-size:12px}.form-row{gap:.5rem}.form-group{margin-bottom:1rem}.form-group label{font-size:13px}.form-group input,.form-group select{padding:.625rem .75rem;font-size:13px;min-height:44px}.password-strength .strength-label{font-size:11px;min-width:45px}.password-toggle{right:10px;font-size:14px;min-width:44px;min-height:44px}.btn-primary,.btn-google{padding:.75rem 1rem;font-size:13px;min-height:44px}.signup-progress .progress-step{width:28px;height:28px;font-size:12px}.signup-progress .progress-line{width:40px}.signup-testimonials{margin-top:1rem;padding-top:1rem}.signup-testimonials .testimonial-card{padding:.75rem}.signup-testimonials .testimonial-quote{font-size:12px}.trust-indicators{gap:.5rem}.trust-item{font-size:11px}.auth-language-switcher{top:.5rem;right:.5rem}.coppa-notice{padding:.75rem}.coppa-notice .notice-icon{font-size:1.5rem}.coppa-notice strong{font-size:14px}.coppa-notice p{font-size:13px}}@media (min-width: 321px) and (max-width: 375px){.auth-page{padding:1.25rem .75rem}.auth-container{padding:1.75rem 1.25rem}.auth-header h1{font-size:22px}.auth-header p{font-size:14px}.legal-name-banner{padding:.875rem 1.125rem;flex-direction:column;text-align:center}.legal-name-banner .banner-icon{font-size:22px}.legal-name-banner strong{font-size:14px}.form-row{gap:.75rem}.form-group input,.form-group select{padding:.75rem .875rem;font-size:14px;min-height:44px}.btn-primary,.btn-google{padding:.875rem 1.25rem;font-size:14px;min-height:44px}.password-toggle{min-width:44px;min-height:44px}.signup-progress .progress-step{width:30px;height:30px;font-size:13px}.signup-progress .progress-line{width:50px}}@media (min-width: 376px) and (max-width: 414px){.auth-page{padding:1.5rem 1rem}.auth-container{padding:2rem 1.5rem}.auth-header h1{font-size:24px}.legal-name-banner{padding:1rem 1.25rem}.legal-name-banner .banner-icon{font-size:24px}.form-group input,.form-group select,.btn-primary,.btn-google{min-height:44px}.password-toggle{min-width:44px;min-height:44px}}@media (min-width: 415px) and (max-width: 768px){.auth-page{padding:2rem 1rem}.auth-container{padding:2.5rem 2rem;max-width:500px}.legal-name-banner{flex-direction:row;text-align:left}.form-group input,.form-group select,.btn-primary,.btn-google{min-height:44px}.password-toggle{min-width:44px;min-height:44px}}@media (max-width: 768px){.btn-primary,.btn-google,.btn-full,.link-button,.form-group input,.form-group select,input[type=text],input[type=email],input[type=password],input[type=date]{min-height:44px}.password-toggle{min-width:44px;min-height:44px}.checkbox-group input[type=checkbox]{min-width:20px;min-height:20px}.checkbox-group label{min-height:44px;display:flex;align-items:center;cursor:pointer}.forgot-password-link,.auth-footer a{min-height:44px;display:inline-flex;align-items:center}.auth-container,.auth-form,.form-row,.legal-name-banner,.coppa-notice{max-width:100%;overflow-x:hidden}.auth-header h1,.legal-name-banner strong,.legal-name-banner p,.form-group label{word-wrap:break-word;overflow-wrap:break-word}.form-row{grid-template-columns:1fr 1fr;gap:.75rem}.form-group{margin-bottom:1.25rem}.password-strength{flex-wrap:nowrap}.password-strength .strength-bar{min-width:60px}.signup-testimonials,.signup-trust-badges{padding-left:.5rem;padding-right:.5rem}.auth-language-switcher{position:fixed;top:1rem;right:1rem;z-index:1000}}.role-selection-section{margin-bottom:2rem;text-align:center}.role-selection-title{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:.5rem}.role-selection-subtitle{font-size:14px;color:#718096;margin-bottom:1.5rem}.role-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.role-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;text-align:center;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center}.role-card:hover{border-color:var(--eduq-blue, #0066FF);box-shadow:0 4px 12px #0066ff26;transform:translateY(-2px)}.role-card:active{transform:translateY(0)}.role-icon{font-size:48px;display:block;margin-bottom:.75rem}.role-title{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:.5rem}.role-description{font-size:13px;color:#718096;line-height:1.4;margin:0}@media (max-width: 768px){.role-cards{grid-template-columns:1fr;gap:1rem}.role-card{min-height:120px;padding:1.25rem 1rem}.role-icon{font-size:40px}.role-title{font-size:15px}.role-description{font-size:12px}}@media (max-width: 768px){.auth-container{padding:16px;max-width:100%;margin:0}.form-group input,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date]{min-height:44px;font-size:16px}.btn-primary,.btn-google,.btn-full,.link-button{min-height:44px;width:100%}.role-cards{display:flex;flex-direction:column;gap:12px}.role-card{width:100%;min-height:120px;padding:16px}.auth-header h1{font-size:22px}.auth-header p{font-size:14px}.legal-name-banner{padding:12px 16px;flex-direction:column;text-align:center}.form-row{grid-template-columns:1fr 1fr;gap:12px}.form-group{margin-bottom:16px}.form-group label{font-size:14px}.password-toggle{min-width:44px;min-height:44px}.password-strength{flex-wrap:nowrap}.password-strength .strength-bar{min-width:60px}.password-strength .strength-label{font-size:12px}.checkbox-group{min-height:44px;align-items:center}.checkbox-group input[type=checkbox]{min-width:20px;min-height:20px}.checkbox-group label{min-height:44px;display:flex;align-items:center}.forgot-password-link,.auth-footer a{min-height:44px;display:inline-flex;align-items:center}.signup-progress .progress-step{width:32px;height:32px;font-size:14px}.signup-progress .progress-line{width:50px}.trust-indicators{flex-wrap:wrap;justify-content:center;gap:12px}.trust-item{font-size:13px}.coppa-notice{padding:16px;flex-direction:column;text-align:center}.coppa-notice .notice-icon{font-size:32px}.coppa-parent-section,.coppa-consent-section,.privacy-notice{padding:12px}.privacy-notice p{font-size:13px}.warning-box{padding:16px}.warning-box .icon{font-size:32px}.form-section{margin-bottom:16px;padding-bottom:16px}.form-section h3{font-size:16px}.section-description{font-size:13px}.comprehensive-signup,.signup-container{padding:16px}.signup-testimonials,.signup-testimonials .testimonial-card{padding:12px}.signup-testimonials .testimonial-quote{font-size:13px}.signup-trust-badges{padding:12px}.auth-language-switcher{position:fixed;top:16px;right:16px;z-index:1000}.error-message,.success-message{padding:12px 16px;font-size:14px}.auth-divider{margin:16px 0}.auth-divider span{font-size:13px}.auth-footer{margin-top:16px}.auth-footer p{font-size:13px}.plan-badge{padding:8px 16px;font-size:12px}.tooltip-icon{font-size:16px}.tooltip-icon:after{max-width:200px;font-size:11px}.form-actions{justify-content:center}.oauth-note,.form-hint,.form-error{font-size:11px}.form-info{font-size:12px}.auth-page,.auth-container,.auth-form,.form-row,.legal-name-banner,.coppa-notice,.role-cards,.role-card{max-width:100%;overflow-x:hidden}.auth-header h1,.auth-header p,.legal-name-banner strong,.legal-name-banner p,.form-group label,.role-title,.role-description{word-wrap:break-word;overflow-wrap:break-word}}.age-gate-options{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.age-gate-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border:2px solid var(--border-light, #E5E7EB);border-radius:.75rem;background:var(--bg-primary, #fff);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;text-align:center}.age-gate-card:hover{border-color:var(--eduq-blue, #0066FF);box-shadow:0 2px 8px #0066ff1a}.age-gate-card.selected{border-color:var(--eduq-blue, #0066FF);background:#0066ff0a;box-shadow:0 0 0 3px #0066ff1a}.age-gate-icon{font-size:2rem;margin-bottom:.5rem}.age-gate-card h3{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary, #111827)}.age-gate-card p{font-size:.875rem;color:var(--text-secondary, #6B7280);margin:0}.dob-verification{margin:1rem 0}.dob-verification label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-primary, #111827)}.dob-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-medium, #D1D5DB);border-radius:.5rem;font-size:1rem}.dob-input:focus{outline:none;border-color:var(--eduq-blue, #0066FF);box-shadow:0 0 0 3px #0066ff1a}.consent-checkboxes{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.consent-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid var(--border-light, #E5E7EB);border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.consent-checkbox-label:hover{background-color:#0066ff05}.consent-checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.consent-checkbox-label .checkbox-custom{position:relative;display:inline-block;width:18px;height:18px;min-width:18px;min-height:18px;border:2px solid var(--border-medium, #D1D5DB);border-radius:4px;background:var(--bg-primary, #FFFFFF);transition:border-color .2s ease,background-color .2s ease;flex-shrink:0;margin-top:.125rem}.consent-checkbox-label .checkbox-custom:after{content:"";position:absolute;top:1px;left:5px;width:5px;height:10px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .15s ease}.consent-checkbox-label input[type=checkbox]:checked+.checkbox-custom{background-color:var(--eduq-blue, #0066FF);border-color:var(--eduq-blue, #0066FF)}.consent-checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.consent-checkbox-label input[type=checkbox]:focus-visible+.checkbox-custom{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.consent-checkbox-label:hover .checkbox-custom{border-color:var(--eduq-blue, #0066FF)}@media (max-width: 768px){.consent-checkbox-label{padding:.875rem 1rem;min-height:44px}}.consent-checkbox-label span{font-size:.9375rem;color:var(--text-primary, #111827);line-height:1.5}.consent-checkbox-label a{color:var(--eduq-blue, #0066FF);text-decoration:underline}.consent-checkbox-label a:hover{color:var(--eduq-blue-hover, #0052CC)}.exit-intent-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;padding:1rem}.exit-intent-popup{background:#fff;border-radius:16px;padding:2.5rem;max-width:480px;width:100%;text-align:center;position:relative;animation:slideUp .4s ease-out;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.exit-intent-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:28px;color:#9ca3af;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.exit-intent-close:hover{background:#f3f4f6;color:#374151}.exit-intent-icon{font-size:64px;margin-bottom:1rem;animation:bounce 1s ease infinite}.exit-intent-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 .75rem}.exit-intent-message{font-size:16px;color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.exit-intent-offer{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.exit-intent-discount{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.75rem}.exit-intent-discount .discount-percent{font-size:48px;font-weight:800;color:#fff}.exit-intent-discount .discount-label{font-size:24px;font-weight:600;color:#ffffffe6}.exit-intent-code{display:flex;align-items:center;justify-content:center;gap:.5rem}.exit-intent-code .code-label{font-size:14px;color:#fffc}.exit-intent-code .code-value{background:#fff3;padding:.5rem 1rem;border-radius:6px;font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#fff;letter-spacing:2px}.exit-intent-benefits{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.exit-intent-benefits li{padding:.5rem 0;color:#374151;font-size:14px}.exit-intent-actions{display:flex;flex-direction:column;gap:.75rem}.exit-intent-btn{padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.exit-intent-btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.exit-intent-btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.exit-intent-btn--secondary{background:transparent;color:#6b7280;font-size:14px}.exit-intent-btn--secondary:hover{color:#374151;text-decoration:underline}.exit-intent-urgency{font-size:13px;color:#ef4444;margin:1rem 0 0;font-weight:500}.testimonials{padding:1.5rem 0}.testimonials-header{text-align:center;margin-bottom:1.5rem}.testimonials-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 .5rem}.testimonials-subtitle{font-size:14px;color:#6b7280;margin:0}.testimonials-container--compact{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory}.testimonials-container--full{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.testimonials-container--carousel{position:relative;min-height:200px}.testimonial-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;scroll-snap-align:start;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.testimonial-card--compact{min-width:260px;max-width:300px}.testimonial-card--full{min-width:auto}.testimonial-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.testimonial-avatar{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%}.testimonial-info{flex:1}.testimonial-name{display:block;font-weight:600;color:#1f2937;font-size:14px}.testimonial-role{display:block;font-size:12px;color:#6b7280}.testimonial-rating{display:flex;gap:2px}.testimonial-rating .star{color:#d1d5db;font-size:14px}.testimonial-rating .star--filled{color:#fbbf24}.testimonial-quote{font-size:14px;color:#374151;line-height:1.6;margin:0 0 1rem;font-style:italic}.testimonial-result{display:inline-flex;align-items:center;gap:.5rem;background:#dcfce7;color:#166534;padding:.375rem .75rem;border-radius:20px;font-size:12px;font-weight:600}.testimonial-curriculum{display:inline-block;background:#e0e7ff;color:#4338ca;padding:.25rem .5rem;border-radius:4px;font-size:11px;font-weight:500;margin-left:.5rem}.testimonial-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.testimonial-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;border:none;cursor:pointer;transition:all .2s ease}.testimonial-dot.active{background:#667eea;width:24px;border-radius:4px}.testimonials-footer{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.testimonials-count{font-size:13px;color:#6b7280}.trust-badges{display:flex;flex-wrap:wrap;gap:1rem}.trust-badges--horizontal{flex-direction:row;justify-content:center}.trust-badges--vertical{flex-direction:column;align-items:flex-start}.trust-badges--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.trust-badge{display:flex;align-items:center;gap:.5rem}.trust-badge--minimal{font-size:12px;color:#6b7280}.trust-badge--minimal .trust-badge__icon{font-size:14px}.trust-badge--compact{background:#f9fafb;padding:.5rem .75rem;border-radius:8px;border:1px solid #e5e7eb}.trust-badge--compact .trust-badge__icon{font-size:16px}.trust-badge--compact .trust-badge__label{font-size:13px;color:#374151;font-weight:500}.trust-badge--detailed{background:#fff;padding:1rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.trust-badge--detailed .trust-badge__icon{font-size:24px;flex-shrink:0}.trust-badge--detailed .trust-badge__content{display:flex;flex-direction:column}.trust-badge--detailed .trust-badge__label{font-size:14px;font-weight:600;color:#1f2937}.trust-badge--detailed .trust-badge__description{font-size:12px;color:#6b7280;margin-top:2px}.password-strength-indicator{margin-top:.75rem}.password-strength-bar{height:6px;background:var(--border-light, #e5e7eb);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.password-strength-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.password-strength-fill--weak{background:var(--error, #ef4444)}.password-strength-fill--fair{background:var(--warning, #f59e0b)}.password-strength-fill--good{background:var(--success, #10b981)}.password-strength-fill--strong{background:var(--success, #059669)}.password-strength-label{display:flex;justify-content:flex-end;margin-bottom:.75rem}.strength-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.strength-text--weak{color:var(--error, #ef4444)}.strength-text--fair{color:var(--warning, #f59e0b)}.strength-text--good{color:var(--success, #10b981)}.strength-text--strong{color:var(--success, #059669)}.password-requirements{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.password-requirements li{display:flex;align-items:center;gap:.5rem;font-size:12px;transition:all .2s ease}.password-requirements li.met{color:var(--success, #10b981)}.password-requirements li.unmet{color:var(--text-tertiary, #9ca3af)}.password-requirements .requirement-icon{font-size:14px;width:16px;text-align:center}.password-requirements li.met .requirement-icon{color:var(--success, #10b981)}.password-requirements li.unmet .requirement-icon{color:var(--border-medium, #d1d5db)}.password-strength-confirmation{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.375rem .75rem;background:#10b98114;border-radius:6px}.password-strength-confirmation .confirmation-icon{color:var(--success, #10B981);font-weight:700;font-size:14px}.password-strength-confirmation .confirmation-text{color:var(--success, #10B981);font-size:13px;font-weight:600}@media (max-width: 640px){.exit-intent-popup{padding:1.5rem;margin:1rem}.exit-intent-icon{font-size:48px}.exit-intent-title{font-size:22px}.exit-intent-discount .discount-percent{font-size:36px}.testimonials-container--compact{flex-direction:column}.testimonial-card--compact{min-width:auto;max-width:none}.trust-badges--horizontal{flex-direction:column;align-items:center}.password-requirements{grid-template-columns:1fr}}.forgot-password-container{max-width:480px}.forgot-password__resend{text-align:center;margin-top:1rem}.forgot-password__resend p{color:#718096;font-size:14px}.account-setup-wizard{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#f8f9fb;padding:.5rem}.wizard-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000000f;padding:1rem 1.5rem;width:100%;max-width:900px;margin-top:0}.wizard-progress{display:flex;align-items:flex-start;justify-content:center;margin-bottom:1rem;padding:0 1rem}.wizard-progress .progress-step{display:flex;flex-direction:column;align-items:center;cursor:default;transition:all .3s ease;width:auto;height:auto;border-radius:0;background:none}.wizard-progress .progress-step.completed{cursor:pointer;background:none;color:inherit}.wizard-progress .progress-step .step-number{width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:#718096;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;transition:all .3s ease;margin-bottom:.5rem}.wizard-progress .progress-step.active .step-number{background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea66}.wizard-progress .progress-step.active{background:none;color:inherit}.wizard-progress .progress-step.completed .step-number{background:#10b981;color:#fff}.wizard-progress .progress-step .step-label{font-size:12px;color:#718096;font-weight:500;text-align:center;max-width:80px}.wizard-progress .progress-step.active .step-label{color:#667eea;font-weight:600}.wizard-progress .progress-step.completed .step-label{color:#10b981}.wizard-progress .progress-line{flex:1;height:3px;background:#e2e8f0;margin:0 .5rem;margin-top:18.5px;max-width:80px;transition:background .3s ease}.wizard-progress .progress-line.completed{background:#10b981}.wizard-content{min-height:300px}@media (min-width: 768px){.welcome-step{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:left}.welcome-header,.plan-badge-container{grid-column:1 / -1;text-align:center}.benefits-list{grid-column:1 / -1;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;padding:1rem 1.5rem}.benefits-list h3{grid-column:1 / -1}.benefits-list ul{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.step-actions{grid-column:1 / -1;text-align:center}}.wizard-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:1rem}.step-header h2{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:.5rem}.step-header p{color:#718096;font-size:14px}.welcome-step{text-align:center}.welcome-header{margin-bottom:.5rem}.welcome-icon{font-size:48px;display:block;margin-bottom:.25rem}.welcome-header h2{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:.25rem}.welcome-subtitle{color:#718096;font-size:15px;text-align:center;width:100%}.plan-badge-container{margin-bottom:.75rem}.plan-badge{display:inline-block;padding:.5rem 1.5rem;border-radius:20px;font-size:14px;font-weight:600;text-transform:capitalize}.plan-badge.free{background:#e2e8f0;color:#4a5568}.plan-badge.premium{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-badge.family{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.benefits-list{text-align:left;max-width:400px;margin:0 auto 1rem;background:#f7fafc;border-radius:12px;padding:1rem 1.5rem}.benefits-list h3{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:1rem}.benefits-list ul{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#4a5568;font-size:14px}.benefit-icon{font-size:20px}.form-section{margin-bottom:1rem}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:13px;font-weight:600;color:#2d3748;margin-bottom:.25rem}.form-group input,.form-group select{width:100%;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;height:42px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group select.error{border-color:#ef4444}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.required{color:#ef4444;margin-left:.25rem}.error-text{display:block;font-size:12px;color:#ef4444;margin-top:.5rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.error-message{background:#fed7d7;color:#c53030;padding:.875rem 1rem;border-radius:8px;font-size:14px;margin-bottom:1.5rem;border-left:4px solid #c53030}.education-system-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:.5rem}.education-card{padding:1rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.education-card:hover{border-color:#667eea;background:#667eea0d;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.education-card.selected{border-color:#667eea;background:#667eea1a}.education-card h4{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:.25rem}.education-card p{font-size:12px;color:#718096;margin:0}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-top:.5rem}.goal-card{display:flex;flex-direction:column;align-items:center;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease}.goal-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.goal-card.selected{border-color:#667eea;background:#667eea1a}.goal-icon{font-size:28px;margin-bottom:.5rem}.goal-label{font-size:13px;font-weight:500;color:#2d3748;text-align:center}.subjects-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.subject-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:13px}.subject-chip:hover{border-color:#667eea}.subject-chip.selected{border-color:#667eea;background:#667eea1a;color:#667eea}.subject-icon{font-size:16px}.students-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.student-card{background:#f7fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;transition:all .3s ease}.student-card:hover{box-shadow:0 4px 12px #00000014}.student-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.student-header h4{font-size:16px;font-weight:600;color:#2d3748;margin:0}.btn-remove{width:28px;height:28px;border-radius:50%;border:none;background:#fed7d7;color:#c53030;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-remove:hover{background:#c53030;color:#fff}.student-form .form-group{margin-bottom:.75rem}.student-form .form-group:last-child{margin-bottom:0}.coppa-consent{margin-top:1rem;padding:1rem;background:#fef3c7;border-radius:8px;border:1px solid #f59e0b}.coppa-consent .checkbox-label--custom .checkbox-custom{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;flex-shrink:0;display:inline-block}.coppa-notice{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.coppa-icon{font-size:20px}.coppa-notice p{font-size:13px;color:#92400e;margin:0;line-height:1.5}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:13px;color:#78350f}.checkbox-label input[type=checkbox]{width:auto;margin-top:.25rem}.checkbox-label--custom input[type=checkbox]{position:absolute;opacity:0;width:0!important;height:0!important;min-width:0!important;min-height:0!important;pointer-events:none}.checkbox-label--custom .checkbox-custom{position:relative;display:inline-block;width:18px;height:18px;min-width:18px;min-height:18px;border:2px solid var(--border-medium, #D1D5DB);border-radius:4px;background:var(--bg-primary, #FFFFFF);transition:border-color .2s ease,background-color .2s ease;flex-shrink:0;margin-top:.125rem}.checkbox-label--custom .checkbox-custom:after{content:"";position:absolute;top:1px;left:5px;width:5px;height:10px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .15s ease}.checkbox-label--custom input[type=checkbox]:checked+.checkbox-custom{background-color:var(--eduq-blue, #0066FF);border-color:var(--eduq-blue, #0066FF)}.checkbox-label--custom input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.checkbox-label--custom input[type=checkbox]:focus-visible+.checkbox-custom{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.checkbox-label--custom:hover .checkbox-custom{border-color:var(--eduq-blue, #0066FF)}@media (max-width: 768px){.checkbox-label--custom{min-height:44px;padding:.5rem 0;align-items:center}}.student-welcome-email-message{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:var(--bg-secondary, #F9FAFB);border:1px solid var(--border-light, #E5E7EB);border-radius:8px;font-size:13px;color:var(--text-secondary, #6B7280);line-height:1.4}.student-welcome-email-message .welcome-email-icon{font-size:16px;flex-shrink:0}.student-legal-name-banner{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.625rem .875rem;background:#3b82f60f;border:1px solid rgba(59,130,246,.18);border-left:3px solid var(--info, #3B82F6);border-radius:6px;line-height:1.4}.student-legal-name-banner__icon{flex-shrink:0;font-size:14px;margin-top:1px}.student-legal-name-banner__text{margin:0;font-size:13px;color:var(--text-secondary, #6B7280)}.btn-add-student{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;border:2px dashed #cbd5e0;border-radius:12px;background:transparent;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-student:hover{border-color:#667eea;background:#667eea0d}.add-icon{font-size:20px;font-weight:700}.students-info{text-align:center;margin:1rem 0}.students-info p{font-size:13px;color:#718096}.completion-step{text-align:center}.completion-nav-bar{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-light, #e5e7eb);margin:-2rem -2rem 2rem;background:#fff}.nav-logo{height:40px;width:auto}.nav-logo-link{display:flex;align-items:center}.nav-actions{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--eduq-blue, #0066FF);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease;background:none;border:none;cursor:pointer;padding:0}.nav-link:hover{color:var(--eduq-blue-hover, #0052CC);text-decoration:underline}.nav-logout{font-family:inherit}.completion-header{margin-bottom:2rem}.completion-icon{font-size:64px;display:block;margin-bottom:1rem}.completion-header h2{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:.5rem}.completion-header p{color:#718096;font-size:16px}.setup-summary{background:#f7fafc;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.setup-summary h3{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:1rem}.summary-items{display:flex;flex-direction:column;gap:.75rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.summary-item:last-child{border-bottom:none}.summary-label{font-size:14px;color:#718096}.summary-value{font-size:14px;font-weight:600;color:#2d3748}.next-steps{text-align:left;max-width:400px;margin:0 auto 2rem}.next-steps h3{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:1rem;text-align:center}.next-steps-subtitle{font-size:14px;color:#718096;text-align:center;margin-bottom:1rem;font-weight:500}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#4a5568;font-size:14px}.next-steps .step-icon{font-size:20px}.step-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.btn-primary{background:#667eea;color:#fff;padding:.875rem 2rem;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.btn-primary.btn-large{padding:1rem 2.5rem;font-size:16px}.btn-secondary{background:#fff;color:#667eea;padding:.875rem 2rem;border:2px solid #667eea;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#667eea1a;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-text{background:none;border:none;color:#718096;font-size:14px;cursor:pointer;padding:.5rem 1rem;transition:color .3s ease}.btn-text:hover{color:#667eea;text-decoration:underline}@media (max-width: 768px){.wizard-container{padding:1.5rem;margin-top:1rem}.wizard-progress{flex-wrap:wrap;gap:.5rem}.wizard-progress .progress-step .step-label{display:none}.wizard-progress .progress-line{max-width:40px;margin-bottom:0}.form-row{grid-template-columns:1fr}.education-system-grid,.goals-grid{grid-template-columns:1fr 1fr}.step-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}.welcome-icon,.completion-icon{font-size:48px}.welcome-header h2,.completion-header h2{font-size:24px}}@media (max-width: 480px){.account-setup-wizard{padding:1rem .5rem}.wizard-container{padding:1rem;border-radius:12px}.education-system-grid,.goals-grid{grid-template-columns:1fr}.student-card{padding:1rem}}.student-creation-progress{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.5rem;margin-bottom:2rem;color:#fff;text-align:center}.student-creation-progress .progress-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.student-creation-progress .progress-icon{font-size:28px}.student-creation-progress h3{margin:0;font-size:18px;font-weight:600}.progress-bar-container{background:#ffffff4d;border-radius:10px;height:10px;overflow:hidden;margin-bottom:.75rem}.progress-bar{background:#fff;height:100%;border-radius:10px;transition:width .3s ease}.progress-text{font-size:14px;opacity:.9;margin:0}.student-creation-results{margin-bottom:2rem}.results-success{background:#d1fae5;border:1px solid #10b981;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1rem}.results-success .results-icon{font-size:20px;margin-right:.5rem}.results-success p{color:#065f46;font-weight:600;margin:0 0 .75rem;display:inline}.created-students-list{list-style:none;padding:0;margin:.75rem 0 0}.created-students-list li{color:#047857;font-size:14px;padding:.25rem 0;display:flex;align-items:center;gap:.5rem}.created-students-list .email-sent{font-size:14px;opacity:.8}.results-failed{background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;padding:1rem 1.5rem}.results-failed .results-icon{font-size:20px;margin-right:.5rem}.results-failed p{color:#92400e;font-weight:600;margin:0 0 .75rem;display:inline}.failed-students-list{list-style:none;padding:0;margin:.75rem 0}.failed-students-list li{color:#b45309;font-size:14px;padding:.25rem 0}.retry-note{font-size:13px;color:#78350f;font-style:italic;margin:.75rem 0 0!important;display:block!important}.student-form .password-field{position:relative}.student-form .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;color:#718096;padding:0}.student-form .password-toggle:hover{color:#667eea}.student-form .password-hint{font-size:12px;color:#718096;margin-top:.25rem}.student-form .email-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px}.student-form .email-status.valid{color:#10b981}.student-form .email-status.invalid{color:#ef4444}.student-form .email-status.checking{color:#f59e0b;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.student-form .email-checking-text{display:block;font-size:12px;color:var(--warning, #F59E0B);margin-top:.25rem}.student-form .email-available-text{display:block;font-size:12px;color:var(--success, #10B981);margin-top:.25rem}@media (max-width: 768px){.student-creation-progress{padding:1rem}.student-creation-progress .progress-header{flex-direction:column;gap:.5rem}.results-success,.results-failed{padding:1rem}}@media (max-width: 768px){.wizard-container{padding:16px;max-width:100%}.education-system-grid{display:flex;flex-direction:column;gap:12px}.education-card{width:100%;min-height:60px;padding:16px}.form-group select,select{min-height:44px;font-size:16px}.step-actions{flex-direction:column;gap:12px}.btn-primary,.btn-secondary,.btn-text{width:100%;min-height:44px;padding:12px 24px}.wizard-progress{padding:8px}.wizard-progress .progress-step .step-number{min-width:32px;min-height:32px;font-size:14px}.wizard-progress .progress-step .step-label{font-size:11px}.student-card{padding:16px}.form-row{display:flex;flex-direction:column;gap:12px}.trust-indicators-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.goals-grid{grid-template-columns:1fr;gap:12px}.goal-card{min-height:60px}.subjects-grid{gap:8px}.subject-chip{min-height:44px;padding:10px 16px}.btn-add-student{min-height:44px;padding:12px 16px}.completion-nav-bar{padding:12px;margin:-16px -16px 16px}.nav-logo{height:32px}.nav-actions{gap:12px}.nav-link{font-size:13px;min-height:44px;display:flex;align-items:center}.welcome-icon{font-size:48px}.welcome-header h2{font-size:22px}.welcome-subtitle{font-size:14px}.benefits-list{padding:16px}.completion-icon{font-size:48px}.completion-header h2{font-size:22px}.completion-header p{font-size:14px}.setup-summary,.student-creation-progress{padding:16px}.student-creation-progress h3{font-size:16px}.progress-text{font-size:13px}.results-success,.results-failed{padding:12px 16px}.coppa-consent{padding:12px}.coppa-notice{flex-direction:column;text-align:center}.form-group input,input[type=text],input[type=email],input[type=password],input[type=tel]{min-height:44px;font-size:16px;padding:12px 16px}.step-header h2{font-size:20px}.step-header p{font-size:14px}.plan-badge{padding:8px 16px;font-size:13px}.next-steps{padding:0 8px}.next-steps h3{font-size:15px}.next-steps-subtitle{font-size:13px}.next-steps li{font-size:13px;padding:8px 0}.summary-item{flex-direction:column;align-items:flex-start;gap:4px}.summary-label,.summary-value{font-size:13px}.error-message{padding:12px 16px;font-size:13px}.btn-remove{min-width:44px;min-height:44px;font-size:16px}.student-form .password-toggle{min-width:44px;min-height:44px;right:4px}.checkbox-label{min-height:44px;align-items:center}.checkbox-label:not(.checkbox-label--custom) input[type=checkbox]{min-width:20px;min-height:20px}}.setup-complete-redirect{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;min-height:300px;animation:fadeIn .3s ease}.setup-complete-redirect__icon{font-size:64px;display:block;margin-bottom:1.5rem}.setup-complete-redirect__title{font-size:28px;font-weight:700;color:var(--text-primary, #111827);margin-bottom:.75rem}.setup-complete-redirect__message{font-size:16px;color:var(--text-secondary, #6B7280);margin:0}@media (max-width: 768px){.setup-complete-redirect{padding:2rem 1rem;min-height:200px}.setup-complete-redirect__icon{font-size:48px}.setup-complete-redirect__title{font-size:22px}.setup-complete-redirect__message{font-size:14px}}@media (max-width: 320px){.wizard-container{padding:12px}.wizard-progress{padding:4px}.wizard-progress .progress-step .step-number{width:28px;height:28px;font-size:12px}.wizard-progress .progress-line{max-width:20px}.step-header h2{font-size:18px}.welcome-icon,.completion-icon{font-size:40px}.welcome-header h2,.completion-header h2{font-size:20px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:14px}.education-card,.goal-card,.student-card{padding:12px}.form-group input,.form-group select{padding:10px 12px}}.math-visual-page-content{padding:1rem;max-width:1200px;margin:0 auto}.math-visual-breadcrumb{margin-bottom:1rem}.breadcrumb-list{display:flex;align-items:center;list-style:none;padding:0;margin:0;font-size:.875rem}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{background:none;border:none;color:var(--math-primary, #3B82F6);cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:inherit;transition:background-color .2s,color .2s}.breadcrumb-link:hover{background-color:#3b82f61a;text-decoration:underline}.breadcrumb-link:focus{outline:2px solid var(--math-primary, #3B82F6);outline-offset:2px}.breadcrumb-separator{color:#9ca3af;margin:0 .25rem;font-weight:700}.breadcrumb-current{color:#6b7280;font-weight:500}.math-visual-grade-selector-wrapper{margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #bae6fd}.page-header{margin-bottom:1.5rem}.page-title{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;flex-wrap:wrap}.page-icon{font-size:1.5rem}.grade-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:600;border-radius:9999px;background:linear-gradient(135deg,var(--math-primary, #3B82F6) 0%,#2563EB 100%);color:#fff;margin-left:.5rem}.page-description{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.context-indicators{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.context-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#f3f4f6;border-radius:8px;font-size:.875rem}.indicator-icon{font-size:1rem}.indicator-text{color:#4b5563}.recommendations-panel{margin-top:1rem;padding:1rem;background-color:#fef3c7;border-radius:8px;border:1px solid #FCD34D}.recommendations-title{font-size:.875rem;font-weight:600;color:#92400e;margin:0 0 .5rem}.recommendations-list{display:flex;flex-direction:column;gap:.5rem}.recommendation-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#78350f}.recommendation-icon{flex-shrink:0}.math-visual-container{margin-bottom:1.5rem}.page-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;min-height:44px}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.action-button.secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-button.secondary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.action-button.tertiary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-button.tertiary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.button-icon{font-size:1rem}.learning-progress{padding:1rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;border:1px solid #86EFAC}.progress-title{font-size:1rem;font-weight:600;color:#166534;margin:0 0 .75rem}.progress-stats{display:flex;flex-wrap:wrap;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;font-weight:700;color:#15803d}.stat-label{font-size:.75rem;color:#166534;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.math-visual-page-content{padding:.75rem}.page-title{font-size:1.5rem}.grade-badge{font-size:.75rem;padding:.2rem .5rem}.page-actions{flex-direction:column}.action-button{width:100%;justify-content:center}.progress-stats{justify-content:space-around}}@media (prefers-color-scheme: dark){.math-visual-grade-selector-wrapper{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-color:#334155}.page-title{color:#f9fafb}.page-description,.breadcrumb-current{color:#9ca3af}.context-indicator{background-color:#374151}.indicator-text{color:#d1d5db}.recommendations-panel{background-color:#422006;border-color:#854d0e}.recommendations-title{color:#fcd34d}.recommendation-item{color:#fde68a}.learning-progress{background:linear-gradient(135deg,#14532d,#166534);border-color:#22c55e}.progress-title{color:#86efac}.stat-value{color:#4ade80}.stat-label{color:#86efac}}.worksheet-history{width:100%;max-width:1200px;margin:0 auto}.worksheet-history-tabs{display:flex;background:#fff;border-radius:12px;padding:4px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.worksheet-history-tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease}.worksheet-history-tabs .tab:hover{background:#f3f4f6;color:#374151}.worksheet-history-tabs .tab.active{background:#3b82f6;color:#fff}.worksheet-history-tabs .tab-icon{font-size:16px}.worksheet-history-tabs .tab-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:12px}.worksheet-history-tabs .tab.active .tab-count{background:#ffffff4d}.worksheet-history-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.search-container{flex:1;min-width:200px;display:flex;gap:8px}.search-input{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#9ca3af}.search-button{padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease}.search-button:hover{background:#2563eb}.search-button:disabled{background:#9ca3af;cursor:not-allowed}.filter-container{display:flex;gap:8px;flex-wrap:wrap}.filter-select,.sort-select{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;min-width:140px}.filter-select:focus,.sort-select:focus{outline:none;border-color:#3b82f6}.worksheet-list{display:flex;flex-direction:column;gap:16px}.worksheet-card{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.worksheet-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.worksheet-info{flex:1}.worksheet-info h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.worksheet-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.worksheet-meta-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f3f4f6;border-radius:16px;font-size:12px;color:#4b5563}.worksheet-reference{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.reference-code{font-family:monospace;background:#f3f4f6;padding:2px 8px;border-radius:4px;color:#3b82f6;font-weight:500}.worksheet-date{color:#9ca3af}.worksheet-actions{display:flex;gap:8px;flex-shrink:0}.btn-view,.btn-reprint,.btn-delete{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-view{background:#f3f4f6;color:#374151}.btn-view:hover{background:#e5e7eb}.btn-reprint{background:#3b82f6;color:#fff}.btn-reprint:hover{background:#2563eb}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#fee2e2}.worksheet-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.worksheet-history-loading p{color:#6b7280;font-size:14px}.worksheet-history-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.worksheet-history-error h3{margin:0 0 8px;color:#1f2937;font-size:18px}.worksheet-history-error p{margin:0 0 16px;color:#6b7280;font-size:14px}.btn-retry{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.btn-retry:hover{background:#2563eb}.worksheet-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.worksheet-history-empty h3{margin:0 0 8px;color:#1f2937;font-size:20px}.worksheet-history-empty p{margin:0 0 24px;color:#6b7280;font-size:14px;max-width:400px}.btn-generate{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-generate:hover{background:#2563eb}.search-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fef3c7;border-radius:12px;border:1px solid #fcd34d;text-align:center}.search-not-found-icon{font-size:40px;margin-bottom:12px}.search-not-found h3{margin:0 0 8px;color:#92400e;font-size:16px}.search-not-found p{margin:0;color:#a16207;font-size:14px}.load-more-container{display:flex;justify-content:center;margin-top:24px}.btn-load-more{padding:12px 32px;background:#fff;color:#3b82f6;border:2px solid #3b82f6;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-load-more:hover{background:#3b82f6;color:#fff}.btn-load-more:disabled{background:#f3f4f6;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}@media (max-width: 768px){.worksheet-history-tabs{flex-direction:column}.worksheet-history-tabs .tab{justify-content:flex-start}.worksheet-history-controls{flex-direction:column}.search-container,.filter-container{width:100%}.filter-select,.sort-select{flex:1;min-width:0}.worksheet-card{flex-direction:column;gap:16px}.worksheet-actions{width:100%;justify-content:flex-start}.btn-view,.btn-reprint,.btn-delete{flex:1}}@media (max-width: 480px){.worksheet-meta{flex-direction:column;align-items:flex-start}.worksheet-actions{flex-direction:column}.btn-view,.btn-reprint,.btn-delete{width:100%}}.upgrade-family-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #BFDBFE;border-radius:.75rem;margin-bottom:1.5rem}.upgrade-family-banner__content{display:flex;align-items:center;gap:.75rem;flex:1}.upgrade-family-banner__icon{font-size:1.5rem;flex-shrink:0}.upgrade-family-banner__text{font-size:.9375rem;color:var(--text-primary, #111827);line-height:1.5}.upgrade-family-banner__loading{color:var(--text-secondary, #6B7280);font-style:italic}.upgrade-family-banner__cta{flex-shrink:0;padding:.625rem 1.25rem;background-color:var(--eduq-blue, #0066FF);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.upgrade-family-banner__cta:hover:not(:disabled){background-color:var(--eduq-blue-hover, #0052CC)}.upgrade-family-banner__cta:disabled{opacity:.6;cursor:not-allowed}.upgrade-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.upgrade-modal{position:relative;background:#fff;border-radius:.75rem;padding:2rem;max-width:520px;width:90%;box-shadow:0 10px 25px #0003;animation:scaleIn .2s ease-out}.upgrade-modal__close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.125rem;color:var(--text-secondary, #6B7280);cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s ease}.upgrade-modal__close:hover{color:var(--text-primary, #111827)}.upgrade-modal__title{font-size:1.375rem;font-weight:700;color:var(--text-primary, #111827);margin:0 0 1.5rem}.upgrade-modal__options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.upgrade-modal__option{position:relative;text-align:left;padding:1rem 1.25rem;border:2px solid var(--border-light, #E5E7EB);border-radius:.625rem;background:#fff;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;width:100%}.upgrade-modal__option:hover:not(:disabled){border-color:var(--eduq-blue, #0066FF);background-color:#f0f7ff}.upgrade-modal__option--selected{border-color:var(--eduq-blue, #0066FF);background-color:#eff6ff}.upgrade-modal__option--secondary{border-style:dashed}.upgrade-modal__option:disabled{opacity:.6;cursor:not-allowed}.upgrade-modal__option-badge{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--eduq-blue, #0066FF);background-color:#dbeafe;padding:.125rem .5rem;border-radius:9999px;margin-bottom:.375rem}.upgrade-modal__option-name{font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}.upgrade-modal__option-price{font-size:.875rem;color:var(--text-secondary, #6B7280);margin-top:.125rem}.upgrade-modal__option-detail{font-size:.8125rem;color:var(--text-primary, #111827);margin-top:.375rem}.upgrade-modal__option-detail--muted{color:var(--text-secondary, #6B7280)}.upgrade-modal__option-enddate{font-weight:600}.upgrade-modal__warning{padding:.75rem 1rem;background-color:#fffbeb;border:1px solid #FCD34D;border-radius:.5rem;font-size:.875rem;color:#92400e;margin-bottom:1rem}.upgrade-modal__error{padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #FCA5A5;border-radius:.5rem;font-size:.875rem;color:#991b1b;margin-bottom:1rem}.upgrade-modal__confirm{width:100%;padding:.875rem;background-color:var(--eduq-blue, #0066FF);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.upgrade-modal__confirm:hover:not(:disabled){background-color:var(--eduq-blue-hover, #0052CC)}.upgrade-modal__confirm:disabled{opacity:.6;cursor:not-allowed}.upgrade-family-toast{position:fixed;bottom:2rem;right:2rem;z-index:3000;display:flex;align-items:flex-start;gap:.75rem;background-color:var(--success, #10B981);color:#fff;padding:1rem 1.5rem;border-radius:.625rem;box-shadow:0 4px 12px #00000026;max-width:360px;animation:slideUp .3s ease-out}.upgrade-family-toast__icon{font-size:1.25rem;font-weight:700;flex-shrink:0}.upgrade-family-toast__body{font-size:.9375rem;line-height:1.4}.upgrade-family-toast__prompt{font-size:.8125rem;margin-top:.375rem;opacity:.9}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 640px){.upgrade-family-banner{flex-direction:column;align-items:flex-start}.upgrade-family-banner__cta{width:100%;text-align:center}.upgrade-modal{padding:1.5rem}.upgrade-family-toast{bottom:1rem;right:1rem;left:1rem;max-width:none}}@media (prefers-reduced-motion: reduce){.upgrade-modal-overlay,.upgrade-modal,.upgrade-family-toast{animation-duration:.01ms!important}}.upgrade-family-banner__cta:focus,.upgrade-modal__close:focus,.upgrade-modal__option:focus,.upgrade-modal__confirm:focus{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.subscription-management{min-height:100vh;background-color:var(--bg-secondary, #F9FAFB);padding:2rem 1rem}.subscription-management__container{max-width:800px;margin:0 auto}.subscription-management__header{text-align:center;margin-bottom:2rem}.subscription-management__title{font-size:2rem;font-weight:700;color:var(--text-primary, #111827);margin:0 0 .5rem}.subscription-management__subtitle{font-size:1rem;color:var(--text-secondary, #6B7280);margin:0}.subscription-management__loading{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #6B7280);font-size:1.125rem}.subscription-management__success{background-color:var(--success, #10B981);color:#fff;padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 2px 4px #0000001a}.subscription-management__success-icon{font-size:1.5rem;font-weight:700}.subscription-management__success-message{flex:1;font-size:1rem;font-weight:500}.subscription-management__card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem;margin-bottom:1.5rem}.subscription-management__card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light, #E5E7EB)}.subscription-management__plan-info{margin-bottom:2rem}.subscription-management__plan-name{font-size:1.75rem;font-weight:700;color:var(--eduq-blue, #0066FF);margin-bottom:1rem}.subscription-management__trial-status{background-color:var(--bg-secondary, #F9FAFB);padding:1rem 1.25rem;border-radius:.5rem;border-left:4px solid var(--border-medium, #D1D5DB)}.subscription-management__trial-status--active{background-color:#eff6ff;border-left-color:var(--eduq-blue, #0066FF)}.subscription-management__trial-status--cancelled{background-color:#fef2f2;border-left-color:var(--error, #EF4444)}.subscription-management__trial-badge{display:inline-block;background-color:var(--eduq-blue, #0066FF);color:#fff;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.subscription-management__trial-badge--cancelled{background-color:var(--error, #EF4444)}.subscription-management__trial-badge--paid{background-color:var(--success, #10B981)}.subscription-management__trial-details{margin:.5rem 0 0;color:var(--text-primary, #111827);font-size:1rem;line-height:1.5}.subscription-management__actions{display:flex;flex-wrap:wrap;gap:1rem}.subscription-management__button{flex:1;min-width:200px;padding:.875rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.subscription-management__button--cancel{background-color:var(--error, #EF4444);color:#fff}.subscription-management__button--cancel:hover{background-color:#dc2626}.subscription-management__button--keep{background-color:var(--eduq-blue, #0066FF);color:#fff}.subscription-management__button--keep:hover{background-color:var(--eduq-blue-hover, #0052CC)}.subscription-management__button--upgrade{background-color:var(--eduq-cyan, #00D9B5);color:#fff}.subscription-management__button--upgrade:hover{background-color:var(--eduq-cyan-hover, #00B89A)}.subscription-management__button--secondary{background-color:var(--bg-tertiary, #F3F4F6);color:var(--text-primary, #111827);border:1px solid var(--border-medium, #D1D5DB)}.subscription-management__button--secondary:hover{background-color:var(--border-light, #E5E7EB)}.subscription-management__button:disabled{opacity:.6;cursor:not-allowed}.subscription-management__paid-info{width:100%}.subscription-management__paid-message{margin:0 0 1rem;color:var(--text-secondary, #6B7280);font-size:1rem}.subscription-management__features{padding:0}.subscription-management__features-list{list-style:none;padding:0;margin:0}.subscription-management__features-list li{padding:.75rem 0;border-bottom:1px solid var(--border-light, #E5E7EB);font-size:1rem;color:var(--text-primary, #111827)}.subscription-management__features-list li:last-child{border-bottom:none}.subscription-management__footer{text-align:center;margin-top:2rem}.subscription-management__back-button{background-color:transparent;color:var(--eduq-blue, #0066FF);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:color .2s ease}.subscription-management__back-button:hover{color:var(--eduq-blue-hover, #0052CC);text-decoration:underline}.subscription-management__dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.subscription-management__dialog{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px #0003;max-width:500px;width:100%;padding:2rem}.subscription-management__dialog-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);margin:0 0 1rem}.subscription-management__dialog-message{font-size:1rem;color:var(--text-secondary, #6B7280);margin:0 0 1rem;line-height:1.5}.subscription-management__dialog-features{list-style:none;padding:0;margin:0 0 1.5rem;background-color:var(--bg-secondary, #F9FAFB);border-radius:.5rem;padding:1rem 1.5rem}.subscription-management__dialog-features li{padding:.5rem 0;color:var(--text-primary, #111827);font-size:.875rem}.subscription-management__dialog-features li:before{content:"✗ ";color:var(--error, #EF4444);font-weight:700;margin-right:.5rem}.subscription-management__dialog-error{background-color:#fef2f2;color:var(--error, #EF4444);padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;border-left:4px solid var(--error, #EF4444)}.subscription-management__dialog-actions{display:flex;flex-direction:column;gap:.75rem}.subscription-management__dialog-button{width:100%;padding:.875rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.subscription-management__dialog-button--confirm{background-color:var(--error, #EF4444);color:#fff}.subscription-management__dialog-button--confirm:hover{background-color:#dc2626}.subscription-management__dialog-button--cancel{background-color:var(--bg-tertiary, #F3F4F6);color:var(--text-primary, #111827);border:1px solid var(--border-medium, #D1D5DB)}.subscription-management__dialog-button--cancel:hover{background-color:var(--border-light, #E5E7EB)}.subscription-management__dialog-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.subscription-management{padding:1rem .5rem}.subscription-management__card{padding:1.5rem}.subscription-management__title,.subscription-management__plan-name{font-size:1.5rem}.subscription-management__actions{flex-direction:column}.subscription-management__button{min-width:100%}.subscription-management__dialog{padding:1.5rem}}@media (prefers-reduced-motion: reduce){.subscription-management__button,.subscription-management__back-button,.subscription-management__dialog-button{transition:none}}.subscription-management__end-date-section{margin-bottom:1.5rem;padding:1rem 1.25rem;background-color:var(--bg-tertiary, #F3F4F6);border-radius:.5rem;border-left:4px solid var(--eduq-blue, #0066FF)}.subscription-management__end-date{display:flex;flex-direction:column;gap:.25rem}.subscription-management__end-date.lifetime{border-left-color:var(--eduq-cyan, #00D9B5)}.subscription-management__end-date-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6B7280)}.subscription-management__end-date-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #111827)}.subscription-management__end-date-promo{font-size:.8rem;color:var(--eduq-cyan, #00D9B5);font-weight:500;margin-top:.25rem}.subscription-management__cancel-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light, #E5E7EB);text-align:center}.pwa-install-prompt{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface, #ffffff);box-shadow:var(--shadow-lg, 0 -4px 12px rgba(0, 0, 0, .15));padding:var(--space-lg, 1.5rem);z-index:1000;animation:slideUp .3s ease-out;border-top-left-radius:var(--radius-lg, .75rem);border-top-right-radius:var(--radius-lg, .75rem)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-content{max-width:500px;margin:0 auto;position:relative}.pwa-install-close{position:absolute;top:-8px;right:-8px;background:transparent;border:none;font-size:28px;color:var(--color-text-secondary, #6b7280);cursor:pointer;padding:var(--space-xs, .25rem);line-height:1;transition:color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.pwa-install-close:hover{color:var(--color-text-primary, #1f2937)}.pwa-install-close:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px;border-radius:var(--radius-sm, .375rem)}.pwa-install-icon{font-size:48px;text-align:center;margin-bottom:var(--space-md, 1rem)}.pwa-install-title{font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-primary, #1f2937);margin:0 0 var(--space-md, 1rem) 0;text-align:center}.pwa-install-description{text-align:center}.pwa-install-description p{font-size:var(--font-size-base, 1rem);color:var(--color-text-secondary, #6b7280);margin:0 0 var(--space-lg, 1.5rem) 0;line-height:1.5}.pwa-install-button{background:var(--color-primary, #2563eb);color:#fff;border:none;padding:var(--space-md, 1rem) var(--space-xl, 2rem);border-radius:var(--radius-md, .5rem);font-size:var(--font-size-base, 1rem);font-weight:600;cursor:pointer;width:100%;transition:background .2s}.pwa-install-button:hover{background:var(--color-primary-hover, #1d4ed8)}.pwa-install-button:active{transform:scale(.98)}.pwa-install-button:focus{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.pwa-install-instructions{text-align:left}.pwa-install-instructions p{font-size:var(--font-size-base, 1rem);color:var(--color-text-secondary, #6b7280);margin:0 0 var(--space-md, 1rem) 0;font-weight:500}.pwa-install-instructions ol{margin:0;padding-left:var(--space-lg, 1.5rem);color:var(--color-text-secondary, #6b7280)}.pwa-install-instructions li{font-size:var(--font-size-sm, .875rem);margin-bottom:var(--space-sm, .5rem);line-height:1.6}.ios-share-icon{display:inline-block;font-size:var(--font-size-lg, 1.125rem);vertical-align:middle;margin:0 var(--space-xs, .25rem)}@media (max-width: 640px){.pwa-install-prompt{padding:var(--space-md, 1rem)}.pwa-install-icon{font-size:40px}.pwa-install-title{font-size:var(--font-size-base, 1rem)}.pwa-install-description p,.pwa-install-instructions p{font-size:var(--font-size-sm, .875rem)}.pwa-install-button{padding:var(--space-sm, .5rem) var(--space-lg, 1.5rem);font-size:var(--font-size-sm, .875rem)}}@media (min-width: 768px){.pwa-install-prompt{left:50%;right:auto;transform:translate(-50%);max-width:500px;border-radius:var(--radius-lg, .75rem);bottom:var(--space-lg, 1.5rem)}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}}.milestone-celebration{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;padding:2rem;margin:1rem 0;position:relative;overflow:hidden;color:#fff;box-shadow:0 10px 25px #0003}.milestone-celebration.animating{animation:celebrationPulse 1s ease-out}@keyframes celebrationPulse{0%{transform:scale(1);box-shadow:0 10px 25px #0003}50%{transform:scale(1.02);box-shadow:0 15px 35px #0000004d}to{transform:scale(1);box-shadow:0 10px 25px #0003}}.milestone-celebration.empty{background:#f9fafb;color:#6b7280;text-align:center;padding:3rem 2rem}.empty-state{max-width:300px;margin:0 auto}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-message{color:#6b7280;line-height:1.5;margin:0}.celebration-container{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}.celebration-badge-section{margin-bottom:1.5rem}.achievement-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;border:4px solid;position:relative;animation:badgeGlow 2s ease-in-out infinite alternate}@keyframes badgeGlow{0%{transform:scale(1)}to{transform:scale(1.05)}}.badge-icon{font-size:3rem;margin-bottom:.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.badge-tier{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.celebration-content{max-width:500px;margin-bottom:2rem}.celebration-header{margin-bottom:1rem}.celebration-title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.celebration-type{font-size:1rem;font-weight:500;opacity:.9;margin:0}.celebration-message{font-size:1.125rem;line-height:1.6;margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.celebration-subject{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:2rem;backdrop-filter:blur(10px)}.subject-label{font-weight:500;opacity:.8}.subject-name{font-weight:600;color:#fbbf24}.celebration-data{background:#ffffff1a;border-radius:.75rem;padding:1rem;margin-bottom:1rem;backdrop-filter:blur(10px)}.data-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.data-item:last-child{margin-bottom:0}.data-label{font-weight:500;opacity:.9}.data-value{font-weight:600;color:#fbbf24}.data-item.improvement .data-value{color:#10b981}.data-item.next-goal .data-value{color:#f59e0b}.progress-comparison{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.2)}.comparison-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.comparison-label{font-size:.875rem;opacity:.8}.comparison-value{font-size:1.125rem;font-weight:600;color:#fbbf24}.comparison-arrow{font-size:1.5rem;color:#10b981;font-weight:600}.next-milestone-progress{background:#ffffff1a;border-radius:.75rem;padding:1rem;backdrop-filter:blur(10px)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-label{font-weight:500;opacity:.9}.progress-percentage{font-weight:600;color:#fbbf24}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .5s ease}.progress-target{font-size:.875rem;opacity:.8;text-align:center}.celebration-actions{display:flex;gap:1rem;align-items:center}.action-button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent;text-transform:uppercase;letter-spacing:.05em}.action-button.primary{background:#fbbf24;color:#1f2937;border-color:#fbbf24}.action-button.primary:hover{background:#f59e0b;border-color:#f59e0b;transform:translateY(-1px)}.action-button.secondary{background:transparent;color:#fff;border-color:#ffffff80}.action-button.secondary:hover{background:#ffffff1a;border-color:#fffc}.milestone-progress-indicator{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.progress-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .2s ease}.progress-dot.active{background:#fbbf24;border-color:#fbbf24;transform:scale(1.2)}.progress-dot.completed{background:#10b981;border-color:#10b981}.progress-dot:hover{border-color:#fffc;transform:scale(1.1)}.celebration-effects{position:absolute;inset:0;pointer-events:none;z-index:1}.confetti,.sparkles{position:absolute;font-size:2rem;animation:float 3s ease-in-out infinite}.confetti{top:10%;left:10%;animation-delay:0s}.sparkles{top:20%;right:15%;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:0}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.milestone-celebration.tier-bronze{background:linear-gradient(135deg,#cd7f32,#8b4513)}.milestone-celebration.tier-silver{background:linear-gradient(135deg,silver,gray)}.milestone-celebration.tier-gold{background:linear-gradient(135deg,gold,#daa520)}.milestone-celebration.tier-platinum{background:linear-gradient(135deg,#e5e4e2,#b8b8b8)}@media (max-width: 640px){.milestone-celebration{padding:1.5rem;margin:.5rem 0}.achievement-badge{width:100px;height:100px}.badge-icon{font-size:2.5rem}.celebration-title{font-size:1.5rem}.celebration-message{font-size:1rem}.celebration-actions{flex-direction:column;width:100%}.action-button{width:100%;justify-content:center}.progress-comparison{flex-direction:column;gap:.5rem}.comparison-arrow{transform:rotate(90deg)}}@media (prefers-color-scheme: dark){.milestone-celebration.empty{background:#1f2937;color:#d1d5db}.empty-title{color:#f9fafb}.empty-message{color:#9ca3af}}.milestone-celebration.child-friendly{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:2rem;border:4px solid #ffd93d;box-shadow:0 15px 35px #ffd93d66;animation:rainbowGlow 3s ease-in-out infinite alternate}@keyframes rainbowGlow{0%{box-shadow:0 15px 35px #ff6b6b66}50%{box-shadow:0 15px 35px #4ecdc466}to{box-shadow:0 15px 35px #45b7d166}}.milestone-celebration.child-friendly.animating{animation:childFriendlyPulse 1.5s ease-out}@keyframes childFriendlyPulse{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(2deg)}50%{transform:scale(1.1) rotate(-2deg)}75%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1) rotate(0)}}.milestone-celebration.educational-focus{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;animation:none}.milestone-celebration.educational-focus.animating{animation:subtlePulse .8s ease-out}@keyframes subtlePulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.achievement-badge.child-friendly{width:150px;height:150px;border-width:6px;animation:childBadgeFloat 2s ease-in-out infinite;position:relative}@keyframes childBadgeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.achievement-badge.child-friendly .badge-icon{font-size:4rem;animation:iconSpin 3s linear infinite}@keyframes iconSpin{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.character-reaction{position:absolute;top:-20px;right:-20px;background:#ffd93d;border-radius:50%;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:characterBounce .6s ease-in-out;box-shadow:0 4px 12px #ffd93d80}@keyframes characterBounce{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}.character-emoji{font-size:1.5rem;line-height:1}.reaction-text{font-size:.6rem;font-weight:700;color:#333;margin-top:2px}.action-button.child-friendly{border-radius:2rem;font-size:1rem;font-weight:700;text-transform:none;letter-spacing:normal;box-shadow:0 4px 12px #0003;transition:all .3s ease}.action-button.child-friendly:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #0000004d}.action-button.child-friendly.primary{background:linear-gradient(135deg,#ffd93d,#ff6b6b);border-color:#ffd93d;color:#333}.action-button.child-friendly.secondary{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border-color:#4ecdc4;color:#fff}.celebration-effects.enhanced{animation:effectsSwirl 4s linear infinite}@keyframes effectsSwirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.celebration-effects.enhanced .confetti,.celebration-effects.enhanced .sparkles,.celebration-effects.enhanced .stars,.celebration-effects.enhanced .hearts,.celebration-effects.enhanced .rainbow{position:absolute;font-size:2.5rem;animation:enhancedFloat 2s ease-in-out infinite}.celebration-effects.enhanced .stars{top:15%;left:20%;animation-delay:.5s}.celebration-effects.enhanced .hearts{top:25%;right:20%;animation-delay:1.5s}.celebration-effects.enhanced .rainbow{bottom:20%;left:50%;transform:translate(-50%);animation-delay:2s}@keyframes enhancedFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.8}25%{transform:translateY(-15px) rotate(90deg) scale(1.2);opacity:1}50%{transform:translateY(-30px) rotate(180deg) scale(1);opacity:.9}75%{transform:translateY(-15px) rotate(270deg) scale(1.1);opacity:1}}.level-display-stars{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-wrap:wrap}.level-star{font-size:1.5rem;color:#ffd93d;animation:starTwinkle 1.5s ease-in-out infinite alternate}.level-star:nth-child(2n){animation-delay:.3s}@keyframes starTwinkle{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.level-display-numeric{display:flex;align-items:center;gap:1rem}.level-number{font-size:2rem;font-weight:700}.level-progress-bar{flex:1;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden}.level-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .5s ease}@media (max-width: 640px){.milestone-celebration.child-friendly{padding:2rem 1.5rem;border-radius:1.5rem}.achievement-badge.child-friendly{width:120px;height:120px}.achievement-badge.child-friendly .badge-icon{font-size:3rem}.character-reaction{width:50px;height:50px;top:-15px;right:-15px}.character-emoji{font-size:1.2rem}.reaction-text{font-size:.5rem}}@media print{.milestone-celebration{background:#fff!important;color:#000!important;box-shadow:none!important}.celebration-effects,.celebration-actions{display:none}}.celebration-manager{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none;z-index:9999}.celebration-manager.visible{opacity:1;visibility:visible;pointer-events:all}.celebration-manager.paused{opacity:.5}.celebration-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);cursor:pointer;z-index:1}.celebration-content-wrapper{position:relative;max-width:90vw;max-height:90vh;z-index:2;animation:celebrationEnter .5s ease-out}@keyframes celebrationEnter{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.celebration-manager:not(.visible) .celebration-content-wrapper{animation:celebrationExit .3s ease-in}@keyframes celebrationExit{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.8) translateY(-20px);opacity:0}}.celebration-manager.position-top{align-items:flex-start;padding-top:2rem}.celebration-manager.position-bottom{align-items:flex-end;padding-bottom:2rem}.celebration-manager.position-center{align-items:center}.celebration-queue-indicator{position:absolute;top:-1rem;right:1rem;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:500;backdrop-filter:blur(10px);z-index:3}.queue-count{display:flex;align-items:center;gap:.25rem}.queue-count:before{content:"⏳";font-size:1rem}.celebration-close-button{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:#0009;color:#fff;font-size:1.5rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(10px);z-index:3}.celebration-close-button:hover{background:#000c;transform:scale(1.1)}.celebration-close-button:active{transform:scale(.95)}.celebration-manager.child-friendly .celebration-backdrop{background:#ffb6c14d}.celebration-manager.child-friendly .celebration-content-wrapper{animation:childFriendlyBounce .6s ease-out}@keyframes childFriendlyBounce{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg);opacity:.8}to{transform:scale(1) rotate(0);opacity:1}}.celebration-manager.child-friendly .celebration-close-button{background:linear-gradient(135deg,#ff6b6b,#feca57);color:#fff;font-weight:600}.celebration-manager.child-friendly .celebration-queue-indicator{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3)}.celebration-debug-controls{position:absolute;bottom:1rem;left:1rem;display:flex;gap:.5rem;align-items:center;background:#000c;padding:.5rem;border-radius:.5rem;color:#fff;font-size:.75rem;z-index:3}.debug-button{background:#3b82f6;color:#fff;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:background .2s ease}.debug-button:hover{background:#2563eb}.debug-info{opacity:.8;margin-left:.5rem}@media (max-width: 768px){.celebration-content-wrapper{max-width:95vw;margin:0 1rem}.celebration-close-button{width:2rem;height:2rem;font-size:1.25rem;top:.5rem;right:.5rem}.celebration-queue-indicator{top:-.5rem;right:.5rem;padding:.25rem .75rem;font-size:.75rem}.celebration-debug-controls{bottom:.5rem;left:.5rem;padding:.25rem}}@media (max-width: 480px){.celebration-manager.position-top{padding-top:1rem}.celebration-manager.position-bottom{padding-bottom:1rem}.celebration-content-wrapper{max-width:100vw;margin:0}}@media (prefers-contrast: high){.celebration-backdrop{background:#000c;backdrop-filter:none}.celebration-close-button,.celebration-queue-indicator{background:#000;border:2px solid #fff}}@media (prefers-reduced-motion: reduce){.celebration-manager,.celebration-content-wrapper,.celebration-close-button{animation:none;transition:none}.celebration-manager.child-friendly .celebration-content-wrapper{animation:none}}@media print{.celebration-manager{display:none!important}}.celebration-manager:focus-within .celebration-close-button{outline:2px solid #3b82f6;outline-offset:2px}.celebration-manager[style*="z-index: 9999"]{z-index:9999!important}.celebration-manager[style*="z-index: 10000"]{z-index:10000!important}.referral-vault{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:64rem;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.referral-vault__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.referral-vault__title-section{flex:1;min-width:200px}.referral-vault__title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.referral-vault__title-icon{font-size:1.5rem}.referral-vault__subtitle{font-size:.9375rem;color:#6b7280;margin:0}.referral-vault__progress-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;padding:1.5rem;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.referral-vault__progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.referral-vault__tier-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fff3;border-radius:9999px;font-size:.875rem;font-weight:600}.referral-vault__tier-icon{font-size:1rem}.referral-vault__savings{text-align:right}.referral-vault__savings-label{font-size:.75rem;opacity:.9;margin:0}.referral-vault__savings-value{font-size:1.25rem;font-weight:700;margin:0}.referral-vault__progress-bar-container{margin-bottom:1rem}.referral-vault__progress-bar-labels{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem}.referral-vault__progress-bar{height:.75rem;background:#ffffff4d;border-radius:9999px;overflow:hidden}.referral-vault__progress-bar-fill{height:100%;background:#fff;border-radius:9999px;transition:width .5s ease-out}.referral-vault__progress-text{font-size:.875rem;text-align:center;margin-top:.5rem;opacity:.9}.referral-vault__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.referral-vault__stat{background:#fff;border-radius:.75rem;padding:1rem;text-align:center;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.referral-vault__stat:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.referral-vault__stat-value{font-size:1.75rem;font-weight:700;color:#111827;margin:0}.referral-vault__stat-value--confirmed{color:#059669}.referral-vault__stat-value--pending{color:#d97706}.referral-vault__stat-value--passes{color:#7c3aed}.referral-vault__stat-label{font-size:.8125rem;color:#6b7280;margin:.25rem 0 0}.referral-vault__code-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem}.referral-vault__code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.referral-vault__code-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.referral-vault__code-display{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.referral-vault__code-value{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:1.25rem;font-weight:600;color:#7c3aed;background:#fff;padding:.5rem 1rem;border-radius:.5rem;border:2px dashed #c4b5fd}.referral-vault__code-actions{display:flex;gap:.5rem}.referral-vault__generate-section{text-align:center;padding:1rem}.referral-vault__generate-text{color:#6b7280;margin:0 0 1rem}.referral-vault__generate-btn{padding:.75rem 1.5rem;background:#7c3aed;color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s ease}.referral-vault__generate-btn:hover:not(:disabled){background:#6d28d9}.referral-vault__generate-btn:disabled{opacity:.6;cursor:not-allowed}.referral-vault__history{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.referral-vault__history-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.referral-vault__history-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.referral-vault__history-list{max-height:300px;overflow-y:auto}.referral-vault__history-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;border-bottom:1px solid #f3f4f6;transition:background .15s ease}.referral-vault__history-item:last-child{border-bottom:none}.referral-vault__history-item:hover{background:#f9fafb}.referral-vault__history-info{display:flex;flex-direction:column;gap:.25rem}.referral-vault__history-email{font-size:.9375rem;color:#111827;font-weight:500}.referral-vault__history-date{font-size:.8125rem;color:#9ca3af}.referral-vault__history-status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.referral-vault__history-status--pending{background:#fef3c7;color:#92400e}.referral-vault__history-status--awaiting_activity{background:#dbeafe;color:#1e40af}.referral-vault__history-status--confirmed{background:#d1fae5;color:#065f46}.referral-vault__history-status--expired{background:#fee2e2;color:#991b1b}.referral-vault__history-empty{padding:2rem;text-align:center;color:#9ca3af}.referral-vault__btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.referral-vault__btn--primary{background:#7c3aed;color:#fff}.referral-vault__btn--primary:hover:not(:disabled){background:#6d28d9}.referral-vault__btn--secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.referral-vault__btn--secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.referral-vault__btn--icon{padding:.5rem;background:transparent;color:#6b7280}.referral-vault__btn--icon:hover{background:#f3f4f6;color:#374151}.referral-vault__btn:disabled{opacity:.6;cursor:not-allowed}.referral-vault__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.referral-vault__spinner{width:2.5rem;height:2.5rem;border:3px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}.referral-vault__loading-text{color:#6b7280;font-size:.9375rem}.referral-vault__error{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:.75rem}.referral-vault__error-icon{color:#dc2626;font-size:1.25rem;flex-shrink:0}.referral-vault__error-content{flex:1}.referral-vault__error-title{font-weight:600;color:#991b1b;margin:0 0 .25rem}.referral-vault__error-message{color:#b91c1c;font-size:.875rem;margin:0}.referral-vault__error-retry{margin-top:.75rem}.referral-vault__empty{text-align:center;padding:3rem 1.5rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem}.referral-vault__empty-icon{font-size:3rem;margin-bottom:1rem}.referral-vault__empty-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.referral-vault__empty-text{color:#6b7280;margin:0 0 1.5rem;max-width:24rem;margin-left:auto;margin-right:auto}@media (max-width: 768px){.referral-vault{padding:1rem;gap:1rem}.referral-vault__header{flex-direction:column}.referral-vault__title{font-size:1.5rem}.referral-vault__progress-card{padding:1.25rem}.referral-vault__progress-header{flex-direction:column;align-items:flex-start;gap:.75rem}.referral-vault__savings{text-align:left}.referral-vault__stats{grid-template-columns:repeat(2,1fr)}.referral-vault__code-display{flex-direction:column;align-items:stretch}.referral-vault__code-value{text-align:center}.referral-vault__code-actions{justify-content:center}.referral-vault__history-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.referral-vault__stats{grid-template-columns:1fr}.referral-vault__stat{display:flex;justify-content:space-between;align-items:center;text-align:left}.referral-vault__stat-value{font-size:1.5rem}}.referral-vault__btn:focus-visible,.referral-vault__generate-btn:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}@media (prefers-reduced-motion: reduce){.referral-vault__spinner{animation:none}.referral-vault__progress-bar-fill,.referral-vault__stat{transition:none}}.safety-flag-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.safety-flag-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.safety-flag-card.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.safety-flag-card.severity-green{border-left:4px solid #10b981}.safety-flag-card.severity-yellow{border-left:4px solid #f59e0b}.safety-flag-card.severity-orange{border-left:4px solid #f97316}.safety-flag-card.severity-red{border-left:4px solid #ef4444}.flag-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.flag-meta{display:flex;gap:.75rem;flex-wrap:wrap}.severity-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.severity-green .severity-badge{background:#d1fae5;color:#065f46}.severity-yellow .severity-badge{background:#fef3c7;color:#92400e}.severity-orange .severity-badge{background:#fed7aa;color:#9a3412}.severity-red .severity-badge{background:#fecaca;color:#991b1b}.severity-icon{font-size:.75rem}.category-badge{padding:.25rem .75rem;background:#f3f4f6;color:#374151;border-radius:1rem;font-size:.75rem;font-weight:500}.flag-status{display:flex;align-items:center}.status-reviewed,.status-pending{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.status-reviewed{color:#059669}.status-pending{color:#d97706}.status-icon{font-size:.875rem}.flag-timestamp{display:flex;align-items:center;gap:.25rem;margin-bottom:1rem;color:#6b7280;font-size:.875rem}.time-icon{font-size:.875rem}.flag-concerns,.flag-message,.flag-context{margin-bottom:1rem}.flag-concerns h4,.flag-message h4,.flag-context h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.flag-concerns p,.flag-context p{margin:0;color:#4b5563;line-height:1.5}.flag-concerns{padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.flag-concerns h4{color:#991b1b}.flag-concerns p{color:#7f1d1d}.message-content{position:relative}.message-content p{margin:0;color:#4b5563;line-height:1.5;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;white-space:pre-wrap;word-break:break-word}.expand-button{margin-top:.5rem;padding:.25rem .75rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s}.expand-button:hover{background:#2563eb}.flag-context{padding:.75rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem}.flag-context h4{color:#0c4a6e}.flag-context p{color:#164e63}.flag-review-info{margin-bottom:1rem;padding:.75rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem}.review-timestamp{font-size:.75rem;color:#166534;margin-bottom:.5rem}.review-notes{font-size:.875rem;color:#15803d}.review-notes strong{font-weight:600}.flag-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.conversation-link{display:flex;align-items:center;gap:.25rem;color:#3b82f6;font-size:.875rem;font-weight:500}.link-icon{font-size:.875rem}.action-hint{font-size:.75rem;color:#9ca3af;font-style:italic}@media (max-width: 768px){.safety-flag-card{padding:1rem;margin-bottom:.75rem}.flag-card-header{flex-direction:column;gap:.75rem;align-items:flex-start}.flag-meta{width:100%}.flag-status{align-self:flex-end}.flag-card-footer{flex-direction:column;gap:.5rem;align-items:flex-start}.message-content p{font-size:.8125rem;padding:.625rem}}@media (prefers-contrast: high){.safety-flag-card{border-width:2px}.severity-badge,.category-badge{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.safety-flag-card{transition:none}.safety-flag-card:hover{transform:none}}.flag-group{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;overflow:hidden}.flag-group:hover{box-shadow:0 4px 8px #0000001a;border-color:#d1d5db}.flag-group.severity-green{border-left:4px solid #10b981}.flag-group.severity-yellow{border-left:4px solid #f59e0b}.flag-group.severity-orange{border-left:4px solid #f97316}.flag-group.severity-red{border-left:4px solid #ef4444}.flag-group-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;background:#fafafa;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.flag-group-header:hover{background:#f5f5f5}.group-header-left{display:flex;align-items:center;gap:12px;flex:1}.group-type-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px}.group-info{flex:1}.group-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.group-subtitle{font-size:14px;color:#6b7280;margin:0}.group-header-right{display:flex;align-items:center;gap:12px}.escalation-indicator{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.escalation-indicator.low{background:#f0f9ff;color:#0369a1}.escalation-indicator.medium{background:#fef3c7;color:#d97706}.escalation-indicator.high{background:#fee2e2;color:#dc2626}.escalation-indicator.critical{background:#fecaca;color:#991b1b;animation:pulse 2s infinite}.escalation-icon{font-size:14px}.critical-badge{background:#dc2626;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.group-severity{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f9fafb;border-radius:6px;font-size:12px;font-weight:500}.severity-icon{font-size:14px}.expand-toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease}.expand-toggle:hover{background:#e5e7eb}.expand-icon{font-size:12px;color:#6b7280;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.flag-group-summary{padding:16px 20px;background:#fff}.summary-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px}.stat-icon{font-size:16px}.stat-value{font-weight:600;color:#1f2937}.stat-label{color:#6b7280}.time-range-detail{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;color:#6b7280}.time-icon{font-size:16px}.group-categories{margin-top:12px}.categories-label{font-size:12px;font-weight:500;color:#6b7280;margin-right:8px}.category-tags{display:inline-flex;flex-wrap:wrap;gap:6px}.category-tag{background:#f3f4f6;color:#374151;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.escalation-analysis{padding:16px 20px;background:#fef2f2;border-top:1px solid #fecaca}.escalation-analysis h4{font-size:14px;font-weight:600;color:#991b1b;margin:0 0 12px}.escalation-details{display:flex;flex-direction:column;gap:12px}.escalation-stat{display:flex;align-items:center;gap:8px;font-size:13px}.escalation-stat-label{color:#6b7280;font-weight:500}.escalation-stat-value{color:#dc2626;font-weight:600}.critical-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;font-size:13px}.warning-icon{font-size:16px;color:#dc2626}.warning-text{color:#991b1b;font-weight:500}.severity-progression{margin-top:8px}.progression-label{font-size:12px;font-weight:500;color:#6b7280;display:block;margin-bottom:8px}.progression-timeline{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:4px 0}.progression-point{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}.severity-dot{width:12px;height:12px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #e5e7eb}.severity-dot.low{background:#10b981}.severity-dot.medium{background:#f59e0b}.severity-dot.high{background:#f97316}.severity-dot.critical{background:#ef4444;animation:pulse 1.5s infinite}.severity-time{font-size:10px;color:#6b7280;text-align:center}.flag-group-content{border-top:1px solid #f0f0f0;background:#fafafa}.group-flags-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px}.group-flags-header h4{font-size:14px;font-weight:600;color:#1f2937;margin:0}.flags-count{font-size:12px;color:#6b7280}.group-flags-list{padding:0 20px 16px}.grouped-flag-item{margin-bottom:12px}.grouped-flag-item:last-child{margin-bottom:0}.grouped-flag-item .safety-flag-card{border-left:3px solid #e5e7eb;margin-left:12px;box-shadow:0 1px 3px #0000000d}.flag-group-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f9fafb;border-top:1px solid #f0f0f0}.view-details-button{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.view-details-button:hover{background:#2563eb}.quick-actions{display:flex;gap:8px}.quick-action{border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-action.review-all{background:#f3f4f6;color:#374151}.quick-action.review-all:hover{background:#e5e7eb}.quick-action.urgent-action{background:#dc2626;color:#fff;animation:pulse 2s infinite}.quick-action.urgent-action:hover{background:#b91c1c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.flag-group-header{padding:12px 16px}.group-header-right{flex-direction:column;align-items:flex-end;gap:8px}.flag-group-summary{padding:12px 16px}.summary-stats{flex-direction:column;gap:8px}.group-flags-header,.flag-group-content{padding-left:16px;padding-right:16px}.flag-group-actions{flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px}.quick-actions{justify-content:center}.progression-timeline{justify-content:flex-start}}@media (max-width: 480px){.group-header-left{gap:8px}.group-type-icon{width:32px;height:32px;font-size:20px}.group-title{font-size:14px}.group-subtitle{font-size:12px}.escalation-indicator{font-size:11px;padding:3px 6px}.group-severity{font-size:11px;padding:4px 8px}}.safety-flag-list{width:100%;height:100%;display:flex;flex-direction:column}.flag-list-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fff}.flag-list-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.flag-count{font-size:.875rem;color:#6b7280;padding:.25rem .75rem;background:#f3f4f6;border-radius:1rem}.flag-list-content{flex:1;overflow-y:auto;padding:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.loading-spinner-small{width:1rem;height:1rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem;display:inline-block}.loading-container p{color:#6b7280;font-size:.875rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.error-container h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#111827}.error-message{color:#dc2626;margin-bottom:1.5rem;font-size:.875rem}.retry-button{padding:.5rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.retry-button:hover{background:#2563eb}.empty-state,.no-child-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.empty-icon,.no-child-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3,.no-child-selected h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#111827}.empty-state p,.no-child-selected p{color:#6b7280;margin-bottom:1rem;max-width:400px}.empty-info{margin-top:1rem;padding:1rem;background:#f0fdf4;border:1px solid #86efac;border-radius:.5rem;max-width:400px}.empty-info p{margin:0;color:#166534;font-size:.875rem}.load-more-container{display:flex;justify-content:center;padding:1.5rem}.load-more-button{display:flex;align-items:center;padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.load-more-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.end-of-list{text-align:center;padding:1.5rem;color:#9ca3af;font-size:.875rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.flag-list-header{flex-direction:column;align-items:flex-start;gap:.75rem}.flag-list-header h2{font-size:1.25rem}.flag-list-content{padding:.75rem}.empty-state,.no-child-selected,.loading-container,.error-container{padding:2rem 1rem}.empty-icon,.no-child-icon{font-size:3rem}}.flag-filter-tabs{display:flex;gap:4px;padding:0 1.5rem 1rem;border-bottom:1px solid #e5e7eb;background:#fff;overflow-x:auto}.filter-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:fit-content}.filter-tab:hover{background:#f3f4f6;color:#374151}.filter-tab.active{background:#3b82f6;color:#fff}.filter-tab.active:hover{background:#2563eb}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff3;border-radius:10px;font-size:.75rem;font-weight:600;line-height:1}.filter-tab:not(.active) .filter-count{background:#e5e7eb;color:#374151}.filter-tab:not(.active) .filter-count.pending{background:#fef3c7;color:#d97706}.filter-tab.active .filter-count{background:#ffffff4d;color:#fff}@media (max-width: 768px){.flag-filter-tabs{padding:0 1rem 1rem;gap:2px}.filter-tab{padding:6px 12px;font-size:.8rem}.filter-count{min-width:18px;height:18px;font-size:.7rem}}.filter-tab:focus{outline:2px solid #3b82f6;outline-offset:2px}.filter-tab:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.filter-tab{border:1px solid #6b7280}.filter-tab.active{border-color:#1d4ed8}}.view-mode-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.view-mode-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px}.view-mode-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.view-mode-button:hover{color:#374151;background:#e5e7eb}.view-mode-button.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a}.view-mode-icon{font-size:16px}.pattern-insights-summary{display:flex;align-items:center}.insights-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;font-size:13px;font-weight:500;color:#92400e}.insights-icon{font-size:14px}.insights-count{background:#f59e0b;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.grouped-view{display:flex;flex-direction:column;gap:24px}.pattern-insights-section{background:#fefce8;border:1px solid #fde047;border-radius:12px;padding:20px;margin-bottom:24px}.insights-title{font-size:18px;font-weight:600;color:#854d0e;margin:0 0 16px;display:flex;align-items:center;gap:8px}.insights-title:before{content:"🔍";font-size:20px}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;border-left:4px solid #6b7280}.insight-card.low{border-left-color:#10b981;background:#f0fdf4}.insight-card.medium{border-left-color:#f59e0b;background:#fffbeb}.insight-card.high{border-left-color:#f97316;background:#fff7ed}.insight-card.critical{border-left-color:#ef4444;background:#fef2f2;animation:pulse-border 2s infinite}.insight-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.insight-icon{font-size:18px}.insight-title{font-size:14px;font-weight:600;color:#1f2937;margin:0;flex:1}.insight-severity{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.insight-severity.low{background:#dcfce7;color:#166534}.insight-severity.medium{background:#fef3c7;color:#92400e}.insight-severity.high{background:#fed7aa;color:#9a3412}.insight-severity.critical{background:#fecaca;color:#991b1b}.insight-message{font-size:14px;color:#374151;margin:0 0 8px;font-weight:500}.insight-recommendation{font-size:13px;color:#6b7280;margin:0;font-style:italic}.flag-groups-section{display:flex;flex-direction:column;gap:24px}.group-category{display:flex;flex-direction:column;gap:12px}.group-category-title{font-size:16px;font-weight:600;color:#1f2937;margin:0;padding-bottom:8px;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:8px}.group-category-title:before{font-size:18px}.group-category:nth-child(1) .group-category-title:before{content:"💬"}.group-category:nth-child(2) .group-category-title:before{content:"🏷️"}.group-category:nth-child(3) .group-category-title:before{content:"⏰"}.group-category:nth-child(4) .group-category-title:before{content:"📋"}.ungrouped-flags,.list-view{display:flex;flex-direction:column;gap:12px}@keyframes pulse-border{0%,to{border-left-color:#ef4444}50%{border-left-color:#fca5a5}}@media (max-width: 768px){.view-mode-controls{flex-direction:column;align-items:stretch;gap:12px}.view-mode-toggle{align-self:center}.pattern-insights-section{padding:16px}.insights-title{font-size:16px}.insight-header{flex-wrap:wrap;gap:6px}.insight-title{font-size:13px}.group-category-title{font-size:14px}}@media (max-width: 480px){.view-mode-button{font-size:12px;padding:6px 10px}.view-mode-icon{font-size:14px}.insights-indicator{font-size:12px;padding:4px 8px}.pattern-insights-section,.insight-card{padding:12px}.insight-message{font-size:13px}.insight-recommendation{font-size:12px}}.safety-flag-detail-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.close-button{width:2rem;height:2rem;border:none;background:#f3f4f6;color:#6b7280;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s}.close-button:hover:not(:disabled){background:#e5e7eb;color:#374151}.close-button:disabled{opacity:.5;cursor:not-allowed}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#111827}.detail-section h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.severity-category-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.severity-info,.category-info{display:flex;flex-direction:column;gap:.5rem}.severity-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.severity-badge.severity-low{background:#d1fae5;color:#065f46;border:1px solid #10b981}.severity-badge.severity-medium{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.severity-badge.severity-high{background:#fed7aa;color:#9a3412;border:1px solid #f97316}.severity-badge.severity-critical{background:#fecaca;color:#991b1b;border:1px solid #ef4444}.category-value{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border-radius:.5rem;font-weight:500;width:fit-content}.explanation-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;padding:1.5rem}.explanation-section h3{color:#0c4a6e}.explanation-text{margin:0;color:#164e63;line-height:1.6}.guidance-section{background:#fefce8;border:1px solid #fde047;border-radius:.5rem;padding:1.5rem}.guidance-section h3{color:#a16207}.guidance-description{margin:0 0 1rem;color:#ca8a04;line-height:1.6}.recommended-actions ul{margin:0;padding-left:1.5rem;color:#a16207}.recommended-actions li{margin-bottom:.5rem;line-height:1.5}.concerns-section{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1.5rem}.concerns-section h3{color:#991b1b}.concerns-content{color:#7f1d1d;line-height:1.6;font-weight:500}.conversation-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.conversation-content{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:1rem;max-height:300px;overflow-y:auto}.conversation-content pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;color:#374151;white-space:pre-wrap;word-break:break-word}.context-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1.5rem}.context-section h3{color:#166534}.context-section p{margin:0;color:#15803d;line-height:1.6}.review-section{border:2px solid #3b82f6;border-radius:.5rem;padding:1.5rem;background:#eff6ff}.review-section h3{color:#1d4ed8}.start-review-button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.start-review-button:hover{background:#2563eb}.review-form{display:flex;flex-direction:column;gap:1rem}.review-form label{font-weight:500;color:#374151}.review-form textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.5;resize:vertical;min-height:100px}.review-form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.review-form textarea:disabled{background:#f9fafb;color:#6b7280}.review-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-button{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover:not(:disabled){background:#e5e7eb}.submit-review-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.submit-review-button:hover:not(:disabled){background:#059669}.submit-review-button:disabled{opacity:.6;cursor:not-allowed}.reviewed-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1.5rem}.reviewed-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.reviewed-icon{font-size:1.25rem}.reviewed-header h3{margin:0;color:#166534}.reviewed-date{margin:0 0 1rem;color:#15803d;font-size:.875rem}.reviewed-notes h4{color:#166534}.reviewed-notes p{margin:0;color:#15803d;line-height:1.5}.error-message{padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;font-size:.875rem}.loading-spinner-small{width:1rem;height:1rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.close-footer-button{padding:.5rem 1.5rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.close-footer-button:hover:not(:disabled){background:#e5e7eb}.close-footer-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.safety-flag-detail-modal{padding:.5rem}.modal-content{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.severity-category-row{grid-template-columns:1fr;gap:1rem}.review-actions{flex-direction:column}.conversation-content{max-height:200px}.conversation-content pre{font-size:.8125rem}}@media (prefers-contrast: high){.modal-content{border:2px solid #000}.severity-badge,.category-value{border-width:2px}}@media (prefers-reduced-motion: reduce){.loading-spinner-small{animation:none}}.safety-flags-page{width:100%;height:100vh;display:flex;flex-direction:column;background:#f9fafb}.page-header{padding:2rem;background:#fff;border-bottom:1px solid #e5e7eb}.page-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#111827}.page-header p{margin:0;color:#6b7280;font-size:1rem}.page-content{flex:1;overflow:hidden}@media (max-width: 768px){.page-header{padding:1.5rem}.page-header h1{font-size:1.5rem}.page-header p{font-size:.875rem}}.learning-progress-overview{padding:1.5rem;max-width:1200px;margin:0 auto}.overview-header{margin-bottom:2rem;text-align:center}.overview-header h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.last-updated{font-size:.875rem;color:#6b7280}.learning-progress-overview.loading,.learning-progress-overview.error,.learning-progress-overview.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:3rem 1.5rem}.error-icon,.no-data-icon{font-size:3rem;margin-bottom:1rem}.learning-progress-overview.error h3,.learning-progress-overview.no-data h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.learning-progress-overview.error p,.learning-progress-overview.no-data p{color:#6b7280;max-width:400px;line-height:1.5}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.metric-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.metric-icon{font-size:2rem;flex-shrink:0}.metric-content{flex:1}.metric-value{font-size:1.875rem;font-weight:700;color:#1f2937;line-height:1}.metric-label{font-size:.875rem;color:#6b7280;margin-top:.25rem}.subject-progress-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.subject-progress-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.subject-progress-bars{display:flex;flex-direction:column;gap:1rem}.subject-progress-bar{padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #f3f4f6}.subject-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.subject-name{font-weight:600;color:#374151;text-transform:capitalize}.subject-percentage{font-weight:700;color:#1f2937}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.subject-meta{display:flex;gap:1rem;font-size:.75rem;color:#6b7280}.engagement-chart-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.engagement-chart-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.recent-activity-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.recent-activity-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.activity-timeline{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #f3f4f6}.activity-date{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:60px}.date-circle{width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.date-month{font-size:.75rem;color:#6b7280;margin-top:.25rem;text-transform:uppercase;font-weight:600}.activity-content{flex:1}.activity-summary{font-size:.875rem;color:#374151;margin-bottom:.5rem}.activity-details{display:flex;flex-wrap:wrap;gap:.5rem}.activity-badge{background:#dbeafe;color:#1e40af;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.activity-badge.milestone{background:#fef3c7;color:#92400e}.consistency-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.consistency-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.consistency-meter{display:flex;align-items:center;gap:2rem}.consistency-circle{position:relative;width:120px;height:120px;flex-shrink:0}.consistency-svg{width:100%;height:100%;transform:rotate(-90deg)}.consistency-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#1f2937}.consistency-description{flex:1}.consistency-description p{color:#6b7280;line-height:1.5;margin:0}@media (max-width: 768px){.learning-progress-overview{padding:1rem}.overview-header h2{font-size:1.5rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.metric-card{padding:1rem;flex-direction:column;text-align:center;gap:.5rem}.metric-icon,.metric-value{font-size:1.5rem}.subject-progress-section,.engagement-chart-section,.recent-activity-section,.consistency-section{padding:1rem}.chart-container{height:250px}.activity-item{flex-direction:column;gap:.75rem}.activity-date{flex-direction:row;width:auto;gap:.5rem}.consistency-meter{flex-direction:column;text-align:center;gap:1rem}.consistency-circle{width:100px;height:100px}.consistency-value{font-size:1.25rem}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}.subject-info{flex-direction:column;align-items:flex-start;gap:.25rem}.subject-meta{flex-direction:column;gap:.25rem}.activity-details{flex-direction:column}}@media (prefers-color-scheme: dark){.learning-progress-overview,.overview-header h2{color:#f9fafb}.metric-card,.subject-progress-section,.engagement-chart-section,.recent-activity-section,.consistency-section{background:#1f2937;border-color:#374151}.metric-value,.subject-progress-section h3,.engagement-chart-section h3,.recent-activity-section h3,.consistency-section h3,.consistency-value{color:#f9fafb}.subject-progress-bar,.activity-item{background:#374151;border-color:#4b5563}.subject-name{color:#d1d5db}.progress-bar{background:#4b5563}.activity-summary{color:#d1d5db}}@media print{.learning-progress-overview{padding:0}.metric-card,.subject-progress-section,.engagement-chart-section,.recent-activity-section,.consistency-section{box-shadow:none;border:1px solid #d1d5db;break-inside:avoid;margin-bottom:1rem}.chart-container{height:200px}}.subject-progress-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;cursor:pointer;position:relative;overflow:hidden}.subject-progress-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px);border-color:#d1d5db}.subject-progress-card:focus{outline:2px solid #3b82f6;outline-offset:2px}.subject-progress-card.improving{border-left:4px solid #10b981}.subject-progress-card.declining{border-left:4px solid #ef4444}.subject-progress-card.stable{border-left:4px solid #6b7280}.subject-progress-card.compact{padding:1rem}.subject-progress-card.compact .card-content{display:none}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.subject-info{display:flex;align-items:center;gap:1rem;flex:1}.subject-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.subject-details{flex:1;min-width:0}.subject-name{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem;text-transform:capitalize}.subject-meta{display:flex;flex-direction:column;gap:.125rem}.mastery-level{font-size:.875rem;font-weight:500;color:#6b7280}.session-count{font-size:.75rem;color:#9ca3af}.progress-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.progress-circle{position:relative;width:60px;height:60px}.progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-stroke{transition:stroke-dasharray .3s ease}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;font-weight:700;color:#1f2937}.trend-indicator{font-size:1rem;opacity:.8}.card-content{margin-bottom:1rem}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #f3f4f6}.stat-item{display:flex;align-items:center;gap:.5rem;text-align:center}.stat-icon{font-size:1.25rem;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:1rem;font-weight:700;color:#1f2937;line-height:1}.stat-label{font-size:.75rem;color:#6b7280;margin-top:.125rem}.insights-section{margin-bottom:1.5rem}.insight-group{margin-bottom:1rem}.insight-group:last-child{margin-bottom:0}.insight-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .5rem}.insight-icon{font-size:1rem}.insight-tags{display:flex;flex-wrap:wrap;gap:.5rem}.insight-tag{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;white-space:nowrap}.insight-tag.strength{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.insight-tag.improvement{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.insight-tag.more{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.recent-activities{margin-bottom:1rem}.activities-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.activities-icon{font-size:1rem}.activities-list{display:flex;flex-direction:column;gap:.5rem}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f9fafb;border-radius:.375rem;border:1px solid #f3f4f6}.activity-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.activity-topic{font-size:.75rem;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-type{font-size:.625rem;color:#6b7280;text-transform:uppercase;font-weight:600}.activity-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;flex-shrink:0}.activity-duration{font-size:.75rem;font-weight:600;color:#1f2937}.activity-date{font-size:.625rem;color:#9ca3af}.last-activity{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:.375rem;border:1px solid #f3f4f6;margin-bottom:1rem}.last-activity-label{font-size:.75rem;color:#6b7280}.last-activity-date{font-size:.75rem;font-weight:500;color:#374151}.card-footer{border-top:1px solid #f3f4f6;padding-top:1rem;margin-top:1rem}.view-details-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.view-details-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.view-details-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn-arrow{transition:transform .2s ease}.view-details-btn:hover .btn-arrow{transform:translate(2px)}@media (max-width: 768px){.subject-progress-card{padding:1rem}.card-header{margin-bottom:1rem}.subject-icon{width:40px;height:40px;font-size:1.25rem}.subject-name{font-size:1rem}.progress-circle{width:50px;height:50px}.progress-percentage{font-size:.75rem}.stats-row{grid-template-columns:1fr;gap:.75rem;padding:.75rem}.stat-item{justify-content:center}.activity-item{flex-direction:column;align-items:flex-start;gap:.5rem}.activity-meta{align-items:flex-start;flex-direction:row;gap:.5rem}.last-activity{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (max-width: 480px){.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.progress-indicator{align-self:flex-end}.insight-tags{flex-direction:column}.insight-tag{align-self:flex-start}}@media (prefers-color-scheme: dark){.subject-progress-card{background:#1f2937;border-color:#374151;color:#f9fafb}.subject-progress-card:hover{border-color:#4b5563}.subject-name,.progress-percentage,.stat-value{color:#f9fafb}.mastery-level,.stat-label,.insight-title,.activities-title,.last-activity-label,.activity-topic{color:#d1d5db}.session-count,.activity-type,.activity-date{color:#9ca3af}.stats-row,.activity-item,.last-activity,.view-details-btn{background:#374151;border-color:#4b5563}.view-details-btn{color:#d1d5db}.view-details-btn:hover{background:#4b5563;border-color:#6b7280;color:#f9fafb}.insight-tag.strength{background:#064e3b;color:#6ee7b7;border-color:#047857}.insight-tag.improvement{background:#78350f;color:#fbbf24;border-color:#92400e}.insight-tag.more{background:#4b5563;color:#9ca3af;border-color:#6b7280}}@media print{.subject-progress-card{box-shadow:none;border:1px solid #d1d5db;break-inside:avoid;margin-bottom:1rem}.view-details-btn,.trend-indicator{display:none}}@media (prefers-contrast: high){.subject-progress-card,.insight-tag,.view-details-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.subject-progress-card,.view-details-btn,.progress-stroke,.btn-arrow{transition:none}.subject-progress-card:hover,.view-details-btn:hover .btn-arrow{transform:none}}.engagement-metrics{padding:1.5rem;max-width:1200px;margin:0 auto}.engagement-metrics.loading,.engagement-metrics.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:3rem 1.5rem}.error-icon{font-size:3rem;margin-bottom:1rem}.engagement-metrics.error h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.engagement-metrics.error p{color:#6b7280;max-width:400px;line-height:1.5}.metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.metrics-header h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0}.time-range-selector{display:flex;background:#f3f4f6;border-radius:.5rem;padding:.25rem}.range-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.range-btn:hover{color:#374151}.range-btn.active{background:#fff;color:#1f2937;box-shadow:0 1px 2px #0000000d}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.summary-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.card-icon{font-size:2rem;flex-shrink:0}.card-content{flex:1}.card-value{font-size:1.875rem;font-weight:700;color:#1f2937;line-height:1}.card-label{font-size:.875rem;color:#6b7280;margin-top:.25rem}.tab-navigation{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:2rem;overflow-x:auto}.tab-btn{padding:1rem 1.5rem;border:none;background:transparent;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:#374151;border-bottom-color:#d1d5db}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{min-height:400px}.overview-tab{display:flex;flex-direction:column;gap:2rem}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.chart-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.chart-section.full-width{grid-column:1 / -1}.chart-section h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.chart-container{position:relative;height:300px;width:100%}.chart-container.large{height:400px}.duration-tab{display:flex;flex-direction:column;gap:2rem}.questions-tab{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.question-insights{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.question-insights h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.insights-list{display:flex;flex-direction:column;gap:1rem}.insight-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #f3f4f6}.insight-icon{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.insight-icon.conceptual{background:#dbeafe;color:#1e40af}.insight-icon.procedural{background:#d1fae5;color:#065f46}.insight-icon.factual{background:#fef3c7;color:#92400e}.insight-icon.metacognitive{background:#ede9fe;color:#5b21b6}.insight-content{flex:1}.insight-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.insight-description{font-size:.75rem;color:#6b7280;line-height:1.4}.objectives-tab{display:flex;flex-direction:column;gap:1.5rem}.objectives-header{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.objectives-header h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.objectives-summary{display:flex;align-items:baseline;gap:.25rem}.completed-count{font-size:2rem;font-weight:700;color:#10b981}.total-count{font-size:1.5rem;font-weight:600;color:#6b7280}.completion-label{font-size:.875rem;color:#6b7280;margin-left:.5rem}.objectives-list{display:flex;flex-direction:column;gap:1rem}.objective-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.objective-item:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.objective-item.completed{border-left:4px solid #10b981}.objective-item.in-progress{border-left:4px solid #f59e0b}.objective-status{font-size:1.5rem;flex-shrink:0}.objective-content{flex:1;min-width:0}.objective-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.objective-category{font-size:.75rem;color:#6b7280;text-transform:uppercase;font-weight:600;margin-bottom:.75rem}.objective-progress{display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.progress-percentage{font-size:.75rem;font-weight:600;color:#374151;min-width:35px;text-align:right}@media (max-width: 768px){.engagement-metrics{padding:1rem}.metrics-header{flex-direction:column;align-items:flex-start;gap:1rem}.metrics-header h2{font-size:1.5rem}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.summary-card{padding:1rem;flex-direction:column;text-align:center;gap:.5rem}.card-icon,.card-value{font-size:1.5rem}.tab-navigation{margin-bottom:1.5rem}.tab-btn{padding:.75rem 1rem;font-size:.75rem}.chart-grid{grid-template-columns:1fr;gap:1.5rem}.chart-container{height:250px}.chart-container.large{height:300px}.questions-tab{grid-template-columns:1fr;gap:1.5rem}.objectives-header{flex-direction:column;align-items:flex-start;gap:1rem}.objective-item{padding:1rem}.objective-progress{flex-direction:column;align-items:stretch;gap:.5rem}.progress-percentage{text-align:left}}@media (max-width: 480px){.summary-cards{grid-template-columns:1fr}.tab-navigation{flex-wrap:wrap}.tab-btn{flex:1;min-width:0}.insight-item{flex-direction:column;text-align:center}.insight-icon{align-self:center}}@media (prefers-color-scheme: dark){.engagement-metrics,.metrics-header h2{color:#f9fafb}.time-range-selector{background:#374151}.range-btn{color:#9ca3af}.range-btn:hover{color:#d1d5db}.range-btn.active{background:#1f2937;color:#f9fafb}.summary-card,.chart-section,.question-insights,.objectives-header,.objective-item{background:#1f2937;border-color:#374151}.card-value,.chart-section h3,.question-insights h4,.objectives-header h3,.objective-title,.completed-count{color:#f9fafb}.card-label,.total-count,.completion-label,.objective-category,.progress-percentage,.insight-title{color:#d1d5db}.tab-navigation{border-bottom-color:#374151}.tab-btn{color:#9ca3af}.tab-btn:hover{color:#d1d5db;border-bottom-color:#4b5563}.tab-btn.active{color:#60a5fa;border-bottom-color:#60a5fa}.insight-item{background:#374151;border-color:#4b5563}.insight-description{color:#9ca3af}.progress-bar{background:#4b5563}}@media print{.engagement-metrics{padding:0}.time-range-selector,.tab-navigation{display:none}.summary-card,.chart-section,.question-insights,.objectives-header,.objective-item{box-shadow:none;border:1px solid #d1d5db;break-inside:avoid;margin-bottom:1rem}.chart-container{height:200px}.chart-container.large{height:250px}}@media (prefers-contrast: high){.summary-card,.chart-section,.question-insights,.objectives-header,.objective-item{border-width:2px}.tab-btn.active{border-bottom-width:3px}}@media (prefers-reduced-motion: reduce){.summary-card,.objective-item,.range-btn,.tab-btn,.progress-fill{transition:none}.summary-card:hover,.objective-item:hover{transform:none}.loading-spinner{animation:none}}.predictive-insights{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:24px}.insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.insights-header h2{margin:0;color:#2c3e50;font-size:24px;font-weight:600}.overall-confidence{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:500}.overall-confidence.confidence-high{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.overall-confidence.confidence-medium{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.overall-confidence.confidence-low{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.confidence-label{font-size:14px}.confidence-value{font-size:16px;font-weight:600}.insights-navigation{display:flex;gap:4px;margin-bottom:24px;background:#f8f9fa;padding:4px;border-radius:8px}.insights-navigation button{flex:1;padding:12px 16px;border:none;background:transparent;color:#6c757d;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.insights-navigation button:hover{background:#e9ecef;color:#495057}.insights-navigation button.active{background:#007bff;color:#fff;box-shadow:0 2px 4px #007bff4d}.insights-content{min-height:400px}.predictive-insights.loading{display:flex;align-items:center;justify-content:center;min-height:300px}.predictive-insights.error{display:flex;align-items:center;justify-content:center;min-height:300px}.predictive-insights.empty{display:flex;align-items:center;justify-content:center;min-height:300px}.overview-section{padding:16px 0}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.overview-card{background:#f8f9fa;border-radius:8px;padding:20px;border-left:4px solid #007bff}.overview-card h3{margin:0 0 16px;color:#2c3e50;font-size:16px;font-weight:600}.trajectory-indicator{display:flex;align-items:center;gap:8px;margin-bottom:12px}.trajectory-indicator.improving{color:#28a745}.trajectory-indicator.stable{color:#6c757d}.trajectory-indicator.declining{color:#dc3545}.trajectory-icon{font-size:20px}.trajectory-text{font-weight:600;font-size:16px}.trajectory-details{font-size:14px;color:#6c757d;margin:0;line-height:1.4}.velocity-indicator{margin-bottom:12px}.velocity-value{display:block;font-size:18px;font-weight:600;color:#2c3e50}.velocity-trend{font-size:14px;color:#6c757d}.velocity-prediction{font-size:14px;color:#6c757d;margin:0}.concern-summary,.recommendation-summary{display:flex;flex-direction:column;gap:8px}.concern-item{display:flex;align-items:center;gap:8px}.concern-count{background:#dc3545;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.concern-label{font-size:14px;color:#2c3e50}.concern-icon{font-size:16px}.no-concerns{color:#28a745;font-weight:500}.recommendation-count{background:#007bff;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.recommendation-label{font-size:14px;color:#2c3e50}.top-recommendation{font-size:12px;color:#6c757d;margin-top:8px;padding:8px;background:#fff;border-radius:4px;border-left:3px solid #007bff}.no-recommendations{color:#28a745;font-weight:500}.academic-outcomes{padding:16px 0}.academic-outcomes.insufficient-data{text-align:center;color:#6c757d;padding:40px 0}.outcomes-header{margin-bottom:24px}.outcomes-header h3{margin:0 0 12px;color:#2c3e50}.overall-projection{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500}.current-mastery{color:#6c757d}.arrow{color:#007bff;font-size:18px}.projected-mastery{color:#28a745;font-weight:600}.subject-outcomes h4{margin:0 0 16px;color:#2c3e50}.outcomes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.subject-outcome-card{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e9ecef}.subject-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.subject-header h5{margin:0;color:#2c3e50}.likelihood-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.likelihood-badge.high{background:#d4edda;color:#155724}.likelihood-badge.medium{background:#fff3cd;color:#856404}.likelihood-badge.low{background:#f8d7da;color:#721c24}.mastery-progression{margin-bottom:12px}.current-projected{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:500}.current-projected .current{color:#6c757d}.current-projected .projected{color:#28a745}.progress-bar{position:relative;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.current-progress{position:absolute;top:0;left:0;height:100%;background:#6c757d;border-radius:4px}.projected-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,transparent 0%,#28a745 50%);border-radius:4px}.time-to-mastery{font-size:14px;color:#6c757d}.risk-factors{margin-bottom:16px}.risk-factors h4{margin:0 0 12px;color:#2c3e50}.risk-list{list-style:none;padding:0;margin:0}.risk-item{display:flex;align-items:center;gap:8px;padding:8px 0;color:#dc3545}.risk-icon{font-size:16px}.confidence-indicator{font-size:14px;color:#6c757d;text-align:right}.confidence-value.high{color:#28a745;font-weight:600}.confidence-value.medium{color:#ffc107;font-weight:600}.confidence-value.low{color:#dc3545;font-weight:600}.future-difficulties{padding:16px 0}.struggling-topics{margin-bottom:32px}.struggling-topics h3{margin:0 0 16px;color:#2c3e50}.struggling-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.struggling-card{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid #ffc107}.struggling-card.severe{border-left-color:#dc3545}.struggling-card.moderate{border-left-color:#fd7e14}.struggling-card.mild{border-left-color:#ffc107}.topic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.topic-header h4{margin:0;color:#2c3e50}.struggling-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.struggling-badge.severe{background:#f8d7da;color:#721c24}.struggling-badge.moderate{background:#ffeaa7;color:#856404}.struggling-badge.mild{background:#fff3cd;color:#856404}.topic-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.metric{text-align:center}.metric .label{display:block;font-size:12px;color:#6c757d;margin-bottom:4px}.metric .value{display:block;font-size:16px;font-weight:600;color:#2c3e50}.improvement-areas,.recommended-actions{margin-bottom:12px}.improvement-areas strong,.recommended-actions strong{display:block;margin-bottom:4px;color:#2c3e50;font-size:14px}.improvement-areas ul,.recommended-actions ul{list-style:none;padding:0;margin:0}.improvement-areas li,.recommended-actions li{font-size:14px;color:#6c757d;position:relative;padding:4px 0 4px 16px}.improvement-areas li:before,.recommended-actions li:before{content:"•";position:absolute;left:0;color:#007bff}.confidence-footer{text-align:right;font-size:12px;color:#6c757d;border-top:1px solid #e9ecef;padding-top:8px}.future-predictions h3{margin:0 0 16px;color:#2c3e50}.predictions-list{display:flex;flex-direction:column;gap:16px}.prediction-card{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid #6c757d}.prediction-card.risk-high{border-left-color:#dc3545}.prediction-card.risk-medium{border-left-color:#ffc107}.prediction-card.risk-low{border-left-color:#28a745}.prediction-header{margin-bottom:12px}.risk-indicator{display:flex;justify-content:space-between;align-items:center}.risk-level{font-weight:600;color:#2c3e50}.risk-percentage{font-size:14px;color:#6c757d}.prediction-content{margin-bottom:12px}.prediction-description{margin:0 0 8px;color:#2c3e50}.affected-subjects{font-size:14px;color:#6c757d;margin-bottom:8px}.contributing-factors strong{display:block;margin-bottom:4px;color:#2c3e50;font-size:14px}.contributing-factors ul{list-style:none;padding:0;margin:0}.contributing-factors li{font-size:14px;color:#6c757d;position:relative;padding:2px 0 2px 16px}.contributing-factors li:before{content:"⚠️";position:absolute;left:0;font-size:12px}.prediction-footer{text-align:right;font-size:12px;color:#6c757d;border-top:1px solid #e9ecef;padding-top:8px}.no-difficulties{text-align:center;padding:40px 0}.positive-message h3{color:#28a745;margin-bottom:8px}.positive-message p{color:#6c757d;margin:0}.engagement-risks{padding:16px 0}.engagement-risks.insufficient-data{text-align:center;color:#6c757d;padding:40px 0}.risk-overview{margin-bottom:24px}.risk-overview h3{margin:0 0 12px;color:#2c3e50}.overall-risk{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:500}.overall-risk.risk-high{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.overall-risk.risk-medium{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.overall-risk.risk-low{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.engagement-trends h4{margin:0 0 16px;color:#2c3e50}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.trend-card{background:#f8f9fa;border-radius:8px;padding:16px;text-align:center}.trend-card h5{margin:0 0 12px;color:#2c3e50;font-size:14px}.trend-indicator{display:flex;align-items:center;justify-content:center;gap:8px}.trend-indicator.positive{color:#28a745}.trend-indicator.negative{color:#dc3545}.trend-indicator.neutral{color:#6c757d}.trend-value{font-size:18px;font-weight:600}.trend-direction{font-size:16px}.risk-factors h4{margin:0 0 16px;color:#2c3e50}.risk-factors-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.risk-factor-card{background:#f8f9fa;border-radius:8px;padding:12px 16px;border-left:4px solid #6c757d}.risk-factor-card.high{border-left-color:#dc3545}.risk-factor-card.medium{border-left-color:#ffc107}.risk-factor-card.low{border-left-color:#28a745}.factor-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.severity-badge{padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600}.severity-badge.high{background:#dc3545;color:#fff}.severity-badge.medium{background:#ffc107;color:#212529}.severity-badge.low{background:#28a745;color:#fff}.factor-type{font-weight:500;color:#2c3e50;text-transform:capitalize}.factor-description{margin:0;font-size:14px;color:#6c757d}.engagement-recommendations h4{margin:0 0 16px;color:#2c3e50}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-card{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid #007bff}.recommendation-card.priority-high{border-left-color:#dc3545}.recommendation-card.priority-medium{border-left-color:#ffc107}.recommendation-card.priority-low{border-left-color:#28a745}.rec-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.priority-badge{padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600}.priority-badge.high{background:#dc3545;color:#fff}.priority-badge.medium{background:#ffc107;color:#212529}.priority-badge.low{background:#28a745;color:#fff}.rec-type{font-weight:500;color:#2c3e50;text-transform:capitalize}.rec-description{margin:0 0 8px;color:#2c3e50}.rec-action{margin:0;font-size:14px;color:#6c757d}.recommendations-section{margin-top:32px;padding-top:24px;border-top:2px solid #f0f0f0}.recommendations-section h3{margin:0 0 16px;color:#2c3e50}.recommendation-item{background:#f8f9fa;border-radius:8px;margin-bottom:12px;border-left:4px solid #007bff;overflow:hidden}.recommendation-item.priority-high{border-left-color:#dc3545}.recommendation-item.priority-medium{border-left-color:#ffc107}.recommendation-item.priority-low{border-left-color:#28a745}.rec-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s ease}.rec-header:hover{background:#e9ecef}.rec-title{display:flex;align-items:center;gap:8px;flex:1}.rec-description{color:#2c3e50;font-weight:500}.rec-meta{display:flex;align-items:center;gap:12px}.rec-type{font-size:12px;color:#6c757d;text-transform:uppercase;font-weight:500}.rec-details{padding:0 16px 16px;border-top:1px solid #e9ecef;background:#fff}.rec-action{margin-bottom:12px}.rec-action strong{display:block;margin-bottom:4px;color:#2c3e50}.rec-action p{margin:0;color:#6c757d;line-height:1.4}.rec-subject{margin-bottom:8px;font-size:14px;color:#6c757d}.rec-confidence{font-size:14px;color:#6c757d}@media (max-width: 768px){.predictive-insights{padding:16px}.insights-header{flex-direction:column;align-items:flex-start;gap:12px}.insights-navigation{flex-direction:column}.insights-navigation button{text-align:left}.overview-grid,.outcomes-grid,.struggling-grid,.trends-grid{grid-template-columns:1fr}.topic-metrics{grid-template-columns:1fr;gap:8px}.overall-projection,.rec-header{flex-direction:column;align-items:flex-start;gap:8px}.rec-meta{align-self:flex-end}}@media (max-width: 480px){.predictive-insights{padding:12px}.insights-header h2{font-size:20px}.overall-confidence{padding:6px 12px}.confidence-label{font-size:12px}.confidence-value{font-size:14px}.overview-card,.struggling-card,.prediction-card,.recommendation-card{padding:12px}}.early-intervention-alerts{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:24px}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.alerts-header h2{margin:0;color:#2c3e50;font-size:24px;font-weight:600}.urgency-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:500}.urgency-indicator.urgency-critical{background:#f8d7da;color:#721c24;border:2px solid #dc3545}.urgency-indicator.urgency-high{background:#fff3cd;color:#856404;border:2px solid #ffc107}.urgency-indicator.urgency-medium{background:#cce7ff;color:#004085;border:2px solid #007bff}.urgency-indicator.urgency-low{background:#d1ecf1;color:#0c5460;border:2px solid #17a2b8}.urgency-indicator.urgency-none{background:#d4edda;color:#155724;border:2px solid #28a745}.urgency-icon{font-size:16px}.urgency-text{font-size:14px;font-weight:600}.early-intervention-alerts.loading{display:flex;align-items:center;justify-content:center;min-height:300px}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.early-intervention-alerts.error{display:flex;align-items:center;justify-content:center;min-height:300px}.error-message{text-align:center;color:#dc3545}.error-message h3{margin-bottom:8px}.retry-button{margin-top:16px;padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}.early-intervention-alerts.empty{display:flex;align-items:center;justify-content:center;min-height:300px}.empty-state{text-align:center;color:#6c757d}.urgency-overview{border-radius:8px;padding:20px;margin-bottom:24px;border-left:4px solid}.urgency-overview.urgency-critical{background:#f8d7da;border-left-color:#dc3545}.urgency-overview.urgency-high{background:#fff3cd;border-left-color:#ffc107}.urgency-overview.urgency-medium{background:#cce7ff;border-left-color:#007bff}.urgency-overview.urgency-low{background:#d1ecf1;border-left-color:#17a2b8}.urgency-overview.urgency-none{background:#d4edda;border-left-color:#28a745}.urgency-content h3{margin:0 0 12px;color:#2c3e50;font-size:18px}.urgency-description{margin:0 0 16px;color:#2c3e50;font-size:16px;line-height:1.5}.urgency-details{margin-top:16px}.urgency-stats{display:flex;gap:24px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase}.stat-value{font-size:16px;font-weight:600;color:#2c3e50}.parent-alerts-section{margin-bottom:32px}.parent-alerts-section h3{margin:0 0 16px;color:#2c3e50;font-size:20px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-card{background:#f8f9fa;border-radius:8px;border-left:4px solid;overflow:hidden}.alert-card.priority-high{border-left-color:#dc3545}.alert-card.priority-medium{border-left-color:#ffc107}.alert-card.priority-low{border-left-color:#28a745}.alert-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s ease}.alert-header:hover{background:#e9ecef}.alert-title{display:flex;align-items:center;gap:8px;flex:1}.alert-icon{font-size:16px}.alert-text{color:#2c3e50;font-weight:600;font-size:16px}.alert-meta{display:flex;align-items:center;gap:12px}.alert-urgency{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase}.expand-icon{color:#6c757d;font-size:12px}.alert-message{padding:0 16px 16px}.alert-message p{margin:0;color:#2c3e50;line-height:1.5}.alert-details{padding:0 16px 16px;border-top:1px solid #e9ecef;background:#fff}.alert-actions,.alert-indicators{margin-bottom:12px}.alert-actions strong,.alert-indicators strong{display:block;margin-bottom:8px;color:#2c3e50;font-size:14px}.alert-actions ul,.alert-indicators ul{list-style:none;padding:0;margin:0}.alert-actions li,.alert-indicators li{font-size:14px;color:#6c757d;position:relative;padding:4px 0 4px 16px}.alert-actions li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:600}.alert-indicators li:before{content:"⚠";position:absolute;left:0;color:#ffc107}.underlying-issues-section{margin-bottom:32px}.underlying-issues-section h3{margin:0 0 16px;color:#2c3e50;font-size:20px}.issues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.issue-card{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid}.issue-card.severity-high{border-left-color:#dc3545}.issue-card.severity-medium{border-left-color:#ffc107}.issue-card.severity-low{border-left-color:#17a2b8}.issue-header{margin-bottom:12px}.issue-header h4{margin:0 0 8px;color:#2c3e50;font-size:16px}.issue-meta{display:flex;gap:8px;flex-wrap:wrap}.severity-badge,.confidence-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.severity-badge.severity-high{background:#f8d7da;color:#721c24}.severity-badge.severity-medium{background:#fff3cd;color:#856404}.severity-badge.severity-low{background:#d1ecf1;color:#0c5460}.confidence-badge{background:#e9ecef;color:#495057}.issue-description{margin:0 0 12px;color:#2c3e50;line-height:1.5}.issue-indicators strong{display:block;margin-bottom:4px;color:#2c3e50;font-size:14px}.issue-indicators ul{list-style:none;padding:0;margin:0}.issue-indicators li{font-size:14px;color:#6c757d;position:relative;padding:2px 0 2px 16px}.issue-indicators li:before{content:"•";position:absolute;left:0;color:#007bff}.intervention-strategies-section{margin-bottom:32px}.intervention-strategies-section h3{margin:0 0 16px;color:#2c3e50;font-size:20px}.strategies-list{display:flex;flex-direction:column;gap:12px}.strategy-card{background:#f8f9fa;border-radius:8px;border-left:4px solid;overflow:hidden}.strategy-card.priority-high{border-left-color:#dc3545}.strategy-card.priority-medium{border-left-color:#ffc107}.strategy-card.priority-low{border-left-color:#28a745}.strategy-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s ease}.strategy-header:hover{background:#e9ecef}.strategy-title{display:flex;align-items:center;gap:8px;flex:1}.priority-indicator{font-size:12px}.strategy-name{color:#2c3e50;font-weight:500;font-size:16px}.strategy-meta{display:flex;align-items:center;gap:12px}.strategy-timeframe{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase}.strategy-details{padding:0 16px 16px;border-top:1px solid #e9ecef;background:#fff}.strategy-actions{margin-bottom:12px}.strategy-actions strong{display:block;margin-bottom:8px;color:#2c3e50;font-size:14px}.strategy-actions ul{list-style:none;padding:0;margin:0}.strategy-actions li{font-size:14px;color:#6c757d;position:relative;padding:4px 0 4px 16px}.strategy-actions li:before{content:"→";position:absolute;left:0;color:#007bff;font-weight:600}.strategy-category{font-size:14px;color:#6c757d}.strategy-category strong{color:#2c3e50}.resource-recommendations-section{margin-bottom:32px}.resource-recommendations-section h3{margin:0 0 16px;color:#2c3e50;font-size:20px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.resource-card{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid}.resource-card.priority-high{border-left-color:#dc3545}.resource-card.priority-medium{border-left-color:#ffc107}.resource-card.priority-low{border-left-color:#28a745}.resource-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.resource-header h4{margin:0;color:#2c3e50;font-size:16px;flex:1}.priority-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;margin-left:8px}.priority-badge.high{background:#f8d7da;color:#721c24}.priority-badge.medium{background:#fff3cd;color:#856404}.priority-badge.low{background:#d4edda;color:#155724}.resource-description{margin:0 0 12px;color:#6c757d;line-height:1.5}.resource-subject{font-size:14px;color:#6c757d;margin-bottom:8px}.resource-subject strong{color:#2c3e50}.resource-link a{color:#007bff;text-decoration:none;font-weight:500;font-size:14px}.resource-link a:hover{text-decoration:underline}.no-issues-state,.insufficient-data-state{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:8px;margin-bottom:24px}.positive-message h3{color:#28a745;margin-bottom:12px}.positive-message p{color:#6c757d;margin-bottom:20px;font-size:16px}.info-message h3{color:#007bff;margin-bottom:12px}.info-message p{color:#6c757d;margin-bottom:20px;font-size:16px}.maintenance-tips,.data-building-tips{text-align:left;max-width:500px;margin:0 auto}.maintenance-tips h4,.data-building-tips h4{color:#2c3e50;margin-bottom:12px;font-size:16px}.maintenance-tips ul,.data-building-tips ul{list-style:none;padding:0;margin:0}.maintenance-tips li,.data-building-tips li{color:#6c757d;position:relative;padding:6px 0 6px 20px}.maintenance-tips li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:600}.data-building-tips li:before{content:"📊";position:absolute;left:0;font-size:12px}.analysis-metadata{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;margin-top:24px;flex-wrap:wrap;gap:16px}.metadata-item{display:flex;flex-direction:column;gap:4px}.metadata-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase}.metadata-value{font-size:14px;font-weight:600;color:#2c3e50}.metadata-value.quality-excellent{color:#28a745}.metadata-value.quality-good{color:#17a2b8}.metadata-value.quality-fair{color:#ffc107}.metadata-value.quality-poor{color:#dc3545}.metadata-value.quality-insufficient{color:#6c757d}@media (max-width: 768px){.early-intervention-alerts{padding:16px}.alerts-header{flex-direction:column;align-items:flex-start;gap:12px}.urgency-stats{flex-direction:column;gap:12px}.issues-grid,.resources-grid{grid-template-columns:1fr}.alert-header,.strategy-header{flex-direction:column;align-items:flex-start;gap:8px}.alert-meta,.strategy-meta{align-self:flex-end}.resource-header{flex-direction:column;align-items:flex-start;gap:8px}.analysis-metadata{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.early-intervention-alerts{padding:12px}.alerts-header h2{font-size:20px}.urgency-indicator{padding:6px 12px}.urgency-overview{padding:16px}.alert-card,.strategy-card,.issue-card,.resource-card{padding:12px}.no-issues-state,.insufficient-data-state{padding:24px 16px}}.learning-analytics-page{min-height:100vh;background:#f9fafb}.learning-analytics-page.no-child{display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.no-child-content{text-align:center;max-width:400px}.no-child-icon{font-size:4rem;margin-bottom:1.5rem}.no-child-content h2{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 1rem}.no-child-content p{color:#6b7280;line-height:1.5}.analytics-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem;position:sticky;top:0;z-index:10}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.child-info{display:flex;align-items:center;gap:1rem}.child-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.child-details h1{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.child-meta{display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.child-meta span{font-weight:500}.view-toggle{display:flex;background:#f3f4f6;border-radius:.5rem;padding:.25rem}.toggle-btn{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap}.toggle-btn:hover{color:#374151}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.breadcrumb-link{background:none;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;text-decoration:none;padding:0}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:#9ca3af;font-size:.875rem}.breadcrumb-current{color:#374151;font-size:.875rem;font-weight:500}.analytics-content{max-width:1200px;margin:0 auto;padding:2rem}.subjects-view{display:flex;flex-direction:column;gap:2rem}.subjects-header{text-align:center;margin-bottom:1rem}.subjects-header h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.subjects-header p{color:#6b7280;font-size:1rem}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.loading-container,.error-container,.no-subjects{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:3rem 1.5rem}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-icon,.no-subjects-icon{font-size:3rem;margin-bottom:1rem}.error-container h3,.no-subjects h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.error-container p,.no-subjects p{color:#6b7280;max-width:400px;line-height:1.5}.subject-detail-view{display:flex;flex-direction:column;gap:2rem}.subject-detail-header{display:flex;flex-direction:column;gap:1rem}.back-button{align-self:flex-start;background:none;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem 1rem;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#f9fafb;border-color:#d1d5db}.subject-detail-header h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0;text-transform:capitalize}.subject-detail-content{display:flex;flex-direction:column;gap:2rem}.subject-analytics{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:2rem;text-align:center;box-shadow:0 1px 3px #0000001a}.subject-analytics h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.subject-analytics p{color:#6b7280;font-style:italic}@media (max-width: 768px){.analytics-header{padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.child-info{width:100%}.child-avatar{width:50px;height:50px;font-size:1.25rem}.child-details h1{font-size:1.25rem}.child-meta{flex-direction:column;gap:.25rem}.view-toggle{width:100%;justify-content:center}.toggle-btn{flex:1;padding:.75rem .5rem;font-size:.75rem}.analytics-content{padding:1rem}.subjects-header h2{font-size:1.5rem}.subjects-grid{grid-template-columns:1fr;gap:1rem}.subject-detail-header h2{font-size:1.5rem}}@media (max-width: 480px){.analytics-header{padding:.75rem}.child-details h1{font-size:1.125rem}.toggle-btn{padding:.5rem .25rem;font-size:.625rem}.analytics-content{padding:.75rem}.subjects-header{text-align:left}.subjects-header h2{font-size:1.25rem}.breadcrumb{flex-wrap:wrap}}@media (prefers-color-scheme: dark){.learning-analytics-page{background:#111827;color:#f9fafb}.analytics-header{background:#1f2937;border-bottom-color:#374151}.child-details h1,.subjects-header h2,.subject-detail-header h2,.subject-analytics h3{color:#f9fafb}.child-meta,.subjects-header p,.breadcrumb-current,.subject-analytics p{color:#d1d5db}.view-toggle{background:#374151}.toggle-btn{color:#9ca3af}.toggle-btn:hover{color:#d1d5db}.toggle-btn.active{background:#1f2937;color:#f9fafb}.breadcrumb{border-top-color:#374151}.breadcrumb-link{color:#60a5fa}.breadcrumb-separator{color:#6b7280}.back-button{background:#374151;border-color:#4b5563;color:#d1d5db}.back-button:hover{background:#4b5563;border-color:#6b7280}.subject-analytics{background:#1f2937;border-color:#374151}.no-child-content h2,.error-container h3,.no-subjects h3{color:#d1d5db}.no-child-content p,.error-container p,.no-subjects p{color:#9ca3af}}@media print{.analytics-header{position:static;box-shadow:none;border-bottom:1px solid #d1d5db}.view-toggle,.back-button{display:none}.analytics-content{padding:0}.subjects-grid{grid-template-columns:1fr}}@media (prefers-contrast: high){.analytics-header{border-bottom-width:2px}.toggle-btn.active{border:2px solid #1f2937}.back-button{border-width:2px}}@media (prefers-reduced-motion: reduce){.toggle-btn,.back-button{transition:none}.loading-spinner{animation:none}}.predictions-view{padding:2rem}.predictions-header{margin-bottom:2rem}.predictions-header h2{font-size:1.75rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.predictions-header p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.interventions-view{padding:2rem}.interventions-header{margin-bottom:2rem}.interventions-header h2{font-size:1.75rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.interventions-header p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.view-toggle{display:flex;background:#f3f4f6;border-radius:.5rem;padding:.25rem;gap:.25rem}.toggle-btn{padding:.5rem 1rem;border:none;background:transparent;color:#6b7280;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.875rem}.toggle-btn:hover{background:#e5e7eb;color:#374151}.toggle-btn.active{background:#fff;color:#1f2937;box-shadow:0 1px 2px #0000000d}@media (max-width: 768px){.view-toggle{flex-wrap:wrap;justify-content:center}.toggle-btn{flex:1;min-width:80px;padding:.5rem .75rem;font-size:.8rem}.predictions-view,.interventions-view{padding:1rem}.predictions-header h2,.interventions-header h2{font-size:1.5rem}}@media (max-width: 480px){.view-toggle{flex-direction:column;gap:.125rem}.toggle-btn{flex:none;width:100%;text-align:center}.predictions-view,.interventions-view{padding:.75rem}.predictions-header,.interventions-header{margin-bottom:1.5rem}}.notification-preferences{max-width:800px;margin:0 auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.notification-preferences h3{margin:0 0 24px;font-size:24px;font-weight:600;color:#1a1a1a}.notification-preferences.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.message{padding:12px 16px;border-radius:4px;margin-bottom:24px;font-size:14px}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.preference-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e0e0e0}.preference-section:last-of-type{border-bottom:none}.preference-section h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1a1a1a}.help-text{margin:0 0 16px;font-size:14px;color:#666}.toggle-switch{display:flex;align-items:center;cursor:pointer;user-select:none}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{position:relative;width:48px;height:24px;background:#ccc;border-radius:24px;transition:background .3s;margin-right:12px}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background:#4caf50}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:14px;font-weight:500;color:#333}.severity-select,.frequency-select{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:border-color .2s}.severity-select:hover,.frequency-select:hover{border-color:#4caf50}.severity-select:focus,.frequency-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.severity-examples{margin-top:16px;display:flex;flex-direction:column;gap:8px}.severity-example{display:flex;align-items:center;gap:12px;font-size:13px;color:#666}.severity-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;min-width:70px;text-align:center}.severity-badge.low{background:#e3f2fd;color:#1976d2}.severity-badge.medium{background:#fff3e0;color:#f57c00}.severity-badge.high{background:#fce4ec;color:#c2185b}.severity-badge.critical{background:#ffebee;color:#c62828}.notification-types{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;cursor:pointer;user-select:none;padding:8px;border-radius:4px;transition:background .2s}.checkbox-label:hover{background:#f5f5f5}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-right:12px;cursor:pointer;accent-color:#4CAF50}.checkbox-label span{font-size:14px;color:#333}.preference-actions{margin-top:32px;display:flex;justify-content:flex-end}.save-button{padding:12px 32px;font-size:16px;font-weight:500;color:#fff;background:#4caf50;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.save-button:hover:not(:disabled){background:#45a049}.save-button:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 768px){.notification-preferences{padding:16px}.notification-preferences h3{font-size:20px}.preference-section h4{font-size:16px}.severity-examples{font-size:12px}.save-button{width:100%}}.family-management{max-width:1200px;margin:0 auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.family-management.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.family-management.error{display:flex;align-items:center;justify-content:center;min-height:400px}.error-message{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:2rem;text-align:center;max-width:400px}.error-message h3{color:#e53e3e;margin:0 0 1rem}.error-message p{color:#742a2a;margin:0 0 1.5rem}.retry-button{background:#e53e3e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.retry-button:hover{background:#c53030}.family-management.no-family{display:flex;align-items:center;justify-content:center;min-height:500px}.no-family-content{background:#fff;border-radius:12px;padding:3rem;text-align:center;box-shadow:0 4px 6px #0000001a;max-width:500px;width:100%}.no-family-content h2{color:#2d3748;margin:0 0 1rem;font-size:1.75rem}.no-family-content p{color:#718096;margin:0 0 2rem;line-height:1.6}.create-family-button{background:#007bff;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;width:100%}.create-family-button:hover{background:#0056b3}.family-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.family-header h2{color:#2d3748;margin:0;font-size:1.875rem;font-weight:700}.invite-button{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.invite-button:hover{background:#218838}.family-members h3{color:#2d3748;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.no-members{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;padding:3rem;text-align:center}.no-members p{color:#718096;margin:0;font-size:1.1rem}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.member-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s,transform .2s}.member-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.member-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.member-header h4{color:#2d3748;margin:0;font-size:1.125rem;font-weight:600}.role-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-badge.primary_parent{background:#e6fffa;color:#234e52}.role-badge.secondary_parent{background:#ebf8ff;color:#2a4365}.role-badge.guardian{background:#f0fff4;color:#22543d}.role-badge.child,.role-badge.student{background:#fef5e7;color:#744210}.member-details{margin-bottom:1rem}.grade-level{color:#718096;margin:0 0 .5rem;font-size:.875rem}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.pending{background:#fef5e7;color:#744210}.status-badge.accepted{background:#f0fff4;color:#22543d}.status-badge.declined{background:#fff5f5;color:#742a2a}.status-badge.expired{background:#f7fafc;color:#4a5568}.joined-date{color:#718096;margin:.5rem 0 0;font-size:.875rem}.member-permissions h5{color:#4a5568;margin:0 0 .75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.permissions-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.permission-tag{background:#edf2f7;color:#4a5568;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.member-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.edit-button{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s;flex:1}.edit-button:hover{background:#0056b3}.remove-button{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s;flex:1}.remove-button:hover{background:#c82333}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3{color:#2d3748;margin:0;font-size:1.25rem;font-weight:600}.close-button{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-button:hover{background:#f7fafc;color:#4a5568}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#4a5568;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.permissions-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.checkbox-label:hover{background:#f7fafc}.checkbox-label input[type=checkbox]{width:auto;margin:0}.permissions-editor{padding:1.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e2e8f0;background:#f7fafc;border-radius:0 0 12px 12px}.form-actions button{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;border:none}.form-actions button[type=button]{background:#e2e8f0;color:#4a5568}.form-actions button[type=button]:hover{background:#cbd5e0}.form-actions button[type=submit],.form-actions button:not([type]){background:#007bff;color:#fff}.form-actions button[type=submit]:hover,.form-actions button:not([type]):hover{background:#0056b3}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.pending-invitations{margin-top:3rem}.pending-invitations h3{color:#2d3748;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.invitations-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.invitation-card{background:#fffbf0;border:1px solid #f6e05e;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s,transform .2s}.invitation-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.invitation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.invitation-header h4{color:#2d3748;margin:0;font-size:1.125rem;font-weight:600}.invitation-details{margin-bottom:1.5rem}.invitation-details p{color:#4a5568;margin:0 0 .5rem;font-size:.875rem}.invited-email{word-break:break-all}.invitation-actions{display:flex;gap:.5rem;flex-wrap:wrap}.copy-link-button{background:#4299e1;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s;flex:1;min-width:80px}.copy-link-button:hover{background:#3182ce}.resend-button{background:#ed8936;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s;flex:1;min-width:80px}.resend-button:hover{background:#dd6b20}.cancel-button{background:#e53e3e;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s;flex:1;min-width:80px}.cancel-button:hover{background:#c53030}@media (max-width: 768px){.family-management{padding:.5rem}.family-header{flex-direction:column;gap:1rem;align-items:stretch}.family-header h2{text-align:center;font-size:1.5rem}.members-grid{grid-template-columns:1fr}.member-actions{flex-direction:column}.invitations-list{grid-template-columns:1fr}.invitation-actions{flex-direction:column}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}.permissions-checkboxes{grid-template-columns:1fr}.form-actions{flex-direction:column}.no-family-content{padding:2rem 1.5rem;margin:.5rem}}@media (prefers-contrast: high){.member-card{border:2px solid #000}.role-badge,.status-badge,.permission-tag{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.member-card{transition:none}.loading-spinner{animation:none}*{transition:none!important}}.report-generator{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.report-generator-header{text-align:center;margin-bottom:30px}.report-generator-header h2{color:#2c3e50;margin-bottom:10px;font-size:28px;font-weight:600}.report-generator-header p{color:#7f8c8d;font-size:16px;line-height:1.5}.report-generator-error{display:flex;align-items:center;gap:10px;padding:15px;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:20px;color:#c33}.error-icon{font-size:18px}.error-dismiss{margin-left:auto;background:none;border:none;font-size:20px;color:#c33;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.error-dismiss:hover{background:#fcc}.report-generator-no-permission{text-align:center;padding:60px 20px;color:#7f8c8d}.no-permission-icon{font-size:48px;margin-bottom:20px}.report-generator-no-permission h3{color:#2c3e50;margin-bottom:10px}.report-generator-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.form-section{padding:25px;border-bottom:1px solid #ecf0f1}.form-section:last-child{border-bottom:none}.form-section h3{color:#2c3e50;margin-bottom:15px;font-size:18px;font-weight:600}.form-section h4{color:#34495e;margin-bottom:12px;font-size:16px;font-weight:500}.report-type-options{display:flex;flex-direction:column;gap:15px}.report-type-option{display:block;padding:20px;border:2px solid #ecf0f1;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#fff}.report-type-option:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.report-type-option.selected{border-color:#3498db;background:#f8fbff;box-shadow:0 2px 8px #3498db26}.report-type-option input[type=radio]{display:none}.option-content{display:flex;align-items:flex-start;gap:15px}.option-icon{font-size:24px;margin-top:2px}.option-text strong{display:block;color:#2c3e50;font-size:16px;margin-bottom:5px}.option-text p{color:#7f8c8d;font-size:14px;line-height:1.4;margin:0}.format-options{display:flex;gap:15px;flex-wrap:wrap}.format-option{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;font-weight:500}.format-option:hover{border-color:#3498db}.format-option.selected{border-color:#3498db;background:#f8fbff;color:#3498db}.format-option input[type=radio]{display:none}.date-range-presets{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.preset-button{padding:8px 16px;border:1px solid #bdc3c7;border-radius:6px;background:#fff;color:#34495e;cursor:pointer;font-size:14px;transition:all .2s ease}.preset-button:hover{border-color:#3498db;color:#3498db}.date-range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.date-input-group{display:flex;flex-direction:column;gap:5px}.date-input-group label{font-weight:500;color:#34495e;font-size:14px}.date-input-group input[type=date]{padding:10px;border:1px solid #bdc3c7;border-radius:6px;font-size:14px;transition:border-color .2s ease}.date-input-group input[type=date]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.advanced-options-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;color:#3498db;cursor:pointer;font-size:16px;font-weight:500;padding:0}.advanced-options-toggle:hover{color:#2980b9}.advanced-options{margin-top:20px;padding-top:20px;border-top:1px solid #ecf0f1}.content-selection,.privacy-controls{margin-bottom:20px}.content-checkboxes,.privacy-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:10px}.content-checkboxes label,.privacy-checkboxes label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#34495e}.content-checkboxes input[type=checkbox],.privacy-checkboxes input[type=checkbox]{width:18px;height:18px;accent-color:#3498db}.generation-progress{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:500;color:#34495e}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:4px;transition:width .3s ease}.form-actions{padding:25px;background:#f8f9fa;text-align:center}.generate-button{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px;justify-content:center}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.generate-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recent-reports{margin-top:40px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.recent-reports h3{padding:25px 25px 0;color:#2c3e50;font-size:18px;font-weight:600;margin:0}.loading-reports{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#7f8c8d}.reports-list{padding:25px}.report-item{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #ecf0f1;border-radius:8px;margin-bottom:15px;transition:all .2s ease}.report-item:hover{border-color:#bdc3c7;box-shadow:0 2px 8px #0000001a}.report-item:last-child{margin-bottom:0}.report-info{flex:1}.report-title{font-weight:600;color:#2c3e50;margin-bottom:5px}.report-meta{display:flex;gap:15px;font-size:14px;color:#7f8c8d}.report-format{background:#ecf0f1;padding:2px 8px;border-radius:4px;font-weight:500;font-size:12px}.report-status{padding:2px 8px;border-radius:4px;font-weight:500;font-size:12px}.status-generating{background:#fff3cd;color:#856404}.status-completed{background:#d4edda;color:#155724}.status-failed{background:#f8d7da;color:#721c24}.status-expired{background:#e2e3e5;color:#383d41}.report-actions{display:flex;gap:10px;align-items:center}.download-button{display:flex;align-items:center;gap:5px;padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease}.download-button:hover{background:#2980b9}.failure-reason{font-size:12px;color:#e74c3c;font-style:italic;max-width:200px}.no-reports{text-align:center;padding:60px 20px;color:#7f8c8d}.no-reports-icon{font-size:48px;margin-bottom:15px;opacity:.5}@media (max-width: 768px){.report-generator{padding:15px}.report-generator-header h2{font-size:24px}.form-section{padding:20px}.report-type-options{gap:12px}.report-type-option{padding:15px}.option-content{gap:12px}.option-icon{font-size:20px}.format-options{gap:10px}.format-option{padding:10px 15px;font-size:14px}.date-range-presets{gap:8px}.preset-button{padding:6px 12px;font-size:13px}.date-range-inputs{grid-template-columns:1fr;gap:15px}.content-checkboxes,.privacy-checkboxes{grid-template-columns:1fr;gap:10px}.generate-button{width:100%;padding:12px 20px}.report-item{flex-direction:column;align-items:flex-start;gap:15px}.report-meta{flex-wrap:wrap;gap:10px}.report-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.report-generator{padding:10px}.form-section{padding:15px}.report-type-option{padding:12px}.option-text strong{font-size:15px}.option-text p{font-size:13px}.format-options{flex-direction:column}.format-option{justify-content:center}.date-range-presets{flex-direction:column}.preset-button{text-align:center}}@media (prefers-contrast: high){.report-type-option{border-width:3px}.report-type-option.selected{border-color:#000;background:#fff}.format-option.selected{border-color:#000;background:#fff;color:#000}.generate-button{background:#000;border:2px solid #000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none}}.conversation-summary{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.conversation-summary:hover{box-shadow:0 4px 6px #0000001a}.conversation-summary.has-concerns{border-left:4px solid #ef4444}.conversation-summary.no-concerns{border-left:4px solid #10b981}.conversation-summary.empty{text-align:center;padding:40px;color:#9ca3af}.summary-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.summary-meta{display:flex;flex-direction:column;gap:8px}.mode-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f3f4f6;border-radius:16px;font-size:14px;font-weight:500}.mode-icon{font-size:16px}.mode-label{color:#374151}.summary-date{font-size:13px;color:#6b7280}.summary-stats{display:flex;gap:16px}.stat{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280}.stat-icon{font-size:14px}.stat-value{font-weight:500}.summary-section{margin-bottom:16px}.section-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px}.topic-tags{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{display:inline-block;padding:4px 12px;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:13px;font-weight:500}.progress-text{margin:0;font-size:14px;color:#4b5563;line-height:1.6}.strength-list{margin:0;padding-left:20px;list-style:none}.strength-item{position:relative;font-size:14px;color:#059669;margin-bottom:6px;padding-left:8px}.strength-item:before{content:"✓";position:absolute;left:-12px;font-weight:700}.challenge-list{margin:0;padding-left:20px;list-style:none}.challenge-item{position:relative;font-size:14px;color:#d97706;margin-bottom:6px;padding-left:8px}.challenge-item:before{content:"!";position:absolute;left:-12px;font-weight:700}.concerns-section{background:#fef2f2;padding:12px;border-radius:6px;border:1px solid #fecaca}.concerns-section .section-title{color:#dc2626}.concern-list{margin:0;padding-left:20px;list-style:none}.concern-item{position:relative;font-size:14px;color:#dc2626;margin-bottom:6px;padding-left:8px;font-weight:500}.concern-item:before{content:"⚠";position:absolute;left:-16px}.next-steps-section{background:#f0fdf4;padding:12px;border-radius:6px;border:1px solid #bbf7d0}.next-steps-section .section-title{color:#059669}.next-steps-text{margin:0;font-size:14px;color:#047857;line-height:1.6}.summary-actions{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.view-conversation-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.view-conversation-btn:hover{background:#2563eb}.view-conversation-btn:active{background:#1d4ed8}@media (max-width: 640px){.conversation-summary{padding:16px}.summary-header{flex-direction:column;gap:12px}.summary-stats{width:100%;justify-content:space-between}.topic-tags{gap:6px}.topic-tag{font-size:12px;padding:3px 10px}}.conversation-summaries-page{max-width:1200px;margin:0 auto;padding:24px}.page-header{margin-bottom:32px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s;margin-bottom:16px}.back-button:hover{background:#f3f4f6;border-color:#d1d5db}.page-header h1{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px}.subtitle{font-size:16px;color:#6b7280;margin:0}.page-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.filter-controls,.sort-controls{display:flex;align-items:center;gap:12px}.filter-controls label,.sort-controls label{font-size:14px;font-weight:500;color:#374151}.filter-controls select,.sort-controls select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#fff;cursor:pointer;transition:border-color .2s}.filter-controls select:hover,.sort-controls select:hover{border-color:#9ca3af}.filter-controls select:focus,.sort-controls select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.summaries-list{margin-bottom:24px}.empty-state{text-align:center;padding:80px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0}.page-info{text-align:center;padding:16px}.info-text{font-size:14px;color:#6b7280;margin:0}.loading-container,.error-container{text-align:center;padding:80px 20px}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p,.error-container p{font-size:16px;color:#6b7280;margin:0}.error-container h2{font-size:24px;font-weight:600;color:#dc2626;margin:0 0 16px}.error-container .btn-primary{margin-top:24px}.btn-primary{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#2563eb}.btn-primary:active{background:#1d4ed8}@media (max-width: 768px){.conversation-summaries-page{padding:16px}.page-header h1{font-size:24px}.page-controls{flex-direction:column;gap:16px;align-items:stretch}.filter-controls,.sort-controls{flex-direction:column;align-items:stretch;gap:8px}.filter-controls select,.sort-controls select{width:100%}}.activity-feed{padding:var(--space-6);background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.activity-feed__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.activity-feed__title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.activity-feed__connection-warning{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#92400e;padding:4px 12px;border-radius:4px;font-size:var(--text-xs)}.activity-feed__status{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:var(--space-4);padding:var(--space-2) 0}.activity-feed__status-dot{width:10px;height:10px;border-radius:50%;background:var(--text-tertiary);display:inline-block;flex-shrink:0}.activity-feed__status-dot--active{background:var(--success);box-shadow:0 0 0 3px #10b98133}.activity-feed__status-text{font-size:var(--text-sm);color:var(--text-secondary)}@keyframes pulse-dot{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.activity-feed__status-dot--active{animation:pulse-dot 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.activity-feed__status-dot--active{animation:none}}.activity-feed__filters{display:flex;flex-direction:row;gap:8px;margin-bottom:var(--space-4);overflow-x:auto;padding-bottom:4px}.activity-feed__filter{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:.5rem;border:1px solid var(--border-light);background:#fff;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background-color .2s}.activity-feed__filter:hover{background:var(--bg-secondary)}.activity-feed__filter--active{background:var(--eduq-blue);color:#fff;border-color:var(--eduq-blue)}.activity-feed__filter-count{font-size:var(--text-xs);background:#0000001a;border-radius:10px;padding:0 6px;min-width:18px;text-align:center}.activity-feed__filter--active .activity-feed__filter-count{background:#ffffff4d}.activity-feed__list{display:flex;flex-direction:column}.activity-feed__loading{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.activity-feed__error{text-align:center;padding:var(--space-8);color:var(--error);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.activity-feed__empty{text-align:center;padding:var(--space-8);color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.activity-feed{padding:var(--space-4)}.activity-feed__filters{-webkit-overflow-scrolling:touch}.activity-feed__filter{flex-shrink:0}}.create-assignment__overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4, 1rem);animation:cam-fade-in .2s ease-out}@keyframes cam-fade-in{0%{opacity:0}to{opacity:1}}.create-assignment__modal{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a,0 10px 30px #00000026;max-width:640px;width:100%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;animation:cam-slide-up .25s ease-out}@keyframes cam-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.create-assignment__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 1rem) var(--space-5, 1.25rem);border-bottom:1px solid var(--border-light, #e5e7eb);flex-shrink:0}.create-assignment__title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);margin:0}.create-assignment__close{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-tertiary, #9ca3af);padding:.25rem;border-radius:.25rem;line-height:1;transition:color .15s}.create-assignment__close:hover:not(:disabled){color:var(--text-primary, #111827)}.create-assignment__close:disabled{opacity:.4;cursor:not-allowed}.create-assignment__tabs{display:flex;flex-direction:row;border-bottom:1px solid var(--border-light, #e5e7eb);gap:0;flex-shrink:0}.create-assignment__tab{padding:var(--space-3, .75rem) var(--space-4, 1rem);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;color:var(--text-secondary, #6b7280);font-weight:400;transition:color .15s,border-bottom-color .15s;white-space:nowrap}.create-assignment__tab:hover:not(:disabled){color:var(--text-primary, #111827)}.create-assignment__tab--active{border-bottom-color:var(--eduq-blue, #3b82f6);color:var(--eduq-blue, #3b82f6);font-weight:500}.create-assignment__tab:disabled{opacity:.5;cursor:not-allowed}.create-assignment__content{flex:1;padding:var(--space-4, 1rem) var(--space-5, 1.25rem);overflow-y:auto}.create-assignment__footer{border-top:1px solid var(--border-light, #e5e7eb);padding:var(--space-4, 1rem) var(--space-5, 1.25rem);display:flex;flex-direction:column;gap:var(--space-3, .75rem);flex-shrink:0}.create-assignment__footer-field{display:flex;flex-direction:column;gap:.25rem}.create-assignment__footer-field label{font-size:.8125rem;font-weight:500;color:var(--text-secondary, #6b7280)}.create-assignment__footer-field input[type=date],.create-assignment__footer-field textarea{border:1px solid var(--border-light, #e5e7eb);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-family:inherit;color:var(--text-primary, #111827);background:#fff;transition:border-color .15s;width:100%;box-sizing:border-box}.create-assignment__footer-field input[type=date]:focus,.create-assignment__footer-field textarea:focus{outline:none;border-color:var(--eduq-blue, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.create-assignment__footer-field textarea{resize:vertical;min-height:72px}.create-assignment__char-count{font-size:.75rem;color:var(--text-tertiary, #9ca3af);text-align:right}.create-assignment__error{font-size:.875rem;color:var(--error, #ef4444);margin:0;padding:.5rem .75rem;background:#ef44440f;border-radius:.375rem;border-left:3px solid var(--error, #ef4444)}.create-assignment__actions{display:flex;gap:var(--space-3, .75rem);justify-content:flex-end;align-items:center}.create-assignment__btn-cancel{padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border-light, #e5e7eb);background:#fff;color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.create-assignment__btn-cancel:hover:not(:disabled){background:var(--bg-secondary, #f9fafb);border-color:#d1d5db}.create-assignment__btn-cancel:disabled{opacity:.5;cursor:not-allowed}.create-assignment__btn-assign{padding:.5rem 1.25rem;border-radius:.5rem;border:none;background:var(--eduq-blue, #3b82f6);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .15s,opacity .15s}.create-assignment__btn-assign:hover:not(:disabled){background:var(--eduq-blue-dark, #2563eb)}.create-assignment__btn-assign:disabled{opacity:.5;cursor:not-allowed}.create-assignment__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:cam-spin .7s linear infinite;flex-shrink:0}@keyframes cam-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.create-assignment__overlay{align-items:flex-end;padding:0}.create-assignment__modal{max-width:100%;max-height:90vh;border-radius:0;border-top-left-radius:1rem;border-top-right-radius:1rem;animation:cam-slide-up-mobile .3s ease-out}@keyframes cam-slide-up-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.create-assignment__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.create-assignment__actions{flex-direction:column-reverse}.create-assignment__btn-cancel,.create-assignment__btn-assign{width:100%;justify-content:center}}.assigned-content{padding:var(--space-6)}.assigned-content__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.assigned-content__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.assigned-content__new-btn{white-space:nowrap}.assigned-content__filters{display:flex;flex-direction:row;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-1)}.assigned-content__filters::-webkit-scrollbar{display:none}.assigned-content__filter{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:1rem;border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.assigned-content__filter:hover{border-color:var(--eduq-blue);color:var(--eduq-blue)}.assigned-content__filter--active{background:var(--eduq-blue);border-color:var(--eduq-blue);color:#fff}.assigned-content__filter--active:hover{background:var(--eduq-blue-hover);border-color:var(--eduq-blue-hover);color:#fff}.assigned-content__filter-count{background:#0000001f;border-radius:.75rem;padding:0 6px;font-size:var(--text-xs);min-width:18px;text-align:center}.assigned-content__filter--active .assigned-content__filter-count{background:#ffffff40}.assigned-content__list{display:flex;flex-direction:column}.assigned-content__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) 0;color:var(--text-secondary)}.assigned-content__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) 0;color:var(--text-secondary);text-align:center}.assigned-content__empty p{font-size:var(--text-base);margin:0}.assigned-content__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0;color:var(--error);text-align:center}.assigned-content__error p{margin:0}.assigned-content__no-child{padding:var(--space-6);color:var(--text-secondary)}.assignment-list{display:flex;flex-direction:column}.assignment-card{position:relative;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:var(--space-4);margin-bottom:var(--space-3);transition:box-shadow .2s ease}.assignment-card:hover{box-shadow:0 4px 6px #0000001a}.assignment-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.assignment-card__subject{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:var(--text-xs);font-weight:var(--font-medium);color:#fff}.assignment-card__type{font-size:var(--text-base);line-height:1}.assignment-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0;padding-right:var(--space-8)}.assignment-card__notes{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-2) 0;line-height:var(--leading-normal)}.assignment-card__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.assignment-card__due{font-size:var(--text-xs);color:var(--text-secondary)}.assignment-card__due--overdue{color:var(--error);font-weight:var(--font-semibold)}.assignment-card__status{font-size:var(--text-xs);font-weight:var(--font-medium)}.assignment-card__status--completed{color:var(--success)}.assignment-card__status--in_progress{color:var(--warning)}.assignment-card__status--overdue{color:var(--error)}.assignment-card__status--pending,.assignment-card__status--ready{color:var(--text-tertiary)}.assignment-card__status--processing{color:var(--warning)}.assignment-card__score{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--success)}.assignment-card__time{font-size:var(--text-xs);color:var(--text-tertiary)}.assignment-card__delete{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:var(--text-sm);line-height:1;padding:4px;border-radius:4px;transition:color .15s ease,background-color .15s ease}.assignment-card__delete:hover{color:var(--error);background-color:#ef444414}.assignment-card__delete:focus{outline:2px solid var(--eduq-blue);outline-offset:2px}@media (max-width: 767px){.assigned-content{padding:var(--space-4)}.assigned-content__header{flex-wrap:wrap;gap:var(--space-3)}.assigned-content__title{font-size:var(--text-xl)}.assigned-content__new-btn{width:100%;text-align:center}.assignment-card{border-radius:.5rem}}@media (prefers-reduced-motion: reduce){.assignment-card,.assigned-content__filter,.assignment-card__delete{transition:none}}.session-limits{padding:var(--space-6);max-width:720px}.session-limits--loading,.session-limits--error,.session-limits--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);text-align:center;color:var(--text-secondary)}.session-limits__title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0}.session-limits__spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--eduq-blue);border-radius:50%;animation:sl-spin .7s linear infinite}@keyframes sl-spin{to{transform:rotate(360deg)}}.session-limits__empty-icon{font-size:2.5rem}.session-limits__error-msg{color:var(--error);font-weight:500}.session-limits__settings{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:var(--space-4);margin-bottom:var(--space-4)}.session-limits__toggle-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;gap:var(--space-4)}.session-limits__toggle-label{font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-1) 0}.session-limits__toggle-hint{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.toggle-switch{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;flex-shrink:0}.toggle-switch__input{position:absolute;opacity:0;width:0;height:0}.toggle-switch__track{position:relative;display:inline-block;width:44px;height:24px;background:var(--border-medium);border-radius:12px;transition:background .2s ease}.toggle-switch__input:checked+.toggle-switch__track{background:var(--eduq-blue)}.toggle-switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.toggle-switch__input:checked+.toggle-switch__track .toggle-switch__thumb{transform:translate(20px)}.toggle-switch__input:focus-visible+.toggle-switch__track{outline:2px solid var(--eduq-blue);outline-offset:2px}.session-limits__field-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.session-limits__optional{font-weight:400;color:var(--text-secondary)}.session-limits__duration{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.duration-picker__presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.duration-picker__chip{padding:var(--space-1) var(--space-3);border:1.5px solid var(--border-medium);border-radius:999px;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;min-height:36px;transition:border-color .15s,background .15s,color .15s}.duration-picker__chip:hover{border-color:var(--eduq-blue);color:var(--eduq-blue)}.duration-picker__chip--active{border-color:var(--eduq-blue);background:var(--eduq-blue);color:#fff}.duration-picker__custom{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.duration-picker__input{width:100px;padding:var(--space-1) var(--space-2);border:1.5px solid var(--border-medium);border-radius:.375rem;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary)}.duration-picker__input:focus{outline:none;border-color:var(--eduq-blue)}.duration-picker__confirm{padding:var(--space-1) var(--space-3);background:var(--eduq-blue);color:#fff;border:none;border-radius:.375rem;font-size:var(--text-sm);font-weight:500;cursor:pointer;min-height:36px}.session-limits__extension-default{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.session-limits__select{width:100%;max-width:240px;padding:var(--space-2) var(--space-3);border:1.5px solid var(--border-medium);border-radius:.375rem;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);cursor:pointer;min-height:44px}.session-limits__select:focus{outline:none;border-color:var(--eduq-blue)}.session-limits__save-btn{margin-top:var(--space-4);min-width:140px;min-height:44px}.session-limits__save-error{color:var(--error);font-size:var(--text-sm);margin:var(--space-2) 0 0}.session-limits__save-success{color:var(--success, #059669);font-size:var(--text-sm);margin:var(--space-2) 0 0}.session-limits__usage{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}@media (max-width: 768px){.session-limits{padding:var(--space-4)}.session-limits__toggle-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.session-limits__select{max-width:100%}.duration-picker__chip{min-height:44px;padding:var(--space-2) var(--space-3)}.session-limits__save-btn{width:100%}}.usage-bar{display:flex;flex-direction:column;gap:var(--space-1)}.usage-bar__label{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.usage-bar__label-text{font-weight:500;color:var(--text-primary)}.usage-bar__track{height:10px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden}.usage-bar__fill{height:100%;border-radius:999px;transition:width .4s ease,background-color .3s ease}.weekly-chart{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:var(--space-4)}.weekly-chart__title{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin:0 0 var(--space-3) 0}.weekly-chart__area{position:relative;height:120px}.weekly-chart__limit-line{position:absolute;left:0;right:0;height:1px;border-top:2px dashed var(--warning);pointer-events:none;z-index:1}.weekly-chart__bars{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:var(--space-1)}.weekly-chart__bar-col{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;gap:var(--space-1)}.weekly-chart__bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;cursor:default;border-radius:4px 4px 0 0;position:relative}.weekly-chart__bar-wrap:focus-visible{outline:2px solid var(--eduq-blue);outline-offset:2px}.weekly-chart__bar{width:100%;background:var(--eduq-blue);border-radius:4px 4px 0 0;min-height:2px;opacity:.7;transition:height .3s ease,opacity .2s}.weekly-chart__bar--today{opacity:1}.weekly-chart__bar-wrap:hover .weekly-chart__bar,.weekly-chart__bar-wrap:focus .weekly-chart__bar{opacity:1}.weekly-chart__day-label{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;white-space:nowrap}.extension-card{border-left:4px solid var(--warning);background:#fffbeb;border-radius:.5rem;padding:var(--space-4);margin-bottom:var(--space-4)}.extension-card__header{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.extension-card__icon{font-size:1.25rem;flex-shrink:0}.extension-card__text{flex:1;font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.extension-card__time{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.extension-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.extension-card__btn{min-height:44px;font-size:var(--text-sm)}.extension-card__deny{background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2) var(--space-2);min-height:44px;text-decoration:underline;text-underline-offset:2px}.extension-card__deny:hover{color:var(--error)}.extension-card__deny:disabled,.extension-card__btn:disabled{opacity:.5;cursor:not-allowed}.extension-card__processing{font-size:var(--text-xs);color:var(--text-secondary);margin:var(--space-2) 0 0}@media (max-width: 480px){.extension-card__actions{flex-direction:column;align-items:stretch}.extension-card__btn,.extension-card__deny{width:100%;text-align:center}}.parent-doc-view{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.parent-doc-view__header{margin-bottom:1.5rem}.parent-doc-view__title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);margin:0 0 .25rem}.parent-doc-view__child-selector{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.parent-doc-view__child-label{font-weight:500;color:var(--text-primary, #111827);white-space:nowrap}.parent-doc-view__child-dropdown{flex:1;max-width:320px;padding:.75rem 1rem;border:1px solid var(--border-medium, #D1D5DB);border-radius:.5rem;font-size:1rem;color:var(--text-primary, #111827);background-color:#fff;transition:border-color .2s ease}.parent-doc-view__child-dropdown:focus{outline:none;border-color:var(--eduq-blue, #0066FF);box-shadow:0 0 0 3px #0066ff1a}.parent-doc-view__prompt,.parent-doc-view__loading,.parent-doc-view__error,.parent-doc-view__empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #6B7280)}.parent-doc-view__error-text{color:var(--error, #EF4444);margin-bottom:.75rem}.parent-doc-view__retry-btn{background-color:var(--eduq-blue, #0066FF);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.parent-doc-view__retry-btn:hover{background-color:var(--eduq-blue-hover, #0052CC)}.parent-doc-view__empty-icon{font-size:2.5rem;margin-bottom:.5rem}.parent-doc-view__empty-heading{font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 .25rem}.parent-doc-view__empty-desc{font-size:.875rem;color:var(--text-secondary, #6B7280);margin:0 0 1rem}.parent-doc-view__family-link{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.parent-doc-view__card-list{display:flex;flex-direction:column;gap:.75rem}.parent-doc-view__card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border-light, #E5E7EB);border-radius:.75rem;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease}.parent-doc-view__card:hover{box-shadow:0 4px 6px #00000012;border-color:var(--border-medium, #D1D5DB)}.parent-doc-view__card:focus-visible{outline:2px solid var(--eduq-blue, #0066FF);outline-offset:2px}.parent-doc-view__card--failed{border-color:var(--error, #EF4444);background:#ef444408}.parent-doc-view__card-body{flex:1;min-width:0}.parent-doc-view__card-title{font-size:1rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-doc-view__card-date{font-size:.75rem;color:var(--text-tertiary, #9CA3AF);margin-bottom:.5rem}.parent-doc-view__card-meta{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.parent-doc-view__badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.parent-doc-view__badge--subject{background-color:#0066ff1a;color:var(--eduq-blue, #0066FF)}.parent-doc-view__badge--type{background-color:var(--bg-tertiary, #F3F4F6);color:var(--text-secondary, #6B7280)}.parent-doc-view__badge--status-completed{background-color:#10b9811a;color:var(--success, #10B981)}.parent-doc-view__badge--status-failed{background-color:#ef44441a;color:var(--error, #EF4444)}.parent-doc-view__difficulty{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-tertiary, #9CA3AF)}.parent-doc-view__difficulty-bar{display:flex;gap:2px}.parent-doc-view__difficulty-pip{width:6px;height:6px;border-radius:50%;background-color:var(--border-light, #E5E7EB)}.parent-doc-view__difficulty-pip--filled{background-color:var(--eduq-blue, #0066FF)}@media (max-width: 768px){.parent-doc-view{padding:1rem .75rem}.parent-doc-view__child-selector{flex-direction:column;align-items:stretch}.parent-doc-view__child-dropdown{max-width:100%}.parent-doc-view__card{flex-direction:column;gap:.5rem}}@media (prefers-reduced-motion: reduce){.parent-doc-view__card,.parent-doc-view__retry-btn,.parent-doc-view__child-dropdown,.parent-doc-view__family-link{transition-duration:.01ms!important}}.assignment-summary-card--loading{display:flex;justify-content:center;align-items:center;min-height:80px}.assignment-summary-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.assignment-summary-card__icon{font-size:var(--text-xl)}.assignment-summary-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;flex:1}.assignment-summary-card__link{background:none;border:none;color:var(--eduq-blue);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:0;transition:color .2s ease}.assignment-summary-card__link:hover{color:var(--eduq-blue-hover);text-decoration:underline}.assignment-summary-card__stats{display:flex;gap:var(--space-4);flex-wrap:wrap}.assignment-summary-card__stat{display:flex;flex-direction:column;align-items:center;min-width:56px}.assignment-summary-card__stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.assignment-summary-card__stat-label{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1);text-align:center}.assignment-summary-card__stat--overdue .assignment-summary-card__stat-value,.assignment-summary-card__stat--overdue .assignment-summary-card__stat-label{color:var(--error)}.assignment-summary-card__stat--completed .assignment-summary-card__stat-value{color:var(--success)}.assignment-summary-card__overdue-notice{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--error);font-weight:var(--font-medium)}.assignment-summary-card__empty{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.assignment-summary-card__create-link{background:none;border:none;color:var(--eduq-blue);font-size:var(--text-sm);cursor:pointer;padding:0;text-decoration:underline}.assignment-summary-card__create-link:hover{color:var(--eduq-blue-hover)}@media (max-width: 768px){.assignment-summary-card__stats{gap:var(--space-3)}}.share-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.share-panel--modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:28rem;z-index:1000;box-shadow:0 25px 50px -12px #00000040}.share-panel__overlay{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}.share-panel__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.share-panel__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.share-panel__close{background:transparent;border:none;padding:.375rem;cursor:pointer;color:#6b7280;border-radius:.375rem;transition:all .15s ease}.share-panel__close:hover{background:#e5e7eb;color:#374151}.share-panel__content{padding:1.25rem}.share-panel__code-section{margin-bottom:1.5rem}.share-panel__code-label{font-size:.8125rem;color:#6b7280;margin:0 0 .5rem}.share-panel__code-box{display:flex;align-items:center;gap:.75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem}.share-panel__code{flex:1;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:1.125rem;font-weight:600;color:#7c3aed}.share-panel__copy-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#7c3aed;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease;white-space:nowrap}.share-panel__copy-btn:hover{background:#6d28d9}.share-panel__copy-btn--success{background:#059669}.share-panel__copy-btn--success:hover{background:#047857}.share-panel__link-section{margin-bottom:1.5rem}.share-panel__link-box{display:flex;align-items:center;gap:.5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem .75rem}.share-panel__link{flex:1;font-size:.875rem;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-panel__link-copy{padding:.375rem .625rem;background:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:.25rem;font-size:.8125rem;cursor:pointer;transition:all .15s ease}.share-panel__link-copy:hover{background:#f9fafb;color:#374151}.share-panel__social-section{margin-bottom:1rem}.share-panel__social-label{font-size:.8125rem;color:#6b7280;margin:0 0 .75rem}.share-panel__social-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.share-panel__social-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;flex:1;min-width:100px}.share-panel__social-btn--facebook{background:#1877f2;color:#fff}.share-panel__social-btn--facebook:hover{background:#166fe5}.share-panel__social-btn--whatsapp{background:#25d366;color:#fff}.share-panel__social-btn--whatsapp:hover{background:#22c55e}.share-panel__social-btn--email{background:#6b7280;color:#fff}.share-panel__social-btn--email:hover{background:#4b5563}.share-panel__social-btn--twitter{background:#1da1f2;color:#fff}.share-panel__social-btn--twitter:hover{background:#1a91da}.share-panel__social-icon{font-size:1.125rem}.share-panel__message-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.share-panel__message-label{font-size:.8125rem;color:#6b7280;margin:0 0 .5rem}.share-panel__message-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;font-size:.875rem;color:#374151;line-height:1.5}.share-panel__toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;z-index:1001;animation:slideUp .3s ease;display:flex;align-items:center;gap:.5rem}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,1rem)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 480px){.share-panel--modal{width:95%}.share-panel__social-buttons{flex-direction:column}.share-panel__social-btn{width:100%}.share-panel__code-box{flex-direction:column;align-items:stretch}.share-panel__code{text-align:center;margin-bottom:.5rem}.share-panel__copy-btn{justify-content:center}}.share-panel__close:focus-visible,.share-panel__copy-btn:focus-visible,.share-panel__link-copy:focus-visible,.share-panel__social-btn:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}@media (prefers-reduced-motion: reduce){.share-panel__overlay,.share-panel__toast{animation:none}}.redemption-modal__overlay{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.redemption-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:32rem;max-height:90vh;background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;z-index:1000;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.redemption-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.redemption-modal__title{font-size:1.25rem;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.redemption-modal__close{background:#fff3;border:none;padding:.5rem;cursor:pointer;color:#fff;border-radius:.375rem;font-size:1rem;transition:background .15s ease}.redemption-modal__close:hover{background:#ffffff4d}.redemption-modal__steps{display:flex;justify-content:center;gap:.5rem;padding:1rem;background:#f9fafb}.redemption-modal__step{width:2.5rem;height:.25rem;background:#e5e7eb;border-radius:.125rem;transition:background .2s ease}.redemption-modal__step--active{background:#7c3aed}.redemption-modal__content{padding:1.5rem;overflow-y:auto;flex:1}.redemption-modal__info{background:#f3f4f6;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.redemption-modal__info p{margin:0;color:#374151;line-height:1.5}.redemption-modal__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.75rem}.redemption-modal__pass-selector{margin-bottom:1.5rem}.redemption-modal__pass-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.redemption-modal__pass-option{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .15s ease;font-size:1.125rem;font-weight:600;color:#374151}.redemption-modal__pass-option:hover{border-color:#7c3aed;background:#faf5ff}.redemption-modal__pass-option--selected{border-color:#7c3aed;background:#7c3aed;color:#fff}.redemption-modal__pass-value{font-size:.75rem;font-weight:400;margin-top:.25rem;opacity:.8}.redemption-modal__preview{background:#faf5ff;border:1px solid #e9d5ff;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.redemption-modal__preview-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.875rem;color:#6b7280}.redemption-modal__preview-row span:last-child{font-weight:500;color:#7c3aed}.redemption-modal__actions{display:flex;gap:.75rem;justify-content:flex-end}.redemption-modal__btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.redemption-modal__btn--primary{background:#7c3aed;color:#fff}.redemption-modal__btn--primary:hover:not(:disabled){background:#6d28d9}.redemption-modal__btn--primary:disabled{background:#c4b5fd;cursor:not-allowed}.redemption-modal__btn--secondary{background:#f3f4f6;color:#374151}.redemption-modal__btn--secondary:hover:not(:disabled){background:#e5e7eb}.redemption-modal__upgrade{text-align:center;padding:1rem 0}.redemption-modal__upgrade-icon{font-size:3rem;margin-bottom:1rem}.redemption-modal__upgrade-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .75rem}.redemption-modal__upgrade-text{color:#6b7280;line-height:1.6;margin:0 0 1.5rem}.redemption-modal__grace-note{color:#059669}.redemption-modal__upgrade-actions{display:flex;flex-direction:column;gap:.75rem}.redemption-modal__confirmation{padding:.5rem 0}.redemption-modal__summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem}.redemption-modal__summary-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.redemption-modal__summary-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;color:#6b7280}.redemption-modal__summary-value{font-weight:500;color:#374151}.redemption-modal__summary-row--highlight{background:#faf5ff;margin:.5rem -.75rem;padding:.75rem;border-radius:.375rem}.redemption-modal__summary-value--highlight{color:#7c3aed;font-weight:600}.redemption-modal__summary-row--total{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem;font-weight:500}.redemption-modal__summary-row--total .redemption-modal__summary-value{color:#059669;font-weight:600}.redemption-modal__success{text-align:center;padding:1.5rem 0}.redemption-modal__success-icon{font-size:4rem;margin-bottom:1rem;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.redemption-modal__success-title{font-size:1.5rem;font-weight:600;color:#059669;margin:0 0 .75rem}.redemption-modal__success-text{color:#374151;margin:0 0 1.5rem}.redemption-modal__success-date{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.5rem;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.25rem}.redemption-modal__success-date span{font-size:.875rem;color:#6b7280}.redemption-modal__success-date strong{font-size:1.125rem;color:#059669}.redemption-modal__success-note{font-size:.8125rem;color:#9ca3af;margin:0 0 1.5rem}.redemption-modal__error{text-align:center;padding:1.5rem 0}.redemption-modal__error-icon{font-size:3rem;margin-bottom:1rem}.redemption-modal__error-title{font-size:1.25rem;font-weight:600;color:#dc2626;margin:0 0 .75rem}.redemption-modal__error-text{color:#6b7280;margin:0 0 1.5rem}@media (max-width: 480px){.redemption-modal{width:95%;max-height:95vh}.redemption-modal__header{padding:1rem 1.25rem}.redemption-modal__content{padding:1.25rem}.redemption-modal__pass-options{grid-template-columns:repeat(2,1fr)}.redemption-modal__actions{flex-direction:column}.redemption-modal__btn{width:100%;justify-content:center}.redemption-modal__upgrade-actions{flex-direction:column}}.redemption-modal__close:focus-visible,.redemption-modal__btn:focus-visible,.redemption-modal__pass-option:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}@media (prefers-reduced-motion: reduce){.redemption-modal,.redemption-modal__overlay,.redemption-modal__success-icon{animation:none}}