@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--purple-primary:#ce57ff;--purple-hover:#b843e6;--purple-light:#ce57ff1a;--purple-medium:#ce57ff26;--purple-glow:0 0 0 4px #ce57ff1a;--green-bg:#22c55e1a;--green-text:#16a34a;--yellow-bg:#fbbf241a;--yellow-text:#d97706;--red-bg:#ef44441a;--red-text:#dc2626;--dark-gray:#333745;--black:#000;--white:#fff;--light-bg:#f8f8f8;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border-light:#00000014;--border-medium:#00000026;--shadow-soft:0 2px 8px #0000000a;--shadow-medium:0 4px 20px #00000014;--transition-fast:.15s ease;--transition-normal:.25s ease;--sidebar-width:260px;--page-padding:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:50%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--text-primary);background-color:var(--light-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}h1{font-size:32px;font-weight:600;line-height:1.2}h2{font-size:24px;font-weight:600;line-height:1.3}h3{font-size:20px;font-weight:600;line-height:1.4}h4{font-size:16px;font-weight:600;line-height:1.5}a{color:var(--purple-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--purple-hover)}:focus-visible{outline:2px solid var(--purple-primary);outline-offset:2px}::selection{color:var(--text-primary);background-color:#ce57ff33}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes typingBounce{0%,60%,to{background-color:var(--text-muted);transform:translateY(0)}30%{background-color:var(--purple-primary);transform:translateY(-6px)}}
