*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5;color:#F0F2F5;background-color:#000000;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden}
html[data-theme="light"] body{color:#111111;background-color:#F5F5F6}
:root{--color-bg-base:#000000;--color-text-primary:#F0F2F5;--color-bg-surface-1:#0F0F0F;--color-silver-bright:#C8CDD8}
html[data-theme="light"]{--color-bg-base:#F5F5F6;--color-text-primary:#111111;--color-bg-surface-1:#FFFFFF;--color-silver-bright:#4B5563}
.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-base);color:var(--color-text-primary);transition:opacity 0.3s ease}
.loading-skeleton{opacity:0.3;transition:opacity 0.5s ease}
.css-loaded .loading-skeleton,.loaded .loading-skeleton{opacity:1}
.loading .app{opacity:0.8}
.loaded .app{opacity:1}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-text-primary);margin-bottom:1rem}
h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}
p{margin-bottom:1rem;line-height:1.6}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.asset-loading{visibility:hidden}
.asset-loaded{visibility:visible}
@media (prefers-reduced-motion: reduce) {html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}