html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a}#root{width:100%;height: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}.scenario-btn{border-radius:999px;border:1px solid rgba(209,213,219,1);background:#f9fafb;color:#111827;padding:5px 10px;font-size:12px;line-height:1.35;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,box-shadow .12s ease,border-color .12s ease}.scenario-btn:hover{background:#e5e7eb}.scenario-btn:active{background:#d1d5db}.scenario-btn:disabled{opacity:.65;cursor:default}.scenario-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f12e}