*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#f0f4f8;--bg-secondary:#ffffff;--bg-tertiary:#e2e8f0;--text-primary:#1a202c;--text-secondary:#4a5568;--accent:#4f46e5;--accent-rgb:79,70,229;--accent-hover:#4338ca;--accent-secondary:#8b5cf6;--accent-glow:rgba(99,102,241,0.25);--success:#10b981;--success-rgb:16,185,129;--success-glow:rgba(16,185,129,0.25);--warning:#f59e0b;--warning-rgb:245,158,11;--warning-glow:rgba(245,158,11,0.25);--danger:#ef4444;--danger-rgb:239,68,68;--danger-glow:rgba(239,68,68,0.25);--text-tertiary:#718096;--border:rgba(0,0,0,0.1);--color-science:#2e7d32;--color-science-rgb:46,125,50;--color-social-studies:#1565c0;--color-social-studies-rgb:21,101,192;--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(255,255,255,0.3);--glass-shadow:0 8px 32px rgba(0,0,0,0.1);--card-bg:var(--bg-primary);--surface:var(--bg-primary)}body{--card-bg:var(--bg-primary);--surface:var(--bg-primary)}body.dark-mode{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--accent:#6366f1;--accent-rgb:99,102,241;--accent-hover:#818cf8;--accent-secondary:#818cf8;--accent-glow:rgba(99,102,241,0.4);--success-glow:rgba(16,185,129,0.4);--warning-glow:rgba(245,158,11,0.4);--danger-glow:rgba(239,68,68,0.4);--text-tertiary:#64748b;--border:rgba(255,255,255,0.1);--color-science:#4caf50;--color-science-rgb:76,175,80;--color-social-studies:#42a5f5;--color-social-studies-rgb:66,165,245;--glass-bg:rgba(30,41,59,0.7);--glass-border:rgba(255,255,255,0.1);--glass-shadow:0 8px 32px rgba(0,0,0,0.5)}body.dark-mode.color-arcade{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--text-primary:#e8e8e8;--text-secondary:#a0aec0;--accent:#00d4ff;--accent-rgb:0,212,255;--accent-hover:#00b8e6;--accent-secondary:#a855f7;--accent-glow:rgba(0,212,255,0.35);--success:#39ff14;--success-rgb:57,255,20;--success-glow:rgba(57,255,20,0.3);--warning:#ffd700;--warning-rgb:255,215,0;--warning-glow:rgba(255,215,0,0.3);--danger:#ff3860;--danger-rgb:255,56,96;--danger-glow:rgba(255,56,96,0.3);--border:rgba(0,212,255,0.15);--glass-bg:rgba(22,33,62,0.8);--glass-border:rgba(0,212,255,0.12);--glass-shadow:0 8px 32px rgba(0,0,0,0.6);--cm-secondary:#a855f7;--cm-header-gradient:linear-gradient(135deg,#0f3460,#1a1a2e);--cm-glow-color:rgba(0,212,255,0.15);--cm-progress-gradient:linear-gradient(90deg,#00d4ff,#6366f1);--cm-success-burst:#39ff14}body.dark-mode.color-slime{--bg-primary:#0a1a0a;--bg-secondary:#0d2818;--bg-tertiary:#1a3a2a;--text-primary:#e0f0e0;--text-secondary:#8fbc8f;--accent:#39ff14;--accent-rgb:57,255,20;--accent-hover:#32e012;--accent-secondary:#ff1493;--accent-glow:rgba(57,255,20,0.3);--success:#00ff88;--success-rgb:0,255,136;--success-glow:rgba(0,255,136,0.3);--warning:#ffb700;--warning-rgb:255,183,0;--warning-glow:rgba(255,183,0,0.3);--danger:#ff1493;--danger-rgb:255,20,147;--danger-glow:rgba(255,20,147,0.3);--border:rgba(57,255,20,0.12);--glass-bg:rgba(13,40,24,0.8);--glass-border:rgba(57,255,20,0.1);--glass-shadow:0 8px 32px rgba(0,0,0,0.6);--cm-secondary:#ff1493;--cm-header-gradient:linear-gradient(135deg,#1a3a2a,#0a1a0a);--cm-glow-color:rgba(57,255,20,0.12);--cm-progress-gradient:linear-gradient(90deg,#39ff14,#00d4aa);--cm-success-burst:#00ff88}body.dark-mode.color-cyber{--bg-primary:#0d0d1a;--bg-secondary:#1a0d2e;--bg-tertiary:#2d1b4e;--text-primary:#e8e0f0;--text-secondary:#a78bba;--accent:#ff00ff;--accent-rgb:255,0,255;--accent-hover:#e600e6;--accent-secondary:#1e90ff;--accent-glow:rgba(255,0,255,0.3);--success:#00ffff;--success-rgb:0,255,255;--success-glow:rgba(0,255,255,0.3);--warning:#ff8c00;--warning-rgb:255,140,0;--warning-glow:rgba(255,140,0,0.3);--danger:#ff2060;--danger-rgb:255,32,96;--danger-glow:rgba(255,32,96,0.3);--border:rgba(255,0,255,0.12);--glass-bg:rgba(26,13,46,0.8);--glass-border:rgba(255,0,255,0.1);--glass-shadow:0 8px 32px rgba(0,0,0,0.6);--cm-secondary:#1e90ff;--cm-header-gradient:linear-gradient(135deg,#2d1b4e,#0d0d1a);--cm-glow-color:rgba(255,0,255,0.12);--cm-progress-gradient:linear-gradient(90deg,#ff00ff,#8b5cf6);--cm-success-burst:#00ffff}body.dark-mode.color-california{--bg-primary:#190524;--bg-secondary:#2A0A38;--bg-tertiary:#3d1252;--text-primary:#f0e8f5;--text-secondary:#b8a0c8;--accent:#E60050;--accent-rgb:230,0,80;--accent-hover:#ff1a6a;--accent-secondary:#00B5E2;--accent-glow:rgba(230,0,80,0.35);--success:#D0DE21;--success-rgb:208,222,33;--success-glow:rgba(208,222,33,0.3);--warning:#F9E300;--warning-rgb:249,227,0;--warning-glow:rgba(249,227,0,0.3);--danger:#ff3860;--danger-rgb:255,56,96;--danger-glow:rgba(255,56,96,0.3);--border:rgba(230,0,80,0.15);--glass-bg:rgba(42,10,56,0.85);--glass-border:rgba(230,0,80,0.12);--glass-shadow:0 8px 32px rgba(0,0,0,0.6);--cm-secondary:#00B5E2;--cm-header-gradient:linear-gradient(135deg,#2A0A38,#190524);--cm-glow-color:rgba(201,0,118,0.2);--cm-progress-gradient:linear-gradient(90deg,#C90076,#E60050);--cm-success-burst:#D0DE21}body.dark-mode.color-arcade .glass-header,body.dark-mode.color-arcade .workspace-header,body.dark-mode.color-slime .glass-header,body.dark-mode.color-slime .workspace-header,body.dark-mode.color-cyber .glass-header,body.dark-mode.color-cyber .workspace-header,body.dark-mode.color-california .glass-header,body.dark-mode.color-california .workspace-header{background:var(--cm-header-gradient,var(--glass-bg))!important;box-shadow:0 2px 12px var(--cm-glow-color,transparent)!important;border-color:var(--border)}body.dark-mode.color-arcade .progress-fill,body.dark-mode.color-arcade .progress-bar-fill,body.dark-mode.color-slime .progress-fill,body.dark-mode.color-slime .progress-bar-fill,body.dark-mode.color-cyber .progress-fill,body.dark-mode.color-cyber .progress-bar-fill,body.dark-mode.color-california .progress-fill,body.dark-mode.color-california .progress-bar-fill{background:var(--cm-progress-gradient,var(--accent))!important}body[class*="color-"] .glass-card{box-shadow:var(--glass-shadow),0 0 6px var(--cm-glow-color,transparent)}body[class*="color-"] textarea,body[class*="color-"] .writing-area,body[class*="color-"] .editor-textarea,body[class*="color-"] [contenteditable]{background:var(--bg-secondary)!important;box-shadow:none!important;border-color:var(--border)!important}@keyframes cm-progress-pulse{0%,100%{opacity:1}50%{opacity:0.85}}body[class*="color-"] .progress-fill,body[class*="color-"] .progress-bar-fill{animation:cm-progress-pulse 2s ease-in-out infinite}@keyframes cm-success-glow{0%{box-shadow:0 0 0 0 var(--success-glow)}50%{box-shadow:0 0 6px 3px var(--success-glow)}100%{box-shadow:0 0 0 0 var(--success-glow)}}body[class*="color-"] button[class*="submit"],body[class*="color-"] .btn-primary,body[class*="color-"] button.primary-btn{box-shadow:0 0 4px var(--accent-glow)}body[class*="color-"] button[class*="submit"]:hover,body[class*="color-"] .btn-primary:hover,body[class*="color-"] button.primary-btn:hover{box-shadow:0 0 6px var(--accent-glow)}body[class*="color-"] .streak-display,body[class*="color-"] .streak-badge{color:var(--cm-success-burst,var(--success));text-shadow:0 0 4px var(--success-glow)}body[class*="color-"].user-typing .progress-fill,body[class*="color-"].user-typing .progress-bar-fill{animation:none}body[class*="color-"].user-typing .glass-header,body[class*="color-"].user-typing .workspace-header{box-shadow:none!important}body[class*="color-"].user-typing button[class*="submit"],body[class*="color-"].user-typing .btn-primary{box-shadow:none}:root{--cat-color:var(--accent);--cat-rgb:var(--accent-rgb);--cat-light:rgba(var(--accent-rgb),0.08);--cat-border:rgba(var(--accent-rgb),0.2);--cat-glow:rgba(var(--accent-rgb),0.12);--cat-icon:"📝";--cat-gradient:linear-gradient(135deg,var(--accent),var(--accent-secondary))}body.category-writing{--cat-color:#4f46e5;--cat-rgb:79,70,229;--cat-light:rgba(79,70,229,0.07);--cat-border:rgba(79,70,229,0.2);--cat-glow:rgba(79,70,229,0.12);--cat-icon:"✍️";--cat-gradient:linear-gradient(135deg,#4f46e5,#7c3aed)}body.category-reading{--cat-color:#0d9488;--cat-rgb:13,148,136;--cat-light:rgba(13,148,136,0.07);--cat-border:rgba(13,148,136,0.2);--cat-glow:rgba(13,148,136,0.12);--cat-icon:"📖";--cat-gradient:linear-gradient(135deg,#0d9488,#0891b2)}body.category-literature{--cat-color:#d97706;--cat-rgb:217,119,6;--cat-light:rgba(217,119,6,0.07);--cat-border:rgba(217,119,6,0.2);--cat-glow:rgba(217,119,6,0.12);--cat-icon:"📚";--cat-gradient:linear-gradient(135deg,#d97706,#ea580c)}body.dark-mode.category-writing{--cat-color:#818cf8;--cat-rgb:129,140,248;--cat-light:rgba(129,140,248,0.1);--cat-border:rgba(129,140,248,0.25);--cat-glow:rgba(129,140,248,0.15)}body.dark-mode.category-reading{--cat-color:#2dd4bf;--cat-rgb:45,212,191;--cat-light:rgba(45,212,191,0.1);--cat-border:rgba(45,212,191,0.25);--cat-glow:rgba(45,212,191,0.15)}body.dark-mode.category-literature{--cat-color:#fbbf24;--cat-rgb:251,191,36;--cat-light:rgba(251,191,36,0.1);--cat-border:rgba(251,191,36,0.25);--cat-glow:rgba(251,191,36,0.15)}body[class*="color-"].category-writing,body[class*="color-"].category-reading,body[class*="color-"].category-literature{--cat-color:var(--accent);--cat-rgb:var(--accent-rgb);--cat-light:rgba(var(--accent-rgb),0.08);--cat-border:rgba(var(--accent-rgb),0.2);--cat-glow:rgba(var(--accent-rgb),0.12)}body[class*="category-"] .passage-panel{border-top:3px solid var(--cat-color)}body[class*="category-"] .passage-panel h3{color:var(--cat-color)}body[class*="category-"] .task-section{border-color:var(--cat-color);background:linear-gradient(135deg,var(--cat-light),rgba(var(--cat-rgb),0.03));box-shadow:0 4px 20px var(--cat-glow)}body[class*="category-"] .task-header{color:var(--cat-color);border-bottom-color:var(--cat-border)}body[class*="category-"] .task-item{border-left-color:var(--cat-color)}body[class*="category-"] .task-item::before{color:var(--cat-color)}body[class*="category-"] .instruction-context{border-left-color:var(--cat-color);background:var(--cat-light)}body[class*="category-"] .step-progress-fill{background:var(--cat-gradient)}body[class*="category-"] .progress-panel h3{color:var(--cat-color)}body[class*="category-"] .step-item.current{background:var(--cat-light);border-left-color:var(--cat-color)}body[class*="category-"] .step-item.current .step-icon{color:var(--cat-color)}body[class*="category-"] .step-item.clickable:hover{background:rgba(var(--cat-rgb),0.12)}body[class*="category-"] .step-badge{background:var(--cat-gradient)}body[class*="category-"] .intro-type-badge{background:var(--cat-light);color:var(--cat-color);border:1px solid var(--cat-border)}body[class*="category-"] .intro-step-chip .step-num{background:var(--cat-color)}body[class*="category-"] .assignment-intro{border-left-color:var(--cat-color)}body[class*="category-"] .feedback-panel{border-left-color:var(--cat-color)}body[class*="category-"] .feedback-panel h3{color:var(--cat-color)}body[class*="category-"] .feedback-item.score-reason{border-left-color:var(--cat-color)}body[class*="category-"] .writing-area textarea:focus{border-color:var(--cat-color);box-shadow:0 0 0 3px var(--cat-glow)}body[class*="category-"] .view-essay-btn:hover{box-shadow:0 4px 12px var(--cat-glow)}body[class*="category-"] .passage-header{padding-bottom:12px;border-bottom:1px solid var(--cat-border)}.theme-picker-container{position:relative;display:inline-block;z-index:1002}#themeBtn{width:48px;height:48px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all 0.2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#themeBtn:hover{background:var(--accent);color:white;transform:scale(1.05);box-shadow:0 4px 12px var(--accent-glow)}#themePicker{display:none;position:absolute;top:56px;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:12px;z-index:1001;min-width:280px;box-shadow:0 12px 32px rgba(0,0,0,0.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#themePicker.open{display:block;animation:themePickerFadeIn 0.15s ease}@keyframes themePickerFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-card{display:flex;flex-direction:column;border:2px solid var(--border);border-radius:12px;background:var(--bg-tertiary);cursor:pointer;overflow:hidden;transition:all 0.2s ease;padding:0;text-align:left;color:var(--text-primary);font-family:inherit;position:relative}.theme-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.theme-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.theme-preview{height:48px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.theme-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));z-index:1}.theme-check{display:none;position:absolute;top:4px;right:4px;font-size:0.9rem;font-weight:700;color:white;background:var(--accent);border-radius:50%;width:20px;height:20px;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.3);z-index:2}.theme-card.active .theme-check{display:flex}.theme-label{font-size:0.85rem;font-weight:600;padding:8px 10px 2px;line-height:1.2}.theme-desc{font-size:0.7rem;color:var(--text-secondary);padding:0 10px 10px;line-height:1.3}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background 0.3s ease,color 0.3s ease}.glass-card,.glass-header,.glass-button{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow)}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1000}.glass-button{padding:12px 16px;background:var(--glass-bg);border:none;cursor:pointer;font-size:1.5rem;transition:transform 0.2s ease}.glass-button:hover{transform:scale(1.1)}.container{width:100%;max-width:1400px;margin:0 auto;padding:40px 20px}.container-adaptive{width:92%;max-width:2400px;margin:0 auto;padding:clamp(20px,3vw,60px) clamp(16px,3vw,48px)}.workspace-container{max-width:1800px}@media (min-width:1920px){.container{max-width:1600px}.container-adaptive{width:90%}}@media (min-width:2560px){.container{max-width:2000px}.container-adaptive{width:88%;max-width:3200px}}@media (min-width:3840px){.container{max-width:2800px}.container-adaptive{width:85%;max-width:3600px}}.glass-header{padding:32px;margin-bottom:32px;text-align:center}.glass-header h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,var(--accent),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:var(--text-secondary);font-size:1.1rem}.dashboard{display:flex;flex-direction:column;gap:24px}.glass-card{padding:24px}.glass-card h2{margin-bottom:16px;color:var(--text-primary)}.grade-badge{display:inline-block;background:linear-gradient(135deg,var(--accent),#6366f1);color:white;padding:6px 14px;border-radius:12px;font-size:0.85rem;font-weight:600;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(79,70,229,0.3)}.welcome-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;margin-bottom:24px}.welcome-content h2{font-size:1.5rem;margin-bottom:4px}.quick-stats{display:flex;gap:20px}.stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent)}.stat-label{font-size:0.85rem;color:var(--text-secondary)}.achievements-bar{padding:16px 24px;margin-bottom:24px}.achievements-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.badges-section{display:flex;align-items:center;gap:16px;flex:1}.badges-label{font-size:0.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px}.badges-list{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}.badge-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;background:none;border:none;cursor:pointer;transition:transform 0.2s ease,filter 0.2s ease;position:relative;min-width:52px}.badge-item:hover{transform:scale(1.12);filter:brightness(1.1)}.badge-item:active{transform:scale(0.95)}.badge-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border-radius:50%;background:linear-gradient(145deg,rgba(var(--accent-rgb),0.15),rgba(var(--accent-rgb),0.05));border:2px solid rgba(var(--accent-rgb),0.4);box-shadow:0 2px 8px rgba(var(--accent-rgb),0.15),inset 0 1px 2px rgba(255,255,255,0.3);position:relative}.badge-item:not(.badge-locked) .badge-icon{background:linear-gradient(145deg,rgba(var(--accent-rgb),0.2),rgba(245,158,11,0.12));border-color:rgba(var(--accent-rgb),0.5);box-shadow:0 2px 10px rgba(var(--accent-rgb),0.25),inset 0 1px 3px rgba(255,255,255,0.4)}.badge-name{font-size:0.65rem;font-weight:600;color:var(--text-secondary);text-align:center;line-height:1.2;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-badges{font-size:0.9rem;color:var(--text-secondary);font-style:italic}.streak-section{display:flex;align-items:center}.streak-section.no-streak{opacity:0.4}.streak-display{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,rgba(245,158,11,0.15),rgba(239,68,68,0.1));border-radius:20px;border:1px solid rgba(245,158,11,0.3)}.streak-flame{font-size:1.3rem;animation:flicker 1.5s ease-in-out infinite}@keyframes flicker{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.streak-count{font-size:1.4rem;font-weight:700;color:var(--warning)}.streak-label{font-size:0.85rem;color:var(--text-secondary)}@media (max-width:768px){.welcome-header{flex-direction:column;gap:16px;padding:16px 20px;text-align:center}.header-right{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.quick-stats{gap:16px;flex-wrap:wrap;justify-content:center}.stat-value{font-size:1.4rem}.achievements-content{flex-direction:column;align-items:flex-start}.badges-section{flex-direction:column;align-items:flex-start}.button-group{flex-direction:column;gap:8px}.button-group button{width:100%}}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.skeleton-card{padding:20px;border-radius:12px;background:var(--glass-bg);margin-bottom:12px}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--glass-bg) 25%,rgba(var(--accent-rgb,99,102,241),0.08) 50%,var(--glass-bg) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;margin-bottom:10px}.skeleton-line.short{width:40%}.skeleton-line.medium{width:65%}.skeleton-line.long{width:90%}@keyframes skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.retry-btn{background:var(--accent,#6366f1);color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb,99,102,241),0.35)}.retry-btn:active{transform:translateY(0)}.dashboard-section{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:24px}.section-header{margin-bottom:20px}.section-header h2{font-size:1.4rem;margin-bottom:4px}.section-subtitle{color:var(--text-secondary);font-size:0.9rem}.section-header .tabs{margin-top:12px}.available-section{border:2px solid var(--accent);background:linear-gradient(135deg,rgba(79,70,229,0.1),rgba(99,102,241,0.05))}.available-cards{display:flex;flex-direction:column;gap:16px}.available-card{display:flex;justify-content:space-between;align-items:center;padding:20px;transition:transform 0.2s ease,box-shadow 0.2s ease}.available-card:hover{transform:translateX(4px);box-shadow:0 8px 32px rgba(79,70,229,0.2)}.available-card-content h3{font-size:1.1rem;margin-bottom:6px}.assignment-description{color:var(--text-secondary);font-size:0.9rem;margin-bottom:10px}.start-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.start-button:hover{background:var(--accent-hover);transform:scale(1.02)}.start-icon{font-size:1.1rem}.your-work-section{max-height:600px;overflow-y:auto}.your-work-cards{display:flex;flex-direction:column;gap:12px}.assignments-section h2{margin-bottom:20px;font-size:1.8rem}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab-button{padding:10px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:8px}.tab-button:hover{background:var(--accent);color:white;border-color:var(--accent)}.tab-button.active{background:var(--accent);color:white;border-color:var(--accent)}.tab-count{background:rgba(255,255,255,0.2);padding:2px 8px;border-radius:12px;font-size:0.85rem}.tab-button.active .tab-count{background:rgba(255,255,255,0.3)}.tab-content{display:none!important}.tab-content.active{display:flex!important;flex-direction:column;gap:12px}.tab-content.active.assignments-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.assignment-card{cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;padding:20px}.assignment-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,0.15)}.assignment-card h3{font-size:1.1rem;margin-bottom:12px;color:var(--text-primary)}.your-work-cards .assignment-card{position:relative;padding:16px 20px}.your-work-cards .assignment-card h3{margin-bottom:8px;padding-right:100px}.your-work-cards .assignment-card .progress-section{margin:8px 0}.your-work-cards .assignment-card .button-group{margin-top:12px}.your-work-cards .assignment-card .grade-display{font-size:0.95rem;margin-top:8px}.your-work-cards .assignment-card .date-info{font-size:0.85rem}.your-work-cards .assignment-card .status-badge{position:absolute;top:16px;right:16px}.progress-section{margin:16px 0}.progress-bar{width:100%;height:12px;background:var(--border);border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:6px;transition:width 0.3s ease}.progress-text{font-size:0.9rem;color:var(--text-secondary)}.grade-display{font-size:1.1rem;font-weight:600;color:var(--success);margin-top:12px}.date-info{font-size:0.9rem;color:var(--text-secondary);margin-top:8px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:0.85rem;font-weight:600;margin-bottom:12px}.status-badge.complete{background:rgba(16,185,129,0.15);color:var(--success);border:1px solid var(--success)}.status-badge.in-progress{background:rgba(79,70,229,0.15);color:var(--accent);border:1px solid var(--accent)}.status-badge.archived{background:rgba(107,114,128,0.15);color:var(--text-secondary);border:1px solid var(--border)}.assignment-card.archived-card{opacity:0.75;border-color:var(--border)}.assignment-card.archived-card:hover{opacity:1}.assignment-card.slp-origin-card{border-left:3px solid #8b5cf6}.slp-origin-banner{display:flex;align-items:center;gap:6px;padding:6px 12px;margin:-16px -20px 12px -20px;background:linear-gradient(135deg,rgba(139,92,246,0.10),rgba(109,40,217,0.06));border-bottom:1px solid rgba(139,92,246,0.15);border-radius:12px 12px 0 0;color:#7c3aed;font-size:0.82rem;font-weight:700;letter-spacing:0.02em}.slp-origin-icon{font-size:1rem}.button-group{display:flex;gap:12px;margin-top:16px}.button-group button{flex:1}.primary-button,.secondary-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.primary-button{background:var(--accent);color:white}.primary-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,0.3)}.primary-button:disabled{opacity:0.5;cursor:not-allowed;transform:none}.secondary-button{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--border)}.secondary-button:hover{background:var(--accent);color:white}.demo-card{border:2px solid var(--accent)}.assignment-preview h4{font-size:1.4rem;margin-bottom:12px;color:var(--text-primary)}.assignment-meta{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;background:var(--glass-bg);border:1px solid var(--border);border-radius:12px;font-size:0.85rem;color:var(--text-secondary)}.empty-state{text-align:center;color:var(--text-secondary);padding:40px;font-style:italic}.assignment-type-group{margin-bottom:16px}.assignment-type-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all 0.2s ease;position:relative}.assignment-type-header:hover{background:rgba(79,70,229,0.1);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,0.15)}.expand-hint{font-size:0.75rem;color:var(--text-secondary);opacity:0;transition:opacity 0.2s ease;margin-left:8px}.assignment-type-header:hover .expand-hint{opacity:1}.assignment-type-header.expanded .expand-hint{display:none}.in-progress-hint{font-size:0.72rem;font-weight:600;color:var(--warning,#d97706);background:rgba(var(--warning-rgb,217,119,6),0.1);padding:2px 8px;border-radius:6px;margin-left:8px}@keyframes subtlePulse{0%,100%{box-shadow:0 0 0 0 rgba(79,70,229,0)}50%{box-shadow:0 0 0 4px rgba(79,70,229,0.1)}}.assignment-type-header:not(.expanded){animation:subtlePulse 3s ease-in-out infinite}.assignment-type-header:hover,.assignment-type-header.expanded{animation:none}.assignment-type-header.expanded{border-radius:12px 12px 0 0;border-bottom-color:transparent;background:rgba(79,70,229,0.08)}.type-header-left{display:flex;align-items:center;gap:12px}.type-icon{font-size:1.4rem}.type-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.type-count{background:var(--accent);color:white;padding:2px 10px;border-radius:12px;font-size:0.85rem;font-weight:600}.type-expand-icon{font-size:1.2rem;color:var(--text-secondary);transition:transform 0.3s ease}.assignment-type-header.expanded .type-expand-icon{transform:rotate(180deg)}.assignment-type-content{display:none;padding:12px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-top:none;border-radius:0 0 12px 12px;flex-direction:column;gap:12px}.assignment-type-content.expanded{display:flex}.assignment-type-content .available-card{margin:0}.workspace-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px}.header-left{display:flex;align-items:center;gap:16px}.back-link{color:var(--text-secondary);text-decoration:none;font-size:1rem;transition:color 0.2s}.back-link:hover{color:var(--accent)}.workspace-header h1{font-size:1.8rem;background:none;-webkit-text-fill-color:var(--text-primary)}.progress-indicator{font-size:1rem;color:var(--text-secondary);font-weight:600}.workspace-layout{display:grid;grid-template-columns:300px 1fr 280px;gap:24px;margin-top:24px}.workspace-layout.no-passage{grid-template-columns:1fr 280px}.passage-panel{height:fit-content;position:sticky;top:24px;background:var(--bg-secondary);border:1px solid var(--border);transition:width 0.3s ease,min-width 0.3s ease,padding 0.3s ease;animation:fadeIn 0.3s ease;border-radius:16px}.passage-panel h3{margin-bottom:0;color:var(--accent);font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px}.passage-content{line-height:1.85;color:var(--text-primary);font-size:0.95rem;white-space:pre-line;counter-reset:passage-paragraph}.passage-panel .passage-content{max-height:max(340px,calc(100vh - 300px));overflow-y:auto;overscroll-behavior:contain;padding-right:6px}.passage-content p{margin-bottom:1.2em;line-height:1.85;position:relative;padding-left:28px;counter-increment:passage-paragraph}.passage-content p::before{content:counter(passage-paragraph);position:absolute;left:0;top:2px;font-size:0.7rem;font-weight:700;color:var(--text-secondary);opacity:0.5;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-tertiary)}.passage-content p:last-child{margin-bottom:0}.passage-content .key-term{font-weight:600;color:var(--accent);cursor:pointer;border-bottom:1px dotted var(--accent);transition:background 0.2s}.passage-content .key-term:hover{background:rgba(79,70,229,0.15);border-radius:2px}.passage-content .key-term:active{background:rgba(79,70,229,0.25)}.definition-tooltip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.95);display:none;width:90%;max-width:360px;background:var(--bg-primary);border:2px solid var(--accent);border-radius:16px;padding:24px 28px;box-shadow:0 16px 48px rgba(0,0,0,0.3);z-index:10003;opacity:0;pointer-events:none}.definition-tooltip.visible{display:block;opacity:1;transform:translate(-50%,-50%) scale(1);animation:tooltipPopIn 0.2s ease}.definition-tooltip-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:10002;display:none;opacity:0}.definition-tooltip-overlay.visible{display:block;opacity:1;animation:overlayFadeIn 0.2s ease}@keyframes tooltipPopIn{from{opacity:0;transform:translate(-50%,-50%) scale(0.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes overlayFadeIn{from{opacity:0}to{opacity:1}}.tooltip-term{font-weight:700;font-size:1.2rem;color:var(--accent);margin-bottom:12px;text-transform:capitalize;border-bottom:1px solid var(--border);padding-bottom:10px}.tooltip-definition{font-size:1rem;line-height:1.7;color:var(--text-primary)}.passage-content .user-highlight{background:rgba(250,204,21,0.4);border-radius:2px;padding:0 2px}.highlight-toolbar{position:absolute;display:none;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:6px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:100;gap:4px}.highlight-toolbar.visible{display:flex}.highlight-toolbar button{background:var(--glass-bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:0.85rem;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:4px}.highlight-toolbar button:hover{background:var(--accent);color:white;border-color:var(--accent)}.highlight-toolbar .remove-highlight{color:var(--text-secondary)}.highlight-toolbar .remove-highlight:hover{background:#ef4444;border-color:#ef4444}.step-card{padding:28px 32px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,0.04)}.step-header{margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--border)}.step-header h2{font-size:1.6rem;font-weight:700;margin-bottom:8px;color:var(--text-primary);letter-spacing:-0.02em;line-height:1.3}.step-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:white;border-radius:20px;font-size:0.85rem;font-weight:600;margin-bottom:12px}.step-progress-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.instruction-context{padding:16px 20px;margin-bottom:16px;background:rgba(79,70,229,0.05);border-radius:10px;border-left:3px solid var(--accent)}.instruction-context.hidden{display:none}.context-text{font-size:0.95rem;line-height:1.7;color:var(--text-secondary)}.step-note-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);border-radius:8px;font-size:0.9rem;color:var(--text-secondary)}.step-note-banner.hidden{display:none}.note-icon{font-size:1.1rem;flex-shrink:0}.note-text{flex:1}.dismiss-note-btn{background:none;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;padding:0 4px;opacity:0.6;transition:opacity 0.2s}.dismiss-note-btn:hover{opacity:1}.task-section{padding:24px 28px;margin-bottom:24px;background:linear-gradient(135deg,rgba(79,70,229,0.08),rgba(139,92,246,0.05));border-radius:16px;border:2px solid var(--accent);box-shadow:0 4px 20px rgba(79,70,229,0.1)}.task-header{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--accent);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(79,70,229,0.2)}.task-header::before{content:"📝";font-size:1.2rem}body.category-reading .task-header::before{content:"📖"}body.category-literature .task-header::before{content:"📚"}body.category-writing .task-header::before{content:"✍️"}.task-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.task-item{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:var(--bg-secondary);border-radius:10px;font-size:1rem;line-height:1.6;color:var(--text-primary);border-left:3px solid var(--accent);transition:transform 0.2s ease,box-shadow 0.2s ease}.task-item:hover{transform:translateX(4px);box-shadow:0 2px 8px rgba(79,70,229,0.1)}.task-item::before{content:"→";color:var(--accent);font-weight:700;font-weight:bold;flex-shrink:0}.passage-header,.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.passage-header h3,.progress-header h3{margin-bottom:0;color:var(--accent)}.passage-controls{display:flex;gap:8px}.panel-collapse-btn{background:var(--glass-bg);border:1px solid var(--border);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.8rem;color:var(--text-secondary);transition:all 0.2s ease}.panel-collapse-btn:hover{background:var(--accent);color:white;border-color:var(--accent)}.passage-panel.collapsed,.progress-panel.collapsed{width:48px;min-width:48px;padding:16px 8px;overflow:hidden}.passage-panel.collapsed .passage-content,.passage-panel.collapsed .passage-confirmation,.passage-panel.collapsed h3,.progress-panel.collapsed .steps-list,.progress-panel.collapsed .grade-section,.progress-panel.collapsed h3{display:none}.passage-panel.collapsed .passage-header,.progress-panel.collapsed .progress-header{justify-content:center}.passage-panel.collapsed .toggle-passage-button{display:none}.passage-panel.collapsed .passage-controls{justify-content:center}.passage-panel.collapsed .panel-collapse-btn{display:flex}.workspace-layout:has(.passage-panel.collapsed){grid-template-columns:48px 1fr 280px}.workspace-layout:has(.progress-panel.collapsed){grid-template-columns:300px 1fr 48px}.workspace-layout:has(.passage-panel.collapsed):has(.progress-panel.collapsed){grid-template-columns:48px 1fr 48px}.step-progress-fill{height:100%;background:linear-gradient(90deg,var(--success),#34d399);transition:width 0.3s ease}.prompt-section{display:none}.step-prompt{font-size:1.1rem;font-weight:500;color:var(--text-primary)}.writing-area textarea{width:100%;padding:20px;border:2px solid var(--border);border-radius:14px;background:var(--bg-secondary);color:var(--text-primary);font-size:1.05rem;font-family:inherit;line-height:1.8;resize:vertical;min-height:200px;transition:border-color 0.25s ease,box-shadow 0.25s ease}.writing-area textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.1)}.writing-area textarea::placeholder{color:var(--text-secondary);opacity:0.6}.input-controls{display:flex;justify-content:space-between;align-items:center;margin-top:16px;flex-wrap:wrap;gap:12px}.submit-section{display:flex;flex-direction:column;gap:8px}.word-count-status{min-height:24px}.word-count-indicator{font-size:0.85rem;font-weight:500;padding:4px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;transition:all 0.3s ease}.word-count-indicator.needs-more{color:var(--danger);background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3)}.word-count-indicator.ready{color:var(--success);background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3)}.word-count-indicator .ready-icon{font-weight:700}#submitButton:disabled{opacity:0.5;cursor:not-allowed;transform:none}#submitButton:disabled:hover{background:var(--accent);transform:none;box-shadow:none}.count-indicators{display:flex;align-items:center;gap:8px}.char-count,.word-count{font-size:0.9rem;color:var(--text-secondary)}.word-count{font-weight:500}.count-separator{color:var(--border);font-size:0.8rem}.length-guidance{margin-top:12px;padding:10px 16px;background:var(--bg-tertiary);border-radius:10px}.length-bar{width:100%;height:5px;background:rgba(0,0,0,0.08);border-radius:3px;overflow:hidden;margin-bottom:6px}.length-fill{height:100%;width:0%;background:var(--accent);border-radius:3px;transition:width 0.3s ease,background-color 0.3s ease}.length-hint{font-size:0.82rem;color:var(--text-secondary);transition:color 0.3s ease}.controls-right{display:flex;align-items:center;gap:16px}.save-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:0.85rem;transition:all 0.3s ease;opacity:0}.save-indicator.saving{opacity:1;color:var(--text-secondary)}.save-indicator.saving .save-icon{animation:pulse 1s ease-in-out infinite}.save-indicator.saved{opacity:1;color:var(--success);background:rgba(16,185,129,0.1)}.save-indicator.hidden{opacity:0}@keyframes pulse{0%,100%{opacity:0.5}50%{opacity:1}}.save-icon{font-size:0.9rem}.save-text{font-weight:500}.feedback-panel{margin-top:24px;border-left:4px solid var(--accent);border-radius:16px;animation:feedbackSlideIn 0.35s ease}@keyframes feedbackSlideIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.feedback-panel.hidden{display:none}.feedback-panel h3{margin-bottom:16px;color:var(--accent);font-size:1.1rem;font-weight:700}.feedback-item{display:flex;gap:12px;padding:16px 18px;margin-bottom:12px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border);transition:transform 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);animation:feedbackSlideIn 0.3s cubic-bezier(0.4,0,0.2,1) both}.feedback-item:nth-child(1){animation-delay:0.1s}.feedback-item:nth-child(2){animation-delay:0.2s}.feedback-item:nth-child(3){animation-delay:0.3s}.feedback-item:nth-child(4){animation-delay:0.4s}.feedback-item:nth-child(5){animation-delay:0.5s}.feedback-item:hover{transform:translateX(2px);box-shadow:0 2px 8px rgba(0,0,0,0.06)}.feedback-item.required{border-left:4px solid var(--danger);background:linear-gradient(135deg,rgba(var(--danger-rgb),0.06),transparent)}.feedback-item.suggested{border-left:4px solid var(--warning);background:linear-gradient(135deg,rgba(var(--warning-rgb),0.06),transparent)}.feedback-item.praise{border-left:4px solid var(--success);background:linear-gradient(135deg,rgba(var(--success-rgb),0.06),transparent)}.feedback-item.plagiarism-warning{border-left:4px solid var(--danger);background:rgba(239,68,68,0.1)}.feedback-item.ai-suggestion-warning{border-left:4px solid var(--warning);background:rgba(245,158,11,0.1)}.feedback-item.score-reason{border-left:4px solid var(--accent);background:linear-gradient(135deg,rgba(var(--accent-rgb),0.06),transparent)}.feedback-item.improvement{border-left:4px solid var(--warning);background:linear-gradient(135deg,rgba(var(--warning-rgb),0.06),transparent)}.feedback-icon{font-size:1.3rem;flex-shrink:0}.feedback-score{padding:24px;margin-bottom:16px;background:var(--bg-secondary);border-radius:14px;border:1px solid var(--border);text-align:center;animation:feedbackSlideIn 0.3s cubic-bezier(0.4,0,0.2,1) both}.score-display{text-align:center}.score-number{font-size:3rem;font-weight:800;margin-bottom:12px;line-height:1;animation:scoreReveal 0.4s cubic-bezier(0.34,1.56,0.64,1)}@keyframes scoreReveal{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.score-bar{width:100%;height:10px;background:var(--bg-tertiary);border-radius:5px;overflow:hidden}.score-bar-fill{height:100%;transition:width 0.6s cubic-bezier(0.4,0,0.2,1),background-color 0.3s ease;border-radius:5px}.feedback-label{font-size:0.85rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.feedback-actions{margin-top:16px}.submit-buttons-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.draft-check-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:2px dashed var(--accent);border-radius:12px;background:rgba(var(--accent-rgb),0.06);color:var(--accent);font-weight:600;font-size:0.92rem;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);white-space:nowrap}.draft-check-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),0.14);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 3px 10px rgba(var(--accent-rgb),0.15)}.draft-check-btn:active:not(:disabled){transform:translateY(0)}.draft-check-btn:disabled{opacity:0.4;cursor:not-allowed;border-style:dashed}.draft-check-icon{font-size:1rem}.draft-check-counter{font-size:0.75rem;font-weight:700;padding:2px 7px;border-radius:10px;background:rgba(var(--accent-rgb),0.15);color:var(--accent)}.draft-check-panel{margin-top:20px;border-left:4px solid var(--accent);border-radius:16px;animation:feedbackSlideIn 0.35s cubic-bezier(0.4,0,0.2,1);position:relative;border:2px dashed rgba(var(--accent-rgb),0.3);border-left:4px solid var(--accent);background:linear-gradient(135deg,rgba(var(--accent-rgb),0.03),transparent)}.draft-check-panel.hidden{display:none}.draft-check-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.draft-check-header h3{margin:0;color:var(--accent);font-size:1.05rem;font-weight:700;flex:1}.draft-check-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;background:rgba(var(--accent-rgb),0.12);color:var(--accent);font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.draft-check-dismiss{background:none;border:none;color:var(--text-secondary);font-size:1.3rem;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all 0.15s ease;line-height:1}.draft-check-dismiss:hover{background:var(--bg-secondary);color:var(--text-primary)}.draft-check-score{text-align:center;padding:20px;margin-bottom:14px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.draft-check-score .score-number{font-size:2.4rem;font-weight:800;line-height:1;margin-bottom:10px;animation:scoreReveal 0.4s cubic-bezier(0.34,1.56,0.64,1)}.draft-check-item{display:flex;gap:12px;padding:14px 16px;margin-bottom:10px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border);animation:feedbackSlideIn 0.3s cubic-bezier(0.4,0,0.2,1) both}.draft-check-item:nth-child(2){animation-delay:0.1s}.draft-check-item:nth-child(3){animation-delay:0.2s}.draft-check-item:nth-child(4){animation-delay:0.3s}.draft-check-revision{margin-top:8px;padding:10px 12px;background:rgba(255,255,255,0.03);border-radius:8px;border:1px solid var(--border);font-size:0.92rem;line-height:1.5}.draft-check-revision div{margin-bottom:4px}.draft-check-revision div:last-child{margin-bottom:0}.draft-check-footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.draft-check-footer p{font-size:0.83rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0}.draft-check-limit{display:flex;align-items:center;gap:10px;padding:14px;background:rgba(var(--success-rgb),0.06);border-radius:10px;border:1px solid rgba(var(--success-rgb),0.2)}.draft-check-limit p{margin:0;font-weight:500;color:var(--text-primary)}.revision-coaching-panel{margin-top:16px;border-left:4px solid rgba(var(--accent-rgb),1)}.revision-coaching-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.revision-coaching-header h3{flex:1;margin:0;font-size:1rem}.revision-coaching-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;background:rgba(var(--accent-rgb),0.15);color:rgba(var(--accent-rgb),1);font-size:0.78rem;font-weight:600;letter-spacing:0.5px}.revision-coaching-intro{font-size:0.9rem;color:var(--text-secondary);margin-bottom:16px}.revision-target-card{background:var(--bg-secondary);border-radius:10px;padding:14px 16px;margin-bottom:10px;border:1px solid var(--border);transition:border-color 0.2s}.revision-target-card.addressed{border-color:rgba(var(--success-rgb),0.4);opacity:0.7}.revision-target-card.addressed .revision-target-area::after{content:' ✓';color:var(--success)}.revision-target-area{display:flex;align-items:center;gap:8px;font-weight:600;font-size:0.95rem;color:rgba(var(--accent-rgb),1);margin-bottom:6px}.revision-target-area .target-number{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(var(--accent-rgb),0.15);font-size:0.8rem;font-weight:700;flex-shrink:0}.revision-target-issue{font-size:0.88rem;color:var(--text-primary);margin-bottom:8px}.revision-target-quote{font-size:0.85rem;color:var(--text-secondary);font-style:italic;padding:8px 12px;background:rgba(var(--warning-rgb,255,193,7),0.08);border-left:3px solid rgba(var(--warning-rgb,255,193,7),0.4);border-radius:4px;margin-bottom:8px}.revision-target-guidance{font-size:0.88rem;color:var(--text-primary);padding:8px 12px;background:rgba(var(--success-rgb),0.06);border-left:3px solid rgba(var(--success-rgb),0.4);border-radius:4px;margin-bottom:8px}.revision-target-check{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--text-secondary);cursor:pointer;user-select:none}.revision-target-check input[type="checkbox"]{accent-color:rgba(var(--accent-rgb),1);width:16px;height:16px}.revision-coaching-footer{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.revision-coaching-footer p{font-size:0.83rem;color:var(--text-secondary);text-align:center;margin:0}@media (max-width:480px){.submit-buttons-row{flex-direction:column;gap:8px}.draft-check-btn{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.draft-check-panel{animation:none}.draft-check-score .score-number{animation:none}.draft-check-item{animation:none}}.success-message{padding:16px;background:rgba(16,185,129,0.1);border-radius:8px;border-left:4px solid var(--success)}.success-message p{color:var(--success);font-weight:600}.revision-prompt{color:var(--text-secondary);font-style:italic}.feedback-example{margin-top:12px;padding:14px 18px;background:rgba(var(--accent-rgb),0.05);border-left:3px solid var(--accent);border-radius:10px;border:1px solid rgba(var(--accent-rgb),0.1);border-left:3px solid var(--accent)}.example-label{font-size:0.78rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:0.04em;display:block;margin-bottom:8px}.example-text{font-size:1rem;color:var(--text-primary);font-style:italic;display:block;line-height:1.7}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.progress-panel{height:fit-content;position:sticky;top:24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;transition:width 0.3s ease,min-width 0.3s ease,padding 0.3s ease}.progress-panel h3{margin-bottom:16px;color:var(--accent);font-size:0.95rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em}.steps-list{margin-bottom:24px}.step-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:6px;border-radius:10px;transition:background 0.2s ease,transform 0.15s ease;justify-content:space-between;border:1px solid transparent}.step-score{font-size:0.85rem;font-weight:600;color:var(--text-secondary);margin-left:auto}.step-item.completed{background:rgba(16,185,129,0.1)}.step-item.completed .step-icon{color:var(--success)}.step-item.just-completed{animation:stepComplete 0.6s ease}.step-item.just-completed .step-icon{animation:iconPop 0.4s ease 0.1s}@keyframes stepComplete{0%{background:rgba(79,70,229,0.1);transform:scale(1)}30%{background:rgba(16,185,129,0.3);transform:scale(1.02)}60%{background:rgba(16,185,129,0.2)}100%{background:rgba(16,185,129,0.1);transform:scale(1)}}@keyframes iconPop{0%{transform:scale(1)}50%{transform:scale(1.4)}100%{transform:scale(1)}}.step-item.current{background:rgba(79,70,229,0.1);border-left:3px solid var(--accent);font-weight:600}.step-item.current .step-icon{color:var(--accent)}.step-item.pending{opacity:0.5}.step-item.clickable{cursor:pointer;transition:transform 0.2s ease,background 0.2s ease}.step-item.clickable:hover{transform:translateX(4px);background:rgba(79,70,229,0.15)}.step-icon{font-size:1.2rem}.step-name{font-size:0.95rem;color:var(--text-primary)}.view-essay-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.view-essay-btn{width:100%;padding:12px 16px;font-size:0.95rem;display:flex;align-items:center;justify-content:center;gap:8px}.view-essay-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,0.3)}.view-essay-section.hidden{display:none}.assignment-intro{margin-bottom:24px;padding:40px 44px;border-left:4px solid var(--accent);max-width:720px;margin-left:auto;margin-right:auto;border-radius:16px;position:relative;overflow:hidden}.assignment-intro::before{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at top right,rgba(var(--accent-rgb),0.06),transparent 70%);pointer-events:none}.intro-header{margin-bottom:16px;position:relative}.intro-type-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;background:var(--accent-glow,rgba(99,102,241,0.12));color:var(--accent);border:1px solid rgba(var(--accent-rgb),0.15)}.intro-title{font-size:1.8rem;font-weight:800;margin-bottom:16px;color:var(--text-primary);line-height:1.3}.assignment-intro .assignment-description{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);margin-bottom:28px}.intro-steps-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.intro-step-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;font-size:0.82rem;color:var(--text-secondary);transition:transform 0.15s ease,border-color 0.15s ease}.intro-step-chip:hover{transform:translateY(-1px);border-color:var(--accent)}.intro-step-chip .step-num{width:22px;height:22px;border-radius:50%;background:var(--accent);color:white;display:inline-flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;flex-shrink:0}.intro-actions{display:flex;justify-content:center}.assignment-intro-collapsed{margin-bottom:16px}.expand-button{padding:10px 16px;background:var(--glass-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:0.95rem;transition:all 0.2s ease}.expand-button:hover{background:var(--accent);color:white;border-color:var(--accent)}.expand-button span{font-size:1.2rem;font-weight:bold}.passage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.passage-header h3{margin-bottom:0}.toggle-passage-button{background:var(--glass-bg);border:1px solid var(--border);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all 0.2s ease;color:var(--text-secondary)}.toggle-passage-button:hover{background:var(--accent);color:white;border-color:var(--accent);transform:scale(1.1)}.passage-panel.expanded{min-height:400px}.passage-panel.expanded .passage-content{font-size:1.05rem;line-height:2;margin-bottom:20px}.passage-panel.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;width:100%;height:100%;max-width:1000px;margin:0 auto;padding:40px;border-radius:0;overflow-y:auto;animation:fadeIn 0.3s ease}.passage-panel.fullscreen .passage-content{font-size:1.2rem;line-height:2.2;max-width:800px;margin:0 auto;padding:20px 0;max-height:none;overflow-y:visible}.passage-panel.fullscreen .toggle-passage-button{position:sticky;top:20px;width:40px;height:40px;font-size:1.5rem;background:var(--danger);color:white;border-color:var(--danger)}.passage-panel.fullscreen .toggle-passage-button:hover{background:#dc2626;transform:scale(1.15)}.workspace-layout.passage-fullscreen>:not(.passage-panel){display:none}.workspace-layout.assignment-complete{filter:blur(8px);pointer-events:none;opacity:0.3;transition:all 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.passage-confirmation{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:center}.mobile-reading-btn{display:none;align-items:center;gap:6px;position:fixed;bottom:20px;left:20px;z-index:9100;padding:12px 20px;background:var(--accent);color:white;border:none;border-radius:24px;font-size:0.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.step-card.instructions-collapsed .instruction-context,.step-card.instructions-collapsed .task-section,.step-card.instructions-collapsed .scaffold-chip-row,.step-card.instructions-collapsed .scaffold-panel-container,.step-card.instructions-collapsed .exemplar-panel,.step-card.instructions-collapsed .sentence-starters,.step-card.instructions-collapsed .mini-lesson-disclosure,.step-card.instructions-collapsed .step-note-banner{display:none!important}.show-instructions-strip{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;margin-bottom:16px;background:rgba(var(--accent-rgb),0.06);border:1px dashed var(--border);border-radius:10px;color:var(--text-secondary);font-size:0.85rem;font-weight:600;cursor:pointer;transition:background 0.2s ease,color 0.2s ease}.show-instructions-strip:hover{background:rgba(var(--accent-rgb),0.12);color:var(--text-primary)}.feedback-disclosure{margin:10px 0;border:1px solid var(--border);border-radius:10px;background:var(--bg-tertiary)}.feedback-disclosure>summary{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font-weight:600;font-size:0.9rem;color:var(--text-secondary);list-style:none}.feedback-disclosure>summary::-webkit-details-marker{display:none}.feedback-disclosure>summary::after{content:'▾';margin-left:auto;transition:transform 0.2s ease}.feedback-disclosure[open]>summary::after{transform:rotate(180deg)}.feedback-disclosure>summary:hover{color:var(--text-primary)}.feedback-disclosure-body{padding:0 14px 12px}.inv-disclosure{margin:10px 0;border:1px solid var(--border);border-radius:10px;background:var(--bg-tertiary)}.inv-disclosure>summary{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;font-weight:600;font-size:0.88rem;color:var(--text-secondary);list-style:none}.inv-disclosure>summary::-webkit-details-marker{display:none}.inv-disclosure>summary::after{content:'▾';margin-left:auto;transition:transform 0.2s ease}.inv-disclosure[open]>summary::after{transform:rotate(180deg)}.inv-disclosure>summary:hover{color:var(--text-primary)}.inv-disclosure-body{padding:4px 14px 12px}.sci-instruction--folded,.hist-instruction--folded{background:none;padding:0;border:none}.mini-lesson-disclosure{margin:4px 0 14px}.mini-lesson-body p{margin:8px 0;font-size:0.92rem;line-height:1.55}.mini-lesson-body ul{margin:8px 0;padding-left:20px}.mini-lesson-body li{font-size:0.92rem;line-height:1.5;margin:3px 0}.passage-section-label{margin:18px 0 6px;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-secondary)}.hidden{display:none!important}.modal{position:fixed;top:0;left:0;right:280px;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.3s ease}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)}.modal-content{position:relative;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;padding:40px;z-index:10001;animation:slideUp 0.3s ease}.modal-step-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--accent);color:white;border-radius:20px;font-size:0.85rem;font-weight:600;margin-left:12px}.progress-panel{z-index:10002;position:sticky;top:24px}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--accent)}.modal-header h2{font-size:1.8rem;color:var(--accent);margin:0}.modal-close-button{background:var(--glass-bg);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:2rem;color:var(--text-secondary);transition:all 0.2s ease;line-height:1}.modal-close-button:hover{background:var(--danger);color:white;border-color:var(--danger);transform:rotate(90deg)}.modal-body{line-height:2}.essay-section{margin-bottom:20px}.modal-body .essay-paragraph-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.modal-body .essay-paragraph-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.modal-body .paragraph-label{font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:12px}.modal-body .essay-paragraph{font-size:1.1rem;line-height:2;color:var(--text-primary);text-indent:2em;text-align:justify;margin-bottom:0}.essay-paragraph{font-size:1.1rem;line-height:2;color:var(--text-primary);margin-bottom:24px;text-indent:2em;text-align:justify}.essay-text{font-size:1.1rem;line-height:2;color:var(--text-primary);margin:0 0 16px 0;text-indent:2em}.essay-full{font-size:1.1rem;line-height:2;color:var(--text-primary);white-space:pre-wrap}@keyframes pulseGlow{0%{box-shadow:0 0 10px rgba(79,70,229,0.4),0 0 20px rgba(79,70,229,0.3),0 0 30px rgba(79,70,229,0.2);transform:scale(1)}50%{box-shadow:0 0 20px rgba(79,70,229,0.6),0 0 40px rgba(79,70,229,0.5),0 0 60px rgba(79,70,229,0.4);transform:scale(1.05)}100%{box-shadow:0 0 10px rgba(79,70,229,0.4),0 0 20px rgba(79,70,229,0.3),0 0 30px rgba(79,70,229,0.2);transform:scale(1)}}.primary-button.pulse-glow{animation:pulseGlow 2s ease-in-out infinite;position:relative;z-index:1}.primary-button.pulse-glow:hover{animation:none}@keyframes celebrationPop{0%{opacity:0;transform:translateY(-50%) scale(0.5)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}100%{opacity:0;transform:translateY(-50%) scale(1.5) translateX(20px)}}@keyframes scoreHighlight{0%{background:transparent}30%{background:rgba(16,185,129,0.2)}100%{background:transparent}}.step-item.score-updated{animation:scoreHighlight 1s ease}@media (max-width:1200px){.workspace-layout{grid-template-columns:1fr}.progress-panel{position:relative;top:0}.passage-panel{display:none}.passage-panel.fullscreen{display:block}.mobile-reading-btn{display:flex}.modal{right:0}.modal-content{max-width:90%}.step-card{padding:24px}}@media (max-width:768px){.container{padding:20px 12px}.glass-header h1{font-size:2rem}.assignments-grid{grid-template-columns:1fr}.workspace-header{flex-direction:column;align-items:flex-start;gap:12px}.input-controls{flex-direction:column;align-items:stretch}.submit-section{order:-1;width:100%}.submit-section #submitButton{width:100%}.word-count-indicator{text-align:center;justify-content:center}.controls-right{justify-content:space-between}.step-card{padding:20px 16px}.step-header h2{font-size:1.3rem}.task-section{padding:18px 16px}.assignment-intro{padding:28px 20px}.intro-title{font-size:1.4rem}.passage-content p{padding-left:0}.passage-content p::before{display:none}}#successModal{right:0}.success-modal-content{max-width:1100px;width:95%;max-height:95vh;padding:32px;position:relative;overflow-y:auto}.completion-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;margin:-32px -32px 24px -32px;background:linear-gradient(135deg,var(--success),#34d399);border-radius:16px 16px 0 0}.completion-icon{font-size:2rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.completion-text{font-size:1.4rem;font-weight:700;color:white;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.completion-banner.banner-compact{padding:6px 24px;margin-bottom:12px;transition:padding 0.3s ease,margin 0.3s ease}.completion-banner.banner-compact .completion-icon{font-size:1.2rem;animation:none}.completion-banner.banner-compact .completion-text{font-size:0.9rem}.success-header{border-bottom-color:var(--success)}.success-header h2{color:var(--success)}.success-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-top:24px}.success-essay-panel{padding-right:16px}.success-modal-content::-webkit-scrollbar{width:8px}.success-modal-content::-webkit-scrollbar-track{background:var(--border);border-radius:4px}.success-modal-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.essay-section{padding:16px 20px;margin-bottom:12px;border-radius:12px;background:var(--bg-secondary);border-left:4px solid transparent;transition:all 0.3s ease;cursor:pointer}.essay-section:hover{background:rgba(79,70,229,0.08)}.essay-section.highlighted{transform:translateY(-4px);box-shadow:0 8px 24px rgba(79,70,229,0.2);border-left-color:var(--accent);background:rgba(79,70,229,0.1)}.essay-section-content{font-size:1.05rem;line-height:1.8;color:var(--text-primary);white-space:pre-wrap}.revision-paragraph{margin-bottom:16px;padding-left:0;text-indent:2em}.revision-paragraph:last-child{margin-bottom:0}.revision-para-label{font-weight:600;color:var(--accent);text-indent:0;display:block;margin-bottom:4px;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.5px}.essay-paragraph-section{padding:20px 24px;margin-bottom:20px;border-radius:12px;background:var(--bg-secondary);border-left:4px solid var(--accent);transition:all 0.3s ease}.essay-paragraph-section:last-child{margin-bottom:0}.essay-paragraph-section:hover{background:rgba(79,70,229,0.08);transform:translateX(4px)}.paragraph-label{font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.essay-paragraph{font-size:1.05rem;line-height:1.8;color:var(--text-primary);text-indent:2em}.success-scores-panel{position:sticky;top:0;display:flex;flex-direction:column;gap:16px}.final-grade-display{background:var(--cat-gradient,linear-gradient(135deg,var(--accent),#8b5cf6));border-radius:16px;padding:24px;text-align:center;color:white;box-shadow:0 8px 32px rgba(var(--cat-rgb,var(--accent-rgb)),0.3)}.grade-label{display:block;font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;opacity:0.9;margin-bottom:8px}.grade-value{display:block;font-size:3rem;font-weight:700;line-height:1}.step-scores-list{display:flex;flex-direction:column;gap:8px;padding-right:8px}.step-score-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:10px;border-left:4px solid transparent;transition:all 0.3s ease;cursor:pointer}.step-score-item:hover{background:rgba(79,70,229,0.08)}.step-score-item.highlighted{transform:translateY(-4px);box-shadow:0 8px 24px rgba(79,70,229,0.2);border-left-color:var(--accent);background:rgba(79,70,229,0.1)}.step-score-info{display:flex;flex-direction:column;gap:2px}.step-score-title{font-size:0.95rem;font-weight:600;color:var(--text-primary)}.step-score-label{font-size:0.8rem;color:var(--text-secondary)}.step-score-value{font-size:1.2rem;font-weight:700;padding:4px 12px;border-radius:8px;min-width:50px;text-align:center}.step-score-value.score-5{background:rgba(16,185,129,0.15);color:#10b981}.step-score-value.score-4{background:rgba(52,211,153,0.15);color:#34d399}.step-score-value.score-3{background:rgba(245,158,11,0.15);color:#f59e0b}.step-score-value.score-2{background:rgba(249,115,22,0.15);color:#f97316}.step-score-value.score-1{background:rgba(239,68,68,0.15);color:#ef4444}.score-section-header{font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-secondary);padding:8px 0 4px 0;border-bottom:1px solid var(--border);margin-bottom:8px}.score-section-header .weight-label{font-weight:400;opacity:0.7}.conventions-score-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:10px;border-left:4px solid var(--accent)}.conventions-score-info{display:flex;flex-direction:column;gap:2px}.conventions-label{font-size:0.95rem;font-weight:600;color:var(--text-primary)}.conventions-sublabel{font-size:0.8rem;color:var(--text-secondary)}.conventions-score-value{font-size:1.1rem;font-weight:700;padding:4px 12px;border-radius:8px;min-width:60px;text-align:center}.conventions-score-value.score-good{background:rgba(16,185,129,0.15);color:#10b981}.conventions-score-value.score-ok{background:rgba(245,158,11,0.15);color:#f59e0b}.conventions-score-value.score-low{background:rgba(239,68,68,0.15);color:#ef4444}.conventions-deductions{margin-top:8px;padding:8px 12px;background:rgba(239,68,68,0.05);border-radius:8px;border-left:3px solid rgba(239,68,68,0.3)}.deduction-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:0.85rem}.deduction-category{color:var(--text-secondary)}.deduction-points{color:#ef4444;font-weight:600}.conventions-summary{margin-top:8px;padding:8px 12px;font-size:0.85rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;font-style:italic}.return-dashboard-btn{margin-top:16px;width:100%}@media (max-width:900px){.success-modal-content{padding:16px;max-height:100vh;border-radius:0;width:100%}.completion-banner{margin:-16px -16px 16px -16px;border-radius:0}.success-layout{grid-template-columns:1fr;gap:16px}.success-scores-panel{position:relative;order:-1}.final-grade-display{padding:16px}.grade-value{font-size:2rem}.step-scores-list{flex-direction:row;flex-wrap:wrap;gap:6px}.step-score-item{flex:0 0 auto;padding:6px 12px;font-size:0.8rem}}.growth-banner{background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(79,70,229,0.1));border:1px solid rgba(16,185,129,0.3);border-radius:12px;padding:16px 24px;margin-top:16px}.growth-summary{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.growth-item{text-align:center;min-width:80px}.growth-label{display:block;font-size:0.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:4px}.growth-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.growth-arrow{font-size:1.5rem;color:var(--text-secondary);opacity:0.6}.growth-positive{color:var(--success)!important}.growth-negative{color:var(--danger)!important}.growth-points-item .growth-value{background:rgba(16,185,129,0.15);padding:4px 12px;border-radius:8px}.growth-points-item .growth-value.growth-negative{background:rgba(239,68,68,0.15)}.view-toggle{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.comparison-toggle-btns{display:flex;gap:8px;padding:4px;background:var(--bg-secondary);border-radius:10px}.comparison-toggle-btns.hidden{display:none}.view-toggle-btn{padding:8px 20px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.view-toggle-btn:hover{background:rgba(79,70,229,0.1);color:var(--text-primary)}.view-toggle-btn.active{background:var(--accent);color:white;box-shadow:0 2px 8px rgba(79,70,229,0.3)}.comparison-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.comparison-column{background:var(--bg-secondary);border-radius:12px;padding:20px;display:flex;flex-direction:column}.comparison-column.original-column{border:2px solid rgba(148,163,184,0.3)}.comparison-column.final-column{border:2px solid rgba(16,185,129,0.3)}.comparison-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--border)}.comparison-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.comparison-grade{display:flex;align-items:center;gap:8px}.comparison-grade .grade-label{display:inline;font-size:0.85rem;color:var(--text-secondary);margin-bottom:0}.comparison-grade .grade-value{display:inline;font-size:1.4rem;font-weight:700;color:var(--accent)}.final-column .comparison-grade .grade-value{color:var(--success)}.comparison-essay-panel{max-height:50vh;overflow-y:auto;padding-right:8px;margin-bottom:16px;flex:1}.comparison-essay-panel::-webkit-scrollbar{width:6px}.comparison-essay-panel::-webkit-scrollbar-track{background:var(--border);border-radius:3px}.comparison-essay-panel::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px;opacity:0.5}.comparison-section{margin-bottom:12px;padding:12px;background:var(--glass-bg);border-radius:8px}.comparison-step-label{font-size:0.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px}.comparison-section .essay-section-content{font-size:0.95rem;line-height:1.6}.comparison-scores-list{display:flex;flex-direction:column;gap:6px}.comparison-score-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--glass-bg);border-radius:6px;font-size:0.85rem}.comparison-score-title{color:var(--text-secondary)}.comparison-score-value{font-weight:600;padding:2px 8px;border-radius:4px;min-width:36px;text-align:center}.comparison-score-value.score-5{background:rgba(16,185,129,0.15);color:#10b981}.comparison-score-value.score-4{background:rgba(52,211,153,0.15);color:#34d399}.comparison-score-value.score-3{background:rgba(245,158,11,0.15);color:#f59e0b}.comparison-score-value.score-2{background:rgba(249,115,22,0.15);color:#f97316}.comparison-score-value.score-1{background:rgba(239,68,68,0.15);color:#ef4444}.score-improved{background:rgba(16,185,129,0.08)!important}.improvement-indicator{font-size:0.7rem;color:var(--success);margin-left:4px;font-weight:500}.comparison-actions{display:flex;justify-content:center;margin-top:20px}.comparison-actions .return-dashboard-btn{width:auto;min-width:200px}@media (max-width:900px){.comparison-layout{grid-template-columns:1fr}.growth-summary{gap:16px}.growth-item{min-width:60px}.growth-value{font-size:1.2rem}.growth-arrow{display:none}.view-toggle{flex-direction:column;width:100%;gap:8px}.comparison-toggle-btns{width:100%;flex-direction:column}.view-toggle-btn{width:100%}.view-whole-essay-btn{width:100%;justify-content:center}.comparison-essay-panel{max-height:none;overflow-y:visible}}.self-assessment-modal-content{max-width:700px;width:95%;max-height:90vh;overflow-y:auto;padding:0}.self-assessment-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:16px 16px 0 0}.assessment-icon{font-size:2rem}.assessment-title{font-size:1.5rem;font-weight:700;color:white;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.assessment-instructions{padding:20px 28px 12px;font-size:1rem;line-height:1.6;color:var(--text-secondary);text-align:center}#selfAssessmentForm{padding:8px 28px 28px}.assessment-category{margin-bottom:16px;padding:16px 20px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border);transition:all 0.3s ease}.assessment-category.answered{border-color:var(--success);background:rgba(16,185,129,0.05)}.assessment-category.unanswered{border-color:var(--danger);background:rgba(239,68,68,0.05);animation:shake 0.5s ease}@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.category-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent);color:white;font-weight:700;font-size:0.9rem;border-radius:50%}.category-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.assessment-options{display:flex;flex-direction:column;gap:8px}.assessment-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--glass-bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all 0.2s ease}.assessment-option:hover{background:rgba(79,70,229,0.1);border-color:var(--accent);transform:translateX(4px)}.assessment-option input[type="radio"]{display:none}.option-indicator{width:20px;height:20px;border:2px solid var(--border);border-radius:50%;transition:all 0.2s ease;flex-shrink:0;position:relative}.assessment-option input[type="radio"]:checked + .option-indicator{border-color:var(--success);background:var(--success)}.assessment-option input[type="radio"]:checked + .option-indicator::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:white;border-radius:50%}.assessment-option input[type="radio"]:checked ~ .option-text{color:var(--text-primary);font-weight:500}.option-text{font-size:0.95rem;line-height:1.4;color:var(--text-secondary);transition:color 0.2s ease}.validation-message{padding:12px 16px;margin:16px 0;background:rgba(239,68,68,0.1);border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-weight:500;text-align:center}.assessment-actions{margin-top:24px;display:flex;justify-content:center}.assessment-submit-btn{padding:14px 32px;font-size:1.1rem;min-width:280px}@media (max-width:600px){.self-assessment-modal-content{max-width:100%;width:100%;max-height:100vh;border-radius:0}.self-assessment-banner{border-radius:0;padding:16px 20px}.assessment-title{font-size:1.2rem}.assessment-instructions{padding:16px 20px 8px;font-size:0.9rem}#selfAssessmentForm{padding:8px 16px 20px}.assessment-category{padding:14px 16px}.category-title{font-size:1rem}.assessment-option{padding:10px 14px}.option-text{font-size:0.9rem}.assessment-submit-btn{width:100%;min-width:unset}}.view-whole-essay-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border:none;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(99,102,241,0.3);margin-left:auto}.view-whole-essay-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,0.4)}.view-whole-essay-btn .btn-icon{font-size:1.1rem}#polishedEssayModal .modal-overlay{background:rgba(0,0,0,0.7)}.polished-essay-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto}.polished-essay-paper{position:relative;width:100%;max-width:850px;background:#fffef8;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,0.05),0 4px 24px rgba(0,0,0,0.15),0 12px 48px rgba(0,0,0,0.1);padding:60px 80px;font-family:'Georgia','Times New Roman',serif;color:#2c2c2c;margin:auto 0;flex-shrink:0}.polished-essay-paper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.3) 50%,transparent 100%),repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(0,0,0,0.03) 31px,rgba(0,0,0,0.03) 32px);pointer-events:none;border-radius:4px}.polished-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;background:rgba(0,0,0,0.05);border:none;border-radius:50%;font-size:1.5rem;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:10}.polished-close-btn:hover{background:rgba(0,0,0,0.1);color:#333}.mla-header{margin-bottom:0}.mla-header-line{font-family:'Times New Roman',Times,serif;font-size:12pt;line-height:2;color:#2c2c2c;margin:0}.mla-title-block{text-align:center;margin-bottom:0}.mla-title{font-family:'Times New Roman',Times,serif;font-size:12pt;font-weight:400;color:#2c2c2c;line-height:2;margin:0}.mla-paper{font-family:'Times New Roman',Times,serif;font-size:12pt;padding:1in;max-width:8.5in;line-height:2}.polished-body{margin-bottom:40px;position:relative;z-index:1}.mla-body{margin-bottom:24px}.polished-paragraph{text-indent:0.5in;font-family:'Times New Roman',Times,serif;font-size:12pt;line-height:2;margin:0;text-align:left;color:#2c2c2c}.polished-paragraph + .polished-paragraph{margin-top:0}.polished-footer{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid #e8e6df;margin-bottom:24px}.polished-footer .grade-badge{display:flex;flex-direction:column;align-items:center;padding:12px 24px;background:linear-gradient(135deg,#f7f6f3 0%,#efe9dc 100%);border:1px solid #d4d0c8;border-radius:8px}.polished-footer .grade-badge-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:1px;color:#555;margin-bottom:4px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.polished-footer .grade-badge-value{font-size:1.5rem;font-weight:700;color:#4f46e5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.polished-actions{display:flex;justify-content:center;gap:12px;padding-top:16px}.download-essay-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#4f46e5;color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(79,70,229,0.3);position:relative}.download-essay-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,70,229,0.4)}.download-essay-btn:disabled{background:#9ca3af;cursor:wait;box-shadow:none;transform:none}.download-essay-btn .btn-icon{font-size:1.2rem}.print-essay-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:transparent;color:#4f46e5;border:2px solid #4f46e5;border-radius:8px;font-size:1rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;cursor:pointer;transition:all 0.3s ease}.print-essay-btn:hover{background:rgba(79,70,229,0.08)}.no-print{}@media print{body *{visibility:hidden}.polished-essay-container,.polished-essay-container *{visibility:visible}.polished-essay-container{position:absolute;top:0;left:0;width:100%;padding:0;overflow:visible}.polished-essay-paper.mla-paper{box-shadow:none;border-radius:0;max-width:none;width:100%;padding:1in;margin:0;background:white}.polished-essay-paper.mla-paper::before{display:none}.no-print{display:none!important}.mla-header-line,.mla-title,.polished-paragraph{font-family:'Times New Roman',Times,serif;font-size:12pt;line-height:2;color:black}.polished-paragraph{text-indent:0.5in;orphans:2;widows:2}#mlaEssayModal .polished-essay-container,#mlaEssayModal .polished-essay-container *{visibility:visible}}body.dark-mode .polished-essay-paper{background:#faf9f5}body.dark-mode .polished-close-btn{color:#555}@media (max-width:768px){.polished-essay-container{padding:20px 10px}.polished-essay-paper{padding:40px 24px;max-width:100%}.polished-essay-paper.mla-paper{padding:24px 20px}.mla-title{font-size:11pt}.mla-header-line{font-size:11pt}.polished-paragraph{font-size:11pt;line-height:1.8}.polished-actions{flex-direction:column;align-items:stretch}.view-whole-essay-btn{width:100%;justify-content:center;margin-left:0;margin-top:8px}.view-toggle{flex-wrap:wrap}}.tts-btn{padding:6px 10px;background:rgba(var(--accent-rgb),0.08);border:1px solid rgba(var(--accent-rgb),0.2);border-radius:6px;color:var(--accent,#667eea);font-size:0.78rem;cursor:pointer;transition:all 0.15s cubic-bezier(0.4,0,0.2,1);display:inline-flex;align-items:center;gap:4px}.tts-btn:hover{background:rgba(var(--accent-rgb),0.15)}.tts-btn.tts-active{background:var(--accent,#667eea);color:white;border-color:var(--accent)}.tts-btn-small{padding:4px 8px;font-size:0.72rem}.tts-word-active{background:rgba(var(--accent-rgb),0.25);border-radius:2px;transition:background 0.1s}.tts-control-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--glass-bg);border:1px solid var(--border);border-radius:12px;padding:8px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px rgba(0,0,0,0.15);z-index:10005;opacity:0;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);pointer-events:none}.tts-control-bar.visible{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.tts-ctrl-btn{width:32px;height:32px;border-radius:50%;border:none;background:rgba(var(--accent-rgb),0.1);color:var(--accent,#667eea);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s}.tts-ctrl-btn:hover{background:rgba(var(--accent-rgb),0.2)}.tts-stop-btn{background:rgba(var(--danger-rgb),0.1);color:var(--danger,#ef4444)}.tts-stop-btn:hover{background:rgba(var(--danger-rgb),0.2)}.tts-speed-group{display:flex;gap:2px;background:rgba(var(--accent-rgb),0.06);border-radius:6px;padding:2px}.tts-speed-btn{padding:4px 8px;border:none;background:none;border-radius:4px;font-size:0.72rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all 0.15s}.tts-speed-btn.active{background:var(--accent,#667eea);color:white}.tts-speed-btn:hover:not(.active){color:var(--text-primary)}.tts-label{font-size:0.78rem;color:var(--text-secondary);font-weight:500}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}.sentence-starters{margin:10px 0 4px;padding:10px 14px;background:rgba(var(--accent-rgb),0.05);border:1px dashed rgba(var(--accent-rgb),0.35);border-radius:10px}.sentence-starters.hidden{display:none}.sentence-starters-label{display:block;font-size:0.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.sentence-starters-chips{display:flex;flex-wrap:wrap;gap:6px}.starter-chip{display:inline-block;padding:4px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:999px;font-size:0.82rem;color:var(--text-primary)}