:root{--exl-orange: #FB4E0B;--exl-orange-light: #ff6a00;--exl-orange-dark: #d94000;--exl-midnight: #005071;--exl-slate: #2e3643;--bg-default: #0f141a;--bg-paper: #171e26;--bg-card: #1a1f2a;--bg-elevated: #222b36;--bg-hover: #2a3441;--text-primary: #e6edf3;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-default: #2a3441;--border-light: #3d4a5c;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-default)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden}body{min-width:320px;background:var(--bg-default);touch-action:manipulation}#root{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.25;color:var(--text-primary)}h1{font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,3.5vw,2rem);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,3vw,1.5rem)}h4{font-size:clamp(1.125rem,2.5vw,1.25rem)}h5{font-size:clamp(1rem,2vw,1.125rem)}h6{font-size:1rem}p{margin:0 0 1rem;color:var(--text-secondary)}a{color:var(--exl-orange-light);text-decoration:none;transition:color .2s ease;-webkit-tap-highlight-color:transparent}a:hover{color:var(--exl-orange)}button{cursor:pointer;border:none;background:none;font-family:inherit;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;font-size:16px}:focus-visible{outline:2px solid var(--exl-orange);outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:none}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-default)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@media (max-width: 768px){::-webkit-scrollbar{width:4px;height:4px}}*{scrollbar-width:thin;scrollbar-color:var(--border-default) var(--bg-default)}::selection{background:#fb4e0b4d;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}.slide-down{animation:slideDown .3s ease}.tap-target{min-height:44px;min-width:44px}.safe-area-inset{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.tooltip-content{visibility:hidden;width:400px;max-width:calc(100vw - 32px);background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-default);position:absolute;z-index:1300;opacity:0;transition:opacity .2s ease,visibility .2s ease;box-shadow:0 10px 25px #0006;font-size:.875rem;line-height:1.5}.tooltip-container:hover .tooltip-content{visibility:visible;opacity:1}.tooltip-content p{margin:0}.tooltip-content.bottom{top:100%;margin-top:8px}.tooltip-content.top{bottom:100%;margin-bottom:8px}.star{position:relative;font-size:24px;width:24px;height:24px;cursor:pointer;color:var(--border-default);transition:color .2s ease,transform .2s ease}.star:hover{transform:scale(1.1)}.star.filled,.star:hover{color:var(--exl-orange)}.star span{position:absolute}.star .filled{overflow:hidden}@media (max-width: 479px){:root{font-size:14px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px}.tooltip-content{width:calc(100vw - 24px);max-width:280px;padding:10px 12px;font-size:.8125rem}.star{font-size:20px;width:20px;height:20px}}@media (min-width: 480px) and (max-width: 767px){:root{font-size:14px;--space-md: 14px;--space-lg: 20px}.tooltip-content{width:300px}}@media (min-width: 768px) and (max-width: 1023px){:root{font-size:15px}.tooltip-content{width:350px}}@media (min-width: 1024px){:root{font-size:16px}}@media (hover: none) and (pointer: coarse){.star:hover{transform:none}button,a,[role=button]{min-height:44px;min-width:44px}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){img{image-rendering:-webkit-optimize-contrast}}@media (max-height: 500px) and (orientation: landscape){html,body{min-height:100%}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}h1,h2,h3,h4,h5,h6,p{color:#000}a{color:#000;text-decoration:underline}.avoid-break{page-break-inside:avoid}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}#root{margin:0 auto;text-align:start}body{height:"100%";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1b1f24;background:#0f141a}.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}
