*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#0066cc;--color-primary-dark:#0052a3;--color-primary-light:#cce5ff;--color-secondary:#004d99;--color-accent:#ff6b35;--color-bg:#ffffff;--color-bg-secondary:#f5f7fa;--color-text:#1a1a1a;--color-text-secondary:#555555;--color-border:#e0e0e0;--color-shadow:rgba(0,0,0,0.1);--color-success:#10b981;--color-hover:#0052a3}[data-theme=dark]{--color-primary:#4da6ff;--color-primary-dark:#3382cc;--color-primary-light:#1a3a52;--color-secondary:#0099ff;--color-accent:#ff9500;--color-bg:#0d1117;--color-bg-secondary:#161b22;--color-text:#e0e0e0;--color-text-secondary:#a0a0a0;--color-border:#30363d;--color-shadow:rgba(0,0,0,0.3);--color-success:#3fb950;--color-hover:#4da6ff}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);transition:background-color .3s ease,color .3s ease}body{line-height:1.6}canvas,img,svg,video{max-width:100%;height:auto}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-hover)}button{font-family:inherit;cursor:pointer;border:none;transition:all .3s ease}input,textarea{font-family:inherit;background-color:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;transition:all .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg);box-shadow:0 0 0 3px var(--color-primary-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.scale-in{animation:scaleIn .4s ease-out}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-hover)}