@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--success-500: #16a34a;--success-600: #15803d;--error-500: #dc2626;--error-600: #b91c1c;--warning-500: #ea580c;--warning-600: #c2410c;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--text-primary: #171717;--text-secondary: #525252;--text-muted: #737373;--text-disabled: #a3a3a3;--border-light: #e5e5e5;--border-default: #d4d4d4;--border-strong: #a3a3a3;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .04);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--transition-fast: .15s ease;--transition-base: .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-secondary);color:var(--text-primary);overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:.95rem}small{font-size:.875rem;color:var(--text-muted)}a{color:var(--primary-500);text-decoration:none;font-weight:500;transition:all var(--transition-base)}a:hover{color:var(--primary-600)}button{border-radius:var(--radius-md);border:1px solid var(--border-light);padding:10px 16px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-base);background:#fff;color:var(--text-secondary);box-shadow:none}button:hover{background:var(--bg-secondary);border-color:var(--border-default)}button:active{background:var(--bg-tertiary)}button:focus,button:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary-500);border:none;color:#fff}button.primary:hover{background:var(--primary-600)}button.secondary{background:#fff;border:1px solid var(--border-default);color:var(--text-secondary)}button.secondary:hover{background:var(--bg-secondary)}button.danger{background:var(--error-500);border:none;color:#fff}button.danger:hover{background:var(--error-600)}input,select,textarea{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:#fff;color:var(--text-primary);font-family:inherit;font-size:14px;transition:all var(--transition-base)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-500)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer}label{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:6px;font-size:14px}.card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease-out}.slide-up{animation:slideUp .3s ease-out}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}ul{list-style:none;padding:0}li{padding:var(--spacing-sm) 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-md);border:2px solid var(--bg-tertiary)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.spinner{border:3px solid var(--gray-200);border-top:3px solid var(--primary-500);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@media(max-width:768px){:root{--spacing-xl: 1.5rem;--spacing-2xl: 2rem}.card{padding:var(--spacing-lg)}h1{font-size:1.75rem}h2{font-size:1.35rem}.desktop-only{display:none!important}}@media(max-width:480px){:root{--spacing-lg: 16px;--spacing-xl: 20px}body{padding:0}button{padding:.75rem 1rem;font-size:.95rem}input,select,textarea{font-size:16px;padding:.75rem}h1{font-size:1.5rem}h2{font-size:1.25rem}}@media(min-width:769px){.mobile-only{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}#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}