:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--bg-color);--bg-color: #0f1115;--text-color: #f5f7ff;--button-bg: #1b1f2a;--button-text: #f5f7ff;--button-border: #3a4152;--button-hover-border: #9aa4ff;--switch-track: linear-gradient(135deg, #4c566a, #2e3440);--switch-thumb: #f5f7ff;--switch-glow: rgba(154, 164, 255, .35);--switch-icon: #fbbf24;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}[data-theme=light]{color-scheme:light;--bg-color: #f4f6fb;--text-color: #1f2937;--button-bg: #ffffff;--button-text: #1f2937;--button-border: #d0d7e2;--button-hover-border: #5b6dff;--switch-track: linear-gradient(135deg, #c7d2fe, #e0f2fe);--switch-thumb: #ffffff;--switch-glow: rgba(91, 109, 255, .3);--switch-icon: #2563eb}[data-theme=dark]{color-scheme:dark}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .2s ease,color .2s ease}h1{font-size:3.2em;line-height:1.1}#app{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.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid var(--button-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:border-color .25s,background-color .2s ease,color .2s ease}button:hover{border-color:var(--button-hover-border)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:10;background:transparent;border:none;padding:0}.theme-switch{--switch-width: 104px;--switch-height: 48px;width:var(--switch-width);height:var(--switch-height);border-radius:999px;background:var(--switch-track);display:inline-flex;align-items:center;justify-content:space-between;padding:0 14px;box-shadow:0 12px 30px rgba(15,23,42,.25);position:relative;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease;border:1px solid rgba(255,255,255,.2)}.theme-switch:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(15,23,42,.28)}.theme-switch__icon{font-size:1rem;color:var(--switch-icon);transition:opacity .2s ease}.theme-switch__icon--moon{color:#e0e7ff}.theme-switch__thumb{position:absolute;top:6px;left:6px;width:36px;height:36px;border-radius:50%;background:var(--switch-thumb);box-shadow:0 8px 20px var(--switch-glow);transform:translate(0);transition:transform .25s ease,background-color .2s ease,box-shadow .2s ease}[data-theme=dark] .theme-switch__thumb{transform:translate(56px)}[data-theme=dark] .theme-switch__icon--sun,[data-theme=light] .theme-switch__icon--moon{opacity:.35}.theme-switch__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}