@view-transition { navigation: auto; }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased;overflow-x:clip}img{display:block;max-width:100%;height:auto}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #2340d9;outline-offset:4px}
.demo-banner{position:relative;z-index:30;min-height:36px;background:#121110;color:#f5f2ea;display:flex;justify-content:center;align-items:center;gap:16px;padding:6px 14px;text-align:center;font:700 12px/1.35 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.02em}.demo-banner span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#2340d9;margin-right:8px;vertical-align:1px}.demo-banner a{color:#a9b8ff;text-decoration:underline;text-underline-offset:3px}.demo-banner a:hover{color:#fff}
[hidden]{display:none!important}
@media(max-width:600px){.demo-banner{font-size:11px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}