.navbar{position:fixed;top:0;left:0;width:100%;background:var(--card);padding:1px 20px;z-index:9999;border-bottom:1px solid var(--gold);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;height:60px;display:flex;align-items:center;justify-content:center}.navbar-content{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:center}.navbar-logo{display:flex;align-items:center;justify-content:center;gap:10px}.logo-image{height:45px;width:auto}.logo-text{font-size:24px;margin:0;color:var(--foreground);font-weight:600}.menu-item{background:var(--card);border:1px solid var(--foreground);border-radius:var(--radius);padding:16px;cursor:pointer;transition:transform .2s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;color:var(--foreground);height:100%}.menu-item:active{transform:scale(.98)}.menu-item h3{font-size:16px;font-weight:500;margin-bottom:8px;color:var(--foreground)}.menu-item .price{font-size:14px;color:var(--foreground)}@media (max-width: 768px){.menu-item{padding:12px;min-height:100px}.menu-item h3{font-size:14px;margin-bottom:6px}.menu-item .price{font-size:12px}}@media (max-width: 480px){.menu-item{padding:10px;min-height:90px}.menu-item h3{font-size:13px;margin-bottom:4px}.menu-item .price{font-size:11px}}.menu-container{padding:20px 0}.menu-category{margin-bottom:24px}.category-title{font-size:32px;font-weight:600;margin-bottom:16px;color:var(--foreground);text-align:center;padding-left:0}.category-title:before{display:none}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}@media (max-width: 768px){.menu-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 480px){.menu-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.cart-button-container{position:fixed;right:20px;bottom:30px;z-index:1000}.cart-button{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#ffe066,gold);color:var(--background);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #ffd70059,0 2px 8px #0000002e,0 0 16px 2px #ffe066;position:relative;transition:transform .2s ease;border:3px solid #fffbe6}.cart-button:active{transform:scale(.95)}.cart-icon{font-size:32px;color:var(--background)}.cart-badge{position:absolute;top:-5px;right:-5px;background:#ff4d4f;color:#fff;font-size:14px;font-weight:700;min-width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid #fff;box-shadow:0 2px 8px #0000002e}.spring-leaf-decor{position:absolute;top:-12px;left:-5px;font-size:24px;z-index:11;filter:drop-shadow(0 0 10px rgba(76,175,80,.4));animation:leaf-sway 3s ease-in-out infinite alternate}@keyframes leaf-sway{0%{transform:rotate(-5deg)}to{transform:rotate(15deg)}}.selection-group{margin-bottom:24px}.selection-group h3{font-size:16px;font-weight:500;margin-bottom:12px;color:var(--foreground)}.options-grid{display:grid;grid-template-columns:1fr;gap:8px}.option-button{background:var(--card);border:1px solid var(--foreground);border-radius:8px;padding:12px;cursor:pointer;color:var(--foreground);display:flex;justify-content:space-between;align-items:center;font-size:16px;width:100%;transition:all .2s}.option-button.selected{background:var(--foreground);color:var(--background)}.addons-toggle-button{width:100%;padding:12px;background:var(--gold);color:var(--background);border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:12px}.selected-addons{display:flex;flex-direction:column;gap:8px}.selected-addon{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--card);border:1px solid var(--gold);border-radius:6px;color:var(--foreground)}.selected-addon button{background:none;border:none;color:#f44;font-size:18px;cursor:pointer;padding:0 4px}.comment-input{width:100%;padding:12px;border:1px solid var(--foreground);border-radius:8px;background:var(--card);color:var(--foreground);font-size:16px;resize:vertical;min-height:80px}.quick-options{margin-bottom:24px;display:flex;flex-direction:column;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px}.option-row h3{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;opacity:.7}.quick-options .options-grid{display:flex;flex-wrap:wrap;gap:8px}.chips-button{background:var(--card);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 16px;color:var(--foreground);font-size:14px;cursor:pointer;transition:all .2s}.chips-button.active{background:var(--gold);color:var(--background);border-color:var(--gold)}.chips-button.wide{width:100%;border-radius:8px;font-weight:600}.add-to-cart-btn{width:100%;padding:16px;background:var(--gold);color:var(--background);border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer}.addons-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.addons-modal{background:var(--background);border:1px solid var(--foreground);border-radius:16px;padding:20px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.addons-modal h2{font-size:20px;font-weight:600;color:var(--foreground);text-align:center;margin:0}.addons-section h3{font-size:16px;font-weight:500;margin-bottom:12px;color:var(--foreground);padding-bottom:8px;border-bottom:1px solid var(--line)}.addons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.addon-item{background:var(--card);border:1px solid var(--foreground);border-radius:8px;padding:10px;cursor:pointer;color:var(--foreground);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60px;font-size:14px;transition:all .2s}.addon-item.selected{background:var(--foreground);color:var(--background)}.addon-price{font-size:12px;opacity:.8;margin-top:4px}.close-addons-btn{width:100%;padding:12px;background:var(--gold);color:var(--background);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:auto}.cart-modal{height:90vh}@media (min-width: 768px){.cart-modal{height:80vh}}.cart-items{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.cart-item{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:12px}.cart-item-info h3{font-size:16px;font-weight:500;color:var(--foreground);margin-bottom:4px}.cart-item-detail{font-size:14px;color:#aaa;margin-bottom:2px}.cart-item-addons{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.addon-tag{font-size:12px;color:var(--gold);background:#ffffff1a;padding:2px 6px;border-radius:4px}.cart-item-comment{font-size:12px;color:#aaa;font-style:italic;margin-top:4px;border-top:1px solid var(--line);padding-top:4px}.cart-item-controls{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--line)}.quantity-controls{display:flex;align-items:center;gap:12px;background:#0003;padding:4px 8px;border-radius:6px}.quantity-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--foreground);font-size:18px;cursor:pointer}.quantity{font-size:16px;font-weight:600;color:var(--foreground);min-width:20px;text-align:center}.cart-item-price{font-size:16px;font-weight:600;color:var(--foreground)}.remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#f44;font-size:24px;cursor:pointer}.clear-cart-btn{width:100%;padding:12px;background:none;border:1px solid #ff4444;color:#f44;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;margin-top:10px}.checkout-btn{width:100%;padding:16px;background:var(--gold);color:var(--background);border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#aaa;font-size:16px}.order-modal{height:90vh}@media (min-width: 768px){.order-modal{height:auto;max-height:90vh}}.order-modal form{display:flex;flex-direction:column;height:100%;overflow:hidden}.warning-message{background:#f44;color:#fff;padding:12px;border-radius:8px;margin-bottom:16px;text-align:center;font-size:14px;line-height:1.4}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--foreground);font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--foreground);border-radius:8px;background:var(--card);color:var(--foreground);font-size:16px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--gold)}.form-group textarea{min-height:100px;resize:vertical}.pickup-toggle{background:#d4af3726;padding:16px;border-radius:12px;border:1.5px solid var(--gold);margin-bottom:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pickup-toggle:active{background:#d4af3740;transform:scale(.98)}.checkbox-label{display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;font-size:17px;font-weight:700;color:var(--gold);-webkit-user-select:none;user-select:none;margin:0;width:100%}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{font-size:20px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--gold);transition:all .2s;min-width:24px}.checkbox-text{font-size:14px;font-weight:700;line-height:1}.payment-methods{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 400px){.payment-methods{grid-template-columns:1fr 1fr}}.payment-option{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:16px 60px;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.payment-option input{position:absolute;opacity:0;width:0;height:0}.payment-option i{position:absolute;left:20px;font-size:24px;color:var(--foreground);margin-bottom:0;transition:color .2s}.payment-option span{font-size:16px;font-weight:600;color:var(--foreground);text-align:center}.payment-option:hover{background:#ffffff0d;border-color:var(--foreground)}.payment-option:has(input:checked){background:var(--gold);border-color:var(--gold)}.payment-option:has(input:checked) i,.payment-option:has(input:checked) span{color:var(--background)}.submit-order-btn{width:100%;padding:16px;background:var(--gold);color:var(--background);border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:opacity .2s}.submit-order-btn:disabled{background:#666;color:#ccc;cursor:not-allowed;opacity:.7}.submit-order-btn:not(:disabled):active{opacity:.8}.order-notification{position:fixed;top:80px;right:20px;left:20px;background:var(--card);border-radius:8px;padding:16px;box-shadow:0 4px 12px #0000004d;z-index:1500;border:1px solid var(--border);display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.order-notification{left:auto;width:360px}}.notification-header{display:flex;justify-content:space-between;align-items:center}.notification-title{font-weight:600;font-size:16px;color:var(--foreground)}.notification-close{font-size:20px;color:#aaa;padding:4px}.status-steps{display:flex;justify-content:space-between;position:relative;margin-top:8px}.status-steps:before{content:"";position:absolute;top:12px;left:0;right:0;height:2px;background:#ffffff1a;z-index:0}.status-step{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;z-index:1;width:33.33%}.step-indicator{width:24px;height:24px;border-radius:50%;background:var(--card);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .3s ease;color:var(--foreground)}.status-step.active .step-indicator{background:var(--gold);border-color:var(--gold);color:var(--background)}.status-step.completed .step-indicator{background:#4ecdc4;border-color:#4ecdc4;color:var(--background)}.step-label{font-size:10px;color:#aaa;text-align:center}.status-step.active .step-label{color:var(--gold);font-weight:600}.test-panel{position:fixed;bottom:100px;left:20px;background:var(--card);padding:16px;border-radius:8px;z-index:2000;border:1px solid var(--gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.test-panel h3{font-size:14px;margin-bottom:12px;color:var(--gold)}.test-controls{display:flex;flex-direction:column;gap:8px}.test-btn{background:#ffffff1a;color:var(--foreground);padding:8px 12px;border-radius:4px;font-size:12px;text-align:left;transition:background .2s}.test-btn:hover{background:#fff3}.butterflies-background{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:5;overflow:hidden;background:transparent}.butterfly{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.flora-container{position:fixed;top:0;width:30px;height:100vh;z-index:-1;pointer-events:none;opacity:.45;display:flex;flex-direction:column}.left{left:-2px}.right{right:-2px;transform:rotateY(180deg)}.tiny-flowers{position:absolute;top:0;left:0;width:100%;height:100%}.tiny-flower{position:absolute;font-size:14px;filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}@media (max-width: 400px){.flora-container{width:20px}}.app{min-height:100vh;padding-bottom:100px;position:relative;z-index:0}.main-content{max-width:100%;margin:10px auto 0;padding:10px 16px 20px;position:relative;z-index:10}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background);z-index:9999}.spinner{width:40px;height:40px;border:3px solid var(--card);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.announcement-banner{position:fixed;top:70px;left:16px;right:16px;background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-radius:8px;color:var(--foreground);font-weight:500;display:flex;justify-content:space-between;align-items:center;z-index:900;border:1px solid var(--gold);max-width:600px;margin:0 auto}.announcement-close{font-size:24px;line-height:1;opacity:.8;padding:4px;color:var(--foreground)}.announcement-close:hover{opacity:1}.repeat-order-container-top{margin:80px auto 0;width:fit-content;display:flex;justify-content:center;position:relative;z-index:100}.repeat-order-button{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gold);color:var(--foreground);padding:8px 16px;border-radius:12px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0000001a;transition:all .2s ease}.repeat-order-button:active{transform:scale(.95)}.repeat-icon{color:var(--gold);transition:transform .3s ease}.repeat-order-button:hover .repeat-icon{transform:rotate(-45deg)}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.repeat-order-button:active{transform:scale(.95);background:var(--card-hover)}.repeat-icon{font-size:16px}:root{--background: #000000;--foreground: #ffffff;--gold: #ffffff;--card: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .05);--size: 50px;--radius: .5rem}body{font-family:Inter,sans-serif;background:var(--background);color:var(--foreground);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.container{max-width:100%;padding:16px;margin:0 auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--foreground)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:2000;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--background);width:100%;max-width:500px;border-radius:16px 16px 0 0;overflow:visible;position:relative;height:calc(100dvh - 60px);display:flex;flex-direction:column;box-shadow:0 -4px 20px #0006}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line);flex-shrink:0}.modal-header h2{font-size:20px;font-weight:600;color:var(--foreground);margin:0}.close-button{position:static;width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:1px solid var(--foreground);color:var(--foreground);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background .2s}.close-button:active{background:#fff3}.modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.modal-footer{padding:20px;background:var(--background);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:16px;flex-shrink:0}.total-price{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;color:var(--foreground)}