@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Cormorant Garamond,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;touch-action:pan-y}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.app{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.progress-bar{position:absolute;top:20px;left:50%;transform:translate(-50%);width:80%;max-width:300px;height:4px;background:#fff3;border-radius:2px;overflow:hidden;z-index:1000}.progress-fill{height:100%;background:#fffc;border-radius:2px;transition:width .3s ease}.card-container{position:relative;width:100%;max-width:400px;height:600px;display:flex;justify-content:center;align-items:center;perspective:1500px}.card{position:absolute;width:85vw;max-width:350px;height:500px;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;transform-origin:center center}.card:active{cursor:grabbing}.card-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;border-radius:20px;position:relative;background:linear-gradient(135deg,#f5f5f0,#ebe9e0,#f5f5f0);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.03) 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.03) 3px),linear-gradient(135deg,#f5f5f0,#ebe9e0,#f5f5f0);box-shadow:0 10px 40px #00000026,0 4px 8px #0000001a,inset 0 1px 2px #fffc;border:1px solid rgba(255,255,255,.5)}.card-content p{font-size:clamp(32px,7vw,50px);font-weight:600;font-style:italic;color:#2d3436;text-align:center;line-height:1.4;letter-spacing:.5px;margin:0;text-shadow:0 1px 2px rgba(255,255,255,.8)}.swipe-hint{position:absolute;bottom:15px;right:20px;font-size:12px;font-weight:400;font-style:normal;color:#2d343680;text-shadow:none}.final-message{position:absolute;bottom:100px;font-size:60px;animation:sparkle 2s ease-in-out infinite;z-index:1000}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.2) rotate(180deg);opacity:1}}@media(max-width:768px){.card-container{height:70vh}.card{width:85vw;height:min(500px,65vh)}.card-content{padding:30px}.card-content p{font-size:clamp(28px,8vw,44px)}}@media(max-width:360px){.card-content{padding:25px}.card-content p{font-size:clamp(24px,7vw,32px)}}@media(max-height:500px)and (orientation:landscape){.card-container{height:80vh}.card{height:70vh;max-height:400px}.card-content p{font-size:clamp(22px,5vh,32px)}}