.assessment-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.assessment-modal-card{background-color:#fff;border-radius:12px;width:96%;max-width:1400px;max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 4px 20px #0003}.assessment-close-x{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:2rem;line-height:1;transition:background-color .15s,color .15s;position:absolute;top:12px;right:12px}.assessment-close-x:hover{color:#333;background-color:#f0f0f0}.assessment-three-columns{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-flow:dense;gap:20px;margin-bottom:20px;display:grid}.assessment-three-columns .assessment-section{min-width:0;min-height:200px;margin-bottom:0;overflow:hidden}@media (min-width:1400px){.assessment-three-columns{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}.assessment-column-mechanical,.assessment-column-analyst,.assessment-column-principles,.assessment-column-examiner,.assessment-column-explainer{min-width:0;overflow:hidden}.assessment-column-explainer{grid-column:span 2}@media (max-width:900px){.assessment-modal-card{max-width:500px}.assessment-three-columns{grid-template-columns:1fr}.assessment-three-columns .assessment-section{min-height:auto}.assessment-column-explainer,.assessment-column-analyst{grid-column:span 1}}.assessment-modal-title{color:#333;margin:0 0 16px}.assessment-section{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:16px}.assessment-column-mechanical,.assessment-column-analyst,.assessment-column-principles,.assessment-column-examiner,.assessment-column-explainer{flex-direction:column;gap:16px;display:flex}.assessment-column-mechanical .assessment-section,.assessment-column-analyst .assessment-section,.assessment-column-principles .assessment-section,.assessment-column-examiner .assessment-section,.assessment-column-explainer .assessment-section{flex:1;margin-bottom:0}@media (min-width:1200px){.assessment-column-analyst{grid-column:span 2}}.assessment-section-examiner-pending{background-color:#f5f5f5;border-style:dashed}.assessment-section-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.assessment-section-title{text-transform:uppercase;letter-spacing:.5px;color:#424242;font-size:.85rem;font-weight:700}.assessment-section-model{color:#9e9e9e;background-color:#eee;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.7rem}.assessment-section-examiner{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-color:#81c784}.assessment-section-examiner .assessment-section-header{border-bottom-color:#a5d6a7}.assessment-section-examiner .assessment-section-title{color:#2e7d32}.assessment-marking-feedback-text{color:#333;margin:12px 0 0;font-size:.95rem;line-height:1.5}.assessment-section-examiner-disabled{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-color:#ffb74d}.assessment-section-examiner-disabled .assessment-section-header{border-bottom-color:#ffcc80}.assessment-section-examiner-disabled .assessment-section-title{color:#e65100}.assessment-no-mark-scheme-message{align-items:flex-start;gap:12px;padding:8px 0;display:flex}.assessment-section-explainer{background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%);border-color:#ce93d8}.assessment-section-explainer .assessment-section-header{border-bottom-color:#ce93d8}.assessment-section-explainer .assessment-section-title{color:#7b1fa2}.assessment-section-explainer-request{text-align:center;background-color:#fff;border-style:dashed;border-color:#ce93d8}.assessment-section-explainer-request .assessment-section-title{color:#7b1fa2}.assessment-explainer-request-content{padding:20px 16px}.assessment-explainer-request-content p{color:#666;margin:0 0 16px;font-size:.9rem}.assessment-explainer-error{color:#c62828;margin-bottom:12px;font-size:.85rem}.assessment-get-explanation-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:opacity .2s,transform .2s}.assessment-get-explanation-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.assessment-get-explanation-btn:disabled{cursor:not-allowed;background:#ccc}.assessment-explainer-content{grid-template-columns:1fr 1fr;gap:16px;display:grid}.assessment-explainer-summary{grid-column:1/-1}@media (max-width:700px){.assessment-explainer-content{grid-template-columns:1fr}}.assessment-explainer-summary strong{color:#7b1fa2;font-size:.9rem}.assessment-explainer-summary p{color:#333;margin:6px 0 10px;font-size:.95rem;line-height:1.5}.assessment-topic-badge{color:#7b1fa2;background:#7b1fa21a;border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-block}.assessment-explainer-concepts{background:#ffffff80;border-radius:8px;padding:12px}.assessment-explainer-concepts strong{color:#7b1fa2;margin-bottom:10px;font-size:.85rem;display:block}.assessment-explainer-concept-item{border-left:2px solid #ce93d8;margin-bottom:10px;padding-left:8px}.assessment-explainer-concept-item:last-child{margin-bottom:0}.assessment-explainer-concept-item .concept-name{color:#6a1b9a;margin-bottom:4px;font-size:.9rem;font-weight:600;display:block}.assessment-explainer-concept-item .concept-explanation{color:#555;font-size:.85rem;line-height:1.4;display:block}.assessment-explainer-hints,.assessment-explainer-pitfalls{background:#ffffff80;border-radius:8px;padding:12px}.assessment-explainer-hints strong,.assessment-explainer-pitfalls strong{color:#7b1fa2;margin-bottom:6px;font-size:.85rem;display:block}.assessment-explainer-hints p,.assessment-explainer-pitfalls p{color:#333;margin:0;font-size:.9rem;line-height:1.5}.assessment-explainer-pitfalls{background:#ce93d826}.assessment-no-mark-scheme-message .assessment-warning-icon{flex-shrink:0;font-size:1.5rem}.assessment-no-mark-scheme-message strong{color:#e65100;margin-bottom:4px;display:block}.assessment-no-mark-scheme-message p{color:#666;margin:0;font-size:.9rem;line-height:1.4}.assessment-section-fluency{background-color:#f5f5f5}.assessment-fluency-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;display:grid}.assessment-fluency-item{flex-direction:column;align-items:center;gap:4px;display:flex}.assessment-fluency-label{color:#757575;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem}.assessment-fluency-value{color:#424242;font-size:1.1rem;font-weight:600}.assessment-section-analyst{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-color:#64b5f6}.assessment-section-analyst .assessment-section-header{border-bottom-color:#90caf9}.assessment-section-analyst .assessment-section-title{color:#1565c0}.assessment-section-principles{background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);border-color:#ffca28}.assessment-section-principles .assessment-section-header{border-bottom-color:#ffe082}.assessment-section-principles .assessment-section-title{color:#f57f17}.assessment-section-ai-request{text-align:center;background-color:#fff;border-style:dashed}.assessment-no-mark-scheme{color:#e65100;background-color:#fff3e0;border:1px solid #ffb74d;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem;display:flex}.assessment-warning-icon{font-size:1.2rem}.assessment-marks-display{background:0 0;border-radius:12px;justify-content:center;align-items:baseline;gap:4px;margin-bottom:12px;padding:12px 20px;display:flex}.assessment-marks-number{color:#2e7d32;font-size:2.5rem;font-weight:700}.assessment-marks-separator{color:#66bb6a;font-size:2rem}.assessment-marks-total{color:#43a047;font-size:2rem;font-weight:500}.assessment-marks-label{color:#1976d2;margin-left:8px;font-size:1rem}.assessment-correctness-badge{border-radius:6px;margin-bottom:16px;padding:8px 16px;font-size:1.1rem;font-weight:600;display:inline-block}.assessment-marking-feedback{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:16px;padding:16px}.assessment-marking-feedback strong{color:#2e7d32;margin-bottom:8px;display:block}.assessment-marking-feedback p{color:#333;margin:0;line-height:1.5}.assessment-answer-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:16px}.assessment-answer-subsection{margin-bottom:12px}.assessment-answer-subsection:last-of-type{margin-bottom:0}.assessment-subsection-label{text-transform:uppercase;letter-spacing:.3px;color:#757575;margin-bottom:6px;font-size:.75rem;font-weight:600}.assessment-notes-section{border-top:1px dashed #e0e0e0;margin-top:12px;padding-top:12px}.assessment-notes-rendered{color:#333;white-space:pre-wrap;word-break:break-word;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;max-height:200px;padding:12px 16px;font-size:.95rem;line-height:1.6;overflow-y:auto}.assessment-latex-rendered{text-align:center;word-break:break-word;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;max-width:100%;min-height:60px;max-height:200px;margin:12px 0;padding:16px;font-size:1.1rem;display:flex;overflow:auto}.assessment-latex-rendered .katex-display{max-width:100%;margin:0;overflow-x:auto}.assessment-latex-textarea{resize:vertical;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin:8px 0;padding:12px;font-family:monospace;font-size:.9rem}.assessment-edit-buttons{gap:8px;margin-top:8px;display:flex}.assessment-edit-trigger{color:#1976d2;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:4px 0;font-size:.85rem;text-decoration:underline}.assessment-edit-trigger:hover{color:#1565c0}.assessment-edit-note{color:#666;margin-top:8px;font-size:.75rem;font-style:italic}.assessment-edit-error{color:#c62828;margin-top:8px;font-size:.85rem}.assessment-reocr-buttons{gap:8px;margin-top:12px;display:flex}.assessment-reocr-btn,.assessment-vision-btn{cursor:pointer;border-radius:4px;padding:6px 12px;font-size:.8rem;transition:all .15s}.assessment-reocr-btn{color:#333;background:#f5f5f5;border:1px solid #ccc}.assessment-reocr-btn:hover:not(:disabled){background:#e8e8e8;border-color:#aaa}.assessment-vision-btn{color:#1565c0;background:#e3f2fd;border:1px solid #90caf9}.assessment-vision-btn:hover:not(:disabled){background:#bbdefb;border-color:#64b5f6}.assessment-reocr-btn:disabled,.assessment-vision-btn:disabled{opacity:.6;cursor:not-allowed}.assessment-badge{border-radius:4px;padding:4px 8px;font-size:.9rem}.assessment-row{margin-bottom:12px}.assessment-retry-section{margin-bottom:16px}.assessment-retry-button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;width:100%;padding:12px 16px;font-size:14px;font-weight:600}.assessment-retry-button:hover{background-color:#1565c0}.assessment-retry-button:disabled{cursor:not-allowed;background-color:#90caf9}.assessment-retry-note{color:#666;margin-top:6px;margin-bottom:0;font-size:12px}.assessment-concepts-section{margin-bottom:16px}.assessment-concepts-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.assessment-concept-tag{background-color:#e3f2fd;border-radius:4px;padding:4px 8px;font-size:13px}.assessment-feedback-section{background-color:#f5f5f5;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:16px;padding:16px}.assessment-feedback-label{color:#2e7d32;margin-bottom:8px;display:block}.assessment-feedback-text{color:#333;margin:0;line-height:1.5}.assessment-techniques-section{margin-bottom:16px}.assessment-techniques-list{margin-top:8px}.assessment-technique-item{border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.assessment-technique-icon{flex-shrink:0;font-size:16px}.assessment-technique-name{font-weight:500}.assessment-technique-note{color:#666;margin-top:2px;font-size:12px}.assessment-ai-request-section{text-align:center;background-color:#f0f7ff;border:1px solid #bbdefb;border-radius:8px;margin:16px 0;padding:16px}.assessment-ai-button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600}.assessment-ai-button:hover{background-color:#1565c0}.assessment-ai-button:disabled{cursor:not-allowed;background-color:#90caf9}.assessment-ai-note{color:#666;margin:8px 0 0;font-size:12px}.assessment-ai-attribution{border-top:1px solid #e0e0e0;flex-direction:column;align-items:center;gap:4px;margin-top:20px;padding-top:16px;display:flex}.assessment-ai-role{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.assessment-ai-model{color:#999;font-family:monospace;font-size:11px}.assessment-remark-button{color:#333;cursor:pointer;background-color:#f5f5f5;border:1px solid #ccc;border-radius:6px;margin-top:16px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .15s}.assessment-remark-button:hover{background-color:#e0e0e0}.assessment-remark-button:disabled{color:#999;cursor:not-allowed;background-color:#f0f0f0}.assessment-close-button{margin-top:16px}.assessment-history-selector{background-color:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:12px}.assessment-history-label{text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:8px;font-size:.75rem;font-weight:600}.assessment-history-buttons{flex-wrap:wrap;gap:8px;display:flex}.assessment-history-btn{color:#666;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:16px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s}.assessment-history-btn:hover{color:#2e7d32;background-color:#e8f5e9;border-color:#81c784}.assessment-history-btn.selected{color:#fff;background-color:#1976d2;border-color:#1976d2}.assessment-history-btn.selected:hover{color:#fff;background-color:#1565c0;border-color:#1565c0}.assessment-reassess-section{text-align:right;margin-bottom:16px}.assessment-reassess-btn{color:#1565c0;cursor:pointer;background-color:#e3f2fd;border:1px solid #90caf9;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .15s}.assessment-reassess-btn:hover{background-color:#bbdefb;border-color:#64b5f6}.assessment-reassess-btn:disabled{color:#9e9e9e;cursor:not-allowed;background-color:#f5f5f5;border-color:#e0e0e0}.assessment-reassess-section{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:16px}.assessment-reassess-button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;width:100%;padding:10px 20px;font-size:14px;font-weight:600}.assessment-reassess-button:hover{background-color:#1565c0}.assessment-reassess-button:disabled{cursor:not-allowed;background-color:#9e9e9e}.assessment-reassess-note{color:#666;text-align:center;margin-top:6px;font-size:12px}.assessment-retry-section--styled{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:16px}.assessment-retry-button--purple{color:#fff;cursor:pointer;background-color:#7b1fa2;border:none;border-radius:6px;width:100%;padding:12px 24px;font-size:15px;font-weight:600}.assessment-retry-button--purple:disabled{cursor:not-allowed;background-color:#9e9e9e}.assessment-retry-note--styled{color:#666;text-align:center;margin-top:8px;font-size:12px}.assessment-technique-item--correct{background-color:#e8f5e9}.assessment-technique-item--partial{background-color:#fff3e0}.assessment-technique-item--incorrect{background-color:#ffebee}.assessment-encouragement-banner{margin-bottom:16px}.assessment-encouragement-message{background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%);border:1px solid #ce93d8;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;animation:.4s ease-out encouragement-fade-in;display:flex}.assessment-encouragement-message:last-child{margin-bottom:0}@keyframes encouragement-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.assessment-encouragement-text{color:#4a148c;font-size:.95rem;font-weight:500;line-height:1.4}.assessment-encouragement-dismiss{color:#9c27b0;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:1.2rem;transition:opacity .15s,background-color .15s}.assessment-encouragement-dismiss:hover{opacity:1;background-color:#9c27b01a}.assessment-mark-scheme-breakdown{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:12px}.assessment-mark-scheme-title{color:#333;margin-bottom:12px;font-size:.85rem;font-weight:600}.assessment-mark-scheme-items{flex-direction:column;gap:10px;display:flex}.assessment-mark-scheme-item{background:#f8f9fa;border-left:3px solid #2e7d32;border-radius:6px;gap:10px;padding:10px;display:flex}.assessment-mark-scheme-mark{color:#fff;background:#2e7d32;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;height:24px;font-size:.75rem;font-weight:600;display:flex}.assessment-mark-scheme-details{flex:1;min-width:0}.assessment-mark-scheme-criterion{color:#333;font-size:.85rem;line-height:1.4}.assessment-mark-scheme-expected{color:#666;margin-top:4px;font-size:.8rem;font-style:italic}.principle-spotlight{background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);border:1px solid #ffca28;border-radius:12px;margin-bottom:16px;padding:16px}.principle-spotlight__header{color:#f57f17;align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;display:flex}.principle-spotlight__icon{font-size:1.2rem}.principle-spotlight__list{flex-direction:column;gap:10px;display:flex}.principle-spotlight__item{background:#ffffffb3;border-radius:8px;padding:12px;transition:background-color .15s}.principle-spotlight__item--expanded{background:#ffffffe6}.principle-spotlight__name{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.principle-spotlight__name-text{color:#e65100;font-size:.95rem;font-weight:600}.principle-spotlight__toggle{color:#f57f17;text-align:center;width:24px;font-size:1.2rem;font-weight:400}.principle-spotlight__brief{color:#666;margin:8px 0 0;font-size:.85rem;line-height:1.4}.principle-spotlight__details{border-top:1px solid #ffe082;margin-top:12px;padding-top:12px}.principle-spotlight__latex{text-align:center;background:#fff;border-radius:6px;margin-bottom:12px;padding:12px;font-size:1.1rem}.principle-spotlight__definition{color:#333;white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.5}.principle-spotlight__why-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8f00 0%,#ff6f00 100%);border:none;border-radius:6px;margin-top:12px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:opacity .2s,transform .2s}.principle-spotlight__why-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.principle-spotlight__why-btn:disabled{cursor:not-allowed;background:#ccc}.principle-spotlight__explanation{background:#ffffffe6;border-left:4px solid #ff8f00;border-radius:8px;margin-top:16px;padding:16px}.principle-spotlight__explanation-header{color:#e65100;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.85rem;font-weight:600}.principle-spotlight__connection{color:#333;margin:0 0 12px;font-size:.95rem;line-height:1.5}.principle-spotlight__how-helps,.principle-spotlight__analogy{color:#444;margin:0 0 10px;font-size:.9rem;line-height:1.4}.principle-spotlight__insight{color:#e65100;background:#fff8e1;border-radius:6px;margin:12px 0 0;padding:10px;font-size:.9rem;line-height:1.4}.principle-spotlight__error{color:#c62828;background:#ffebee;border-radius:6px;margin-top:12px;padding:8px 12px;font-size:.85rem}.principle-spotlight__list--primary{margin-bottom:8px}.principle-spotlight__item--primary{border-left:3px solid #d4a017}.principle-spotlight__header-row{align-items:center;gap:8px;display:flex}.principle-spotlight__header-row .principle-spotlight__name{flex:1}.principle-spotlight__flag-btn{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:.9rem;transition:opacity .15s,transform .15s}.principle-spotlight__flag-btn:hover{opacity:1;background:#ff00001a}.principle-spotlight__flag-btn--flagged{opacity:1;color:#dc2626}.principle-spotlight__meta{align-items:center;gap:8px;margin-top:6px;margin-bottom:4px;display:flex}.principle-spotlight__stars{gap:1px;display:inline-flex}.principle-spotlight__star{color:#d1d5db;font-size:.75rem}.principle-spotlight__star--filled{color:#f59e0b}.principle-spotlight__tier{border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:500}.principle-spotlight__tier--high{color:#92400e;background:#fef3c7}.principle-spotlight__tier--low{color:#6b7280;background:#f3f4f6}.principle-spotlight__show-more{color:#92400e;cursor:pointer;background:0 0;border:1px dashed #d4a017;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:8px 12px;font-size:.85rem;transition:background-color .15s,border-color .15s;display:flex}.principle-spotlight__show-more:hover{background:#fffbeb;border-color:#b45309}.principle-spotlight__show-more-icon{opacity:.7;font-size:.7rem}.principle-spotlight__list--secondary{border-top:1px dashed #fcd34d;margin-top:8px;padding-top:8px}.principle-spotlight__list--secondary .principle-spotlight__item{opacity:.85}.principle-reasoning-score{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #d4a017;border-radius:10px;margin-bottom:16px;padding:16px}.principle-reasoning-score__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.principle-reasoning-score__title{color:#92400e;margin:0;font-size:1rem;font-weight:600}.principle-reasoning-score__badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:4px 12px;font-size:.8rem;font-weight:600}.principle-reasoning-score__summary{color:#78350f;margin:0 0 8px;font-size:.9rem}.principle-reasoning-score__feedback{color:#451a03;margin:0 0 16px;font-size:.95rem;line-height:1.5}.principle-reasoning-score__principles{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.principle-reasoning-score__principle{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.principle-reasoning-score__principle--demonstrated{background:#f0fdf4;border-color:#86efac}.principle-reasoning-score__principle--not-demonstrated{background:#fefce8;border-color:#fde68a}.principle-reasoning-score__principle-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.principle-reasoning-score__principle-icon{text-align:center;width:20px;font-size:1rem}.principle-reasoning-score__principle--demonstrated .principle-reasoning-score__principle-icon{color:#16a34a}.principle-reasoning-score__principle--not-demonstrated .principle-reasoning-score__principle-icon{color:#d97706}.principle-reasoning-score__principle-name{color:#111827;flex:1;font-size:.9rem}.principle-reasoning-score__confidence{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.75rem}.principle-reasoning-score__evidence{color:#4b5563;margin:0;font-size:.85rem;line-height:1.4}.principle-reasoning-score__improvement{color:#92400e;background:#fef3c7;border-radius:4px;margin:8px 0 0;padding:6px 8px;font-size:.85rem}.principle-reasoning-score__suggestions{border-top:1px solid #fcd34d;margin-top:16px;padding-top:12px}.principle-reasoning-score__suggestions h4{color:#92400e;margin:0 0 8px;font-size:.9rem;font-weight:600}.principle-reasoning-score__suggestions ul{margin:0;padding-left:20px}.principle-reasoning-score__suggestions li{color:#78350f;margin-bottom:4px;font-size:.85rem;line-height:1.4}.principle-reasoning-score__selection{border-top:1px solid #fcd34d;margin-top:16px;padding-top:12px}.principle-reasoning-score__selection h4{color:#92400e;margin:0 0 8px;font-size:.9rem;font-weight:600}.principle-reasoning-score__selection p{align-items:center;gap:6px;margin:0 0 4px;font-size:.85rem;display:flex}.principle-reasoning-score__selection-icon{text-align:center;width:16px;font-weight:700}.principle-reasoning-score__correct{color:#16a34a}.principle-reasoning-score__missed{color:#d97706}.principle-reasoning-score__incorrect{color:#dc2626}.assessment-approach-section{background:linear-gradient(135deg,#fce4ec 0%,#f8bbd9 100%);border:1px solid #f48fb1;border-radius:12px;margin-bottom:16px;padding:16px}.assessment-approach-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.assessment-approach-header strong{color:#880e4f;font-size:.9rem}.assessment-approach-badge{color:#fff;text-transform:capitalize;border-radius:12px;padding:4px 12px;font-size:.8rem;font-weight:600}.assessment-approach-badge--excellent{background:linear-gradient(135deg,#4caf50 0%,#2e7d32 100%)}.assessment-approach-badge--good{background:linear-gradient(135deg,#66bb6a 0%,#43a047 100%)}.assessment-approach-badge--developing{background:linear-gradient(135deg,#ffb74d 0%,#f57c00 100%)}.assessment-approach-badge--procedural{background:linear-gradient(135deg,#90a4ae 0%,#607d8b 100%)}.assessment-approach-feedback{color:#333;background:#ffffffb3;border-radius:8px;margin:0 0 12px;padding:12px;font-size:.95rem;line-height:1.5}.assessment-approach-markers{border-top:1px solid #f48fb1;padding-top:12px}.assessment-approach-marker-group{margin-bottom:10px}.assessment-approach-marker-group:last-child{margin-bottom:0}.assessment-approach-marker-label{color:#880e4f;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.assessment-approach-marker-list{margin:0;padding-left:16px;list-style-type:disc}.assessment-approach-marker-list li{color:#555;margin-bottom:4px;font-size:.85rem;line-height:1.4}.assessment-approach-marker-list li:last-child{margin-bottom:0}.assessment-loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.assessment-loading-state p{color:#666;margin-top:16px;font-size:.95rem}.assessment-loading-spinner{border:3px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;width:40px;height:40px;animation:1s linear infinite assessment-spin}@keyframes assessment-spin{to{transform:rotate(360deg)}}.assessment-section-loading{opacity:.8}.assessment-skeleton{flex-direction:column;gap:10px;display:flex}.assessment-skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.5s infinite assessment-shimmer}.assessment-skeleton-line--wide{width:100%}.assessment-skeleton-line--medium{width:75%}.assessment-skeleton-line--narrow{width:50%}.assessment-skeleton-marks{justify-content:center;padding:16px;display:flex}.assessment-skeleton-circle{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;width:64px;height:64px;animation:1.5s infinite assessment-shimmer}@keyframes assessment-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.assessment-loading-pulse{animation:1.5s ease-in-out infinite assessment-pulse}@keyframes assessment-pulse{0%,to{opacity:.5}50%{opacity:1}}.assessment-section-error{background-color:#ffebee!important;border-color:#ffcdd2!important}.assessment-error-message{color:#c62828;margin:8px 0;font-size:.9rem}.assessment-retry-btn{color:#1976d2;cursor:pointer;background-color:#fff;border:1px solid #1976d2;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .15s}.assessment-retry-btn:hover{background-color:#e3f2fd}.principle-comparison{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:1px solid #64b5f6;border-radius:12px;margin-top:16px;padding:16px}.principle-comparison__header{border-bottom:1px solid #90caf9;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.principle-comparison__icon{font-size:1.2rem}.principle-comparison__title{text-transform:uppercase;letter-spacing:.5px;color:#1565c0;font-size:.85rem;font-weight:700}.principle-comparison__sections{flex-direction:column;gap:12px;display:flex}.principle-comparison__section{background:#ffffffb3;border-radius:8px;padding:10px 12px}.principle-comparison__section-header{align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.principle-comparison__section--matched .principle-comparison__section-header{color:#16a34a}.principle-comparison__section--missed .principle-comparison__section-header{color:#d97706}.principle-comparison__section--bonus .principle-comparison__section-header{color:#7c3aed}.principle-comparison__badge{border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-flex}.principle-comparison__section--matched .principle-comparison__badge{color:#16a34a;background-color:#dcfce7}.principle-comparison__section--missed .principle-comparison__badge{color:#d97706;background-color:#fef3c7}.principle-comparison__section--bonus .principle-comparison__badge{color:#7c3aed;background-color:#ede9fe}.principle-comparison__list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.principle-comparison__item{border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.principle-comparison__section--matched .principle-comparison__item{color:#166534;background-color:#dcfce7;border:1px solid #86efac}.principle-comparison__section--missed .principle-comparison__item{color:#92400e;background-color:#fef3c7;border:1px solid #fcd34d}.principle-comparison__section--bonus .principle-comparison__item{color:#5b21b6;background-color:#ede9fe;border:1px solid #c4b5fd}.principle-comparison__item-icon{font-size:.9rem}.principle-comparison__empty{color:#666;padding:4px 0;font-size:.8rem;font-style:italic}.principle-comparison__summary{color:#1565c0;border-top:1px solid #90caf9;margin-top:12px;padding-top:12px;font-size:.85rem}.principle-comparison--loading{opacity:.9}.principle-comparison--loading .assessment-skeleton{margin-top:12px}.principle-comparison--warning{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-color:#f57c00}.principle-comparison--warning .principle-comparison__icon{font-size:1.5rem}.principle-comparison__warning-text{color:#e65100;padding:12px;font-size:.95rem;line-height:1.5}.principle-comparison__feedback{color:#333;background-color:#f8f9fa;border-radius:8px;margin-top:12px;padding:12px;font-size:.9rem;line-height:1.5}.principle-comparison__indicators{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.principle-comparison__indicator{border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.principle-comparison__indicator--transfer{color:#2e7d32;background-color:#e8f5e9;border:1px solid #a5d6a7}.principle-comparison__indicator--deep{color:#1565c0;background-color:#e3f2fd;border:1px solid #90caf9}.assessment-history-panel{background-color:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}.assessment-history-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.assessment-history-title{color:#333;font-size:.9rem;font-weight:600}.assessment-history-count{color:#666;font-size:.8rem}.assessment-history-list{flex-wrap:wrap;gap:8px;display:flex}.assessment-history-item{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:all .15s;display:flex}.assessment-history-item:hover{background-color:#f0f7ff;border-color:#007bff}.assessment-history-item--selected{background-color:#e3f2fd;border-color:#007bff;font-weight:500}.assessment-history-item-label{color:#333}.assessment-history-item-date{color:#666}.assessment-history-item-badge{border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:500}.assessment-history-item-badge--current{color:#2e7d32;background-color:#e8f5e9}.assessment-history-item-marks{border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600}.assessment-modal-footer{border-top:1px solid var(--borders-dividers,#e5e7eb);justify-content:center;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.assessment-footer-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.assessment-footer-btn:disabled{opacity:.5;cursor:not-allowed}.assessment-footer-btn--retry{color:#374151;background:#f3f4f6;border-color:#d1d5db}.assessment-footer-btn--retry:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.assessment-footer-btn--next{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;border-top-right-radius:0;border-bottom-right-radius:0}.assessment-footer-btn--next:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.assessment-footer-btn--expand{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border-color:#15803d;border-top-left-radius:0;border-bottom-left-radius:0;padding:10px 12px;font-size:10px}.assessment-footer-btn--expand:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534)}.assessment-footer-btn--full{border-radius:8px}.assessment-footer-btn--reassess{color:#6b7280;background:0 0;border-color:#d1d5db}.assessment-footer-btn--reassess:hover:not(:disabled){color:#374151;background:#f9fafb;border-color:#9ca3af}.assessment-next-question-wrapper{display:flex;position:relative}.assessment-next-question-menu{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:200px;margin-bottom:8px;position:absolute;bottom:100%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.assessment-next-menu-item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-size:14px;transition:background .15s;display:block}.assessment-next-menu-item:hover:not(:disabled){background:#f3f4f6}.assessment-next-menu-item:disabled{opacity:.5;cursor:not-allowed}.assessment-next-menu-divider{background:#e5e7eb;height:1px;margin:4px 0}.assessment-next-menu-hint{color:#9ca3af;padding:8px 16px;font-size:12px;font-style:italic}.principle-feedback-modal__overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.principle-feedback-modal{background:#fff;border-radius:12px;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.principle-feedback-modal__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.principle-feedback-modal__header h3{color:#1f2937;margin:0;font-size:1.1rem}.principle-feedback-modal__close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.principle-feedback-modal__close:hover{color:#4b5563}.principle-feedback-modal__principle{background:#fef3c7;border-bottom:1px solid #fcd34d;flex-direction:column;gap:4px;padding:12px 20px;display:flex}.principle-feedback-modal__principle strong{color:#92400e;font-size:.95rem}.principle-feedback-modal__current-relevance{color:#b45309;font-size:.8rem}.principle-feedback-modal__form{flex-direction:column;gap:16px;padding:20px;display:flex}.principle-feedback-modal__field{flex-direction:column;gap:6px;display:flex}.principle-feedback-modal__field label{color:#4b5563;font-size:.85rem;font-weight:500}.principle-feedback-modal__field select,.principle-feedback-modal__field textarea,.principle-feedback-modal__field input{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-size:.9rem;transition:border-color .15s}.principle-feedback-modal__field select:focus,.principle-feedback-modal__field textarea:focus,.principle-feedback-modal__field input:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1a}.principle-feedback-modal__field textarea{resize:vertical;min-height:70px}.principle-feedback-modal__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px 12px;font-size:.85rem}.principle-feedback-modal__actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.principle-feedback-modal__btn{cursor:pointer;border-radius:6px;padding:10px 18px;font-size:.9rem;font-weight:500;transition:background-color .15s,transform .1s}.principle-feedback-modal__btn--cancel{color:#4b5563;background:#f3f4f6;border:1px solid #d1d5db}.principle-feedback-modal__btn--cancel:hover{background:#e5e7eb}.principle-feedback-modal__btn--submit{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none}.principle-feedback-modal__btn--submit:hover:not(:disabled){transform:translateY(-1px)}.principle-feedback-modal__btn--submit:disabled{opacity:.6;cursor:not-allowed}.principle-feedback-modal__success{text-align:center;padding:40px 20px}.principle-feedback-modal__success-icon{color:#059669;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:12px;font-size:1.5rem;display:inline-flex}.principle-feedback-modal__success p{color:#059669;margin:0;font-weight:500}
.growth-delta-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #86efac;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.growth-delta-loading{color:#6b7280;background:#f9fafb;border-color:#e5e7eb;flex-direction:row;align-items:center;gap:8px;font-size:14px}.growth-delta-spinner{border:2px solid #e5e7eb;border-top-color:#22c55e;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite growth-spin}@keyframes growth-spin{to{transform:rotate(360deg)}}.growth-delta-header{align-items:center;gap:6px;display:flex}.growth-delta-icon{color:#22c55e;font-size:18px;font-weight:700;line-height:1}.growth-delta-title{color:#166534;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.growth-delta-items{flex-wrap:wrap;gap:12px;display:flex}.growth-delta-item{color:#374151;align-items:baseline;gap:4px;font-size:14px;display:flex}.growth-delta-highlight{background:#dcfce7;border:1px solid #86efac;border-radius:16px;padding:4px 10px}.growth-delta-value{color:#15803d;font-size:16px;font-weight:700}.growth-delta-label{color:#374151}.growth-delta-total{color:#6b7280;font-size:12px}
.whiteboard-board-buttons-stack{flex-direction:column;gap:8px;margin-top:8px;display:flex}.whiteboard-preferences-question-btn{color:#fff;cursor:pointer;background:#2e7d32;border:2px dashed #2e7d32;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:32px;font-weight:300;line-height:1;transition:all .15s;display:flex}.whiteboard-preferences-question-btn:hover{background:#1b5e20;transform:scale(1.08)}.whiteboard-preferences-question-btn:active{transform:scale(.95)}.question-preferences-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.question-preferences-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.question-preferences-modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.question-preferences-modal-header h2{color:#1a3a5a;margin:0;font-size:18px;font-weight:600}.question-preferences-modal-close{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.question-preferences-modal-close:hover{color:#333}.question-preferences-modal-body{padding:20px}.question-preferences-section{margin-bottom:20px}.question-preferences-section-label{color:#1a3a5a;margin-bottom:12px;font-size:14px;font-weight:600}.question-preferences-radio-group{flex-direction:column;gap:8px;display:flex}.question-preferences-radio-option{cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.question-preferences-radio-option:hover{background:#f5f5f5}.question-preferences-radio-option.selected{background:#e8f5e9}.question-preferences-radio-option input[type=radio]{accent-color:#2e7d32;margin-top:2px}.question-preferences-radio-label{color:#333;font-size:14px}.question-preferences-topic-selection{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-top:16px;padding:16px}.question-preferences-topic-type-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.question-preferences-topic-type-option{color:#555;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.question-preferences-topic-type-option input[type=radio]{accent-color:#2e7d32}.question-preferences-cascading-dropdowns{flex-direction:column;gap:12px;display:flex}.question-preferences-dropdown-row{align-items:center;gap:12px;display:flex}.question-preferences-dropdown-row label{color:#666;min-width:60px;font-size:13px;font-weight:500}.question-preferences-dropdown-row select{background:#fff;border:1px solid #ccc;border-radius:6px;flex:1;padding:8px 12px;font-size:14px}.question-preferences-dropdown-row select:focus{border-color:#2e7d32;outline:none}.question-preferences-free-subject-input{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.question-preferences-free-subject-input:focus{border-color:#2e7d32;outline:none}.question-preferences-free-subject-input::placeholder{color:#999}.question-preferences-checkboxes{flex-direction:column;gap:8px;display:flex}.question-preferences-checkbox-option{cursor:pointer;align-items:center;gap:10px;padding:8px 0;display:flex}.question-preferences-checkbox-option input[type=checkbox]{accent-color:#2e7d32;width:16px;height:16px}.question-preferences-checkbox-label{color:#333;font-size:14px}.question-preferences-free-text{resize:vertical;border:1px solid #ccc;border-radius:6px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px}.question-preferences-free-text:focus{border-color:#2e7d32;outline:none}.question-preferences-free-text::placeholder{color:#999}.question-preferences-examples{background:#f5f5f5;border-radius:6px;margin-top:8px;padding:12px}.question-preferences-examples-title{color:#666;margin-bottom:6px;font-size:12px;font-weight:600}.question-preferences-examples-list{color:#888;margin:0;padding-left:16px;font-size:12px}.question-preferences-examples-list li{margin-bottom:4px}.question-preferences-generate-btn{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:8px;width:100%;margin-top:20px;padding:14px;font-size:16px;font-weight:600;transition:background .15s}.question-preferences-generate-btn:hover:not(:disabled){background:#1b5e20}.question-preferences-generate-btn:disabled{cursor:not-allowed;background:#ccc}.question-preferences-generating{justify-content:center;align-items:center;gap:10px;display:flex}.question-preferences-spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.question-preferences-error{color:#c62828;background:#ffebee;border:1px solid #ef9a9a;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}
.add-homework-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-homework-modal{background:var(--bg-primary,#fff);border-radius:var(--mild-border-radius,8px);padding:var(--space-xl,24px);width:90%;max-width:400px;box-shadow:0 8px 32px #0003}.add-homework-modal-title{margin:0 0 var(--space-lg,16px);color:var(--text-primary,#1a1a2e);font-size:18px;font-weight:600}.add-homework-modal-error{color:#dc2626;padding:var(--space-sm,8px)var(--space-md,12px);border-radius:var(--slight-border-radius,4px);margin-bottom:var(--space-md,12px);background:#fef2f2;border:1px solid #fecaca;font-size:14px}.add-homework-modal-field{margin-bottom:var(--space-lg,16px)}.add-homework-modal-field label{margin-bottom:var(--space-sm,8px);color:var(--text-secondary,#666);font-size:14px;font-weight:500;display:block}.add-homework-modal-loading{color:var(--text-secondary,#666);padding:var(--space-md,12px);text-align:center;font-size:14px}.add-homework-modal-students{gap:var(--space-sm,8px);flex-direction:column;display:flex}.add-homework-modal-student{align-items:center;gap:var(--space-md,12px);padding:var(--space-md,12px);border:1px solid var(--border-color,#e0e0e0);border-radius:var(--slight-border-radius,4px);background:var(--bg-primary,#fff);cursor:pointer;transition:all .15s;display:flex}.add-homework-modal-student:hover{border-color:var(--primary-color,#4a90d9);background:#f8fafc}.add-homework-modal-student:disabled{opacity:.6;cursor:not-allowed}.add-homework-modal-student-selected{border-color:var(--primary-color,#4a90d9);background:#eff6ff;box-shadow:0 0 0 2px #4a90d933}.add-homework-modal-student-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.add-homework-modal-student-name{color:var(--text-primary,#1a1a2e);font-weight:500}.add-homework-modal-empty{color:var(--text-secondary,#666);text-align:center;padding:var(--space-lg,16px);font-size:14px}.add-homework-modal-actions{justify-content:flex-end;gap:var(--space-sm,8px);margin-top:var(--space-lg,16px);display:flex}.add-homework-modal-btn{padding:var(--space-sm,8px)var(--space-lg,16px);border-radius:var(--btn-radius,8px);background:var(--btn-primary-bg,#1a1a2e);color:#fff;cursor:pointer;border:none;font-weight:500;transition:opacity .15s}.add-homework-modal-btn:hover{opacity:.9}.add-homework-modal-btn:disabled{opacity:.5;cursor:not-allowed}.add-homework-modal-btn-cancel{padding:var(--space-sm,8px)var(--space-lg,16px);border:1px solid var(--border-color,#e0e0e0);border-radius:var(--btn-radius,8px);background:var(--bg-primary,#fff);color:var(--text-secondary,#666);cursor:pointer;font-weight:500;transition:all .15s}.add-homework-modal-btn-cancel:hover{background:#f5f5f5}.add-homework-modal-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.add-homework-modal-success{text-align:center;padding:var(--space-lg,16px)0}.add-homework-modal-success-icon{color:#fff;width:48px;height:48px;margin:0 auto var(--space-md,12px);background:#10b981;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.add-homework-modal-success p{margin:0 0 var(--space-sm,8px);color:var(--text-primary,#1a1a2e)}.add-homework-modal-homework-title{font-weight:600;color:var(--primary-color,#4a90d9)!important}
.homework-banner{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 16px;font-size:14px;display:flex;box-shadow:0 2px 8px #667eea4d}.homework-banner--overdue{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #ef44444d}.homework-banner-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.homework-banner-icon{font-size:16px}.homework-banner-title{font-weight:600}.homework-banner-due{background:#fff3;border-radius:4px;padding:2px 8px;font-size:12px}.homework-banner-due--overdue{background:#ffffff4d;font-weight:600}.homework-banner-progress{opacity:.9;font-size:12px}.homework-banner-link{color:#fff;opacity:.9;font-size:12px;text-decoration:underline;transition:opacity .15s}.homework-banner-link:hover{opacity:1}.homework-banner-collapse-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;transition:background .15s;display:flex}.homework-banner-collapse-btn:hover{background:#ffffff4d}.homework-banner-collapsed{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:16px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:12px;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 6px #667eea4d}.homework-banner-collapsed:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.homework-banner-collapsed-icon{font-size:12px}.homework-banner-collapsed-title{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:500;overflow:hidden}.homework-banner-overdue-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}
.lesson-presence-bar{background:#fffffff2;border-bottom:1px solid #e0e0e0;align-items:center;gap:16px;padding:8px 16px;font-size:14px;display:flex}.lesson-presence-status{align-items:center;gap:8px;display:flex}.lesson-presence-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.lesson-presence-label{color:#374151;font-weight:600}.lesson-presence-participants{flex:1;align-items:center;gap:4px;display:flex}.lesson-presence-avatar{background:#e5e7eb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.lesson-presence-avatar:first-child{margin-left:0}.lesson-presence-avatar.is-host{border-color:#f59e0b}.lesson-presence-avatar img{object-fit:cover;width:100%;height:100%}.lesson-presence-initials{color:#6b7280;font-size:12px;font-weight:600}.lesson-presence-host-badge{color:#fff;background:#f59e0b;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}.lesson-presence-more{color:#fff;cursor:pointer;background:#6b7280;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:11px;font-weight:600;display:flex;box-shadow:0 1px 3px #0000001a}.lesson-presence-more:hover{background:#4b5563}.lesson-presence-actions{align-items:center;gap:8px;display:flex}.lesson-presence-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s,opacity .15s}.lesson-presence-btn:disabled{opacity:.6;cursor:not-allowed}.lesson-presence-btn--copy{color:#374151;background:#e5e7eb}.lesson-presence-btn--copy:hover:not(:disabled){background:#d1d5db}.lesson-presence-btn--end{color:#fff;background:#ef4444}.lesson-presence-btn--end:hover:not(:disabled){background:#dc2626}
.join-lesson-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.join-lesson-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:48px;box-shadow:0 20px 60px #0000001a}.join-lesson-card h1{color:#1e293b;margin:0 0 16px;font-size:24px}.join-lesson-card p{color:#64748b;margin:0 0 24px;font-size:15px;line-height:1.5}.join-lesson-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px}.join-lesson-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
.principles-page{max-width:1200px;margin:0 auto;padding:2rem}.principles-page__auth-message{text-align:center;color:#6b7280;padding:4rem 2rem;font-size:1.1rem}.principles-page__loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.principles-page__spinner{border:3px solid #e5e7eb;border-top-color:#d4a017;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.principles-page__error{text-align:center;color:#dc2626;padding:4rem 2rem}.principles-page__error button{color:#fff;cursor:pointer;background:#d4a017;border:none;border-radius:6px;margin-top:1rem;padding:.5rem 1.5rem;font-weight:500}.principles-page__error button:hover{background:#b8860b}.principles-page__header{text-align:center;border-bottom:1px solid #e5e7eb;margin-bottom:3rem;padding-bottom:2rem}.principles-page__header h1{color:#111827;background:linear-gradient(135deg,#d4a017,#b8860b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.principles-page__tagline{color:#b8860b;margin:0 0 1rem;font-size:1.4rem;font-style:italic;font-weight:500}.principles-page__subtitle{color:#4b5563;max-width:700px;margin:0 auto 2rem;font-size:1.05rem;line-height:1.7}.principles-page__stats{justify-content:center;gap:3rem;display:flex}.principles-page__stat{flex-direction:column;align-items:center;display:flex}.principles-page__stat-value{color:#d4a017;font-size:2rem;font-weight:700}.principles-page__stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.principles-page__subject{background:#fff;border-radius:12px;margin-bottom:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.principles-page__subject-header{cursor:pointer;text-align:left;background:#fafafa;border:none;align-items:center;gap:1rem;width:100%;padding:1.25rem 1.5rem;transition:background-color .2s;display:flex}.principles-page__subject-header:hover{background:#f3f4f6}.principles-page__subject-header.is-expanded{border-bottom:1px solid #e5e7eb}.principles-page__subject-header h2{color:#111827;flex:1;margin:0;font-size:1.25rem;font-weight:600}.principles-page__subject-count{color:#6b7280;font-size:.9rem}.principles-page__expand-icon{color:#9ca3af;text-align:center;width:1.5rem;font-size:1.5rem;font-weight:300}.principles-page__principles-grid{background:#fff;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;padding:1.5rem;display:grid}.principle-card{background:#fefefe;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;padding:1.25rem;transition:border-color .2s,box-shadow .2s;display:flex}.principle-card:hover{border-color:#d4a017;box-shadow:0 2px 8px #d4a01726}.principle-card__header{align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.principle-card__name{color:#111827;flex:1;margin:0;font-size:1rem;font-weight:600;line-height:1.4}.principle-card__verified{color:#166534;white-space:nowrap;background:#d4f8d4;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:500}.principle-card__definition{flex:1}.principle-card__preview,.principle-card__text{color:#4b5563;margin:0;font-size:.9rem;line-height:1.6}.principle-card__latex{margin:.5rem 0;overflow-x:auto}.principle-card__expand-btn{color:#d4a017;cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.85rem;font-weight:500}.principle-card__expand-btn:hover{text-decoration:underline}.principle-card__no-definition{color:#9ca3af;flex:1;margin:0;font-size:.9rem;font-style:italic}.principle-card__footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;display:flex}.principle-card__question-count{color:#6b7280;font-size:.85rem}.principle-card__practice-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d4a017,#b8860b);border:none;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;font-weight:500;transition:transform .1s,box-shadow .2s}.principle-card__practice-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #d4a0174d}.principle-card__practice-btn:active{transform:translateY(0)}@media (max-width:768px){.principles-page{padding:1rem}.principles-page__header h1{font-size:2rem}.principles-page__stats{gap:2rem}.principles-page__stat-value{font-size:1.5rem}.principles-page__principles-grid{grid-template-columns:1fr;padding:1rem}}
.fractal-banner{background-color:#0a0a1a;width:100%;height:100vh;min-height:500px;position:relative;overflow:hidden}.fractal-banner canvas{width:100%;height:100%}.fractal-banner-content{text-align:center;z-index:1;width:100%;max-width:800px;padding:0 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fractal-banner-title{letter-spacing:6px;color:#fff;text-transform:uppercase;text-shadow:0 2px 20px #000c;pointer-events:none;margin:0 0 20px;font-size:4rem;font-weight:200}.fractal-banner-subtitle{color:#ffffffe6;text-shadow:0 2px 10px #0009;letter-spacing:1px;margin:0 0 30px;font-size:1.4rem;font-weight:300}.fractal-banner-loading{color:var(--marketing-accent,#a37e26);justify-content:center;align-items:center;height:100%;font-size:1.2rem;display:flex}@media (max-width:768px){.fractal-banner{height:80vh;min-height:400px}.fractal-banner-title{letter-spacing:3px;font-size:2.5rem}.fractal-banner-subtitle{font-size:1.1rem}}
.marketing-header,.marketing-header *{letter-spacing:1px;font-size:13px}.marketing-header{color:var(--marketing-accent,#d4a574);z-index:1000;background-color:#0a0a1a;padding:10px 20px;position:fixed;top:0;left:0;right:0}.marketing-header-container{justify-content:center;align-items:center;width:100%;max-width:1400px;margin:0 auto;display:flex}.marketing-header .main-nav{display:block}.marketing-header .nav-list{align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.marketing-header .nav-list li{position:relative}.marketing-header .nav-list li:not(:last-child):after{content:"/";color:var(--marketing-accent,#d4a574);margin-left:10px;position:absolute;top:0;right:-15px}.marketing-header .nav-list a{color:var(--marketing-accent,#d4a574);text-decoration:none;transition:color .3s}.marketing-header .nav-list a:hover,.marketing-header .nav-list li.active-link a{color:#fff}.marketing-header .mobile-menu-toggle,.marketing-header .mobile-cta{display:none}.marketing-header .app-view-button{background:var(--marketing-accent,#d4a574);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .3s}.marketing-header .app-view-button:hover{background:#b8956a;transform:translateY(-1px)}.marketing-header .logout-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#dc3545;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .3s}.marketing-header .logout-button:hover{background:#c82333;transform:translateY(-1px)}.marketing-header .login-button{background:var(--marketing-accent,#d4a574);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .3s}.marketing-header .login-button:hover{background:#b8956a;transform:translateY(-1px)}@media (max-width:1024px){.marketing-header{padding:10px 15px;overflow-x:hidden}.marketing-header-container{justify-content:space-between}.marketing-header .mobile-menu-toggle{cursor:pointer;z-index:1002;background:0 0;border:none;justify-content:center;align-items:center;padding:10px 0;display:flex}.marketing-header .hamburger-box{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.marketing-header .hamburger-inner{background-color:var(--marketing-accent,#d4a574);width:24px;height:2px;transition:all .3s;position:absolute}.marketing-header .hamburger-inner:before,.marketing-header .hamburger-inner:after{content:"";background-color:var(--marketing-accent,#d4a574);width:24px;height:2px;transition:all .3s;position:absolute;left:0}.marketing-header .hamburger-inner:before{top:-8px}.marketing-header .hamburger-inner:after{top:8px}.marketing-header .hamburger-box.open .hamburger-inner{background-color:#0000}.marketing-header .hamburger-box.open .hamburger-inner:before{top:0;transform:rotate(45deg)}.marketing-header .hamburger-box.open .hamburger-inner:after{top:0;transform:rotate(-45deg)}.marketing-header .mobile-cta{background-color:var(--marketing-accent,#d4a574);color:#000;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;z-index:1001;white-space:nowrap;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 12px;font-size:11px;font-weight:800;text-decoration:none;transition:background-color .3s;display:flex}.marketing-header .mobile-cta:hover{background-color:#b8956a}.marketing-header .main-nav{z-index:999;background-color:#0a0a1afa;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;padding-top:80px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.marketing-header .main-nav.open{transform:translate(0)}.marketing-header .nav-list{text-align:center;flex-direction:column;gap:20px;width:100%;padding-bottom:40px}.marketing-header .nav-list li:not(:last-child):after{display:none}.marketing-header .nav-list a{padding:5px 0;font-size:16px;font-weight:700;display:block}.marketing-header .app-view-button,.marketing-header .logout-button,.marketing-header .login-button{text-align:center;justify-content:center;width:80%;max-width:200px;margin-top:0;padding:12px 16px}}
.marketing-page{background-color:var(--marketing-bg,#0a0a1a);color:var(--marketing-text,#fff);height:auto;min-height:100vh;overflow-y:auto}body:has(.marketing-page){height:auto;overflow-y:auto}.marketing-section{padding:var(--marketing-section-padding,80px)20px;max-width:1200px;margin:0 auto}.marketing-section-dark{background-color:#0d0d1a}.marketing-section-light{background-color:#1a1a2e}.section-header{text-align:center;margin-bottom:60px}.section-header h2{letter-spacing:3px;color:#fff;margin:0 0 20px;font-size:2.5rem;font-weight:300}.section-header p{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.section-subheader{color:var(--marketing-accent,#d4a574);text-transform:uppercase;letter-spacing:2px;margin-top:10px;font-size:1rem}.pain-points-section{background-color:#0d0d1a;padding:80px 20px}.pain-points-content{max-width:700px;margin:0 auto}.pain-points-list{columns:1;margin:0;padding:0;list-style:none}@media (min-width:600px){.pain-points-list{columns:2;column-gap:40px}}.pain-points-list li{color:#fffc;break-inside:avoid;border-bottom:1px solid #ffffff14;padding:12px 0;font-size:1.1rem;line-height:1.6}.pain-points-list li:last-child{border-bottom:none}.tribe-section{background:linear-gradient(#0a0a1a 0%,#1a1a2e 100%);padding:100px 20px}.tribe-content{max-width:800px;margin:0 auto}.tribe-opening{color:#ffffffe6;margin-bottom:30px;font-size:1.4rem;line-height:1.9}.tribe-detail{color:#ffffffbf;margin-bottom:25px;font-size:1.2rem;line-height:1.8}.tribe-conclusion{color:var(--marketing-accent,#d4a574);text-align:center;border-top:1px solid #ffffff1a;margin-top:50px;padding:30px 0;font-size:1.5rem}.identity-section{background-color:#0d0d1a;padding:100px 20px}.identity-content{max-width:800px;margin:0 auto}.identity-traits p{color:#ffffffd9;margin-bottom:30px;font-size:1.2rem;line-height:1.9}.identity-traits p:last-child{margin-bottom:0}.philosophy-section{background:linear-gradient(#0d0d1a 0%,#1a1a2e 100%);padding:120px 20px}.philosophy-content{text-align:center;max-width:700px;margin:0 auto}.philosophy-main{color:#ffffffd9;margin-bottom:40px;font-size:1.3rem;line-height:1.8}.philosophy-emphasis{color:var(--marketing-accent,#d4a574);letter-spacing:2px;border-top:1px solid #d4a5744d;border-bottom:1px solid #d4a5744d;margin-bottom:40px;padding:30px 0;font-size:2rem;font-weight:300}.philosophy-detail{color:#ffffffbf;margin-bottom:40px;font-size:1.15rem;line-height:1.8}.philosophy-call{color:#ffffffe6;font-size:1.4rem;font-style:italic}.against-section{background-color:#0d0d1a;padding:100px 20px}.against-content{max-width:800px;margin:0 auto}.against-content p{color:#fffc;margin-bottom:25px;font-size:1.2rem;line-height:1.8}.against-list{margin:0;padding:0;list-style:none}.against-list li{color:#fffc;border-left:2px solid #ffffff26;margin-bottom:25px;padding-left:20px;font-size:1.2rem;line-height:1.8}.against-emphasis{text-align:center;border-top:1px solid #ffffff1a;padding-top:30px;color:var(--marketing-accent,#d4a574)!important;margin-top:40px!important;font-size:1.4rem!important}.truth-section{background:linear-gradient(#0d0d1a 0%,#0a0a1a 100%);padding:120px 20px}.truth-content{text-align:center;max-width:700px;margin:0 auto}.truth-statement{color:#fff;margin-bottom:30px;font-size:1.6rem;font-weight:300;line-height:1.7}.truth-proof{color:#fff9;margin-bottom:40px;font-size:1.15rem;font-style:italic}.truth-inquiry{color:#ffffffbf;font-size:1.1rem;line-height:1.8}.ripple-section{text-align:center;background-color:#0a0a1a;padding:120px 20px}.ripple-content{max-width:700px;margin:0 auto 50px}.ripple-intention{color:#ffffffe6;margin-bottom:30px;font-size:1.3rem}.ripple-image{color:#ffffffbf;margin-bottom:40px;font-size:1.2rem;line-height:1.8}.ripple-call{color:var(--marketing-accent,#d4a574);font-size:1.5rem;font-style:italic;font-weight:300;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.cta-button-primary{background:var(--marketing-accent,#d4a574);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:4px;padding:16px 32px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s}.cta-button-primary:hover{background:#b8956a;transform:translateY(-2px)}.cta-button-secondary{color:var(--marketing-accent,#d4a574);border:1px solid var(--marketing-accent,#d4a574);cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:0 0;border-radius:4px;padding:16px 32px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s}.cta-button-secondary:hover{background:#d4a5741a;transform:translateY(-2px)}.hero-subtext{color:#fff9;text-align:center;margin-top:15px;font-size:.95rem}.final-cta-subjects{color:#ffffff80;text-align:center;margin-top:30px;font-size:1rem;line-height:1.8}.problem-section{text-align:center;background:linear-gradient(#0a0a1a 0%,#1a1a2e 100%);padding:100px 20px}.problem-section h2{color:var(--marketing-accent,#d4a574);letter-spacing:2px;margin:0 0 30px;font-size:2rem;font-weight:400}.problem-section p{color:#fffc;max-width:700px;margin:0 auto 20px;font-size:1.3rem;line-height:1.8}.guide-section{background-color:#0d0d1a;padding:100px 20px}.guide-content{text-align:center;max-width:800px;margin:0 auto}.guide-section .empathy{color:#fff;margin-bottom:30px;font-size:1.8rem;font-style:italic;font-weight:300}.guide-section .empathy-detail{color:#ffffffb3;margin-bottom:50px;font-size:1.2rem;line-height:1.8}.guide-section .authority{color:var(--marketing-accent,#d4a574);margin-bottom:20px;font-size:1.4rem}.guide-section .authority-detail{color:#fffc;font-size:1.1rem;line-height:1.8}.plan-section{background-color:#1a1a2e;padding:100px 20px}.plan-steps{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1000px;margin:0 auto;display:grid}.plan-step{text-align:center;padding:30px}.plan-step-number{color:var(--marketing-accent,#d4a574);margin-bottom:20px;font-size:3rem;font-weight:200}.plan-step h3{color:#fff;margin:0 0 15px;font-size:1.3rem;font-weight:400}.plan-step p{color:#ffffffb3;font-size:1rem;line-height:1.6}.transform-section{background:linear-gradient(#1a1a2e 0%,#0d0d1a 100%);padding:100px 20px}.transform-content{grid-template-columns:1fr 1fr;gap:60px;max-width:900px;margin:0 auto;display:grid}.transform-before,.transform-after{border-radius:8px;padding:30px}.transform-before{background:#ffffff0d;border-left:3px solid #fff3}.transform-after{border-left:3px solid var(--marketing-accent,#d4a574);background:#d4a5741a}.transform-label{letter-spacing:2px;text-transform:uppercase;color:#ffffff80;margin-bottom:15px;font-size:.9rem;font-weight:600}.transform-after .transform-label{color:var(--marketing-accent,#d4a574)}.transform-text{color:#fffc;font-size:1.1rem;line-height:1.7}@media (max-width:768px){.transform-content{grid-template-columns:1fr;gap:30px}}.cta-section{text-align:center;background-color:#0a0a1a;padding:100px 20px}.cta-section h2{color:#fff;max-width:600px;margin:0 auto 30px;font-size:2rem;font-weight:300;line-height:1.5}.pricing-section{background-color:#1a1a2e;padding:100px 20px}.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:900px;margin:0 auto;display:grid}.marketing-footer{text-align:center;background-color:#050510;padding:40px 20px}.marketing-footer-content{max-width:600px;margin:0 auto}.marketing-footer p{color:#ffffff80;margin:0 0 10px;font-size:.9rem}.marketing-footer .footer-tagline{color:#ffffff4d;margin-bottom:20px;font-style:italic}.marketing-footer .footer-links{justify-content:center;align-items:center;gap:10px;display:flex}.marketing-footer .footer-links a{color:#ffffff80;font-size:.85rem;text-decoration:none;transition:color .3s}.marketing-footer .footer-links a:hover{color:var(--marketing-accent,#d4a574)}.marketing-footer .footer-links .separator{color:#ffffff4d}.founder-section{background:linear-gradient(#1a1a2e 0%,#0d0d1a 100%);padding:100px 20px}.founder-content{max-width:800px;margin:0 auto}.founder-credentials{text-align:center;margin-bottom:40px}.founder-headline{color:var(--marketing-accent,#d4a574);letter-spacing:1px;font-size:1.3rem;font-weight:400}.founder-story{margin-bottom:40px}.founder-story p{color:#ffffffd9;margin-bottom:25px;font-size:1.2rem;line-height:1.9}.founder-anecdote{border-left:3px solid var(--marketing-accent,#d4a574);background:#d4a5741a;border-radius:0 8px 8px 0;padding:25px;font-style:italic}.founder-link{text-align:center}.founder-link a{color:var(--marketing-accent,#d4a574);font-size:1rem;text-decoration:none;transition:opacity .3s}.founder-link a:hover{opacity:.8}.methodology-section{background-color:#0d0d1a;padding:100px 20px}.methodology-content{max-width:800px;margin:0 auto}.methodology-core{text-align:center;margin-bottom:60px}.methodology-principle{color:var(--marketing-accent,#d4a574);letter-spacing:1px;margin-bottom:30px;font-size:2rem;font-weight:300}.methodology-explanation{color:#ffffffe6;margin-bottom:25px;font-size:1.3rem;line-height:1.8}.methodology-why{color:#ffffffbf;margin-bottom:25px;font-size:1.15rem;line-height:1.8}.methodology-fear{color:#ffffffd9;border-top:1px solid #ffffff1a;padding-top:20px;font-size:1.2rem;font-style:italic}.methodology-process{margin-bottom:60px}.methodology-process h3{color:#fff;text-align:center;margin-bottom:30px;font-size:1.5rem;font-weight:400}.methodology-steps{counter-reset:step-counter;padding:0;list-style:none}.methodology-steps li{counter-increment:step-counter;color:#ffffffd9;margin-bottom:25px;padding-left:60px;font-size:1.1rem;line-height:1.7;position:relative}.methodology-steps li:before{content:counter(step-counter);border:1px solid var(--marketing-accent,#d4a574);width:40px;height:40px;color:var(--marketing-accent,#d4a574);background:#d4a57433;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:0;left:0}.methodology-steps li strong{color:#fff;margin-bottom:5px;display:block}.methodology-steps li span{color:#fff9;font-size:1rem;display:block}.methodology-principles{margin-bottom:60px}.methodology-principles h3{color:#fff;text-align:center;margin-bottom:30px;font-size:1.5rem;font-weight:400}.principles-list{padding:0;list-style:none}.principles-list li{color:#fffc;border-left:2px solid #d4a5744d;margin-bottom:20px;padding-left:20px;font-size:1.1rem;line-height:1.8}.principles-list li strong{color:var(--marketing-accent,#d4a574)}.methodology-research{background:#d4a57414;border:1px solid #d4a57433;border-radius:12px;margin-bottom:60px;padding:30px}.methodology-research h3{color:var(--marketing-accent,#d4a574);text-align:center;margin-bottom:20px;font-size:1.5rem;font-weight:400}.research-intro{color:#ffffffd9;text-align:center;margin-bottom:25px;font-size:1.1rem}.research-list{padding:0;list-style:none}.research-list li{color:#fffc;border-left:2px solid var(--marketing-accent,#d4a574);margin-bottom:15px;padding-left:20px;font-size:1rem;line-height:1.7}.research-list li strong{color:#fff}.methodology-app-connection{text-align:center;background:#ffffff08;border-radius:12px;padding:40px}.app-connection-text{color:#ffffffd9;margin-bottom:20px;font-size:1.2rem;line-height:1.8}.app-connection-emphasis{color:var(--marketing-accent,#d4a574);font-size:1.3rem;font-weight:400}.value-props-section{background:linear-gradient(#0d0d1a 0%,#1a1a2e 100%);padding:100px 20px}.value-props-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:0 auto;display:grid}.value-prop-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:30px;transition:all .3s}.value-prop-card:hover{background:#ffffff0d;border-color:#d4a5744d;transform:translateY(-4px)}.value-prop-title{color:var(--marketing-accent,#d4a574);margin:0 0 15px;font-size:1.3rem;font-weight:400}.value-prop-description{color:#ffffffbf;margin:0;font-size:1rem;line-height:1.7}.testimonials-section{background-color:#0a0a1a;padding:100px 20px}.testimonials-list{flex-direction:column;gap:40px;max-width:900px;margin:0 auto;display:flex}.testimonial-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:35px}.testimonial-header{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;display:flex}.testimonial-name{color:#fff;font-size:1.2rem;font-weight:500}.testimonial-context{color:var(--marketing-accent,#d4a574);background:#d4a57426;border-radius:20px;padding:4px 12px;font-size:.95rem}.testimonial-rating{color:gold;letter-spacing:2px;font-size:1rem}.testimonial-text{border:none;margin:0;padding:0}.testimonial-text p{color:#fffc;margin-bottom:15px;font-size:1.1rem;line-height:1.8}.testimonial-text p:last-child{margin-bottom:0}@media (max-width:768px){.section-header h2{letter-spacing:2px;font-size:2rem}.tribe-opening{font-size:1.2rem}.tribe-detail{font-size:1.1rem}.tribe-conclusion{font-size:1.3rem}.identity-traits p{font-size:1.1rem}.philosophy-emphasis{font-size:1.6rem}.truth-statement{font-size:1.4rem}.ripple-call{font-size:1.3rem}}.articles-index-container{max-width:900px;margin:0 auto;padding:60px 20px 100px}.articles-index-container h1{letter-spacing:3px;text-align:center;margin-bottom:20px;font-size:2.5rem;font-weight:300}.articles-intro{text-align:center;color:#ffffffb3;margin-bottom:50px;font-size:1.1rem}.articles-section{margin-bottom:50px}.articles-section h2{color:var(--accent-gold,#c9a227);border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:10px;font-size:1.5rem;font-weight:400}.articles-list{margin:0;padding:0;list-style:none}.articles-list li{background:#ffffff08;border-radius:8px;margin-bottom:20px;padding:15px 20px;transition:background .2s}.articles-list li:hover{background:#ffffff14}.articles-list a{color:#fff;font-size:1.1rem;font-weight:500;text-decoration:none}.articles-list a:hover{color:var(--accent-gold,#c9a227)}.article-description{color:#fff9;margin-top:8px;font-size:.9rem;line-height:1.5}.pricing-section{background:linear-gradient(#0d0d1a 0%,#1a1a2e 100%);padding:80px 20px}.pricing-content{max-width:500px;margin:0 auto}.pricing-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:40px}.pricing-amount{color:#fff;margin:0 0 10px;font-size:4rem;font-weight:300}.pricing-amount span{color:#fff9;font-size:1.5rem}.pricing-description{color:#fffc;margin:0 0 30px;font-size:1.2rem}.pricing-features{text-align:left;margin:0 0 30px;padding:0;list-style:none}.pricing-features li{color:#fffc;border-bottom:1px solid #ffffff1a;padding:12px 0;font-size:1rem}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";color:var(--accent-gold,#c9a227);margin-right:12px;font-weight:700}.pricing-trial{color:var(--accent-gold,#c9a227);margin:0;font-size:1rem;font-style:italic}
.goals-wizard-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.goals-wizard-modal{background-color:#fff;border-radius:12px;width:90%;max-width:520px;max-height:90vh;padding:32px;overflow:auto;box-shadow:0 4px 20px #0003}.goals-wizard-progress{gap:8px;margin-bottom:24px;display:flex}.goals-wizard-progress-step{background-color:var(--goals-border);border-radius:2px;flex:1;height:4px}.goals-wizard-progress-step--active{background-color:var(--goals-primary)}.goals-wizard-title{color:var(--goals-primary-dark);margin:0 0 8px}.goals-wizard-subtitle{color:var(--goals-text-muted);margin:0 0 24px;font-size:14px}.goals-wizard-section{margin-bottom:24px}.goals-wizard-section--small{margin-bottom:20px}.goals-wizard-label{color:var(--goals-text);margin-bottom:10px;font-weight:600;display:block}.goals-wizard-label--small{margin-bottom:6px}.goals-wizard-label-optional{color:var(--goals-text-light);font-weight:400}.goals-wizard-radio-grid{gap:8px;display:grid}.goals-wizard-radio-grid--two-col{grid-template-columns:1fr 1fr}.goals-wizard-radio-option{border:2px solid var(--goals-border);cursor:pointer;background-color:#fff;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;transition:all .15s;display:flex}.goals-wizard-radio-option--selected{border-color:var(--goals-primary);background-color:var(--goals-bg-selected)}.goals-wizard-radio-option--compact{border-radius:6px;align-items:center;gap:8px;padding:10px 12px}.goals-wizard-radio-input{margin-top:2px}.goals-wizard-radio-label{font-weight:500}.goals-wizard-radio-label--small{font-size:14px}.goals-wizard-radio-description{color:var(--goals-text-muted);font-size:12px}.goals-wizard-select{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.goals-wizard-date-input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.goals-wizard-textarea{resize:vertical;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:14px}.goals-wizard-textarea--large{min-height:100px}.goals-wizard-textarea--medium{min-height:80px}.goals-wizard-buttons{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.goals-wizard-btn{cursor:pointer;border-radius:6px;padding:10px 16px;font-size:14px}.goals-wizard-btn--skip{color:var(--goals-text-light);background-color:#0000;border:none}.goals-wizard-btn--back{color:var(--goals-text-muted);background-color:#fff;border:1px solid #ccc}.goals-wizard-btn--primary{background-color:var(--goals-primary);color:#fff;border:none;padding:10px 24px;font-weight:600}.goals-wizard-btn--primary:disabled{cursor:not-allowed;background-color:#ccc}.goals-wizard-checkbox-grid{gap:12px;display:grid}.goals-wizard-checkbox-option{border:2px solid var(--goals-border);cursor:pointer;background-color:#fff;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;transition:all .15s;display:flex}.goals-wizard-checkbox-option:hover{border-color:var(--goals-primary)}.goals-wizard-checkbox-option--selected{border-color:var(--goals-primary);background-color:var(--goals-bg-selected)}.goals-wizard-checkbox-input{width:18px;height:18px;accent-color:var(--goals-primary);margin-top:2px}.goals-wizard-checkbox-label{color:var(--goals-text);font-size:16px;font-weight:600}.goals-wizard-checkbox-description{color:var(--goals-text-muted);margin-top:2px;font-size:13px}
.spec-selector-container{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;margin-top:12px;padding:12px}.spec-selector-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.spec-selector-title{font-size:14px;font-weight:600}.spec-selector-suggest-btn{padding:var(--btn-padding-xs);background-color:var(--btn-success-bg);color:var(--btn-success-text);border-radius:var(--btn-radius);cursor:pointer;border:none;font-size:.75rem;font-weight:500;transition:all .2s}.spec-selector-suggest-btn:hover:not(:disabled){background-color:var(--btn-success-hover);transform:translateY(-1px)}.spec-selector-suggest-btn:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;transform:none}.spec-selector-suggestions{background-color:#e8f5e9;border:1px solid #a5d6a7;border-radius:6px;margin-bottom:12px;padding:12px}.spec-selector-suggestions-title{color:#2e7d32;margin-bottom:8px;font-size:13px;font-weight:600}.spec-selector-suggestions-desc{color:#555;margin-bottom:10px;font-size:12px}.spec-selector-suggestions-list{max-height:200px;margin-bottom:12px;overflow-y:auto}.spec-selector-suggestion-item{cursor:pointer;background-color:#fff;border-radius:4px;align-items:flex-start;gap:8px;margin-bottom:4px;padding:6px 8px;display:flex}.spec-selector-checkbox{margin-top:3px}.spec-selector-suggestion-topic{color:#666;margin-bottom:2px;font-size:11px}.spec-selector-suggestion-text{color:#333;font-size:12px}.spec-selector-suggestion-number{font-weight:600}.spec-selector-suggestion-confidence{color:#888;margin-top:2px;font-size:10px}.spec-selector-suggestions-actions{justify-content:flex-end;gap:8px;display:flex}.spec-selector-btn-cancel{padding:var(--btn-padding-xs);background-color:var(--btn-neutral-bg);color:var(--btn-neutral-text);border:1px solid var(--btn-neutral-border);border-radius:var(--btn-radius);cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.spec-selector-btn-cancel:hover{background-color:var(--btn-neutral-hover);transform:translateY(-1px)}.spec-selector-btn-accept{padding:var(--btn-padding-xs);background-color:var(--btn-success-bg);color:var(--btn-success-text);border-radius:var(--btn-radius);cursor:pointer;border:none;font-size:.75rem;font-weight:500;transition:all .2s}.spec-selector-btn-accept:hover:not(:disabled){background-color:var(--btn-success-hover);transform:translateY(-1px)}.spec-selector-btn-accept:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;transform:none}.spec-selector-search{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:12px;padding:8px;font-size:13px}.spec-selector-count{color:#666;margin-bottom:8px;font-size:12px}.spec-selector-hierarchy{max-height:300px;overflow-y:auto}.spec-selector-unit{margin-bottom:8px}.spec-selector-unit-header{cursor:pointer;border-bottom:1px solid #eee;align-items:center;gap:6px;padding:6px 0;display:flex}.spec-selector-expand-icon{color:#666;font-size:10px}.spec-selector-unit-name{font-size:14px;font-weight:600}.spec-selector-unit-topics{padding-left:8px}.spec-selector-topic-header{align-items:center;gap:6px;padding:4px 0;display:flex}.spec-selector-topic-header--clickable{cursor:pointer}.spec-selector-topic-name{font-size:13px;font-weight:500}.spec-selector-content-item{cursor:pointer;align-items:flex-start;gap:8px;margin-left:20px;padding:4px 0;display:flex}.spec-selector-content-text{color:#333;font-size:12px}.spec-selector-content-number{font-weight:600}.spec-selector-loading{color:#666;font-size:13px}
.progress-summary-loading{text-align:center;color:#666;background-color:#f9f9f9;border-radius:8px;padding:20px}.progress-summary-empty{text-align:center;background-color:#f9f9f9;border-radius:8px;padding:20px}.progress-summary-empty-text{color:#666;margin-bottom:12px}.progress-summary-generate-btn{color:#fff;cursor:pointer;background-color:#4a90d9;border:none;border-radius:6px;padding:8px 16px}.progress-summary-generate-btn:disabled{cursor:not-allowed;opacity:.7}.progress-summary-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.progress-summary-header{background-color:#f5f7fa;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.progress-summary-title{font-size:14px;font-weight:600}.progress-summary-item-count{color:#666;margin-left:8px;font-size:12px}.progress-summary-date{color:#888;font-size:12px}.progress-summary-text-container{padding:16px}.progress-summary-text{color:#333;margin:0;font-size:14px;line-height:1.5}.progress-summary-concepts-practiced{background-color:#f8faf8;border-top:1px solid #e8f0e8;padding:12px 16px}.progress-summary-section-title--practiced{color:#2d8a2d;margin-bottom:8px;font-size:12px;font-weight:600}.progress-summary-badges{flex-wrap:wrap;gap:6px;display:flex}.progress-summary-badge{background-color:#e8f4e8;border-radius:4px;padding:4px 8px;font-size:12px}.progress-summary-weak-areas{background-color:#fef8f8;border-top:1px solid #f0e8e8;padding:12px 16px}.progress-summary-section-title--weak{color:#c44;margin-bottom:8px;font-size:12px;font-weight:600}.progress-summary-weak-item{background-color:#fff;border:1px solid #f0e0e0;border-radius:4px;padding:8px}.progress-summary-weak-item--spaced{margin-bottom:6px}.progress-summary-weak-slug{font-size:13px;font-weight:500}.progress-summary-weak-issue{color:#666;margin-top:2px;font-size:12px}.progress-summary-weak-suggestion{color:#4a90d9;margin-top:4px;font-size:12px}.progress-summary-footer{text-align:right;border-top:1px solid #e0e0e0;padding:12px 16px}.progress-summary-refresh-btn{color:#333;cursor:pointer;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-size:12px}.progress-summary-refresh-btn:disabled{cursor:not-allowed;opacity:.7}
.mastery-loading{text-align:center;color:#666;padding:20px}.mastery-empty{text-align:center;color:#666;background-color:#f9f9f9;border-radius:8px;padding:20px}.mastery-empty-title{margin-bottom:8px;font-size:16px}.mastery-empty-subtitle{font-size:14px}.mastery-container{flex-direction:column;gap:20px;display:flex}.mastery-summary-bar{background-color:#f5f5f5;border-radius:8px;gap:16px;padding:12px 16px;display:flex}.mastery-summary-item{text-align:center;flex:1}.mastery-summary-count{font-size:24px;font-weight:700}.mastery-summary-count--mastered{color:#2d8a2d}.mastery-summary-count--developing{color:#d4a000}.mastery-summary-count--needs-practice{color:#c44}.mastery-summary-label{color:#666;font-size:12px}.mastery-group-title{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.mastery-group-dot{border-radius:50%;width:12px;height:12px}.mastery-group-badges{flex-wrap:wrap;gap:8px;display:flex}.mastery-badge{cursor:pointer;border-radius:6px;padding:8px 12px;font-size:13px;transition:transform .15s,box-shadow .15s}.mastery-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.mastery-badge-name{font-weight:500}.mastery-badge-meta{color:#666;margin-top:2px;font-size:11px}.concept-principle-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.concept-principle-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:85vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0003}.concept-principle-close{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.concept-principle-close:hover{background:#e0e0e0}.concept-principle-header{margin-bottom:20px}.concept-principle-title{color:#1a1a1a;margin:0 0 4px;font-size:22px;font-weight:600}.concept-principle-subtitle{color:#666;margin:0;font-size:14px}.concept-principle-loading,.concept-principle-error{text-align:center;color:#666;padding:24px}.concept-principle-error{color:#c62828;background:#ffebee;border-radius:8px}.concept-principle-empty{text-align:center;background:#f9f9f9;border-radius:8px;padding:24px}.concept-principle-empty p{color:#555;margin:0 0 8px}.concept-principle-empty-note{color:#888;font-size:13px}.concept-principle-content{margin-bottom:20px}.concept-principle-list-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.concept-principle-list{flex-direction:column;gap:16px;display:flex}.concept-principle-item{background:linear-gradient(135deg,#fdf8f3 0%,#fff9f2 100%);border:1px solid #d4a574;border-radius:10px;padding:16px}.concept-principle-item-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.concept-principle-item-icon{color:#b8860b;font-size:16px}.concept-principle-item-name{color:#4a3c31;flex:1;font-weight:600}.concept-principle-item-count{color:#7c6f63;background:#b8860b1a;border-radius:10px;padding:2px 8px;font-size:12px}.concept-principle-item-definition{color:#4a4a4a;background:#fff;border-left:3px solid #d4a574;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:14px;line-height:1.6}.concept-principle-related{margin-top:10px}.concept-principle-related-label{color:#7c6f63;margin-bottom:6px;font-size:12px;display:block}.concept-principle-related-list{flex-wrap:wrap;gap:6px;display:flex}.concept-principle-related-tag{color:#5d4e42;background:#fff;border:1px solid #e8ddd4;border-radius:12px;padding:4px 10px;font-size:12px}.concept-principle-related-more{color:#9c8878;padding:4px 10px;font-size:12px;font-style:italic}.concept-principle-footer{border-top:1px solid #e0e0e0;padding-top:16px}.concept-principle-footer p{color:#666;margin:0;font-size:13px;line-height:1.5}.concept-principle-footer strong{color:#b8860b}
.question-prompt-typing-container{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:16px 20px}.question-prompt-typing-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.question-prompt-typing-label{color:#555;font-size:14px;font-weight:500}.question-prompt-cancel-btn{cursor:pointer;color:#666;background-color:#0000;border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-size:12px}.question-prompt-textarea{resize:vertical;border:1px solid #ddd;border-radius:4px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px}.question-prompt-typing-footer{text-align:right;margin-top:12px}.question-prompt-submit-btn{color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.question-prompt-submit-btn--active{cursor:pointer;background-color:#2e7d32}.question-prompt-submit-btn--disabled{cursor:not-allowed;background-color:#ccc}.question-prompt-empty{text-align:center;background-color:#f8f9fa;border:1px dashed #bbb;border-radius:8px;margin-bottom:12px;padding:20px}.question-prompt-empty-text{color:#666;margin-bottom:16px;font-size:14px}.question-prompt-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.question-prompt-btn{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:14px}.question-prompt-btn--generate{color:#fff;background-color:#4caf50;border:none;align-items:center;gap:8px;display:flex}.question-prompt-btn--generate:disabled{cursor:not-allowed;background-color:#a5d6a7}.question-prompt-btn--type{color:#2196f3;background-color:#fff;border:1px solid #2196f3}.question-prompt-btn--write{color:#ff9800;background-color:#fff;border:1px solid #ff9800}.question-prompt-paste-btn{color:#9c27b0;cursor:pointer;background-color:#fff;border:2px solid #9c27b0;border-radius:6px;align-items:center;gap:4px;padding:10px 20px;font-size:14px;transition:all .2s;display:flex}.question-prompt-paste-btn:hover{background-color:#f3e5f5}.question-prompt-paste-btn--active{font-weight:600;animation:1.5s ease-in-out infinite pulse-glow;box-shadow:0 0 0 4px #9c27b04d;color:#fff!important;background-color:#7b1fa2!important}.question-prompt-paste-btn--active .question-prompt-kbd{font-weight:600;color:#fff!important;background-color:#ffffff40!important;border-color:#ffffff80!important}.question-prompt-paste-btn--active .question-prompt-paste-text{color:#fff!important}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 4px #9c27b04d}50%{box-shadow:0 0 0 8px #9c27b026}}.question-prompt-kbd{background-color:#f5f5f5;border:1px solid #ddd;border-radius:3px;padding:2px 6px;font-size:12px}.question-prompt-paste-text{margin-left:4px}.question-prompt-mini-whiteboard{position:relative}.question-prompt-mini-whiteboard-cancel{cursor:pointer;color:#666;z-index:1;background-color:#0000;border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:20px;right:4px}
.user-question-display{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;padding:12px 16px;display:flex}.user-question-display-content{flex:1}.user-question-label{color:#666;margin-bottom:4px;font-size:12px;display:block}.user-question-text{font-size:14px;font-weight:500}.user-question-edit-btn{flex-shrink:0}.user-question-form{background-color:#f0f7ff;border-bottom:1px solid #d0e0f0;padding:12px 16px}.user-question-form-header{margin-bottom:8px}.user-question-input-row{gap:8px;margin-bottom:8px;display:flex}.user-question-textarea{resize:vertical;border:1px solid #ccc;border-radius:4px;flex:1;min-height:60px;padding:8px;font-family:inherit;font-size:14px}.user-question-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-question-ocr-btn{background-color:#e8f4e8}.user-question-cancel-btn{background-color:#f0f0f0}.user-question-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-size:12px}.user-question-error{color:#c00;background-color:#fee;border-radius:4px;margin-top:8px;padding:8px;font-size:12px}.user-question-tip{color:#888;margin-top:8px;font-size:11px}
.mini-whiteboard-container{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-top:16px;padding:12px}.mini-whiteboard-label{color:#666;margin-bottom:8px;font-size:13px}.mini-whiteboard-canvas{touch-action:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;display:block}.mini-whiteboard-canvas--disabled{cursor:not-allowed}.mini-whiteboard-canvas--active{cursor:crosshair}.mini-whiteboard-error{color:#c62828;background-color:#ffebee;border-radius:4px;margin-top:8px;padding:8px;font-size:12px}.mini-whiteboard-buttons{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.mini-whiteboard-btn--clear{cursor:pointer;color:#666;background-color:#0000;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-size:12px}.mini-whiteboard-btn--clear:disabled{cursor:not-allowed;color:#bbb}.mini-whiteboard-btn--ocr{cursor:pointer;color:#fff;background-color:#1976d2;border:none;border-radius:4px;padding:8px 16px;font-size:13px}.mini-whiteboard-btn--ocr:disabled{cursor:not-allowed;background-color:#ccc}.mini-whiteboard-review{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-top:16px;padding:12px}.mini-whiteboard-review-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mini-whiteboard-review-label{color:#666;font-size:13px}.mini-whiteboard-btn--toggle-edit{cursor:pointer;color:#666;background-color:#0000;border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-size:11px}.mini-whiteboard-edit-textarea{resize:vertical;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;min-height:100px;padding:12px;font-family:monospace;font-size:14px}.mini-whiteboard-preview{background-color:#fff;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items:center;min-height:60px;padding:16px;font-size:18px;line-height:1.6;display:flex}.mini-whiteboard-review-footer{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.mini-whiteboard-btn--back{cursor:pointer;color:#666;background-color:#0000;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-size:12px}.mini-whiteboard-btn--submit{color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px}.mini-whiteboard-btn--submit--active{cursor:pointer;background-color:#2e7d32}.mini-whiteboard-btn--submit--disabled{cursor:not-allowed;background-color:#ccc}
.pasted-banner{background-color:#f0fff4;border-radius:8px;margin-bottom:12px;padding:16px 20px}.pasted-banner--error{border:1px solid #f0b8b8}.pasted-banner--normal{border:1px solid #a8e6c0}.pasted-banner-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.pasted-banner-title{color:#2a6a4a;font-size:13px}.pasted-banner-actions{gap:8px;display:flex}.pasted-banner-btn{cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px}.pasted-banner-btn--edit{color:#2a6a4a;background-color:#0000;border:1px solid #a8e6c0}.pasted-banner-btn--use{color:#fff;background-color:#2e7d32;border:none;padding:4px 12px}.pasted-banner-btn--use:disabled{cursor:not-allowed;opacity:.7}.pasted-banner-btn--clear{color:#2a6a4a;background-color:#0000;border:1px solid #a8e6c0;padding:4px 8px}.pasted-banner-error{color:#8a2a2a;background-color:#fff0f0;border:1px solid #f0b8b8;border-radius:4px;margin-bottom:8px;padding:8px 12px;font-size:13px}.pasted-banner-textarea{resize:vertical;background-color:#fff;border:1px solid #a8e6c0;border-radius:4px;width:100%;min-height:100px;padding:12px;font-family:monospace;font-size:14px}.pasted-banner-preview{color:#1a4a3a;padding:8px 0;font-size:18px;line-height:1.5}.pasted-banner-edited-hint{color:#6a8a6a;margin-top:4px;font-size:11px}.pasted-banner-source-section{border-top:1px solid #d4e6d0;margin-top:12px;padding-top:12px}.pasted-banner-source-row{align-items:center;gap:8px;display:flex}.pasted-banner-source-input{border:1px solid #ccc;border-radius:4px;flex:1;padding:8px 12px;font-size:13px}.pasted-banner-btn--remove-source{cursor:pointer;color:#666;background-color:#0000;border:1px solid #ccc;border-radius:4px;padding:6px 10px;font-size:12px}.pasted-banner-btn--add-source{cursor:pointer;color:#4a8a5a;background-color:#0000;border:1px dashed #a8e6c0;border-radius:4px;padding:6px 12px;font-size:12px}
.escalation-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.escalation-modal{background-color:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;padding:24px;overflow:auto;box-shadow:0 4px 20px #0003}.escalation-modal-title{color:#333;margin-top:0}.escalation-question-box{background-color:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:12px}.escalation-question-label{color:#666;margin-bottom:4px;font-size:12px}.escalation-question-text{font-size:16px}.escalation-error{color:#c62828;background-color:#ffebee;border-radius:8px;margin-bottom:16px;padding:16px}.escalation-prompt{margin-bottom:8px;font-size:14px;font-weight:600}.escalation-textarea{resize:vertical;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;min-height:100px;padding:12px;font-size:14px}.escalation-buttons{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.escalation-btn--cancel{color:#333;cursor:pointer;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:8px 20px;font-size:14px}.escalation-btn--submit{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;padding:8px 16px;font-size:14px}.escalation-btn--submit:disabled{cursor:not-allowed;background-color:#ccc}.escalation-success{color:#2e7d32;text-align:center;background-color:#e8f5e9;border-radius:8px;margin-bottom:16px;padding:16px}.escalation-close-row{text-align:right}
.edit-question-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.edit-question-modal-card{background-color:#fff;border-radius:12px;width:600px;max-width:90vw;max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 4px 20px #00000026}.edit-question-close-x{cursor:pointer;color:#666;background:0 0;border:none;padding:0;font-size:28px;line-height:1;position:absolute;top:12px;right:16px}.edit-question-close-x:hover{color:#333}.edit-question-modal-title{color:#333;margin:0 0 20px;font-size:18px;font-weight:600}.edit-question-error{color:#c62828;background:#ffebee;border-radius:4px;margin-bottom:16px;padding:8px 12px;font-size:13px}.edit-question-field{margin-bottom:16px}.edit-question-field--marks{max-width:120px}.edit-question-label{color:#555;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.edit-question-pasting{color:#1976d2;font-style:italic;font-weight:400}.edit-question-textarea{resize:vertical;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-family:inherit;font-size:14px}.edit-question-textarea:focus{border-color:#90caf9;outline:none}.edit-question-input{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 10px;font-size:14px}.edit-question-input:focus{border-color:#90caf9;outline:none}.edit-question-preview{background:#fafafa;border:1px solid #eee;border-radius:4px;margin-top:8px;padding:10px}.edit-question-preview-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px}.edit-question-preview-content{color:#333;font-size:14px;line-height:1.5}.edit-question-actions{gap:10px;margin-top:20px;display:flex}.edit-question-btn{cursor:pointer;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.edit-question-btn:disabled{opacity:.6;cursor:not-allowed}.edit-question-btn--save{color:#fff;background:#1976d2;border:none}.edit-question-btn--save:hover:not(:disabled){background:#1565c0}.edit-question-btn--cancel{color:#333;background:#f5f5f5;border:1px solid #ddd}.edit-question-btn--cancel:hover:not(:disabled){background:#eee}
.syllabus-overlay-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.syllabus-overlay-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.syllabus-overlay-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;gap:16px;padding:16px 20px;display:flex}.syllabus-overlay-header h2{color:var(--light-primary-text);margin:0;font-size:18px;font-weight:600}.syllabus-overlay-header .syllabus-spec-selector{background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;max-width:300px;padding:8px 12px;font-size:14px}.syllabus-overlay-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px 8px;font-size:24px;line-height:1}.syllabus-overlay-close:hover{color:#374151;background:#e5e7eb}.syllabus-overlay-content{flex:1;padding:20px;overflow-y:auto}.syllabus-overlay-modal .syllabus-meta{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:16px}.syllabus-overlay-modal .syllabus-meta h3{margin:0 0 4px;font-size:16px;font-weight:600}.syllabus-overlay-modal .syllabus-meta p{color:#6b7280;margin:0 0 12px;font-size:13px}.syllabus-overlay-modal .syllabus-unit{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;overflow:hidden}.syllabus-overlay-modal .syllabus-unit-header{cursor:pointer;background:#f9fafb;align-items:center;gap:8px;padding:12px 16px;transition:background .15s;display:flex}.syllabus-overlay-modal .syllabus-unit-header:hover{background:#f3f4f6}.syllabus-overlay-modal .syllabus-unit-name{flex:1;font-size:14px;font-weight:600}.syllabus-overlay-modal .syllabus-unit-content{padding:8px 16px 16px}.syllabus-overlay-modal .syllabus-topic{margin-top:8px}.syllabus-overlay-modal .syllabus-topic-header{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.syllabus-overlay-modal .syllabus-topic-header.clickable:hover{background:#f3f4f6}.syllabus-overlay-modal .syllabus-topic-name{flex:1;font-size:13px;font-weight:500}.syllabus-overlay-modal .syllabus-topic-content{margin-top:4px;padding-left:16px}.syllabus-overlay-modal .syllabus-spec-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;align-items:center;gap:8px;margin:4px 0;padding:8px 12px;display:flex}.syllabus-overlay-modal .syllabus-spec-item:hover{background:#f5f5f5;border-color:#e5e7eb}.syllabus-overlay-modal .syllabus-spec-number{color:#9ca3af;min-width:24px;font-size:11px}.syllabus-overlay-modal .syllabus-spec-text{color:#374151;flex:1;font-size:13px}.syllabus-overlay-modal .syllabus-ability-badge{color:#fff;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.syllabus-overlay-modal .syllabus-practice-btn-group{gap:4px;display:flex}.syllabus-overlay-modal .syllabus-practice-btn{cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s}.syllabus-overlay-modal .syllabus-practice-btn--conceptual{color:#2563eb;background:#2563eb1a}.syllabus-overlay-modal .syllabus-practice-btn--conceptual:hover:not(:disabled){color:#fff;background:#2563eb}.syllabus-overlay-modal .syllabus-practice-btn--quantitative{color:#7c3aed;background:#8b5cf61a}.syllabus-overlay-modal .syllabus-practice-btn--quantitative:hover:not(:disabled){color:#fff;background:#7c3aed}.syllabus-overlay-modal .syllabus-practice-btn:disabled{opacity:.5;cursor:wait}.syllabus-overlay-modal .syllabus-progress-container{align-items:center;gap:8px;min-width:120px;display:flex}.syllabus-overlay-modal .syllabus-progress-bar{background:#e5e7eb;border-radius:999px;flex:1;height:6px;overflow:hidden}.syllabus-overlay-modal .syllabus-progress-fill{border-radius:999px;height:100%;transition:width .3s}.syllabus-overlay-modal .syllabus-progress-text{color:#6b7280;white-space:nowrap;font-size:11px}.syllabus-overlay-modal .syllabus-expand-icon{color:#9ca3af;width:12px;font-size:10px}.syllabus-overlay-footer{text-align:center;background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 20px}.syllabus-overlay-hint{color:#9ca3af;font-size:12px}.syllabus-overlay-modal .syllabus-loading,.syllabus-overlay-modal .syllabus-error{text-align:center;color:#6b7280;padding:40px}.syllabus-overlay-modal .syllabus-error{color:#dc2626}
.hotkey-modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hotkey-modal-card{background:#fff;border-radius:12px;width:320px;max-width:90vw;box-shadow:0 4px 20px #00000026}.hotkey-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.hotkey-modal-header h2{margin:0;font-size:16px;font-weight:600}.hotkey-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.hotkey-modal-close:hover{color:#374151}.hotkey-modal-content{padding:16px 20px}.hotkey-row{align-items:center;gap:16px;padding:8px 0;display:flex}.hotkey-key{text-align:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;min-width:100px;padding:4px 8px;font-family:monospace;font-size:13px;display:inline-block}.hotkey-action{color:#374151;font-size:14px}.hotkey-modal-footer{text-align:center;border-top:1px solid #e5e7eb;padding:12px 20px}.hotkey-hint{color:#9ca3af;font-size:12px}.toolbar-section--help{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:8px}.toolbar-help-btn{justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto;font-size:16px;font-weight:600;display:flex}
.minimal-whiteboard-container{flex-direction:row;align-items:flex-start;padding:12px;display:flex}.minimal-whiteboard-controls{flex-direction:column;gap:8px;margin-right:16px;display:flex}.minimal-whiteboard-name-row{margin-bottom:8px}.minimal-whiteboard-rename-input{border:1px solid #ccc;border-radius:4px;width:100%;padding:4px 8px;font-size:14px}.minimal-whiteboard-name{cursor:pointer;background-color:#f5f5f5;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:700}.minimal-whiteboard-ocr-btn{margin-top:12px}.minimal-whiteboard-ocr-result{word-break:break-word;background-color:#f0f0f0;border-radius:4px;max-width:200px;margin-top:8px;padding:8px;font-size:12px}.minimal-whiteboard-ocr-result pre{white-space:pre-wrap;margin:4px 0 0;font-size:11px}.minimal-whiteboard-canvas-container{justify-content:center;display:flex}.minimal-whiteboard-canvas{touch-action:none;background-color:#fff;border:1px solid #ccc}
.user-notes-input-add-btn{background-color:#f8f8f8;border:1px dashed #ccc;margin:8px 0}.user-notes-input{box-sizing:border-box;background-color:#fffef0;border:1px solid #e8e4c8;border-radius:6px;margin:8px 0;padding:12px;overflow:hidden}.user-notes-input-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.user-notes-input-label{color:#666;font-size:12px;font-weight:600}.user-notes-input-controls{align-items:center;gap:8px;display:flex}.user-notes-input-hide-btn{background:0 0;border:1px solid #ccc;border-radius:3px;padding:2px 8px;font-size:11px}.user-notes-input-hide-btn--enabled{cursor:pointer;color:#666}.user-notes-input-hide-btn--disabled{cursor:not-allowed;color:#bbb}.user-notes-input-textarea{resize:vertical;box-sizing:border-box;background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;min-height:180px;padding:10px;font-family:inherit;font-size:14px}.user-notes-input-status{color:#888;margin-top:4px;font-size:11px}
.brush-style-toggle-container{flex-direction:column;gap:4px;margin-top:12px;display:flex}.brush-style-toggle-label{color:#666;font-size:12px}.brush-style-toggle-btn{align-items:center;gap:6px;padding:6px 10px;display:flex}.brush-style-toggle-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.brush-style-toggle-text{font-size:12px}
.progress-login-prompt{text-align:center;max-width:600px;margin:0 auto;padding:40px}.progress-login-title{margin-bottom:16px}.progress-login-text{color:#666}.progress-container{max-width:900px;margin:0 auto;padding:20px}.progress-page-title{margin-bottom:8px;font-size:24px;font-weight:600}.progress-page-subtitle{color:#666;margin-bottom:24px;font-size:14px}.progress-error{color:#c00;background-color:#fee;border:1px solid #fcc;border-radius:6px;margin-bottom:20px;padding:12px 16px}.progress-grid{grid-template-columns:1fr;gap:24px;display:grid}.progress-section-title{color:#333;margin-bottom:12px;font-size:16px;font-weight:600}
.dashboard-welcome-container{text-align:center;max-width:800px;margin:0 auto;padding:50px 50px 400px}.dashboard-welcome-content{text-align:left;margin-top:30px;font-size:1.1rem;line-height:1.6}.dashboard-welcome-heading{margin-top:20px}.dashboard-welcome-list{padding-left:1.5rem}.dashboard-welcome-btn{padding:var(--btn-padding);cursor:pointer;border-radius:var(--btn-radius);color:var(--btn-primary-text);background-color:var(--btn-primary-bg);border:none;margin-top:30px;font-size:1rem;font-weight:500;transition:all .2s}.dashboard-welcome-btn:hover{background-color:var(--btn-primary-hover);transform:translateY(-2px)}
.fractals-viewer-container{background-color:var(--fractals-bg);min-height:100vh;color:var(--fractals-text);font-family:system-ui,-apple-system,sans-serif}.fractals-viewer-loading{min-height:100vh;color:var(--fractals-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.fractals-viewer-loading-spinner{border:3px solid #333;border-top-color:var(--fractals-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fractals-viewer-header{text-align:center;padding:40px 20px 20px}.fractals-viewer-title{color:var(--fractals-accent);margin:0;font-size:2.5rem;font-weight:300}.fractals-viewer-subtitle{color:var(--fractals-text-muted);margin-top:10px;font-size:1.1rem}.fractals-viewer-tab-nav{justify-content:center;gap:8px;padding:0 20px 20px;display:flex}.fractals-viewer-tab-btn{color:var(--fractals-text-muted);cursor:pointer;background-color:#0000;border:1px solid #333;border-radius:8px;padding:12px 24px;font-size:1rem;transition:all .2s}.fractals-viewer-tab-btn--active{color:var(--fractals-accent);border-color:var(--fractals-accent);background-color:#1a1a1a}.fractals-viewer-main{max-width:1200px;margin:0 auto;padding:20px}.fractals-viewer-fractal-view{flex-direction:column;align-items:center;gap:30px;display:flex}.fractals-viewer-canvas-container{background-color:#050505;border-radius:16px;padding:30px;box-shadow:0 8px 32px #0000004d}.fractals-viewer-info-panel{text-align:center;max-width:500px}.fractals-viewer-preset-name{color:var(--fractals-accent);margin:0 0 12px;font-size:1.8rem;font-weight:400}.fractals-viewer-journey-message{color:#aaa;margin:0 0 24px;font-size:1rem;line-height:1.6}.fractals-viewer-actions{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.fractals-viewer-action-btn{color:#ddd;cursor:pointer;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:10px 24px;font-size:.95rem;transition:all .2s}.fractals-viewer-preset-details{color:#666;justify-content:center;gap:20px;font-size:.85rem;display:flex}.fractals-viewer-collection-view{padding:20px 0}.fractals-viewer-section-title{color:var(--fractals-accent);text-align:center;margin-bottom:10px;font-size:1.5rem;font-weight:300}.fractals-viewer-collection-subtitle{text-align:center;color:var(--fractals-text-muted);margin-bottom:30px}.fractals-viewer-collection-section{margin-bottom:40px}.fractals-viewer-collection-section-title{color:#aaa;margin-bottom:16px;font-size:1.1rem}.fractals-viewer-collection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.fractals-viewer-collection-card{background-color:var(--fractals-surface);border:1px solid #252525;border-radius:12px;overflow:hidden}.fractals-viewer-collection-card--locked{opacity:.5}.fractals-viewer-collection-card-preview{background-color:var(--fractals-bg);justify-content:center;align-items:center;height:100px;display:flex}.fractals-viewer-locked-icon{opacity:.5;font-size:2rem}.fractals-viewer-collection-card-info{padding:12px}.fractals-viewer-collection-card-name{color:#ddd;margin:0;font-size:1rem}.fractals-viewer-collection-card-desc{color:var(--fractals-text-muted);margin:6px 0 0;font-size:.8rem;line-height:1.4}.fractals-viewer-empty-state{text-align:center;color:#666;padding:60px 20px}.fractals-viewer-stats-view{padding:20px 0}.fractals-viewer-journey-badge{border:1px solid;border-radius:12px;flex-direction:column;align-items:center;width:fit-content;margin:20px auto 40px;padding:16px 32px;display:inline-flex}.fractals-viewer-journey-badge-label{color:var(--fractals-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.fractals-viewer-journey-badge-value{text-transform:capitalize;margin-top:4px;font-size:1.3rem;font-weight:500}.fractals-viewer-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:40px;display:grid}.fractals-viewer-stat-card{background-color:var(--fractals-surface);text-align:center;border:1px solid #252525;border-radius:12px;padding:20px}.fractals-viewer-stat-value{margin-bottom:8px;font-size:2rem;font-weight:600}.fractals-viewer-stat-label{color:#ddd;margin-bottom:4px;font-size:.9rem}.fractals-viewer-stat-description{color:#666;font-size:.75rem}.fractals-viewer-total-attempts{text-align:center;background-color:var(--fractals-surface);border:1px solid #252525;border-radius:12px;padding:30px}.fractals-viewer-total-attempts-value{color:var(--fractals-accent);font-size:3rem;font-weight:600;display:block}.fractals-viewer-total-attempts-label{color:var(--fractals-text-muted);margin-top:8px;font-size:1rem;display:block}.fractals-viewer-modal-overlay{z-index:1000;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fractals-viewer-modal{background-color:var(--fractals-surface);text-align:center;border:1px solid #333;border-radius:20px;width:90%;max-width:500px;padding:40px}.fractals-viewer-celebration-title{color:var(--fractals-accent);margin-bottom:24px;font-size:1.8rem;font-weight:400}.fractals-viewer-celebration-content{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.fractals-viewer-celebration-card{background-color:var(--fractals-bg);border-radius:12px;padding:20px}.fractals-viewer-celebration-preview{justify-content:center;margin-bottom:16px;display:flex}.fractals-viewer-celebration-name{color:#ddd;margin:0 0 8px;font-size:1.2rem}.fractals-viewer-celebration-desc{color:var(--fractals-text-muted);margin:0;font-size:.9rem}.fractals-viewer-celebration-btn{background-color:var(--fractals-accent);color:#000;cursor:pointer;border:none;border-radius:10px;padding:14px 40px;font-size:1rem;font-weight:500;transition:all .2s}