:root{--color-primary: #1976D2;--color-primary-dark: #0D47A1;--color-primary-light: #42A5F5;--color-text-primary: #212121;--color-text-secondary: #424242;--color-text-tertiary: #616161;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F5F7FA;--color-bg-tertiary: #E1E7EF;--color-link: #0056b3;--color-link-hover: #003d82;--color-link-visited: #551A8B;--color-focus: #2684FF;--focus-ring: 0 0 0 2px var(--color-focus)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--color-text-primary);background-color:var(--color-bg-secondary);line-height:1.5}a{color:var(--color-link);text-decoration:underline;transition:color .2s ease}a:hover{color:var(--color-link-hover)}a:visited{color:var(--color-link-visited)}a:focus{outline:none;box-shadow:var(--focus-ring);border-radius:2px}button,.button,[type=button],[type=submit]{background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s ease}button:hover,.button:hover,[type=button]:hover,[type=submit]:hover{background-color:var(--color-primary-dark)}button:focus,.button:focus,[type=button]:focus,[type=submit]:focus{outline:none;box-shadow:var(--focus-ring)}.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-to-content:focus{position:fixed;top:0;left:0;width:auto;height:auto;padding:.5rem 1rem;background:var(--color-primary);color:#fff;z-index:9999}.blog-post{max-width:800px;margin:0 auto;padding:2rem;background-color:var(--color-bg-primary);border-radius:8px;box-shadow:0 2px 4px #0000001a}.blog-post h1{color:var(--color-text-primary);font-size:2.5rem;margin-bottom:1rem}.blog-post h2{color:var(--color-text-primary);font-size:1.8rem;margin:2rem 0 1rem}.blog-post h3{color:var(--color-text-secondary);font-size:1.4rem;margin:1.5rem 0 .75rem}.blog-post p{margin-bottom:1.5rem}.blog-post img{max-width:100%;height:auto;border-radius:4px}.blog-meta{color:var(--color-text-tertiary);font-size:.9rem;margin-bottom:2rem}.blog-card{background-color:var(--color-bg-primary);border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0000001a}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (forced-colors: active){a{text-decoration:underline}button,.button,[type=button],[type=submit]{border:2px solid transparent}button:focus,.button:focus,[type=button]:focus,[type=submit]:focus{outline:2px solid}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}