* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: 'Lato', sans-serif;
    background-color: var(--bg-body);
    color: var(--text-main); 
    display: flex;
    justify-content: center;
    min-height: 100vh;
}


#app-root {
    width: 100%;
    max-width: 480px;
    background-color: var(--bg-app);
    min-height: 100vh;
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
    position: relative;
    padding-bottom: 50px;
}


html { scroll-behavior: smooth; }