:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#001222;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#app{width:100%;min-height:100vh}.demo-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.demo-header{padding:2rem;background:#1a1a1a;border-bottom:1px solid #333}.demo-header h1{font-size:2rem;margin-bottom:.5rem}.demo-header p{color:#888}.demo-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:1rem;padding:1rem 2rem}.demo-nav button{padding:.2rem .5rem;background:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .2s}.demo-nav button.active{background:#00d16a;color:#001222}.demo-content{flex:1;position:relative;min-height:80vh;display:flex;justify-content:center;align-items:center}.demo-section{width:100%;height:100svh;position:relative}.page-container[data-v-ddfdf618],.page-container[data-v-2be18667],.page-container[data-v-1d6640af]{width:100%;height:100vh;overflow:hidden}