@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-main:#f8fafc;--bg-gradient:radial-gradient(circle at 50% 0%, #eef2ff 0%, #f8fafc 100%);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--glass-bg:#ffffffb3;--glass-border:#0f172a14;--glass-border-hover:#0f172a29;--glass-shadow:0 8px 32px 0 #0f172a0d;--color-success:#10b981;--color-error:#f43f5e;--color-warning:#d97706;--color-info:#2563eb;--color-math:#4f46e5;--color-math-glow:#4f46e51f;--color-physics:#0891b2;--color-physics-glow:#0891b21f;--color-chemistry:#059669;--color-chemistry-glow:#0596691f;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-sans);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a08}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{border-color:var(--glass-border-hover)}.glow-math:hover{box-shadow:0 0 25px var(--color-math-glow), var(--glass-shadow)}.glow-physics:hover{box-shadow:0 0 25px var(--color-physics-glow), var(--glass-shadow)}.glow-chemistry:hover{box-shadow:0 0 25px var(--color-chemistry-glow), var(--glass-shadow)}.btn{cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;color:var(--text-primary);background:#0f172a0d;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{background:#0f172a17;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-math);color:#fff;box-shadow:0 4px 15px #4f46e533}.btn-primary:hover{color:#fff;background:#4338ca;box-shadow:0 6px 20px #4f46e559}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.badge-math{color:#4338ca;background:#4f46e51a;border:1px solid #4f46e533}.badge-physics{color:#0e7490;background:#0891b21a;border:1px solid #0891b233}.badge-chemistry{color:#047857;background:#0596691a;border:1px solid #05966933}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.skeleton{background:#0000000f;border-radius:8px;animation:1.5s ease-in-out infinite pulse}.glow-text-math{text-shadow:0 0 8px #4f46e54d}.glow-text-physics{text-shadow:0 0 8px #0891b24d}.glow-text-chemistry{text-shadow:0 0 8px #0596694d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.katex-display{background:#00000006;border-radius:8px;margin:12px 0;padding:12px 0;overflow:auto hidden}.katex{color:var(--text-primary)}.markdown-body table{border-collapse:collapse;border:1px solid var(--glass-border);background:#fff6;border-radius:8px;width:100%;margin:16px 0;font-size:.9rem;overflow:hidden}.markdown-body th,.markdown-body td{border:1px solid var(--glass-border);text-align:center;padding:10px 14px}.markdown-body th{color:var(--text-primary);background:#0f172a0d;font-weight:600}.markdown-body tr:nth-child(2n){background:#fff3}.markdown-body tr:hover{background:#0f172a05}.markdown-body ul,.markdown-body ol{margin-bottom:12px;padding-left:24px}.markdown-body li{margin-bottom:6px}.markdown-body p{margin-bottom:8px}.crop-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.crop-modal-content{background:var(--glass-bg);border:1px solid var(--glass-border-hover);border-radius:20px;flex-direction:column;width:90vw;max-width:900px;max-height:90vh;animation:.3s ease-out forwards fadeIn;display:flex;overflow:hidden;box-shadow:0 24px 48px #0003}.crop-modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.crop-modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.crop-modal-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.crop-area-wrapper{background:#0f172a08;flex:1;justify-content:center;align-items:center;min-height:350px;max-height:55vh;padding:24px;display:flex;overflow:hidden}.crop-area-wrapper img{max-width:100%;max-height:100%;display:block}.crop-modal-footer{border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);background:#0f172a0d}.btn-secondary:hover{background:#0f172a1a}.btn-rotate{color:var(--color-math);background:#4f46e51a;border:1px solid #4f46e533}.btn-rotate:hover{background:#4f46e526}@media (max-width:768px){.crop-modal-content{width:95vw;max-height:95vh}.crop-area-wrapper{min-height:250px;padding:12px}.crop-modal-footer{justify-content:space-between;padding:12px 16px}.crop-modal-footer .btn{flex:1;min-width:100px}}