*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Georgia,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.bridgerton-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f6effbf2,#eddff7eb,#f3e8fff2),repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(228,207,242,.02) 35px,rgba(228,207,242,.02) 70px);padding:2rem;position:relative;overflow:hidden}.bridgerton-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(220,191,238,.15) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(211,175,232,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(230,210,245,.1) 0%,transparent 50%);pointer-events:none;animation:floatBackground 20s ease-in-out infinite}.bridgerton-container:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23dcbfee' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3;pointer-events:none}@keyframes floatBackground{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.cover-page{position:relative;width:100%;max-width:650px;background:linear-gradient(to bottom,#fffdfafa,#fffaf5fa),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 18C32.3 18 18 32.3 18 50s14.3 32 32 32 32-14.3 32-32S67.7 18 50 18zm0 60C34.6 78 22 65.4 22 50S34.6 22 50 22s28 12.6 28 28-12.6 28-28 28z' fill='%23e6d5e6' fill-opacity='0.05'/%3E%3Cpath d='M50 30c-11 0-20 9-20 20s9 20 20 20 20-9 20-20-9-20-20-20zm0 36c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16z' fill='%23d8bfd8' fill-opacity='0.06'/%3E%3C/svg%3E");border:4px double #d4af37;border-radius:12px;padding:4rem 3rem;box-shadow:0 25px 70px #8b7ab840,0 10px 30px #d4af3726,inset 0 1px #fffc;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ornament-top,.ornament-bottom{width:180px;height:100px;margin:0 auto 2rem;position:relative;display:flex;align-items:center;justify-content:center}.ornament-top:before{content:"🌷";font-size:3.5rem;filter:drop-shadow(2px 2px 4px rgba(139,122,184,.3));animation:gentleFloat 3s ease-in-out infinite}.ornament-top:after{content:"🌷 ❦ 🌷";position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:1.5rem;color:#c8b3db;letter-spacing:1rem;opacity:.7}.ornament-bottom{margin:2rem auto 0}.ornament-bottom:before{content:"🪷";font-size:3rem;filter:drop-shadow(2px 2px 4px rgba(220,191,238,.3));animation:gentleFloat 3s ease-in-out infinite 1.5s}.ornament-bottom:after{content:"🪷 ❦ 🪷";position:absolute;top:0;left:50%;transform:translate(-50%);font-size:1.5rem;color:#dcbfee;letter-spacing:1rem;opacity:.7}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floral-border{border:3px solid transparent;border-image:linear-gradient(135deg,#dcbfee,#e4cff2,#eddff7,#d4af37) 1;border-radius:8px;padding:3rem 2rem;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#dcbfee33,#e4cff233) border-box;box-shadow:inset 0 0 40px #dcbfee1f,inset 0 0 20px #e4cff214;position:relative}.floral-border:before{content:"🌷";position:absolute;top:-15px;left:20px;font-size:2rem;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2))}.floral-border:after{content:"🌷";position:absolute;bottom:-15px;right:20px;font-size:2rem;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2));transform:rotate(180deg)}.cover-title{font-family:Georgia,serif;font-size:3.8rem;background:linear-gradient(135deg,#9b7bb5,#b39dcc,#c8b3db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;font-weight:400;letter-spacing:.15em;text-shadow:2px 2px 8px rgba(211,175,232,.2);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.08))}.subtitle{font-family:Georgia,serif;font-size:1.5rem;color:#9b7bb5;font-style:italic;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(255,255,255,.8);position:relative}.subtitle:before,.subtitle:after{content:"🌷";position:absolute;top:50%;transform:translateY(-50%);color:#c8b3db;font-size:1.2rem;opacity:.7}.subtitle:before{left:-35px}.subtitle:after{right:-35px}.decorative-line{width:250px;height:3px;background:linear-gradient(to right,transparent,#dcbfee 20%,#e4cff2 50%,#dcbfee 80%,transparent);margin:2rem auto;position:relative}.decorative-line:before{content:"❦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#d4af37;font-size:1.8rem;background:linear-gradient(to bottom,#fffbf7,#fff8f2);padding:0 .8rem;text-shadow:0 0 10px rgba(220,191,238,.4)}.decorative-line:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:30px;background:radial-gradient(ellipse at center,rgba(220,191,238,.12) 0%,transparent 70%);z-index:-1}.season-text{font-family:Georgia,serif;font-size:1rem;color:#6b7280;letter-spacing:.15em}.open-letter-btn,.back-btn{margin-top:2rem;padding:1.2rem 3.5rem;background:linear-gradient(135deg,#d3afe8,#dcbfee,#e4cff2);color:#6b4c8a;border:3px solid #d4af37;border-radius:50px;font-family:Georgia,serif;font-size:1.2rem;cursor:pointer;transition:all .4s ease;box-shadow:0 6px 20px #d3afe84d,0 3px 10px #dcbfee33,inset 0 1px #fff9;text-shadow:0px 1px 2px rgba(255,255,255,.5);letter-spacing:.05em;position:relative;overflow:hidden}.open-letter-btn:before,.back-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.open-letter-btn:hover:before,.back-btn:hover:before{width:300px;height:300px}.open-letter-btn:hover,.back-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #d3afe866,0 4px 15px #dcbfee4d,inset 0 1px #ffffffb3;border-color:#dcbfee;background:linear-gradient(135deg,#dcbfee,#e4cff2,#eddff7)}.open-letter-btn:active,.back-btn:active{transform:translateY(-1px) scale(.98)}.letter-page{position:relative;width:100%;max-width:750px;background:linear-gradient(to bottom,#fffdfafa,#fffaf5fa),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f0e6f6' fill-opacity='0.08'%3E%3Cpath d='M0 0h80v80H0V0zm20 20v40h40V20H20zm2 2h36v36H22V22z'/%3E%3C/g%3E%3C/svg%3E");border:4px double #d4af37;border-radius:12px;padding:4rem 3rem;box-shadow:0 25px 70px #8b7ab840,0 10px 30px #d4af3726,inset 0 1px #fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.letter-ornament-top,.letter-ornament-bottom{width:100%;height:50px;margin-bottom:2rem;position:relative;display:flex;align-items:center;justify-content:center}.letter-ornament-top:before{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(to right,transparent,#dcbfee 20%,#e4cff2 50%,#dcbfee 80%,transparent)}.letter-ornament-top:after{content:"🌷 ❦ 🌷";position:relative;color:#9b7bb5;font-size:1.8rem;background:linear-gradient(to bottom,#fffbf7,#fff8f2);padding:0 1.5rem;z-index:1;filter:drop-shadow(2px 2px 4px rgba(220,191,238,.2))}.letter-ornament-bottom{margin-top:2rem;margin-bottom:0}.letter-ornament-bottom:before{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(to right,transparent,#e4cff2 20%,#dcbfee 50%,#e4cff2 80%,transparent)}.letter-ornament-bottom:after{content:"🪷 ❦ 🪷";position:relative;color:#c8b3db;font-size:1.8rem;background:linear-gradient(to bottom,#fffbf7,#fff8f2);padding:0 1.5rem;z-index:1;filter:drop-shadow(2px 2px 4px rgba(228,207,242,.2))}.wax-seal{width:80px;height:80px;background:radial-gradient(circle,#c41e3a,#8b1538);border-radius:50%;margin:0 auto 2rem;position:relative;box-shadow:0 6px 12px #8b153866,inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d;border:3px solid #d4af37;animation:sealPulse 3s ease-in-out infinite}.wax-seal:before{content:"♔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#d4af37;font-size:2.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.5),0 0 10px rgba(212,175,55,.3)}.wax-seal:after{content:"";position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,transparent 50%);pointer-events:none}@keyframes sealPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.letter-content{background:linear-gradient(#ffffffd9,#ffffffd9),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23dcbfee' fill-opacity='0.04'%3E%3Cpath d='M0 0h40v40H0V0zm10 10v20h20V10H10z'/%3E%3C/g%3E%3C/svg%3E");padding:3.5rem;border:2px solid transparent;border-image:linear-gradient(135deg,#dcbfee66,#e4cff266) 1;border-radius:8px;box-shadow:inset 0 0 30px #dcbfee1a,inset 0 0 15px #e4cff214;position:relative}.letter-content:before{content:"🌷";position:absolute;top:15px;right:15px;font-size:2rem;opacity:.3;transform:rotate(15deg)}.letter-content:after{content:"🌷";position:absolute;bottom:15px;left:15px;font-size:1.8rem;opacity:.3;transform:rotate(-15deg)}.letter-text{font-family:Georgia,serif;font-size:1.2rem;line-height:2;color:#2d3748;text-align:left}.letter-text p{margin:1.5rem 0;text-indent:2rem}.letter-text p:first-child{margin-top:0}.letter-text p:last-child{text-align:right;font-style:italic;text-indent:0}.back-btn{display:block;margin:2rem auto 0}@media(max-width:768px){.bridgerton-container{padding:1rem}.cover-page,.letter-page{padding:2rem 1.5rem;max-width:100%}.cover-title{font-size:2.5rem;letter-spacing:.1em}.subtitle{font-size:1.2rem;margin-bottom:1.5rem}.subtitle:before,.subtitle:after{display:none}.floral-border{padding:2rem 1.5rem}.ornament-top,.ornament-bottom{width:120px;height:70px}.ornament-top:before,.ornament-bottom:before{font-size:2.5rem}.ornament-top:after,.ornament-bottom:after{font-size:1.2rem;letter-spacing:.5rem}.decorative-line{width:180px}.decorative-line:before{font-size:1.5rem}.season-text{font-size:.9rem}.open-letter-btn,.back-btn{padding:1rem 2.5rem;font-size:1rem}.letter-content{padding:2rem 1.5rem}.wax-seal{width:60px;height:60px}.wax-seal:before{font-size:2rem}.secret-hint{font-size:.75rem;padding:.4rem .8rem;top:-35px}.letter-text{font-size:1rem;line-height:1.8}.letter-text p{margin:1rem 0;text-indent:1.5rem}.letter-ornament-top:after,.letter-ornament-bottom:after{font-size:1.5rem;padding:0 1rem}.question-modal{padding:1rem}.question-content{padding:2rem 1.5rem;max-width:95%}.question-progress{font-size:.75rem;padding:.3rem .8rem;top:.8rem;right:1rem}.question-title{font-size:1.5rem;margin-bottom:1rem}.question-text{font-size:1.1rem;margin-bottom:1.5rem}.answer-btn{font-size:1rem;padding:.9rem 1.5rem}.feedback{font-size:.9rem}.secret-message{font-size:1rem;margin-bottom:1.5rem}.secret-link-emoji{font-size:3rem}.close-modal-btn{padding:.7rem 1.8rem;font-size:.95rem}.music-section{margin-top:2rem;padding-top:1.5rem}.music-intro{font-size:1rem;margin-bottom:1rem}.music-btn{font-size:1rem;padding:.9rem 2rem}.audio-player{padding:1.5rem 1rem}.audio-element{height:48px}.spotify-link{font-size:.95rem;padding:.9rem 1.8rem;gap:.5rem}.spotify-icon{font-size:1.3rem}.music-description{font-size:1rem;margin-bottom:1.5rem}}@media(max-width:480px){.cover-page,.letter-page{padding:1.5rem 1rem}.cover-title{font-size:2rem}.subtitle{font-size:1rem}.floral-border{padding:1.5rem 1rem}.open-letter-btn,.back-btn{padding:.9rem 2rem;font-size:.95rem}.letter-content{padding:1.5rem 1rem}.letter-text{font-size:.95rem}.question-content{padding:1.5rem 1rem}.question-title{font-size:1.3rem}.question-text{font-size:1rem}.answer-btn{font-size:.95rem;padding:.8rem 1.2rem}.secret-link-emoji{font-size:2.5rem}.music-intro{font-size:.95rem}.music-btn{font-size:.95rem;padding:.8rem 1.5rem}.spotify-link{font-size:.85rem;padding:.8rem 1.5rem;flex-wrap:wrap;justify-content:center;text-align:center}}.wax-seal{position:relative;transition:transform .3s ease}.wax-seal:hover{transform:scale(1.1) rotate(5deg)}.secret-hint{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#d3afe8,#dcbfee);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;white-space:nowrap;box-shadow:0 4px 12px #d3afe866;animation:bounceHint .5s ease-in-out;font-family:Georgia,serif;font-style:italic}@keyframes bounceHint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.question-modal{position:fixed;inset:0;background:#dcbfee4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInModal .4s ease-in-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.question-content{background:linear-gradient(to bottom,#fffdfafa,#fffaf5fa),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23dcbfee' fill-opacity='0.05'%3E%3Cpath d='M0 0h40v40H0V0zm10 10v20h20V10H10z'/%3E%3C/g%3E%3C/svg%3E");border:4px double #d4af37;border-radius:16px;padding:3rem 2.5rem;max-width:500px;width:90%;box-shadow:0 20px 60px #d3afe866,inset 0 1px #fffc;animation:scaleIn .4s ease-out;text-align:center;position:relative}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.question-progress{position:absolute;top:1rem;right:1.5rem;background:linear-gradient(135deg,#dcbfee,#e4cff2);color:#fff;padding:.4rem 1rem;border-radius:20px;font-family:Georgia,serif;font-size:.85rem;font-weight:500;box-shadow:0 2px 8px #dcbfee4d}.question-title{font-family:Georgia,serif;font-size:2rem;background:linear-gradient(135deg,#9b7bb5,#c8b3db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1.5rem;letter-spacing:.05em}.question-text{font-family:Georgia,serif;font-size:1.3rem;color:#6b4c8a;margin-bottom:2rem;font-style:italic}.answers-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.answer-btn{padding:1rem 2rem;background:linear-gradient(135deg,#f6effb,#eddff7);border:2px solid #dcbfee;border-radius:30px;font-family:Georgia,serif;font-size:1.1rem;color:#6b4c8a;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #dcbfee33}.answer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #dcbfee4d;background:linear-gradient(135deg,#eddff7,#e4cff2);border-color:#c8b3db}.answer-btn:disabled{cursor:not-allowed;opacity:.7}.answer-btn.correct{background:linear-gradient(135deg,#d3afe8,#dcbfee);border-color:#9b7bb5;color:#fff;animation:correctPulse .6s ease-in-out}.answer-btn.wrong{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#e8a4a8;animation:shake .5s ease-in-out}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.feedback{font-family:Georgia,serif;font-size:1rem;margin-top:1rem;font-style:italic;animation:fadeIn .3s ease-in}.wrong-feedback{color:#c41e3a}.correct-feedback{color:#9b7bb5;font-weight:500}.final-message{animation:celebrationPulse .8s ease-in-out}@keyframes celebrationPulse{0%,to{transform:scale(1)}25%{transform:scale(1.05) rotate(2deg)}75%{transform:scale(1.05) rotate(-2deg)}}.secret-message{font-family:Georgia,serif;font-size:1.2rem;color:#6b4c8a;margin-bottom:2rem;line-height:1.8}.secret-link{display:inline-block;padding:1.2rem 3rem;background:linear-gradient(135deg,#d3afe8,#dcbfee,#e4cff2);color:#fff;text-decoration:none;border:3px solid #d4af37;border-radius:50px;font-family:Georgia,serif;font-size:1.3rem;font-weight:500;letter-spacing:.05em;box-shadow:0 8px 20px #d3afe866,inset 0 1px #ffffff80;transition:all .4s ease;animation:glow 2s ease-in-out infinite}.secret-link:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px #d3afe899,inset 0 1px #ffffffb3;background:linear-gradient(135deg,#dcbfee,#e4cff2,#eddff7)}@keyframes glow{0%,to{box-shadow:0 8px 20px #d3afe866,inset 0 1px #ffffff80}50%{box-shadow:0 8px 30px #d3afe8b3,inset 0 1px #ffffffb3}}.close-modal-btn{margin-top:2rem;padding:.8rem 2rem;background:transparent;border:2px solid #dcbfee;border-radius:30px;font-family:Georgia,serif;font-size:1rem;color:#9b7bb5;cursor:pointer;transition:all .3s ease}.close-modal-btn:hover{background:linear-gradient(135deg,#f6effb,#eddff7);border-color:#c8b3db;transform:translateY(-2px)}.music-section{margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(220,191,238,.3);text-align:center}.music-intro{font-family:Georgia,serif;font-size:1.1rem;color:#6b4c8a;font-style:italic;margin-bottom:1.5rem;line-height:1.8}.music-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,#d3afe8,#dcbfee);color:#fff;border:2px solid #d4af37;border-radius:50px;font-family:Georgia,serif;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d3afe84d;display:inline-flex;align-items:center;gap:.5rem}.music-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #d3afe880;background:linear-gradient(135deg,#dcbfee,#e4cff2)}.music-player-modal{max-width:550px}.music-description{font-family:Georgia,serif;font-size:1.1rem;color:#9b7bb5;font-style:italic;margin-bottom:2rem}.audio-player{background:linear-gradient(135deg,#f6effb,#eddff7);padding:2rem;border-radius:16px;margin-bottom:2rem;box-shadow:inset 0 2px 8px #dcbfee33}.audio-element{width:100%;height:54px;border-radius:30px;outline:none}.audio-element::-webkit-media-controls-panel{background:linear-gradient(135deg,#dcbfee,#e4cff2);border-radius:30px}.audio-element::-webkit-media-controls-play-button,.audio-element::-webkit-media-controls-pause-button{background-color:#fff;border-radius:50%}.music-actions{margin-bottom:1.5rem}.spotify-link{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;text-decoration:none;border-radius:50px;font-family:Georgia,serif;font-size:1.1rem;font-weight:500;box-shadow:0 6px 20px #1db9544d;transition:all .3s ease}.spotify-link:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #1db95480;background:linear-gradient(135deg,#1ed760,#1fdf64)}.spotify-icon{font-size:1.5rem;animation:musicNote 2s ease-in-out infinite}@keyframes musicNote{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(5deg)}}.secret-link-emoji{display:inline-block;font-size:4rem;text-decoration:none;transition:all .4s ease;animation:eyesGlow 2s ease-in-out infinite;cursor:pointer;filter:drop-shadow(0 4px 12px rgba(211,175,232,.4))}.secret-link-emoji:hover{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 6px 20px rgba(211,175,232,.7))}@keyframes eyesGlow{0%,to{filter:drop-shadow(0 4px 12px rgba(211,175,232,.4));transform:scale(1)}50%{filter:drop-shadow(0 6px 20px rgba(211,175,232,.6));transform:scale(1.1)}}