body { font-family: Arial, sans-serif; line-height: 1.6; margin: 20px; background-color: #f9f9f9; }
        .day-container { max-width: 800px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
        h1 { color: #d32f2f; text-align: center; margin-bottom: 5px; }
        .subtitle { text-align: center; color: #555; margin-bottom: 30px; font-size: 1.1em; }
        h2 { color: #333; margin-top: 0; }
        .timeline { list-style-type: none; position: relative; padding: 0; }
        .timeline::before { content: ''; position: absolute; top: 0; bottom: 0; left: 20px; width: 2px; background: #ccc; }
        .timeline-item { position: relative; margin-bottom: 30px; padding-left: 50px; }
        .timeline-time { font-weight: bold; color: #0288d1; font-size: 1.1em; }
        .timeline-content { padding: 15px; background: #f0f4f8; border-radius: 5px; }
        .price-tag { color: #e65100; font-weight: bold; }
        .notes { margin-top: 20px; padding: 15px; border-left: 4px solid #d32f2f; background-color: #fff3e0; }
        .btn-back { display: inline-block; padding: 8px 16px; background-color: #607d8b; color: #fff; text-decoration: none; border-radius: 4px; font-size: 0.9em; font-weight: bold; transition: background 0.3s; }
        .btn-back:hover { background-color: #455a64; }
        .footer-area { text-align: center; border-top: 1px solid #eee; padding-top: 20px; }