*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-bg:#f8fafc;--clr-card:#fff;--clr-primary:#2563eb;--clr-primary-dark:#1d4ed8;--clr-text:#0f172a;--clr-text-secondary:#64748b;--clr-border:#e2e8f0;--clr-grade-a:#16a34a;--clr-grade-b:#65a30d;--clr-grade-c:#d97706;--clr-grade-d:#dc2626;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #00000024;--transition:all .2s ease}html{scroll-behavior:smooth;height:100%}body{background:var(--clr-bg);color:var(--clr-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;transition:var(--transition);font-family:inherit}button:active{transform:scale(.97)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:4px solid var(--clr-border);border-top-color:var(--clr-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:1.5s ease-in-out infinite pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s forwards fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.3s forwards slideUp}@keyframes loadingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}