:root{--color-base-bg:#f8fafc;--color-alt-bg:#f1f5f9;--color-text-main:#1e293b;--color-text-secondary:#64748b;--color-primary:#1DA1F2;--color-secondary:#1991DA;--color-accent:#29B6F6;--color-danger:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;--gradient-bg:linear-gradient(135deg,#f8fafc,#e3f2fd);--gradient-primary:linear-gradient(135deg,#1DA1F2,#29B6F6);--color-admin-sidebar:#ffffff;--color-admin-border:#e3f2fd;--color-admin-hover:#e3f2fd;--color-admin-active:#1DA1F2}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--gradient-bg);color:var(--color-text-main);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{text-decoration:none;color:var(--color-primary);transition:color .2s ease-in-out}a:hover{color:var(--color-secondary)}#root{margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(123,97,255,.67))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(255,107,129,.67))}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em;margin:1em;background-color:var(--color-alt-bg);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.read-the-docs{color:var(--color-text-secondary);font-size:.9em}@media (max-width:768px){.logo{height:4em;padding:1em}.card{padding:1.5em;margin:.5em}}