:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg: #242424;--card-bg: rgba(255, 255, 255, .02);--border-color: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--shadow-color: rgba(0, 0, 0, .1);--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .4);--text-faint: rgba(255, 255, 255, .36);--bg-secondary: rgba(255, 255, 255, .05);--input-bg: rgba(0, 0, 0, .2);--input-border: rgba(255, 255, 255, .1);--button-shadow: rgba(100, 108, 255, .3);--success-color: #51cf66;--error-border: rgba(220, 38, 38, .3);--nav-bg: rgba(36, 36, 36, .9);--accent-text: #c7d2fe;--popup-bg: #1e1e2e;--popup-border: rgba(255, 255, 255, .16);--popup-hover: rgba(255, 255, 255, .07)}:root[data-theme=light]{color-scheme:light;--page-bg: #f5f5f7;--card-bg: #ffffff;--border-color: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--shadow-color: rgba(0, 0, 0, .08);--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);--text-tertiary: rgba(0, 0, 0, .4);--text-faint: rgba(0, 0, 0, .36);--bg-secondary: rgba(0, 0, 0, .04);--input-bg: rgba(0, 0, 0, .03);--input-border: rgba(0, 0, 0, .15);--button-shadow: rgba(79, 70, 229, .2);--success-color: #2f9e44;--error-border: rgba(220, 38, 38, .35);--nav-bg: rgba(255, 255, 255, .85);--accent-text: #4338ca;--popup-bg: #ffffff;--popup-border: rgba(0, 0, 0, .15);--popup-hover: rgba(0, 0, 0, .05)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box!important;color:var(--text-primary)!important;background-color:var(--input-bg)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:11px 7px;border:1px solid var(--input-border)!important;border-radius:8px!important;padding:8px 30px 8px 12px!important;font-size:.9rem!important;font-family:inherit!important;min-height:38px!important;line-height:1.4;cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease}select:hover:not(:disabled){border-color:var(--border-strong)!important}select:focus-visible{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e526}select:disabled{opacity:.5;cursor:not-allowed}select option{color:var(--text-primary)!important;background-color:var(--popup-bg)!important}select optgroup{color:var(--text-secondary);background-color:var(--popup-bg)}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:clip}body.room-active #root{padding:0;max-width:unset;text-align:unset}#root{margin:0;padding:0;width:100%}#root{max-width:1280px;margin:0 auto;padding:clamp(1rem,3vw,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)}}@keyframes 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:clamp(1rem,3vw,2em)}.read-the-docs{color:#888}.app-nav{position:fixed;top:0;left:0;right:0;height:56px;display:flex;gap:clamp(.5rem,2vw,1rem);align-items:center;justify-content:center;padding:0 clamp(.5rem,2vw,1rem);z-index:1000;border-bottom:1px solid rgba(255,255,255,.06);background:#00000005;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-x:auto;-webkit-overflow-scrolling:touch}.app-nav a{text-decoration:none;margin-right:0;white-space:nowrap;font-size:clamp(.85rem,2.5vw,1rem)}@media (max-width: 640px){#root{padding:.5rem}.logo{height:4em;padding:1em}}