*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;min-height:100vh;display:flex}#root{justify-content:center;align-items:center;display:flex}.menu-container{aspect-ratio:16/10;box-sizing:border-box;background-image:url(/Shot-100.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-direction:row;width:100%;max-width:160vh;height:100vh;margin:0 auto;padding:40px 80px 30px;display:flex;position:relative;overflow:hidden}.category-sidebar{z-index:10;flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.category-tab{color:#4f7be5;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-align:left;white-space:nowrap;background:#ffffffb3;border:2px solid #0000;border-radius:8px;padding:12px 16px;font-size:.75rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-tab:hover{background:#4f7be526;border-color:#4f7be54d;transform:translate(5px)}.category-tab.active{color:#fff;background:#4f7be5;border-color:#4f7be5;box-shadow:0 4px 15px #4f7be566}.menu-content{flex-direction:column;flex:1;width:100%;margin-left:80px;padding:20px 0 0;display:flex;position:relative;overflow:hidden}.menu-content.empty-state{text-align:center;color:#4f7be5;justify-content:center;align-items:center}.empty-hint{opacity:.6;margin-top:16px;font-size:1.2rem;font-weight:400}.swipe-container{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.item-card{cursor:grab;-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:60px;padding:20px;display:flex;position:absolute;inset:0}.item-card:active{cursor:grabbing}.item-image-container{flex:none;justify-content:center;align-items:center;width:50%;max-width:600px;height:100%;display:flex}.item-image{object-fit:contain;pointer-events:none;max-width:100%;max-height:100%}.item-info{flex-direction:column;flex:none;justify-content:center;width:35%;min-width:280px;max-width:450px;padding:20px 0;display:flex}.item-category{color:#4f7be5;letter-spacing:.3em;text-transform:uppercase;opacity:.7;margin-bottom:60px;font-size:1.2rem;font-weight:700}.item-details{flex-direction:column;gap:20px;display:flex}.item-name{color:#4f7be5;letter-spacing:.02em;white-space:nowrap;margin:0;font-size:2.4rem;font-weight:800;line-height:1.3}.item-badge{color:#fff;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,#4f7be5 0%,#7b9fef 100%);border-radius:20px;width:fit-content;padding:8px 20px;font-size:.9rem;font-weight:700;display:inline-block;box-shadow:0 4px 15px #4f7be54d}.item-price{color:#4f7be5;opacity:.7;letter-spacing:.05em;margin:0;font-size:2.2rem;font-weight:600}.navigation{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:0 0 80px;display:flex}.navigation-dots{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.dot{cursor:pointer;background:#4f7be540;border:none;border-radius:50%;width:12px;height:12px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.dot.active{background:#4f7be5;border-radius:12px;width:36px}.dot:hover:not(.active){background:#4f7be580;transform:scale(1.2)}.navigation-arrows{justify-content:center;align-items:center;gap:40px;display:flex}.arrow-btn{color:#4f7be5;cursor:pointer;background:linear-gradient(135deg,#4f7be51a 0%,#4f7be50d 100%);border:none;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;font-weight:300;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.arrow-btn:hover:not(:disabled){color:#fff;background:#4f7be5;transform:scale(1.05);box-shadow:0 4px 15px #4f7be54d}.arrow-btn:active:not(:disabled){transform:scale(.98)}.arrow-btn:disabled{opacity:.25;cursor:not-allowed}.page-indicator{color:#4f7be5;opacity:.7;letter-spacing:.1em;text-align:center;min-width:80px;font-size:1.2rem;font-weight:600}@media (width<=1200px){.menu-container{padding:30px 40px 20px}.category-sidebar{left:10px}.category-tab{padding:10px 12px;font-size:.65rem}.menu-content{margin-left:60px}.item-card{gap:40px}.item-image-container{width:45%}.item-info{width:40%}}@media (width<=900px){.menu-container{flex-direction:column;padding:20px 30px}.category-sidebar{flex-flow:wrap;justify-content:center;gap:8px;margin-bottom:10px;position:relative;top:0;left:0;transform:none}.category-tab{padding:8px 12px;font-size:.6rem}.menu-content{margin-left:0}.item-card{flex-direction:column;gap:20px;padding:10px}.item-image-container{width:60%;max-width:400px;height:50%}.item-info{text-align:center;align-items:center;width:100%;max-width:100%;padding:10px 0}.item-category{margin-bottom:20px}.item-name{white-space:normal;font-size:1.6rem}.item-price{font-size:1.4rem}.navigation{padding:10px 0 20px}}@font-face{font-family:SweiSpring;src:url(/SweiSpring-subset.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--primary-color:#4f7be5;--background-overlay:#ffffffbf}html{scroll-behavior:smooth}body{color:var(--primary-color);background-color:#f0f4ff;background-image:radial-gradient(at 20% 20%,#4f7be514 0%,#0000 50%),radial-gradient(at 80% 80%,#4f7be50d 0%,#0000 50%);min-height:100vh;font-family:SweiSpring,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4f7be533;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4f7be566}