:root{--header-height-desktop:70px;--header-height-mobile:50px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background-color:var(--color-header-background);box-shadow:0 2px 4px var(--color-shadow);color:var(--color-header-text);display:flex;height:var(--header-height-desktop);justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.app-title{font-size:1.8rem;font-weight:700;margin:0}.header-stats{display:flex;font-size:.9rem;gap:1.5rem}.stats-item{align-items:center;display:flex;gap:.4rem}.stats-label{font-weight:700}.stats-value{color:var(--color-accent)}.app-content{flex:1;padding:1rem}.app-footer{background-color:var(--color-footer-background);color:var(--color-footer-text);font-size:.9rem;padding:1rem;text-align:center}@media (max-width:768px){.app-header{align-items:flex-start;flex-direction:column;gap:.3rem;height:var(--header-height-mobile);justify-content:center;padding:.5rem 1rem}.app-title{font-size:1.4rem}.header-stats{font-size:.8rem;gap:1rem}.app-content{padding:.5rem}.app-footer{font-size:.8rem;padding:.75rem}}@media (max-width:480px){.app-header{padding:.4rem .8rem}.app-title{font-size:1.2rem}.header-stats{font-size:.7rem;gap:.8rem}.app-content{padding:.5rem}}