html,body,#root{box-sizing:border-box;height:100%;margin:0;padding:0}:root{--primary-red:#8b0000;--light-text:#ffdab9}.App{background-color:var(--primary-red);color:var(--light-text);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:0;font-family:Playfair Display,serif;display:flex;overflow:hidden}.birthday-message{text-align:center;text-shadow:2px 2px 8px #00000080;z-index:10;flex-grow:0;flex-shrink:0;max-width:90vw;margin:20px 0;font-size:clamp(2.5rem,8vw,6rem);font-weight:700;transition:opacity 2s ease-out,transform 2s ease-out;position:relative;transform:translateY(40vh)}.birthday-message.visible{transform:translateY(0)}#album-container{border:5px solid var(--light-text);opacity:0;background-color:#0006;border-radius:8px;flex-grow:1;width:95vw;max-width:1200px;height:70vh;max-height:700px;margin-bottom:10px;transition:opacity 1.5s ease-out,transform 1.5s ease-out;position:relative;overflow:hidden;transform:scale(0);box-shadow:0 0 20px #000000b3}#album-container.visible{opacity:1;transform:scale(1)}#slideshow{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slide{opacity:0;background-color:#000;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s ease-in-out,transform .8s ease-in-out;display:flex;position:absolute;transform:scale(.95)}.slide.active{opacity:1;z-index:2;transform:scale(1)}.slide img{object-fit:contain;max-width:100%;max-height:100%;display:block}.nav-button,#play-button{color:var(--light-text);cursor:pointer;z-index:3;opacity:1;pointer-events:all;background:0 0;border:none;justify-content:center;align-items:center;transition:color .3s,opacity .3s;display:flex;position:absolute}.nav-button:hover,#play-button:hover{color:#fff}.nav-button{padding:0 15px;font-size:clamp(2.5rem,6vw,4.5rem);top:50%;transform:translateY(-50%)}#prev-button{left:0}#next-button{right:0}#play-button{font-size:clamp(2.5rem,5vw,4rem);bottom:15px;left:50%;transform:translate(-50%)}#album-container.controls-hidden .nav-button,#album-container.controls-hidden #play-button{opacity:0;pointer-events:none}#album-container:hover .nav-button,#album-container:hover #play-button{opacity:1;pointer-events:all}.upload-section{text-align:center;z-index:10;flex-shrink:0;margin:20px}.upload-button{border:2px solid var(--light-text);color:var(--light-text);cursor:pointer;opacity:0;background-color:#ffffff1a;border-radius:30px;padding:12px 25px;font-size:1.2rem;font-weight:600;transition:opacity 2s ease-out;box-shadow:0 4px 10px #0000004d}.upload-button:hover{background-color:var(--light-text);color:var(--primary-red);transform:translateY(-2px);box-shadow:0 6px 15px #0006}.upload-button:active{transform:translateY(0);box-shadow:0 2px 5px #0003}.upload-button.visible{opacity:1}