:root{--bg-dark: #09090b;--card-bg: rgba(24, 24, 27, .75);--accent-gold: #f59e0b;--accent-primary: #ef4444;--text-main: #f8fafc;--text-sub: #94a3b8;--font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);overflow:hidden;-webkit-user-select:none;user-select:none}.reel-feed-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background-color:#000;z-index:100}.reel-card{width:100vw;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#000}.reel-video{width:100%;height:100%;object-fit:cover}.reel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#00000080,#0000,#0000 50%,#000000e6);display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1rem clamp(1.25rem,5vh,2.5rem) 1rem;box-sizing:border-box;z-index:10}.reel-header{pointer-events:auto;display:flex;align-items:center;justify-content:space-between}.restaurant-title{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.8);display:flex;align-items:center;gap:.5rem}.reel-bottom-wrapper{pointer-events:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;width:100%}.reel-bottom-info{display:flex;flex-direction:column;gap:.4rem;max-width:calc(100% - 68px)}.dish-name{font-size:1.65rem;font-weight:800;color:#fff;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.95)}.dish-price-container{display:flex;flex-direction:column;gap:.2rem}.dish-badge-bs{align-self:flex-start;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:800;font-size:1.3rem;padding:.4rem 1.1rem;border-radius:9999px;box-shadow:0 4px 18px #f59e0b80;letter-spacing:-.01em}.swipe-hint{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#ffffffbf;margin-top:.2rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-2px)}}.reel-actions-column{display:flex;flex-direction:column;align-items:center;gap:1rem}.action-btn-group{display:flex;flex-direction:column;align-items:center;gap:.2rem}.action-btn{background:#ffffff2e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.3);color:#fff;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease;box-shadow:0 4px 15px #0006}.action-btn:active{transform:scale(.88)}.action-btn.liked{background:#ef4444e0;border-color:#ef4444;color:#fff;animation:heartPulse .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.action-count{font-size:.78rem;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.95)}.play-pause-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;animation:fadeOut .6s forwards;z-index:15}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.admin-layout{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#09090b;color:#f8fafc;padding:1.25rem;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.admin-card{background:#18181b;border:1px solid #27272a;border-radius:1rem;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 10px 25px -5px #0000004d}.admin-title{font-size:1.4rem;font-weight:700;margin-bottom:.75rem;color:#fff}.btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;border:none;padding:.75rem 1.25rem;border-radius:.5rem;cursor:pointer;transition:opacity .2s ease,transform .1s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#27272a;color:#f8fafc;font-weight:600;border:1px solid #3f3f46;padding:.75rem 1.25rem;border-radius:.5rem;cursor:pointer}.form-group{margin-bottom:1rem;display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.875rem;font-weight:600;color:#a1a1aa}.input-control{background:#09090b;border:1px solid #27272a;border-radius:.5rem;padding:.75rem 1rem;color:#fff;font-size:1rem;outline:none}.input-control:focus{border-color:#ef4444}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:#18181b;border:1px solid #3f3f46;border-radius:1rem;padding:1.5rem;width:100%;max-width:480px;box-shadow:0 20px 40px #0009}