*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbe233 0,#0000 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.App{min-height:100vh}.App,.content{position:relative}.content{margin:0 auto;max-width:1200px;padding:2rem;z-index:2}.home-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.hero-content{margin-bottom:4rem}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ff8e8e,#feca57);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 20px #ff6b6b4d}.girlfriend-name{color:#ff77c6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem;font-weight:400;margin-bottom:2rem}.birthday-message{color:#d0d0d0;font-size:1.2rem;font-weight:300;line-height:1.7;margin-bottom:2rem;max-width:600px}.birthday-wishes{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.birthday-wishes p{color:#e0e0e0;font-size:1.1rem;font-weight:400}.navigation-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:700px;width:100%}.nav-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.nav-card:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.nav-icon{align-items:center;background:linear-gradient(135deg,#7c7cf8,#9d9dff);border-radius:12px;color:#fff;display:inline-flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.nav-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.nav-card p{color:#a0a0a0;font-size:.9rem;font-weight:300}@media (max-width:768px){.content{padding:1rem}.main-title{font-size:2.5rem}.navigation-grid{gap:1rem;grid-template-columns:1fr}.nav-card{padding:1.5rem 1rem}}.photo-collage{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.collage-header{margin-bottom:3rem}.collage-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.collage-subtitle{color:#a0a0a0;font-size:1.1rem;font-weight:300}.collage-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.photo-item{aspect-ratio:1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.photo-item:hover{box-shadow:0 20px 40px #0003;transform:scale(1.02)}.photo-item img{height:100%;object-fit:cover;width:100%}.photo-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:50%;color:#fff;font-size:.8rem;font-weight:600;height:32px;position:absolute;right:1rem;top:1rem;width:32px}.modal-overlay,.photo-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{background:#000000f2;bottom:0;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{max-height:90vh;max-width:90vw;position:relative}.modal-content img{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:100%;max-width:100%}.close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-3rem;transition:all .2s ease;width:40px}.close-btn:hover{background:#fff3}@media (max-width:768px){.photo-collage{padding:1rem}.collage-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.collage-title{font-size:2rem}.modal-overlay{padding:1rem}}.songs-section{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 2rem 140px}.songs-header{margin-bottom:3rem}.songs-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.songs-subtitle{color:#a0a0a0;font-size:1.1rem;font-weight:300;margin-bottom:1.5rem}.download-all-btn{background:linear-gradient(135deg,#7877c6,#9d9dff)}.download-all-btn:hover{box-shadow:0 8px 25px #7877c64d}.songs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:3rem}.song-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.song-card:hover{background:#ffffff14;transform:translateY(-2px)}.song-card.active{background:#7877c633;border-color:#7877c666}.song-number{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;width:40px}.song-card.active .song-number{background:#7877c680}.song-info{flex:1 1}.song-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.song-status{color:#a0a0a0;font-size:.85rem;font-weight:300}.song-card.active .song-status{color:#c0c0ff}.song-actions{display:flex;gap:.5rem}.download-btn,.play-btn{height:40px;width:40px}.song-card.active .play-btn{background:#7877c680;border-color:#7877c6b3}.progress-bar{background:#fff3}.progress-bar:hover{height:6px}.progress-fill{background:linear-gradient(90deg,#7877c6,#9d9dff)}.volume-slider input[type=range]::-webkit-slider-thumb{background:#7877c6}@media (max-width:768px){.songs-section{padding:1rem 1rem 160px}.songs-grid{grid-template-columns:1fr}.songs-title{font-size:2rem}.audio-player{padding:1rem}.main-controls,.player-controls,.progress-section{gap:.75rem}.song-actions{flex-direction:column;gap:.25rem}.download-btn,.play-btn{height:36px;width:36px}.songs-section{padding:1rem 1rem 100px}.songs-grid{grid-template-columns:1fr}.songs-title{font-size:2rem}.audio-player{height:90px;padding:.5rem 1rem}.player-content{gap:.5rem;grid-template-columns:1fr;grid-template-rows:auto auto}.player-info{text-align:center}.player-controls{justify-content:center}.progress-section{grid-column:1/-1;order:3}.right-controls{position:absolute;right:1rem;top:.5rem}.song-actions{flex-direction:column;gap:.25rem}.download-btn,.play-btn{height:36px;width:36px}}.voice-messages{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 2rem 100px}.messages-header{margin-bottom:3rem}.back-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;transition:all .2s ease}.back-btn:hover{background:#ffffff26;transform:translateX(-2px)}.header-content{text-align:center}.messages-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.messages-subtitle{color:#a0a0a0;font-size:1.1rem;font-weight:300;margin-bottom:1.5rem}.download-all-btn{align-items:center;background:linear-gradient(135deg,#ff77c6,#ffb3e6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.download-all-btn:hover{box-shadow:0 8px 25px #ff77c64d;transform:translateY(-2px)}.messages-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.message-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s ease}.message-card:hover{background:#ffffff14;transform:translateY(-2px)}.message-card.active{background:#ff77c626;border-color:#ff77c64d}.message-header{gap:1rem;margin-bottom:1rem}.message-header,.message-icon{align-items:center;display:flex}.message-icon{background:#ff77c633;border-radius:12px;color:#ff77c6;height:44px;justify-content:center;width:44px}.message-card.active .message-icon{background:#ff77c64d}.message-info{flex:1 1}.message-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.message-status{color:#a0a0a0;font-size:.85rem;font-weight:300}.message-card.active .message-status{color:#ffb3e6}.message-actions{display:flex;gap:.5rem}.download-btn,.play-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.download-btn:hover,.play-btn:hover{background:#fff3;transform:scale(1.05)}.message-card.active .play-btn{background:#ff77c64d;border-color:#ff77c680}.download-btn:hover{background:#78dbe24d;border-color:#78dbe280}.message-preview{background:#0003;border-left:3px solid #ff77c680;border-radius:12px;margin-bottom:1rem;padding:1rem}.message-preview p{color:#d0d0d0;font-size:.95rem;font-style:italic;line-height:1.5;margin:0}.message-player{border-top:1px solid #ffffff1a;padding-top:1rem}.player-progress{align-items:center;display:flex;gap:.75rem}.time{color:#a0a0a0;font-size:.8rem;font-weight:500;min-width:35px}.progress-bar{background:#ffffff1a;border-radius:2px;cursor:pointer;flex:1 1;height:4px;position:relative}.progress-fill{background:linear-gradient(90deg,#ff77c6,#ffb3e6);border-radius:2px;height:100%;transition:width .1s ease}.audio-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0afa;border-top:1px solid #ffffff1a;bottom:0;height:80px;left:0;padding:.75rem 1.5rem;position:fixed;right:0;z-index:100}.player-content{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:1fr auto 2fr auto;height:100%;margin:0 auto;max-width:1200px}.player-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.player-info h4{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.player-info h4,.player-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info p{color:#a0a0a0;font-size:.8rem}.player-controls{gap:.75rem}.control-btn,.player-controls{align-items:center;display:flex}.control-btn{background:#0000;border:none;border-radius:50%;color:#a0a0a0;cursor:pointer;height:32px;justify-content:center;transition:all .2s ease;width:32px}.control-btn:hover{background:#ffffff1a;color:#fff}.control-btn.play-pause{background:#fff;color:#000;height:40px;width:40px}.control-btn.play-pause:hover{background:#e0e0e0;transform:scale(1.05)}.progress-section{align-items:center;display:flex;flex:1 1;gap:.75rem}.progress-section .progress-bar{background:#fff3;height:4px}.progress-section .progress-bar:hover{height:6px}.right-controls{align-items:center;display:flex;gap:.5rem;position:relative}.volume-btn{height:32px;width:32px}.volume-slider{background:#000000e6;border-radius:8px;bottom:100%;margin-bottom:.5rem;padding:.75rem;position:absolute;right:0}.volume-slider input[type=range]{-webkit-appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none;width:80px}.volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#ff77c6;border-radius:50%;cursor:pointer;height:12px;width:12px}.instructions{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#a0a0a0;padding:1.5rem;text-align:center}.instructions code{background:#ffffff1a;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.9rem;padding:.25rem .5rem}@media (max-width:768px){.voice-messages{padding:1rem 1rem 100px}.messages-grid{gap:1rem;grid-template-columns:1fr}.messages-title{font-size:2rem}.message-card{padding:1rem}.audio-player{height:90px;padding:.5rem 1rem}.player-content{gap:.5rem;grid-template-columns:1fr;grid-template-rows:auto auto}.player-info{text-align:center}.player-controls{justify-content:center}.progress-section{grid-column:1/-1;order:3}.right-controls{position:absolute;right:1rem;top:.5rem}}
/*# sourceMappingURL=main.e0213520.css.map*/