@import "https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+TC:wght@300;400;500;700&display=swap";:root{--bg-warm:#faf6ee;--bg-chalkboard:#1c332a;--primary-green:#3e5f4f;--primary-green-light:#4a7360;--accent-gold:#d9a05b;--accent-gold-dark:#c48c48;--accent-tomato:#c85c50;--text-dark:#3a322c;--text-light:#fff;--text-muted:#7e746c;--border-wood:#5c4334;--border-light:#e3d9ce;--shadow-cozy:#5c433426 0 10px 25px -5px, #5c43341a 0 8px 16px -6px;--font-sans:"Noto Sans TC", system-ui, -apple-system, sans-serif;--font-handdrawn:"Ma Shan Zheng", "Noto Sans TC", cursive, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-dark);background-color:var(--bg-warm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(#ede5d9 1px,#0000 1px);background-size:20px 20px;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}#app{width:100%;max-width:680px;margin:0 auto}.gourmet-app{flex-direction:column;gap:25px;width:100%;padding:20px 10px;display:flex;position:relative}.forest-leaves{pointer-events:none;opacity:.18;z-index:-10;background-repeat:no-repeat;background-size:contain;width:180px;height:250px;transition:opacity .3s;position:fixed;top:0}.forest-leaves.left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0,0 Q30,20 10,70 Q40,40 100,50 Q70,70 40,100 Z' fill='%233E5F4F'/%3E%3C/svg%3E");left:0}.forest-leaves.right{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0,0 Q30,20 10,70 Q40,40 100,50 Q70,70 40,100 Z' fill='%233E5F4F'/%3E%3C/svg%3E");right:0;transform:scaleX(-1)}@media (width<=1200px){.forest-leaves{display:none}}.gourmet-header{text-align:center;margin-bottom:5px}.main-title{font-family:var(--font-handdrawn);color:var(--primary-green);text-shadow:2px 2px #fffc,4px 4px #5c43341a;letter-spacing:2px;margin-bottom:8px;font-size:3.2rem}.subtitle{color:var(--text-muted);font-size:1.05rem;font-weight:500}.main-card{border:4px solid var(--border-wood);box-shadow:var(--shadow-cozy);background:#fffdf8;border-radius:28px 24px 30px 26px;flex-direction:column;gap:25px;padding:30px 35px;display:flex;position:relative;overflow:hidden}.main-card:before{content:"";pointer-events:none;border:1px dashed #e3d2bf;border-radius:22px 18px 24px 20px;position:absolute;inset:6px}.dogs-illustration-container{justify-content:center;align-items:center;width:100%;display:flex}.image-wrapper{aspect-ratio:4/3;border:8px solid #fff;border-radius:16px;width:100%;max-width:480px;position:relative;overflow:visible;box-shadow:0 10px 20px #5c433426}.dogs-image{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.image-wrapper.is-excited{animation:.35s infinite alternate dog-excited-bounce}@keyframes dog-excited-bounce{0%{transform:translateY(0)scale(1)rotate(0)}to{transform:translateY(-8px)scale(1.01)rotate(1deg)}}.sparkles-container{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.sparkle{font-size:2rem;animation:1s ease-out infinite float-sparkle;position:absolute}.sparkle.one{animation-delay:.1s;top:15%;left:20%}.sparkle.two{font-size:2.2rem;animation-delay:.3s;top:10%;left:50%}.sparkle.three{animation-delay:.5s;top:20%;right:20%}@keyframes float-sparkle{0%{opacity:0;transform:translateY(15px)scale(.5)}50%{opacity:1}to{opacity:0;transform:translateY(-25px)scale(1.1)}}.filter-section{flex-direction:column;gap:8px;display:flex}.section-label{color:var(--text-dark);align-items:center;font-size:1.05rem;font-weight:700;display:flex}.dropdown-container{width:100%;position:relative}.dropdown-trigger{border:2px solid var(--border-wood);width:100%;font-family:var(--font-sans);color:var(--text-dark);text-align:left;cursor:pointer;background-color:#faf6ee;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:1rem;font-weight:500;transition:background-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 2px 4px #5c43340d}.dropdown-trigger:hover{background-color:#f5efeb}.dropdown-trigger:focus-visible{outline:2px solid var(--primary-green)}.dropdown-trigger-text{white-space:nowrap;text-overflow:ellipsis;padding-right:10px;overflow:hidden}.dropdown-arrow{color:var(--text-muted);font-size:.8rem;transition:transform .25s}.dropdown-arrow.is-open{transform:rotate(180deg)}.dropdown-menu{border:2px solid var(--border-wood);z-index:100;background-color:#fffdf8;border-radius:12px;width:100%;position:absolute;top:105%;left:0;overflow:hidden;box-shadow:0 10px 30px #5c43342e}.dropdown-menu-header{background-color:#f7f3e8;border-bottom:2px solid #e3d9ce;justify-content:space-between;padding:10px 16px;display:flex}.text-btn{font-family:var(--font-sans);color:var(--primary-green);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.85rem;font-weight:700;transition:background-color .15s,color .15s}.text-btn:hover{color:var(--primary-green-light);background-color:#3e5f4f14}.dropdown-options{max-height:250px;padding:8px;overflow-y:auto}.dropdown-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;padding:10px 12px;transition:background-color .15s;display:flex}.dropdown-option:hover{background-color:#faf6ee}.real-checkbox{display:none}.custom-checkbox{border:2px solid var(--border-wood);background-color:#fff;border-radius:6px;flex-shrink:0;width:22px;height:22px;margin-right:12px;transition:background-color .2s,border-color .2s;position:relative}.real-checkbox:checked+.custom-checkbox{background-color:var(--primary-green);border-color:var(--primary-green)}.real-checkbox:checked+.custom-checkbox:after{content:"✔";color:#fff;font-size:14px;font-weight:700;position:absolute;top:-1px;left:4px}.option-label{color:var(--text-dark);font-weight:500}.result-board{background-color:var(--bg-chalkboard);border:6px solid var(--border-wood);color:var(--text-light);text-align:center;border-radius:16px;padding:20px 24px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 20px #0006,0 4px 10px #0000001a}.board-header{border-bottom:1px dashed #fff3;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.board-pin{font-size:1.1rem}.board-title{letter-spacing:2px;color:#ffffffb3;font-size:.9rem;font-weight:700}.rolling-text{color:#ece5c9;letter-spacing:1px;text-shadow:1px 1px 2px #0000004d;padding:25px 0;font-size:1.5rem;font-weight:700}.pulse-active{animation:.25s infinite alternate text-pulse}@keyframes text-pulse{0%{opacity:.9;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}.result-details{padding:10px 0;position:relative}.result-tag{background-color:var(--accent-tomato);color:var(--text-light);border-radius:20px;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block;box-shadow:0 2px 4px #00000026}.food-name{font-family:var(--font-handdrawn);color:#ffe699;text-shadow:2px 2px 4px #0006;letter-spacing:1px;margin-bottom:12px;font-size:2.8rem}.food-desc{color:#ece5c9;max-width:90%;margin:0 auto;font-size:1rem;line-height:1.5}.stamp-decoration{font-family:var(--font-handdrawn);color:#c85c50d9;pointer-events:none;-webkit-user-select:none;user-select:none;border:3px double #c85c50d9;border-radius:8px;padding:4px 12px;font-size:1.5rem;font-weight:700;animation:.4s cubic-bezier(.175,.885,.32,1.5) forwards stamp-pop-in;position:absolute;bottom:-15px;right:-5px;transform:rotate(-15deg)}@keyframes stamp-pop-in{0%{opacity:0;transform:rotate(-45deg)scale(2)}to{opacity:1;transform:rotate(-15deg)scale(1)}}.action-buttons{flex-direction:column;align-items:center;gap:12px;margin-top:10px;display:flex}.spin-button{width:100%;max-width:320px;font-family:var(--font-sans);background:linear-gradient(135deg, var(--accent-gold), var(--accent-gold-dark));color:#fff;border:3px solid var(--border-wood);letter-spacing:1.5px;cursor:pointer;box-shadow:0 6px 0 var(--border-wood);border-radius:50px;padding:16px 28px;font-size:1.2rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;position:relative}.spin-button:hover:not(:disabled){box-shadow:0 8px 0 var(--border-wood);background:linear-gradient(135deg,#e6ac6a,#d19752);transform:translateY(-2px)}.spin-button:active:not(:disabled){box-shadow:0 2px 0 var(--border-wood);transform:translateY(4px)}.spin-button:disabled{color:#9e968d;cursor:not-allowed;background:#d9d2c9;border-color:#9e968d;transform:translateY(2px);box-shadow:0 4px #9e968d}.reset-button{border:2px solid var(--border-light);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:30px;padding:8px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.reset-button:hover{border-color:var(--border-wood);color:var(--text-dark);background-color:#f7f3e8}.gourmet-footer{text-align:center;color:var(--text-muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.footer-sub{opacity:.8;font-size:.75rem}.dropdown-options::-webkit-scrollbar{width:8px}.dropdown-options::-webkit-scrollbar-track{background:#faf6ee;border-radius:4px}.dropdown-options::-webkit-scrollbar-thumb{background:#c3b5a3;border:1px solid #faf6ee;border-radius:4px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--border-wood)}.fade-slide-enter-active[data-v-77f02941],.fade-slide-leave-active[data-v-77f02941]{transition:opacity .25s,transform .25s}.fade-slide-enter-from[data-v-77f02941],.fade-slide-leave-to[data-v-77f02941]{opacity:0;transform:translateY(-8px)}.scale-bounce-enter-active[data-v-77f02941]{animation:.5s cubic-bezier(.175,.885,.32,1.275) bounce-in-77f02941}@keyframes bounce-in-77f02941{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}