:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-primary: #38bdf8;--accent-secondary: #818cf8;--success: #4ade80;--error: #f87171;--card-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:start;justify-content:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at top right,#1e293b,#0f172a);overflow-x:hidden}#root{width:100%;max-width:800px;padding:1rem;margin:0 auto}h1{font-size:2em;line-height:1.1;text-align:center;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--bg-secondary);color:var(--accent-primary);cursor:pointer;transition:all .2s ease;border:1px solid var(--glass-border)}button:hover{border-color:var(--accent-primary);background-color:#38bdf81a;transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:1.5rem;margin-bottom:1.5rem}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}@media(max-width:600px){#root{padding:.5rem}h1{font-size:1.8em}.glass-card{padding:1rem}}#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}