@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700&family=Pinyon+Script&display=swap";/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}html,body{width:100%;height:100%;min-height:100vh;margin:0;padding:0}#root{width:100%;height:100%;min-height:100vh}.page-content{flex-direction:column!important;height:100%!important;display:flex!important}.stf__parent{overflow:visible!important}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}body,html{height:100dvh;width:100dvw;background:linear-gradient(135deg,#f8faf8,#edf6ef);overflow:hidden;display:flex;justify-content:center;align-items:center}#root{width:100%;display:flex;justify-content:center;align-items:center;padding:10px}.container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.book-container{display:flex;flex-direction:column;align-items:center;gap:30px;position:relative;padding:20px 0}.book-wrapper{position:relative;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}.page{background:#fff;border-radius:5px;position:relative;overflow:hidden}.page-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;text-align:center;position:relative}.menu-page{box-shadow:0 4px 8px #00000014}.menu-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;position:relative}.menu-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-number{position:absolute;bottom:15px;right:15px;background-color:#fffffff2;color:#43a047;font-weight:600;padding:5px 12px;border-radius:20px;font-size:14px;box-shadow:0 2px 4px #43a04726;z-index:10}.cover-page{background:linear-gradient(135deg,#43a047,#66bb6a,#43a047);overflow:hidden}.cover-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 8%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 8%);background-size:30px 30px;opacity:.6}.cover-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;color:#fff;z-index:1;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.2) 100%)}.restaurant-logo{width:100px;height:100px;border:2px solid rgba(255,255,255,.5);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:25px;background:#fff3;position:relative;animation:float 3s ease-in-out infinite}.restaurant-logo:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:1px solid rgba(255,255,255,.3);border-radius:50%}.restaurant-icon{font-size:48px;color:#fff}.logo-text{font-family:Pinyon Script,cursive;font-size:32px;color:#c8e6c9;margin-bottom:10px;letter-spacing:2px}.cover-title{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.title-top{font-family:Cormorant Garamond,serif;font-size:64px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);letter-spacing:2px}.title-bottom{font-family:Montserrat,sans-serif;font-size:42px;font-weight:300;color:#c8e6c9;letter-spacing:12px;margin-top:-5px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.cover-subtitle{display:flex;align-items:center;gap:15px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:400;letter-spacing:12px;color:#fff;margin:20px 0}.leaf-icon{color:#c8e6c9;font-size:18px}.flip-horizontal{transform:scaleX(-1)}.cover-tagline{display:flex;align-items:center;gap:12px;margin:15px 0;font-size:16px;color:#ffffffe6;letter-spacing:1px}.dot{color:#c8e6c9;font-size:8px}.cover-design{display:flex;align-items:center;gap:15px;margin:25px 0}.design-line{width:60px;height:1px;background:#ffffff4d}.design-circle{width:6px;height:6px;background:#c8e6c9;border-radius:50%}.cover-footer{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:500;color:#fffc;letter-spacing:3px;margin-top:25px;font-style:italic}.thank-you-page{background:linear-gradient(135deg,#43a047,#66bb6a,#43a047);overflow:hidden}.thankyou-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 8%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.1) 0%,transparent 8%);background-size:30px 30px;opacity:.6}.thankyou-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:30px 20px;color:#fff;z-index:1;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.2) 100%)}.thanks-header{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.thanks-stars{display:flex;align-items:center;justify-content:center;gap:15px;margin:10px 0}.star-icon{font-size:20px;color:#fff}.thankyou-title{font-family:Pinyon Script,cursive;font-size:70px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin:0;padding:0;line-height:1.2;letter-spacing:2px}.thanks-message-box{width:90%;max-width:300px;margin:10px 0}.message-box-content{background:#ffffff26;border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(255,255,255,.3)}.heart-container{margin-bottom:15px}.heart-icon{font-size:32px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:pulse 2s infinite}.restaurant-name{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.name-part1{font-family:Cormorant Garamond,serif;font-size:38px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);line-height:1}.name-part2{font-family:Montserrat,sans-serif;font-size:24px;font-weight:300;color:#c8e6c9;letter-spacing:6px;margin-top:-2px;line-height:1}.thankyou-message{font-family:Montserrat,sans-serif;font-size:16px;font-weight:300;color:#fff;letter-spacing:2px;margin:0}.thanks-footer{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:20px}.visit-text{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:500;color:#fff;margin-bottom:10px;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.2);line-height:1.2;text-align:center}.rating-stars{display:flex;justify-content:center;gap:8px}.rating-star{font-size:18px;color:#fff;cursor:pointer;transition:all .2s ease}.rating-star:hover{color:#ffeb3b;transform:scale(1.2)}.controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;background-color:#fffffff2;padding:12px 25px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(67,160,71,.2);box-shadow:0 4px 6px #0000000d}.control-btn{background-color:#43a047;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 5px #43a04733}.control-btn:hover{background-color:#2e7d32;transform:translateY(-2px)}.control-btn:disabled{background-color:#a0a0a0;cursor:not-allowed;transform:none;opacity:.7}.btn-icon{font-size:18px;line-height:1}.page-indicator{color:#43a047;font-weight:500;min-width:80px;text-align:center;font-size:16px;font-family:Montserrat,sans-serif}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (min-width: 769px){.custom-book{--page-width: 400px}.stf__parent{box-shadow:0 0 30px #0000001a;border-radius:5px}}@media (max-width: 768px){.book-container{transform:scale(.95)}.custom-book{--page-width: 350px}.cover-content,.thankyou-content{padding:30px}.title-top{font-size:52px}.title-bottom{font-size:36px;letter-spacing:10px}.cover-subtitle{font-size:20px;letter-spacing:10px}.thankyou-title{font-size:60px}.name-part1{font-size:34px}.name-part2{font-size:22px;letter-spacing:5px}.restaurant-logo{width:90px;height:90px}.restaurant-icon{font-size:42px}}@media (max-width: 480px){.book-container{transform:scale(.85);gap:20px}.controls{gap:10px;padding:10px 20px}.control-btn{padding:8px 15px;font-size:13px}.title-top{font-size:42px}.title-bottom{font-size:32px;letter-spacing:8px}.cover-subtitle{font-size:18px;letter-spacing:8px}.thankyou-title{font-size:55px}.restaurant-logo{width:80px;height:80px}.restaurant-icon{font-size:36px}.cover-footer,.thankyou-footer{font-size:16px}.thankyou-message{font-size:14px}.name-part1{font-size:30px}.name-part2{font-size:20px;letter-spacing:4px}}