:root{--bg: #0f172a;--text: #e2e8f0;--cell-text: #ffffff;--cell-default-bg: rgba(0, 0, 0, .13);--surface: #1e293b;--border-hover: #3b82f6;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--btn-red: #e53935;--btn-red-hover: #c62828;--btn-green: #43a047;--btn-green-hover: #2e7d32;--btn-yellow: #fdd835;--btn-yellow-hover: #f9a825}html,body{margin:0;padding:0}[data-theme=light]{--bg: #ffffff;--text: #213547;--cell-text: #111827;--cell-default-bg: rgba(0,0,0,.08);--surface: #f3f3f3;--border-hover: #535bf2;color-scheme:light}[data-theme=dark]{--bg: #0f172a;--text: #e2e8f0;--cell-text: #3d3737;--cell-default-bg: rgba(255,255,255,.06);--surface: #1e293b;--border-hover: #3b82f6;color-scheme:dark}[data-theme=blue]{--bg: #0b1220;--text: #dbeafe;--cell-text: #2e2e9d;--cell-default-bg: rgba(255,255,255,.06);--surface: #1e3a8a;--border-hover: #60a5fa;color-scheme:dark}[data-theme=emerald]{--bg: #06281f;--text: #d1fae5;--cell-text: #ffffff;--cell-default-bg: rgba(255,255,255,.06);--surface: #065f46;--border-hover: #10b981;color-scheme:dark}[data-theme=purple]{--bg: #1e1b2e;--text: #ede9fe;--cell-text: #464eb7;--cell-default-bg: rgba(255,255,255,.06);--surface: #312e81;--border-hover: #8b5cf6;color-scheme:dark}[data-theme=sunset]{--bg: #2a1a1a;--text: #ffe4e6;--cell-text: #ffffff;--cell-default-bg: rgba(255,255,255,.06);--surface: #7f1d1d;--border-hover: #f97316;color-scheme:dark}[data-theme=blossom]{--bg: #fff1f2;--text: #4c0519;--cell-text: #4c0519;--cell-default-bg: rgba(0,0,0,.08);--surface: #ffe4e6;--border-hover: #e11d48;color-scheme:light}[data-theme=sand]{--bg: #fdf6e3;--text: #3f3f2f;--cell-text: #3f3f2f;--cell-default-bg: rgba(0,0,0,.08);--surface: #eee8d5;--border-hover: #b58900;color-scheme:light}[data-theme=midnight]{--bg: #020617;--text: #cbd5e1;--cell-text: #191a1a;--cell-default-bg: rgba(255,255,255,.05);--surface: #0f172a;--border-hover: #6366f1;color-scheme:dark}[data-theme=neon]{--bg: #000000;--text: #39ff14;--cell-text: #194112;--cell-default-bg: rgba(255,255,255,.05);--surface: #111111;--border-hover: #ff00ff;color-scheme:dark}[data-theme=arctic]{--bg: #eaf4ff;--text: #0f172a;--cell-text: #0f172a;--cell-default-bg: rgba(0,0,0,.08);--surface: #dbeafe;--border-hover: #2563eb;color-scheme:light}[data-theme=lava]{--bg: #1a0f0f;--text: #ffe5e5;--cell-text: #4b0606;--cell-default-bg: rgba(255,255,255,.06);--surface: #3b1f1f;--border-hover: #ff3b3b;color-scheme:dark}[data-theme=forest]{--bg: #0b1d13;--text: #d1fae5;--cell-text: #093805;--cell-default-bg: rgba(255,255,255,.06);--surface: #123524;--border-hover: #22c55e;color-scheme:dark}[data-theme=galaxy]{--bg: #0c0a1a;--text: #e9d5ff;--cell-text: #3c2d5d;--cell-default-bg: rgba(255,255,255,.06);--surface: #1e1b3a;--border-hover: #a855f7;color-scheme:dark}[data-theme=ice]{--bg: #f8fafc;--text: #1e293b;--cell-text: #1e293b;--cell-default-bg: rgba(0,0,0,.08);--surface: #e2e8f0;--border-hover: #38bdf8;color-scheme:light}[data-theme=citrus]{--bg: #1a1405;--text: #fff7ed;--cell-text: #342323;--cell-default-bg: rgba(255,255,255,.06);--surface: #3a2a0f;--border-hover: #f59e0b;color-scheme:dark}[data-theme=slate]{--bg: #111827;--text: #e5e7eb;--cell-text: #2f3430;--cell-default-bg: rgba(255,255,255,.06);--surface: #1f2937;--border-hover: #64748b;color-scheme:dark}[data-theme=kawaiii]{--bg: #f671a0;--text: #500724;--cell-text: #500724;--cell-default-bg: rgba(255,255,255,.25);--surface: #de9db1;--border-hover: #db2777;color-scheme:light}a{font-weight:500;color:var(--border-hover);text-decoration:inherit}a:hover{color:var(--border-hover)}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;background-color:var(--surface);color:var(--text);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--border-hover)}input,textarea,select{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface);color:var(--text);transition:border-color .25s,background-color .25s}input:hover,textarea:hover,select:hover{border-color:var(--border-hover)}input::placeholder,textarea::placeholder{color:#7f7f7f99}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.5em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 7l4.5 4.5L14.5 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8em center;background-size:1em}input[type=checkbox]{appearance:none;width:1.2em;height:1.2em;border:2px solid var(--text);background-color:var(--surface);display:inline-grid;place-content:center;cursor:pointer;transition:.25s}input[type=checkbox]:hover{border-color:var(--border-hover)}input[type=checkbox]:checked{background-color:var(--border-hover);border-color:var(--border-hover)}input[type=checkbox]:after{content:"";width:.35em;height:.65em;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .1s ease-in-out}input[type=checkbox]:checked:after{transform:rotate(45deg) scale(1)}.button-red{background-color:var(--btn-red);color:#fff}.button-red:hover{background-color:var(--btn-red-hover);border-color:var(--btn-red)}.button-green{background-color:var(--btn-green);color:#fff}.button-green:hover{background-color:var(--btn-green-hover);border-color:var(--btn-green)}.button-yellow{background-color:var(--btn-yellow);color:#000}.button-yellow:hover{background-color:var(--btn-yellow-hover);border-color:var(--btn-yellow)}.modal-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:9999}.modal-content{min-width:320px;max-width:90%;border-radius:8px;padding:24px;background-color:var(--surface);color:var(--text);box-shadow:0 10px 25px #00000080}.spinner{width:32px;height:32px;border:4px solid #ddd;border-top-color:#555;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#root{margin:0 auto;padding:1rem;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}