:root{--z-mobile-nav:1000;--z-desktop-nav:1050;--z-modal-overlay:1100;--z-modal:1090;--z-popover:1110;--z-picker:1150;--page-max-width:100%}@media (min-width:768px){:root{--page-max-width:1400px}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background,#f8f9fa);color:var(--color-text,#333);transition:background-color .3s,color .3s}main{padding:2rem;min-height:calc(100vh - 80px);max-width:var(--page-max-width);margin:0 auto;width:100%}@media (min-width:768px){main{padding-top:calc(2rem + 57px)}}@media (max-width:767px){main{min-height:calc(100vh - 60px);padding:1rem 1rem calc(1rem + 80px + env(safe-area-inset-bottom))}}h1{font-size:2.5rem;margin-bottom:1rem;color:var(--color-text,#333)}@media (max-width:767px){h1{font-size:1.875rem}}p{font-size:1.2rem;color:var(--color-textSecondary,#666)}@media (max-width:767px){p{font-size:1rem}}*{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border,#e5e7eb) var(--color-background,#f8f9fa)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background,#f8f9fa)}::-webkit-scrollbar-thumb{background:var(--color-border,#e5e7eb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-textSecondary,#9ca3af)}