body {
    margin: 0;
    min-height: 100vh;
    background: linear-gradient(135deg, #fff0f5 0%, #ffe4e1 50%, #fffaf0 100%) !important;
    font-family: sans-serif;
    color: #444;
}

h1 {
    text-align: center;
    font-family: 'Great Vibes', cursive;
    font-size: 3.5em;
    color: #b76e79; /* romantic rose color */
    margin: 20px 0 40px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

/* Phones (up to ~767px wide) */
@media (max-width: 767px) {
    .nGY2 .toolbar .ngbt {
        font-size: 4em !important; /* big on mobile */
    }
}

/* Tablets (768px–1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .nGY2 .toolbar .ngbt {
        font-size: 3em !important; /* slightly smaller for iPads */
    }
}