@media (max-width: 768px) {
    #intro-date {
        font-size: 2rem;
    }
    
    .scrapbook-container {
        height: auto;
        padding: 40px 20px;
        flex-direction: column;
    }
    
    .bouquet-container {
        width: 100%;
        max-width: 350px;
        height: 400px;
        margin-top: 30px;
    }
    
    #cassette-player {
        bottom: 20px;
        right: 50%;
        transform: translateX(50%);
        width: 90%;
        justify-content: center;
        padding: 10px;
    }
    
    .letter-paper {
        width: 90%;
        padding: 40px 20px;
    }
    
    .final-peony-img {
        width: 200px;
    }
    
    .cake-scene-container {
        height: auto;
        padding: 20px 10px;
    }
    
    .cake-header-card {
        padding: 12px 20px;
    }
    
    .cake-title {
        font-size: 1.7rem;
    }
    
    .cake-subtitle {
        font-size: 0.95rem;
    }
    
    .cheesecake-stage {
        width: 320px;
        height: 250px;
    }
    
    .cheesecake-wrapper {
        width: 290px;
    }
    
    .flame-wrapper {
        bottom: -4px;
        width: 24px;
        height: 38px;
    }
    
    .flame-body {
        width: 14px;
        height: 26px;
    }
    
    .matchstick-container {
        right: -10px;
        bottom: 10px;
    }
    
    .matchstick {
        height: 70px;
    }
}