@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg-primary:224, 36%, 10%;--bg-secondary:223, 30%, 15%;--bg-glass:#1a2138bf;--bg-glass-border:#ffffff1f;--text-main:210, 40%, 98%;--text-muted:215, 20%, 70%;--accent-blue:210, 100%, 56%;--accent-purple:260, 95%, 65%;--accent-emerald:160, 84%, 39%;--accent-amber:38, 92%, 50%;--accent-rose:345, 82%, 56%;--gradient-hero:linear-gradient(135deg, #1f8fff 0%, #8951fb 100%);--gradient-card:linear-gradient(145deg, #ffffff12 0%, #ffffff05 100%);--shadow-glow:0 0 25px -5px #3b82f666;--shadow-sm:0 4px 6px -1px #0003;--shadow-lg:0 10px 25px -3px #0006}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}body{background-color:hsl(var(--bg-primary));color:hsl(var(--text-main));-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-glass-border);box-shadow:var(--shadow-lg);border-radius:16px}.glass-card{background:var(--gradient-card);border:1px solid #ffffff14;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--shadow-glow);border-color:#fff3;transform:translateY(-4px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a99}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff59}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s ease-out forwards fadeIn}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #3b82f64d}50%{box-shadow:0 0 28px #a855f780}}.animate-glow{animation:3s ease-in-out infinite pulseGlow}.sidebar-panel{z-index:40;flex-shrink:0;width:280px;height:100dvh;transition:width .25s,padding .25s;position:sticky;top:0;overflow-y:auto}.sidebar-full-label{display:inline}.sidebar-short-label{display:none}.responsive-container{box-sizing:border-box;width:100%;max-width:850px;margin:0 auto;padding:36px}.view-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:32px 36px}.responsive-grid,.reading-columns{gap:40px;display:flex}.rubric-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.mobile-tab-toggle{display:none}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background-color:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.responsive-modal{box-sizing:border-box;width:100%;max-width:540px;max-height:90vh;padding:32px;position:relative;overflow-y:auto}@media (width<=1024px){.sidebar-panel{width:210px}.responsive-container,.view-container{padding:24px 20px}.responsive-grid,.reading-columns{gap:24px}}@media (width<=768px){.sidebar-panel{width:155px;padding:14px 8px!important}.sidebar-full-label{display:none}.sidebar-short-label{display:inline}.responsive-container,.view-container{padding:16px 12px}.responsive-grid,.reading-columns{flex-direction:column;gap:20px}.rubric-grid{grid-template-columns:1fr;gap:16px}.mobile-tab-toggle{background:#0000004d;border-radius:8px;gap:8px;margin-bottom:16px;padding:6px;display:flex}.mobile-hidden{display:none!important}.modal-overlay{padding:12px}.responsive-modal{max-height:92dvh;padding:20px 16px!important}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}}