:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;font-weight:400;color-scheme:light dark;color:#2d3748;background:linear-gradient(135deg,#667eea,#764ba2)}a{font-weight:500;color:#fbbf24;text-decoration:inherit}a:hover{color:#f59e0b}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-y:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:12px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a202c;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button:focus,button:focus-visible{outline:3px solid rgba(251,191,36,.5);outline-offset:2px}select{border-radius:8px;border:2px solid rgba(255,255,255,.3);padding:.4em .8em;font-size:.95em;font-weight:600;font-family:inherit;background:#ffffffe6;color:#1a202c;cursor:pointer;transition:all .3s ease}select:hover{background:#fffffff2;border-color:#ffffff80}select:focus{outline:3px solid rgba(251,191,36,.5);outline-offset:2px}@media (prefers-color-scheme: light){:root{color:#2d3748;background:linear-gradient(135deg,#a8edea,#fed6e3)}a{color:#d97706}a:hover{color:#b45309}button{background:linear-gradient(135deg,#f687b3,#c084fc);color:#fff;border:2px solid transparent}button:hover{box-shadow:0 4px 16px #00000026}select{background:#fffffff2;border:2px solid rgba(0,0,0,.1)}select:hover{border-color:#0003}}html,body,#root{height:100%}html,body{margin:0;padding:0;overscroll-behavior-y:contain}body{-webkit-text-size-adjust:100%;overflow-x:hidden}#root{width:100%;max-width:900px;margin:0 auto;padding:8px;text-align:center;box-sizing:border-box}@media (max-width: 640px){#root{padding:8px}}*{box-sizing:border-box}html,body{max-width:100%}.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}