*{margin:0%;padding:0%;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Roboto,sans-serif}@font-face{font-family:Dancing Script;src:url(/assets/DancingScript-Medium-BxuNbkl2.ttf)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 75%,var(--surface)));color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:calc(var(--space-lg) * 1.5);gap:var(--space-md)}.card{width:100%;max-width:920px;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(180deg,#ffffff05,#00000005);border-radius:calc(var(--radius) * 1.1);overflow:hidden;box-shadow:0 10px 30px #02061724;border:1px solid rgba(15,23,42,.06)}.card .hero{padding:var(--space-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 12%,transparent),transparent);display:flex;flex-direction:column;justify-content:center;gap:var(--space-md)}.hero .logo{display:inline-block;width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#fff))}.hero h2{margin:0;font-size:1.5rem}.hero p{margin:0;color:var(--muted);font-size:var(--text-size-md)}.card .form-pane{padding:calc(var(--space-lg) * .9);display:flex;align-items:center}.container{width:100%}.brand{margin-bottom:var(--space-md)}.brand h1{margin:0;font-size:1.125rem}.brand p{margin:0;color:var(--muted);font-size:var(--text-size-sm)}.form{display:grid;gap:var(--space-sm)}.input{display:flex;flex-direction:column;gap:6px}.input label{font-size:var(--text-size-sm);color:var(--muted)}.input input,.input select,.input textarea{padding:12px 14px;font-size:var(--text-size-md);border-radius:10px;border:1px solid rgba(2,6,23,.08);background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text);outline:none;transition:box-shadow .12s ease,border-color .12s ease,transform .08s ease}.input input:focus{border-color:color-mix(in srgb,var(--primary) 50%,var(--text));box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 16%,transparent);transform:translateY(-1px)}.input textarea{line-height:1.4;resize:vertical;min-height:72px}.brand-header{font-size:5rem;font-family:Dancing Script;display:flex;align-items:center;gap:var(--space-sm)}.brand-logo img{width:6rem;height:6rem}@media(max-width:520px){.input textarea{resize:none}.brand-header{flex-direction:column;font-size:4rem;gap:0}.brand-logo img{width:5rem;height:5rem}.card{margin-top:-5px}}.helper{font-size:var(--text-size-sm);color:var(--muted)}.actions{display:flex;gap:var(--space-sm);align-items:center;margin-top:var(--space-md)}.btn{background:var(--primary);color:var(--primary-contrast);padding:10px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:600;box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 14%,transparent)}.btn.ghost{background:transparent;color:var(--text);border:1px solid rgba(2,6,23,.06)}.switch-link{color:var(--primary);text-decoration:none;font-weight:600}.or-row{display:flex;align-items:center;gap:8px;margin-top:var(--space-sm);color:var(--muted);font-size:var(--text-size-sm)}.or-row:before,.or-row:after{content:"";flex:1;height:1px;background:#0206170a}@media(max-width:880px){.card{grid-template-columns:1fr;max-width:520px}.card .hero{display:none}.auth-wrap{padding:var(--space-lg)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.reels{--bottom-nav-height: 72px;height:100vh;width:100vw;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;background:var(--bg)}.reel{position:relative;height:100vh;width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden;border-radius:0;box-shadow:none}.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel video{display:block;border-radius:0}.reel .overlay{position:absolute;left:12px;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 12px);display:flex;flex-direction:column;gap:8px;z-index:12;align-items:flex-start;padding:6px 8px}.reel .description{color:#fffffff2;font-size:.95rem;font-weight:600;line-height:1.18;max-width:80vw;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reel .visit-btn{display:inline-block;background:#2dd4bff2;color:#001219;padding:8px 12px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 6px 18px #0d232347}.reel .hint{position:absolute;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 6px);left:50%;transform:translate(-50%);color:#ffffffb8;font-size:.9rem;z-index:10}.reel .visit-btn:focus{outline:2px solid color-mix(in srgb,var(--primary) 60%,#000);outline-offset:2px}@media(max-width:720px){.reel .description{max-width:100%;font-size:.95rem}.reel .overlay{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 10px);left:12px;right:auto}}.reel .controls{position:absolute;right:14px;bottom:10rem;display:flex;flex-direction:column;gap:14px;z-index:14;align-items:center}.reel .control-btn{width:50px;height:50px;border-radius:50%;background:#000000cb;display:grid;place-items:center;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 6px 18px #0000009f}.reel .control-btn[type=button]{border:0;padding:0;background:#000000be;cursor:pointer;appearance:none;-webkit-appearance:none;font-weight:7000}.reel .control-item{display:flex;flex-direction:column;align-items:center;gap:6px}.reel .control-item .count{font-size:.84rem;color:#fffffff2}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:center;padding:8px 12px}.bottom-nav .nav-inner{display:flex;justify-content:space-evenly;align-items:center;width:min(420px,92%);padding:2px;border-radius:12px;background:#000}.bottom-nav .nav-link{color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:4px;align-items:center;padding:6px 8px}.bottom-nav .nav-link svg{width:20px;height:20px}.bottom-nav span{font-size:.75rem;color:#fffffff2}.reel{scroll-snap-stop:always}.create-food-page{min-height:100vh;padding:calc(var(--space-lg) * 1.2);display:flex;justify-content:center;background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 92%,var(--surface)))}.card{width:100%;max-width:920px;background:var(--surface);border-radius:14px;padding:calc(var(--space-lg) * .9);box-shadow:0 12px 40px #02061714;border:1px solid rgba(2,6,23,.04)}.form-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--space-lg);align-items:start}.preview{background:#000;border-radius:12px;overflow:hidden;height:100%;aspect-ratio:9/16;display:flex;align-items:center;justify-content:center}.preview video,.preview img{width:100%;height:100%;object-fit:cover;display:block}.form{display:flex;flex-direction:column;gap:var(--space-sm)}.label{font-size:var(--text-size-sm);color:var(--muted)}.input,textarea,.file-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(2,6,23,.06);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text)}textarea{min-height:140px;resize:vertical}.actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);align-items:center}.btn{background:var(--primary);color:var(--primary-contrast);padding:10px 16px;border-radius:10px;font-weight:700;border:none;cursor:pointer}.btn.ghost{background:transparent;border:1px solid rgba(2,6,23,.06);color:var(--text)}@media(max-width:880px){.form-grid{grid-template-columns:1fr}.preview{order:-1;width:100%;aspect-ratio:16/9}}:root{--bg: #f7fafc;--surface: #ffffff;--text: #0f172a;--muted: #6b7280;--primary: #0ea5a4;--primary-contrast: #ffffff;--danger: #ef4444;--success: #10b981;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--radius: 10px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--text-size-lg: 1.125rem;--text-size-md: 1rem;--text-size-sm: .875rem}@media(prefers-color-scheme:dark){:root{--bg: #0b1220;--surface: #071226;--text: #e6eef8;--muted: #94a3b8;--primary: #2dd4bf;--primary-contrast: #001219}}.profile-page{min-height:100vh;padding:calc(var(--space-lg) * 1.2);background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 90%,var(--surface)));color:var(--text);display:flex;justify-content:center}.profile-card{width:100%;max-width:1100px;background:var(--surface);border-radius:14px;padding:var(--space-lg);box-shadow:0 12px 40px #0206171f;border:1px solid rgba(2,6,23,.04)}.header-row{display:flex;gap:var(--space-lg);align-items:center}.avatar{width:96px;height:96px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 60%,transparent),transparent);display:grid;place-items:center;font-weight:700;color:var(--primary-contrast);font-size:1.25rem}.details{flex:1}.business-name{font-size:1.25rem;font-weight:800;margin:0}.business-address{color:var(--muted);margin-top:6px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-lg)}.stat{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--surface));padding:var(--space-md);border-radius:12px;display:flex;align-items:center;justify-content:space-between}.stat .label{color:var(--muted);font-size:var(--text-size-sm)}.stat .value{font-size:1.5rem;font-weight:800}.section-title{margin-top:var(--space-lg);font-weight:800;font-size:1.125rem}.reels-grid{margin-top:var(--space-md);display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.reel-thumb{position:relative;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:9/16}.reel-thumb img,.reel-thumb video{width:100%;height:100%;object-fit:cover}.reel-thumb .overlay{position:absolute;left:8px;bottom:8px;right:8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.reel-thumb .mini-btn{background:#00000080;color:#fff;padding:6px 10px;border-radius:999px;font-weight:700;text-decoration:none}@media(max-width:720px){.profile-card{padding:var(--space-md);border-radius:10px}.header-row{gap:var(--space-md)}.avatar{width:80px;height:80px}.reels-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}