@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0f172a;--color-surface:#111827;--color-surface-alt:#172033;--color-border:#334155;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-danger:#f87171;--color-success:#34d399;--shadow-sm:0 10px 30px #02061766;--shadow-md:0 16px 44px -12px #02061785, 0 8px 24px -8px #3b82f642}}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-bg);color:var(--color-text);scroll-behavior:smooth;font-size:16px;overflow-x:clip}html,body,#root{width:100%;min-height:100%}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5;transition:background-color .18s,color .18s;overflow-x:hidden}a{color:inherit}img,video{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}button{min-height:44px}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb, var(--color-accent) 80%, white);outline-offset:2px}.btn-primary,.btn-secondary{min-width:44px;min-height:44px;font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.btn-primary{color:#fff;background:#ea580c;box-shadow:0 10px 24px #ea580c38}.btn-secondary{color:#334155;background:#fff;border-color:#dbe3ed}.btn-secondary:hover{color:#172033;background:#f8fafc;border-color:#cbd5e1}.btn-primary:active,.btn-secondary:active{transform:translateY(1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.glass-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 24px #0f172a0f}.empty-state--hero{text-align:center;background:#ffffffeb;border:1px solid #dbe3ed;border-radius:18px;width:min(100%,40rem);margin:0 auto;padding:clamp(1.1rem,3vw,1.8rem);box-shadow:0 16px 34px #0f172a14}.empty-state__icon{background:#fff7ed;border-radius:999px;place-items:center;width:3rem;height:3rem;margin-bottom:.5rem;font-size:1.35rem;display:grid}.empty-state__actions{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:.8rem;display:flex}.skeleton-card{background:linear-gradient(90deg,#e2e8f0 20%,#f1f5f9 40%,#e2e8f0 60%) 0 0/240% 100%;border-radius:16px;width:min(100%,52rem);min-height:9.5rem;animation:1.4s ease-in-out infinite skeletonPulse}@keyframes skeletonPulse{0%{background-position:100% 0}to{background-position:0 0}}.theme-toggle{z-index:2000;border:1px solid var(--color-border);background:var(--color-surface);width:3rem;height:3rem;color:var(--color-text);box-shadow:var(--shadow-md);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:fixed;top:1rem;right:1rem}.theme-toggle:hover{transform:translateY(-1px)}@media (width<=640px){.theme-toggle{width:2.75rem;height:2.75rem;top:auto;right:.75rem;bottom:calc(env(safe-area-inset-bottom,0px) + 4.7rem)}}@media (width>=641px) and (width<=1024px){.theme-toggle{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0f172a;--color-surface:#111827;--color-surface-alt:#172033;--color-border:#334155;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-danger:#f87171;--color-success:#34d399;--shadow-sm:0 10px 30px #02061766;--shadow-md:0 16px 44px -12px #02061785, 0 8px 24px -8px #3b82f642}}.profile-page{color:#172033;background:radial-gradient(circle at 4% 0,#f9731621,#0000 29rem),radial-gradient(circle at 100% 16%,#fbbf2421,#0000 25rem),#f8fafc;min-height:100dvh;padding:clamp(.95rem,2.4vw,2.25rem) clamp(.875rem,3vw,2.25rem) 6.6rem}.profile-page>*{width:min(100%,1020px);margin-left:auto;margin-right:auto}.profile-page>*+*{margin-top:1.25rem}.profile-header{background:#fffffff5;border:1px solid #e2e8f0;border-radius:22px;flex-direction:column;gap:1.5rem;padding:clamp(1.1rem,3vw,1.75rem);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0f172a14}.profile-header:after{content:"";background:#f973161a;border-radius:50%;width:180px;height:180px;position:absolute;top:-95px;right:-65px}.profile-meta{z-index:1;flex-wrap:wrap;align-items:center;gap:1rem;display:flex;position:relative}.profile-pill{width:fit-content;margin:0}.profile-avatar{object-fit:cover;background:#f1f5f9;border:4px solid #fff;border-radius:50%;flex:none;width:clamp(4rem,10vw,5.5rem);height:clamp(4rem,10vw,5.5rem);box-shadow:0 10px 22px #0f172a26}.profile-avatar--placeholder{color:#ea580c;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.profile-info{gap:.35rem;min-width:0;display:grid}.profile-business{color:#172033;letter-spacing:-.04em;margin:0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800}.profile-address{color:#64748b;overflow-wrap:anywhere;margin:0;font-size:.95rem;line-height:1.55}.profile-stats{z-index:1;border-top:1px solid #edf1f5;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-top:1.2rem;display:grid;position:relative}.profile-stat{background:#fff7ed;border-radius:14px;gap:3px;padding:14px 17px;display:grid}.profile-stat-label{color:#9a5a2a;letter-spacing:.07em;text-transform:uppercase;font-size:.75rem;font-weight:800}.profile-stat-value{color:#c2410c;letter-spacing:-.05em;font-size:1.7rem;font-weight:850}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.profile-grid--compact{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.profile-tile{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:17px;align-items:center;gap:.65rem;min-height:106px;padding:20px;font-weight:800;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 8px 20px #0f172a0d}.profile-tile:after{content:"→";color:#ea580c;margin-left:auto;font-size:1.25rem}.profile-tile:hover{color:#c2410c;border-color:#fdba74;transform:translateY(-3px);box-shadow:0 14px 27px #0f172a1a}.cart-grid{grid-template-columns:minmax(0,1fr) minmax(260px,280px);align-items:start;gap:1rem;margin-top:1.5rem;display:grid}.checkout-card{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex;box-shadow:0 8px 20px #0f172a0d}.checkout-card>div{min-width:0}.checkout-card strong{color:#172033;overflow-wrap:anywhere;margin-bottom:5px;font-size:1rem;display:block}.checkout-card p{color:#64748b;overflow-wrap:anywhere;margin:3px 0;font-size:.9rem}.checkout-card .btn-secondary{color:#c2410c;font:inherit;cursor:pointer;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:9px 12px;font-size:.82rem;font-weight:800}.checkout-total{background:linear-gradient(145deg,#fff7ed,#fff);grid-area:1/2;justify-items:start;gap:9px;padding:24px;display:grid}.checkout-total>span{color:#64748b;font-size:.82rem;font-weight:700}.checkout-total>strong{color:#c2410c;margin:0;font-size:2rem}.checkout-total .btn-primary{color:#fff;width:100%;font:inherit;text-align:center;background:linear-gradient(135deg,#f97316,#ea580c);border:0;border-radius:11px;margin-top:6px;padding:12px 16px;font-weight:800;box-shadow:0 9px 20px #ea580c33}.checkout-form{background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:1rem;width:min(100%,680px);margin:1.5rem auto 0;padding:clamp(1rem,3vw,1.5rem);display:grid;box-shadow:0 12px 28px #0f172a12}.checkout-form .field-group{gap:8px;display:grid}.checkout-form label{color:#334155;font-size:.86rem;font-weight:800}.checkout-form textarea,.checkout-form select{color:#1e293b;width:100%;font:inherit;background:#fff;border:1px solid #dbe3ed;border-radius:11px;outline:none;padding:12px 13px}.checkout-form textarea:focus,.checkout-form select:focus{border-color:#fb923c;box-shadow:0 0 0 3px #fb923c24}.checkout-form .checkout-total{width:100%;box-shadow:none;background:#fff7ed;border-radius:12px;justify-content:space-between;align-items:center;padding:17px;display:flex}.checkout-form .checkout-total>strong{font-size:1.5rem}.checkout-form>.btn-primary{color:#fff;font:inherit;cursor:pointer;background:#ea580c;border:0;border-radius:11px;padding:13px 17px;font-weight:800}.profile-page .btn-secondary{color:#334155;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe3ed;border-radius:11px;padding:10px 14px;font-size:.86rem;font-weight:700}.profile-page .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.profile-page .btn-secondary:focus-visible,.profile-page .btn-primary:focus-visible,.profile-tile:focus-visible,.notification-card:focus-visible,.tab-btn:focus-visible,.profile-actions button:focus-visible{outline-offset:2px;outline:2px solid #fb923c}.notification-list{gap:11px;margin-top:26px;display:grid}.notification-card{color:#334155;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fffaf5;border:1px solid #fed7aa;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex}.notification-card:not(.is-read):before{content:"";background:#f97316;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 5px #ffedd5}.notification-card>div{flex:1}.notification-card strong{color:#172033;font-size:.94rem}.notification-card p{color:#64748b;margin:4px 0 0;font-size:.88rem;line-height:1.45}.notification-card>span{color:#c2410c;background:#ffedd5;border-radius:999px;flex:none;padding:5px 9px;font-size:.73rem;font-weight:800}.notification-card.is-read{background:#fff;border-color:#e2e8f0}.notification-card.is-read>span{color:#64748b;background:#f1f5f9}.notification-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f172a14}.profile-page .loading-screen,.profile-page .empty-state{color:#64748b;text-align:center;background:#ffffffb3;border:1px dashed #cbd5e1;border-radius:18px;place-items:center;width:min(100%,680px);min-height:180px;margin-top:26px;padding:28px;display:grid}.profile-page .empty-state p{margin:0}.cover-banner{filter:saturate(.9);background-color:#e2e8f0;background-position:50%;background-size:cover;width:calc(100% + 72px);height:170px;margin:-36px -36px 0}.profile-actions{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.profile-actions button{font:inherit;cursor:pointer;border-radius:10px;padding:10px 15px;font-weight:800}.profile-actions .btn-primary{color:#fff;background:#ea580c;border:0}.profile-actions .btn-secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.profile-tabs{border-bottom:1px solid #e2e8f0;gap:8px;margin-top:22px;display:flex}.tab-btn{color:#64748b;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-size:.88rem;font-weight:800}.tab-btn.is-active{color:#c2410c;border-color:#ea580c}.profile-content{margin-top:20px}.profile-grid-item{aspect-ratio:4/5;background:#0f172a;border-radius:14px;overflow:hidden}.profile-grid-image{object-fit:cover;width:100%;height:100%;display:block}.review-card{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 8px 20px #0f172a0d}.review-card h3{color:#172033;margin:0 0 10px}.review-card p{overflow-wrap:anywhere;margin:7px 0}:root[data-theme=dark] .profile-page{color:var(--color-text);background:radial-gradient(circle at 4% 0%, #fb923c2e, transparent 29rem), radial-gradient(circle at 100% 16%, #3b82f633, transparent 25rem), var(--color-bg)}:root[data-theme=dark] .profile-header,:root[data-theme=dark] .review-card,:root[data-theme=dark] .checkout-card,:root[data-theme=dark] .checkout-form,:root[data-theme=dark] .profile-tile,:root[data-theme=dark] .profile-page .loading-screen,:root[data-theme=dark] .profile-page .empty-state{border-color:var(--color-border);color:var(--color-text-secondary);background:color-mix(in srgb, var(--color-surface) 94%, transparent);box-shadow:var(--shadow-sm)}:root[data-theme=dark] .profile-business,:root[data-theme=dark] .review-card h3,:root[data-theme=dark] .checkout-card strong{color:var(--color-text)}:root[data-theme=dark] .profile-address,:root[data-theme=dark] .tab-btn{color:var(--color-text-secondary)}:root[data-theme=dark] .profile-stats,:root[data-theme=dark] .profile-tabs{border-color:var(--color-border)}:root[data-theme=dark] .profile-stat{background:color-mix(in srgb, var(--color-surface-alt) 92%, #f97316 8%)}:root[data-theme=dark] .profile-stat-label{color:#fdba74}:root[data-theme=dark] .profile-stat-value{color:#fb923c}:root[data-theme=dark] .profile-tile{color:var(--color-text)}:root[data-theme=dark] .profile-grid-item{background:var(--color-surface-alt)}:root[data-theme=dark] .cover-banner{background-color:var(--color-surface-alt)}@media (width<=760px){.profile-page{padding-bottom:7rem}.profile-page>*+*{margin-top:1rem}.cart-grid{grid-template-columns:1fr}.checkout-total{grid-area:auto}.notification-card{align-items:flex-start}}@media (width<=460px){.profile-header{padding:.95rem}.profile-meta{align-items:flex-start}.profile-stats{grid-template-columns:1fr 1fr}.profile-grid,.profile-grid--compact{grid-template-columns:1fr}.profile-tile{min-height:72px;padding:15px}.checkout-card{flex-direction:column;align-items:flex-start}.profile-page .btn-secondary{width:100%}.profile-actions{flex-wrap:wrap}.profile-actions button{width:100%}.profile-business{font-size:clamp(1.18rem,5.2vw,1.4rem)}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0f172a;--color-surface:#111827;--color-surface-alt:#172033;--color-border:#334155;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-danger:#f87171;--color-success:#34d399;--shadow-sm:0 10px 30px #02061766;--shadow-md:0 16px 44px -12px #02061785, 0 8px 24px -8px #3b82f642}}.auth-page-wrapper{background:radial-gradient(circle at 30% 20%, var(--color-surface-alt) 0%, var(--color-bg) 60%);background-attachment:fixed;justify-content:center;align-items:center;min-height:100dvh;padding:clamp(.9rem,2.4vw,1.8rem);display:flex}@media (prefers-color-scheme:dark){.auth-page-wrapper{background:radial-gradient(circle at 70% 60%, var(--color-surface-alt) 0%, var(--color-bg) 65%)}}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(100%,420px);box-shadow:var(--shadow-md);gap:var(--space-5);flex-direction:column;padding:clamp(1rem,3vw,1.5rem);display:flex}.auth-card--wide{width:min(100%,460px)}.auth-card header{text-align:center}.auth-title{letter-spacing:.5px;margin-bottom:var(--space-2);font-size:clamp(1.25rem,2.2vw,1.45rem);font-weight:600}.auth-subtitle{color:var(--color-text-secondary);font-size:.85rem}form.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.field-group label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.field-group input{appearance:none;border:1px solid var(--color-border);background:var(--color-surface-alt);min-height:44px;font:inherit;border-radius:var(--radius-sm);color:var(--color-text);transition:border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);width:100%;min-width:0;caret-color:var(--color-text);-webkit-text-fill-color:var(--color-text);outline:none;padding:.75rem .875rem}.field-group input::placeholder{color:color-mix(in srgb, var(--color-text-secondary) 70%, transparent);opacity:1}.field-group input:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--color-text)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface-alt) inset!important;box-shadow:0 0 0 1000px var(--color-surface-alt) inset!important;border:1px solid var(--color-border)!important;caret-color:var(--color-text)!important}.field-group input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--color-text)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface-alt) inset!important;box-shadow:0 0 0 1000px var(--color-surface-alt) inset!important;border:1px solid var(--color-border)!important;caret-color:var(--color-text)!important}.field-group input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--color-text)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface-alt) inset!important;box-shadow:0 0 0 1000px var(--color-surface-alt) inset!important;border:1px solid var(--color-border)!important;caret-color:var(--color-text)!important}.field-group input:-webkit-autofill:active{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:var(--color-text)!important;-webkit-box-shadow:0 0 0 1000px var(--color-surface-alt) inset!important;box-shadow:0 0 0 1000px var(--color-surface-alt) inset!important;border:1px solid var(--color-border)!important;caret-color:var(--color-text)!important}.field-group input:-moz-autofill{color:var(--color-text)!important;box-shadow:0 0 0 1000px var(--color-surface-alt) inset!important;border:1px solid var(--color-border)!important;caret-color:var(--color-text)!important}.field-group input:-moz-autofill:focus{color:var(--color-text)!important;box-shadow:0 0 0 1000px var(--color-surface-alt) inset!important;border:1px solid var(--color-border)!important;caret-color:var(--color-text)!important}.field-group input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 55%, transparent);background:var(--color-surface)}.field-group textarea,.field-group select{appearance:none;border:1px solid var(--color-border);background:var(--color-surface-alt);min-height:44px;font:inherit;border-radius:var(--radius-sm);color:var(--color-text);outline:none;padding:.75rem .875rem}.field-group textarea:focus-visible,.field-group select:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 55%, transparent);background:var(--color-surface)}:root[data-theme=dark] .field-group input,:root[data-theme=dark] .field-group input:focus,:root[data-theme=dark] .field-group input:focus-visible,:root[data-theme=dark] .field-group input:active{color:var(--color-text)!important;background:var(--color-surface-alt)!important;border-color:var(--color-border)!important;-webkit-text-fill-color:var(--color-text)!important;caret-color:var(--color-text)!important}:root[data-theme=dark] .field-group input::placeholder{color:color-mix(in srgb, var(--color-text-secondary) 78%, transparent)}.two-col{gap:var(--space-4);flex-wrap:wrap;display:flex}.two-col .field-group{flex:min(100%,14rem);min-width:0}button.auth-submit{margin-top:var(--space-2);background:var(--color-accent);color:#fff;min-height:44px;font:inherit;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.5px;transition:background var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);border:none;justify-content:center;align-items:center;gap:6px;padding:.72rem 1rem;font-weight:600;display:inline-flex}button.auth-submit:hover{background:var(--color-accent-hover)}button.auth-submit:active{transform:translateY(1px)}button.auth-submit:focus-visible{outline:2px solid var(--color-accent-hover);outline-offset:2px}.auth-alt-action{text-align:center;color:var(--color-text-secondary);font-size:.85rem}.auth-alt-action a{font-weight:600}.auth-route-switch{margin-top:-4px}.auth-route-switch strong{font-weight:600}.auth-chooser-actions{gap:.75rem;display:grid}.auth-link-button{text-decoration:none}.auth-link-button--secondary{color:var(--color-text);background:var(--color-surface-alt);border:1px solid var(--color-border)}.auth-link-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.small-note{color:var(--color-text-secondary);font-size:.7rem;line-height:1.2}.gap-sm{gap:var(--space-2)}@media (width<=480px){.auth-page-wrapper{align-items:flex-start;padding-top:clamp(.75rem,4vw,1.25rem)}.auth-card{padding:var(--space-4) var(--space-4) var(--space-4)}.two-col{flex-direction:column}}@media (width>=600px) and (width<=1024px){.auth-card,.auth-card--wide{width:min(100%,520px)}}body,.auth-card,.field-group input{transition:background .2s,color .2s,border-color .2s}.guest-profile-card{gap:1.25rem}.guest-profile-hero{align-items:center;gap:1rem;display:flex}.guest-profile-avatar{color:#1e293b;background:linear-gradient(135deg,#fde68a,#fb923c);border-radius:16px;place-items:center;width:64px;height:64px;font-size:1.2rem;font-weight:800;display:grid;box-shadow:0 12px 24px #fb923c42}.guest-profile-copy{gap:.35rem;min-width:0;display:grid}.guest-auth-sections{gap:1rem;display:grid}.guest-auth-panel{background:#ffffffd1;border:1px solid #e2e8f0;border-radius:16px;padding:1rem}.guest-auth-panel h2{color:#172033;margin:0;font-size:1.05rem}.guest-auth-panel p{color:#64748b;margin:.45rem 0 .9rem;font-size:.92rem}.guest-auth-panel--partner{background:#fff7ed;border-color:#fed7aa}.guest-auth-actions{flex-wrap:wrap;gap:.6rem;display:flex}.guest-auth-btn{border:1px solid #0000;border-radius:11px;min-width:44px;min-height:44px;padding:.7rem 1rem;font-size:.9rem;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s}.guest-auth-btn:hover{transform:translateY(-1px)}.guest-auth-btn--primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 24px #2563eb33}.guest-auth-btn--secondary{color:#334155;background:#fff;border-color:#cbd5e1}.profile-logout-btn{color:#b91c1c;min-height:44px;font:inherit;cursor:pointer;background:#fff5f5;border:1px solid #fecaca;border-radius:12px;margin-top:.25rem;padding:.72rem .95rem;font-weight:700}.auth-route-prompt{gap:1rem;display:grid}.auth-route-prompt-actions{flex-wrap:wrap;gap:.6rem;display:flex}.auth-route-prompt-btn{border:1px solid #0000;border-radius:11px;min-width:44px;min-height:44px;padding:.72rem 1rem;font-weight:700}.guest-auth-btn:focus-visible,.profile-logout-btn:focus-visible,.auth-route-prompt-btn:focus-visible,.auth-required-modal-btn:focus-visible{outline-offset:2px;outline:2px solid #fb923c}.auth-route-prompt-btn--primary{color:#fff;background:#2563eb}.auth-route-prompt-btn--secondary{color:#334155;background:#fff;border-color:#cbd5e1}.auth-required-modal-backdrop{z-index:2600;background:#020617b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.auth-required-modal{background:#fff;border:1px solid #dbe3ed;border-radius:16px;width:min(100%,420px);padding:1.25rem;box-shadow:0 24px 50px #0f172a57}.auth-required-modal h2{color:#172033;margin:0;font-size:1.2rem}.auth-required-modal p{color:#64748b;margin:.55rem 0 1rem;font-size:.92rem}.auth-required-modal-actions{gap:.55rem;display:grid}.auth-required-modal-btn{min-width:44px;min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:11px;padding:.72rem .95rem;font-weight:700}@media (width<=620px){.guest-profile-hero{flex-direction:column;align-items:flex-start}.guest-auth-actions,.auth-route-prompt-actions{grid-template-columns:1fr;display:grid}.guest-auth-btn,.auth-route-prompt-btn,.profile-logout-btn,.auth-required-modal-btn{width:100%}.auth-required-modal{border-radius:16px;padding:1rem}}.auth-required-modal-btn--primary{color:#fff;background:#2563eb}.auth-required-modal-btn--secondary{color:#334155;background:#fff;border-color:#cbd5e1}.auth-required-modal-btn--ghost{color:#64748b;background:#f8fafc;border-color:#e2e8f0}:root[data-theme=dark] .guest-profile-avatar{color:#0f172a}:root[data-theme=dark] .guest-auth-panel,:root[data-theme=dark] .auth-required-modal{border-color:var(--color-border);background:color-mix(in srgb, var(--color-surface) 95%, transparent)}:root[data-theme=dark] .guest-auth-panel h2,:root[data-theme=dark] .auth-required-modal h2,:root[data-theme=dark] .auth-route-prompt-btn--secondary,:root[data-theme=dark] .guest-auth-btn--secondary{color:var(--color-text)}:root[data-theme=dark] .guest-auth-panel p,:root[data-theme=dark] .auth-required-modal p{color:var(--color-text-secondary)}:root[data-theme=dark] .guest-auth-btn--secondary,:root[data-theme=dark] .auth-route-prompt-btn--secondary,:root[data-theme=dark] .auth-required-modal-btn--secondary,:root[data-theme=dark] .auth-required-modal-btn--ghost,:root[data-theme=dark] .profile-logout-btn{border-color:var(--color-border);background:var(--color-surface-alt)}:root[data-theme=dark] .auth-required-modal-btn--secondary,:root[data-theme=dark] .auth-required-modal-btn--ghost{color:var(--color-text)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0f172a;--color-surface:#111827;--color-surface-alt:#172033;--color-border:#334155;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-danger:#f87171;--color-success:#34d399;--shadow-sm:0 10px 30px #02061766;--shadow-md:0 16px 44px -12px #02061785, 0 8px 24px -8px #3b82f642}}.reels-page{background:linear-gradient(#f8fbff 0%,#f5f8ff 100%);height:100dvh;overflow:clip hidden}.reels-feed{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;width:100%;height:100%;padding-top:clamp(5.3rem,9vw,6.25rem);overflow-y:auto}.reel{scroll-snap-align:start;background:linear-gradient(135deg,#0f172a 0%,#111827 100%);width:100%;min-height:100dvh;position:relative;box-shadow:inset 0 -80px 120px #00000059}.reel-video{object-fit:cover;object-position:center;background:#000;width:100%;height:100%;position:absolute;inset:0}.reel-overlay{pointer-events:none;z-index:2;align-items:flex-end;display:flex;position:absolute;inset:0}.reel-overlay-gradient{background:linear-gradient(#00000040 0%,#0000000d 30%,#00000059 65%,#000000a6 100%);position:absolute;inset:0}.reel-content{width:100%;padding:clamp(.9rem,2.5vw,1.35rem);padding-bottom:calc(env(safe-area-inset-bottom,0) + 5.9rem);gap:var(--space-4);pointer-events:auto;flex-direction:column;padding-right:clamp(4.5rem,15vw,6rem);display:flex;position:relative}.reel-cta-row{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.reel-info-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#0f172aa6,#0f172a59);border:1px solid #ffffff29;border-radius:1rem;width:min(100%,28rem);padding:.8rem .9rem}.reel-info-card__top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.reel-restaurant{color:#fff;font-size:.95rem;font-weight:700}.reel-category{color:#fffc;margin-top:.2rem;font-size:.8rem}.reel-price{color:#fff;white-space:nowrap;font-size:.95rem;font-weight:800}.reel-stats{color:#ffffffe6;flex-wrap:wrap;gap:.6rem;margin-top:.6rem;font-size:.8rem;display:flex}.reel-description{color:#fff;text-shadow:0 1px 2px #0006;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:min(100%,60ch);font-size:clamp(.88rem,1.65vw,.98rem);line-height:1.35;display:-webkit-box;overflow:hidden}.reel-comment-form{pointer-events:auto;flex-direction:column;gap:8px;width:min(100%,360px);display:flex}.reel-comment-input{font:inherit;resize:vertical;color:#fff;background:#00000073;border:1px solid #fff3;border-radius:12px;min-height:70px;padding:10px 12px}.reel-comment-submit{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:999px;align-self:flex-start;min-height:44px;padding:8px 14px;font-weight:600}.reel-comment-submit:disabled{opacity:.7;cursor:wait}.reel-btn{color:#fff;letter-spacing:.3px;min-width:44px;min-height:42px;box-shadow:var(--shadow-md);transition:transform var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);background:#ea580c;border:1px solid #0000;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;padding:8px 14px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.reel-btn:hover{background:#c2410c;transform:translateY(-1px)}.reel-btn:active{transform:translateY(1px)}.reel-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width>=768px){.reel-content{padding:2rem}.reel-description{max-width:70ch}}.reel-actions{pointer-events:auto;flex-direction:column;gap:.85rem;display:flex;position:absolute;bottom:clamp(5.3rem,10vw,6.5rem);right:.7rem}.reel-action{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:clamp(2.75rem,6vw,3rem);min-width:44px;height:clamp(2.75rem,6vw,3rem);min-height:44px;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#0f172a85,#0f172a52);border:1px solid #fff3;border-radius:999px;place-items:center;display:grid}.reel-action:hover{border-color:#ffffff4d;transform:translateY(-1px)}.reel-action:active{transform:translateY(1px)}.reel-action:focus-visible,.reel-btn:focus-visible,.feed-comment-header button:focus-visible,.feed-comment-form button:focus-visible,.feed-comment-form textarea:focus-visible,.reel-comment-input:focus-visible,.reel-comment-submit:focus-visible{outline-offset:2px;outline:2px solid #fff}.reel-action__count{color:#fff;text-align:center;font-size:11px}.reel-action-group{color:#fff;flex-direction:column;align-items:center;gap:4px;display:flex}.empty-state{min-height:16rem;color:var(--color-text);place-items:center;gap:.65rem;display:grid;position:relative}.feed-comment-backdrop{z-index:1000;background:#0000008c;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.feed-comment-modal{color:#1f2937;background:#fff;border-radius:20px;flex-direction:column;gap:16px;width:min(100%,560px);max-height:min(75dvh,620px);padding:clamp(1rem,3vw,1.25rem);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}.feed-comment-header{justify-content:space-between;align-items:center;display:flex}.feed-comment-header h2{margin:0;font-size:1.25rem}.feed-comment-header button{cursor:pointer;background:#f3f4f6;border:0;border-radius:8px;min-height:40px;padding:8px 12px}.feed-comment-list{min-height:110px;overflow-y:auto}.feed-comment-item{border-bottom:1px solid #e5e7eb;padding:10px 0}.feed-comment-item p{margin:4px 0 0}.feed-comment-form{flex-wrap:wrap;gap:.6rem;display:flex}.feed-comment-form textarea{min-height:44px;font:inherit;border:1px solid #d1d5db;border-radius:10px;flex:16rem;padding:.7rem}.feed-comment-form button{background:var(--color-accent);color:#fff;cursor:pointer;border:0;border-radius:10px;align-self:end;min-height:44px;padding:.7rem .9rem;font-weight:700}@media (width<=640px){.reels-feed{padding-top:4.95rem}.reel-content{padding-right:clamp(3.75rem,18vw,4.5rem);padding-bottom:calc(env(safe-area-inset-bottom,0) + 5.5rem);gap:.72rem}.reel-info-card{width:min(100%,24rem)}.reel-stats{gap:.45rem;margin-top:.5rem;font-size:.76rem}.reel-description{max-width:min(100%,36ch)}.reel-btn{min-height:40px;padding:7px 12px;font-size:.9rem}.reel-actions{gap:.62rem;right:.5rem}.reel-action{width:2.65rem;height:2.65rem}.feed-comment-backdrop{place-items:end center;padding:0}.feed-comment-modal{border-radius:18px 18px 0 0;width:100%;max-height:min(82dvh,700px)}}.home-header{-webkit-backdrop-filter:blur(12px);z-index:500;background:#00000094;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;min-height:clamp(3.5rem,7vw,4.25rem);padding:.65rem clamp(.875rem,3vw,1.25rem);display:grid;position:fixed;top:0;left:0;right:0}.home-logo__emoji{font-size:1.2rem}.home-logo{color:#fff;flex:none;align-items:center;gap:.5rem;font-size:clamp(.98rem,1.9vw,1.15rem);font-weight:700;display:flex}.home-location{color:#fff;opacity:.9;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.9rem,1.7vw,.95rem);overflow:hidden}.home-location-button{color:#fff;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;min-width:0;max-width:min(100%,15rem);min-height:44px;padding:.7rem .9rem;font-size:clamp(.9rem,1.7vw,.95rem);transition:background .25s,transform .2s;overflow:hidden}.home-location-button:hover{background:#fff3}.home-location-button:focus-visible{outline-color:#fff}.home-location-button:active{transform:translateY(1px)}.location-editor-backdrop{z-index:510;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.location-editor-modal{color:#fff;background:#121214f5;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:.875rem;width:min(100%,420px);padding:clamp(1.25rem,3vw,1.5rem);display:flex;box-shadow:0 20px 60px #00000059}.location-editor-modal h2{margin:0;font-size:1.15rem}.location-editor-modal p{color:#ffffffbf;margin:0;line-height:1.5}.location-editor-modal input{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;outline:none;width:100%;padding:.75rem .875rem;font-size:1rem}.location-editor-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.location-editor-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;padding:.7rem 1rem;transition:background .2s,border-color .2s}.location-editor-btn:hover{background:#ffffff14}.location-editor-btn--primary{color:#fff;background:#ff6b35;border-color:#0000}.location-editor-btn--primary:hover{background:#ff7b52}.notification-btn{cursor:pointer;color:#fff;background:#ffffff15;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:clamp(2.75rem,5vw,2.9rem);height:clamp(2.75rem,5vw,2.9rem);font-size:1.1rem;text-decoration:none;transition:all .25s;display:grid;position:relative}.notification-btn:hover{background:#ffffff25}.notification-btn:focus-visible{outline-color:#fff}.notification-badge{color:#fff;background:#ff5a36;border-radius:999px;place-items:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.7rem;display:grid;position:absolute;top:-2px;right:-2px}.search-container{z-index:499;padding:0 clamp(.875rem,3vw,1.25rem);position:fixed;top:clamp(4.25rem,8vw,5.25rem);left:0;right:0}.search-container>*{width:min(100%,1020px);margin-inline:auto}.search-box{grid-template-columns:minmax(0,1fr) auto;gap:.55rem;display:grid}.search-input{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff15;border:none;border-radius:999px;outline:none;width:100%;min-height:44px;padding:0 1rem;font-size:.95rem}.search-submit{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:999px;min-height:44px;padding:0 .95rem;font-weight:700;transition:background .18s}.search-submit:hover{background:#ea580c}.search-input:focus-visible,.search-submit:focus-visible,.search-suggestion:focus-visible,.category-chip:focus-visible,.location-editor-btn:focus-visible{outline-color:#fff}.search-input::placeholder{color:#ddd}.search-suggestions{gap:.4rem;max-height:min(44dvh,18rem);margin-top:.5rem;display:grid;overflow-y:auto}.search-suggestion{color:#fff;text-align:left;cursor:pointer;background:#0006;border:1px solid #ffffff26;border-radius:14px;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px;padding:.7rem .8rem;display:flex}.search-suggestion small{opacity:.75}.category-container{z-index:498;scrollbar-width:none;gap:.75rem;padding:0 clamp(.875rem,3vw,1.25rem) .55rem;display:flex;position:fixed;top:clamp(6.75rem,13vw,8.2rem);left:0;right:0;overflow-x:auto}.category-container>*{scroll-snap-align:start}.category-container::-webkit-scrollbar{display:none}.category-chip{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff15;border:none;border-radius:999px;min-height:44px;padding:.62rem .9rem;font-size:.875rem;transition:all .25s}.category-chip:hover{background:#ffffff25}.active-category{color:#fff;background:#ff6b35;font-weight:600}@media (width<=480px){:root{--home-mobile-search-top:4.6rem;--home-mobile-search-row-height:2.7rem;--home-mobile-stack-gap:.6rem}.home-header{grid-template-columns:auto minmax(0,1fr) auto;row-gap:.3rem;padding-top:.5rem;padding-bottom:.5rem}.home-logo{font-size:.95rem}.home-location-button{width:100%;max-width:100%;min-height:38px;padding:.48rem .75rem}.notification-btn{justify-self:end;width:2.5rem;height:2.5rem}.search-container{top:var(--home-mobile-search-top)}.category-container{top:calc(var(--home-mobile-search-top) + var(--home-mobile-search-row-height) + var(--home-mobile-stack-gap));gap:.55rem}.search-box{grid-template-columns:minmax(0,1fr) auto}.search-submit{width:auto;min-width:88px;padding-inline:.9rem}.search-input{min-height:42px;font-size:.92rem}.category-chip{min-height:38px;padding:.5rem .75rem;font-size:.8rem}}@media (width>=481px) and (width<=820px){.home-header{grid-template-columns:auto minmax(0,1fr) auto}.home-location-button{max-width:min(100%,18rem)}.search-container{top:5.35rem}.category-container{top:7.7rem}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0f172a;--color-surface:#111827;--color-surface-alt:#172033;--color-border:#334155;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-danger:#f87171;--color-success:#34d399;--shadow-sm:0 10px 30px #02061766;--shadow-md:0 16px 44px -12px #02061785, 0 8px 24px -8px #3b82f642}}.food-detail-page{color:#172033;background:radial-gradient(circle at 5% 0,#f9731621,#0000 28rem),radial-gradient(circle at 100% 12%,#fbbf2424,#0000 26rem),#f8fafc;min-height:100dvh;padding:clamp(.9rem,2.2vw,2.2rem) clamp(.875rem,3vw,2.25rem) 6.6rem}.food-detail-back{color:#475569;max-width:1180px;margin:0 auto 20px;font-size:.92rem;font-weight:700;display:inline-flex}.food-detail-back:hover{color:#ea580c}.food-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;grid-template-columns:minmax(280px,.96fr) minmax(320px,1.04fr);max-width:min(1180px,100%);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 24px 70px #0f172a21}.food-detail-media{background:#111827;min-height:clamp(15rem,34vw,29rem);max-height:34rem}.food-detail-video-container{width:100%;height:100%;position:relative}.food-detail-video{object-fit:cover;outline:none;width:100%;height:100%;min-height:0;display:block}.food-detail-video::-webkit-media-controls{display:none!important}.food-detail-video::-webkit-media-controls-panel{display:none!important}.food-detail-video::-webkit-media-controls-enclosure{display:none!important}.food-detail-video::-webkit-media-controls-overlay-play-button{display:none!important}.food-detail-video-progress{background:#ffffff26;height:4px;position:absolute;bottom:0;left:0;right:0}.food-detail-video-progress__bar{background:linear-gradient(90deg,#ff6b35,#f97316);height:100%;transition:width .1s linear}.food-detail-body{flex-direction:column;padding:clamp(1.25rem,3vw,2rem);display:flex}.food-detail-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.food-detail-kicker{color:#c2410c;letter-spacing:.08em;text-transform:uppercase;background:#fff0e7;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.food-detail-header-row h1{color:#172033;letter-spacing:-.055em;overflow-wrap:anywhere;margin:10px 0 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02}.food-detail-rating{color:#a16207;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;flex:none;margin-top:4px;padding:10px 13px;font-size:.94rem;font-weight:800}.food-detail-description{color:#64748b;overflow-wrap:anywhere;max-width:58ch;margin:14px 0 20px;font-size:1.02rem;line-height:1.65}.food-detail-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;display:grid}.food-detail-meta-grid .glass-card{background:#f8fafc;border:1px solid #e7edf4;border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:13px 11px;display:flex}.food-detail-meta-grid span{color:#8390a3;text-transform:uppercase;font-size:.69rem;font-weight:700}.food-detail-meta-grid strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.food-detail-section{margin-top:22px}.food-detail-section h2{color:#1e293b;margin:0 0 12px;font-size:1rem}.pill-group{flex-wrap:wrap;gap:8px;display:flex}.pill-chip{color:#475569;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:7px 11px;font-size:.82rem}.profile-pill-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-pill{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:750;overflow:hidden}.profile-pill:before{content:"●";color:#22c55e;margin-right:8px;font-size:.72em}.reel-btn--ghost{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;flex:none;padding:9px 12px;font-size:.82rem;font-weight:800}.food-detail-actions{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:.6rem;margin-top:auto;padding-top:1.5rem;display:grid}.food-detail-actions button{min-width:44px;min-height:44px;font:inherit;cursor:pointer;border-radius:11px;font-size:.83rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.food-detail-actions button:hover{transform:translateY(-1px)}.food-detail-actions .btn-primary{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border:1px solid #ea580c;box-shadow:0 9px 20px #ea580c38}.food-detail-actions .btn-secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.food-detail-actions .btn-secondary:hover{color:#c2410c;background:#fff7ed;border-color:#fdba74}.food-detail-actions button:focus-visible,.comment-form textarea:focus-visible,.comment-form .btn-primary:focus-visible,.btn-ghost:focus-visible,.related-food-card:focus-visible,.reel-btn--ghost:focus-visible{outline-offset:2px;outline:2px solid #fb923c}.food-detail-page>.food-detail-section{max-width:1180px;margin:42px auto 0}.food-detail-page>.food-detail-section>h2{font-size:1.38rem}.related-food-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.related-food-card{color:#1e293b;background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 8px 22px #0f172a0f}.related-food-card:hover{color:#1e293b;transform:translateY(-4px);box-shadow:0 16px 28px #0f172a1f}.related-food-video{aspect-ratio:16/9;object-fit:cover;background:#0f172a;width:100%;display:block}.related-food-copy{flex-direction:column;gap:3px;padding:13px 14px 15px;display:flex}.related-food-copy strong{font-size:.96rem}.related-food-copy span{color:#64748b;font-size:.83rem}.comment-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.comment-modal{background:#fff;border-radius:20px;flex-direction:column;gap:18px;width:min(100%,560px);max-height:min(78dvh,650px);padding:24px;display:flex;box-shadow:0 30px 80px #0f172a4d}.comment-modal-header{justify-content:space-between;align-items:center;display:flex}.comment-modal-header h3{margin:0;font-size:1.3rem}.btn-ghost{color:#475569;min-height:40px;font:inherit;cursor:pointer;background:#f1f5f9;border:0;border-radius:9px;padding:9px 12px;font-weight:700}.comment-list{min-height:120px;overflow-y:auto}.comment-item{border-bottom:1px solid #edf0f4;padding:11px 0}.comment-item p{color:#64748b;margin:4px 0 0}.empty-state-inline{color:#64748b}.comment-form{flex-direction:column;gap:10px;display:flex}.comment-form textarea{color:#1e293b;width:100%;font:inherit;resize:vertical;border:1px solid #dbe3ed;border-radius:11px;padding:11px}.comment-form .btn-primary{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#ea580c;border:0;border-radius:10px;align-self:flex-end;padding:11px 15px;font-weight:800}.loading-screen,.empty-state{color:#475569;background:#f8fafc;place-items:center;min-height:100dvh;display:grid}@media (width<=900px){.food-detail-card{grid-template-columns:1fr}.food-detail-media{min-height:min(54dvh,25rem);max-height:min(54dvh,25rem)}.food-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.5rem}.food-detail-actions .btn-primary{grid-column:span 2}}@media (width<=620px){.food-detail-page{padding-top:.7rem;padding-bottom:6.9rem}.food-detail-back{margin-bottom:.55rem}.food-detail-card{border-radius:20px}.food-detail-media{min-height:min(48dvh,21rem);max-height:min(48dvh,21rem)}.food-detail-body{padding:1rem}.food-detail-header-row h1{font-size:clamp(1.45rem,6.3vw,2rem)}.food-detail-meta-grid,.food-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.food-detail-actions .btn-primary{grid-column:span 2}.comment-modal-backdrop{place-items:end center;padding:0}.comment-modal{border-radius:18px 18px 0 0;width:100%;max-height:min(82dvh,700px);padding:1rem}.profile-pill-row{flex-direction:column;align-items:flex-start}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0f172a;--color-surface:#111827;--color-surface-alt:#172033;--color-border:#334155;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-danger:#f87171;--color-success:#34d399;--shadow-sm:0 10px 30px #02061766;--shadow-md:0 16px 44px -12px #02061785, 0 8px 24px -8px #3b82f642}}.bottom-nav{-webkit-backdrop-filter:blur(10px);color:#fff;height:clamp(3.25rem,7vw,3.75rem);box-shadow:var(--shadow-md);border:1px solid #ffffff26;border-top:1px solid var(--color-border);z-index:50;background:#0f172aeb;position:fixed;bottom:0;left:0;right:0}.bottom-nav__inner{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px;height:100%;margin:0 auto;display:grid}.bottom-nav__item{min-height:44px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:.25rem;text-decoration:none;display:flex}.bottom-nav__item.is-active{color:var(--color-text)}.bottom-nav__item:focus-visible{outline:2px solid color-mix(in srgb, var(--color-accent) 80%, #fff);outline-offset:-2px}.bottom-nav__icon{line-height:0}.bottom-nav__label{font-size:clamp(.7rem,1.4vw,.8rem)}@media (width<=480px){.bottom-nav{height:4rem}.bottom-nav__label{font-size:.72rem}}@supports (padding:max(0px)){.bottom-nav{padding-bottom:max(env(safe-area-inset-bottom), 0px)}}:root{--color-bg:#f5f7fb;--color-surface:#fff;--color-surface-alt:#f8fbff;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-secondary:#475569;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-danger:#dc2626;--color-success:#16a34a;--radius-xs:2px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--font-stack:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--shadow-sm:0 8px 24px #0f172a0f;--shadow-md:0 16px 40px -12px #0f172a29, 0 6px 20px -8px #2563eb24;--transition-base:.18s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0f172a;--color-surface:#111827;--color-surface-alt:#172033;--color-border:#334155;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-danger:#f87171;--color-success:#34d399;--shadow-sm:0 10px 30px #02061766;--shadow-md:0 16px 44px -12px #02061785, 0 8px 24px -8px #3b82f642}}:root[data-theme=dark]{--color-bg:#0f172a;--color-surface:#111827;--color-surface-alt:#172033;--color-border:#334155;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-danger:#f87171;--color-success:#34d399;--shadow-sm:0 10px 30px #02061766;--shadow-md:0 16px 44px -12px #02061785, 0 8px 24px -8px #3b82f642}body{font-family:var(--font-stack);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:var(--color-accent);transition:color var(--transition-base), transform var(--transition-base);text-decoration:none}a:hover,a:focus-visible{color:var(--color-accent-hover)}::selection{background:var(--color-accent);color:#fff}.create-food-page{background:#f7f8fc;justify-content:center;min-height:100dvh;padding:clamp(1rem,3vw,2rem) clamp(.875rem,3vw,1.5rem) 5rem;display:flex}.create-food-card{background:#fff;border-radius:18px;width:min(100%,760px);padding:clamp(1.25rem,3vw,2rem);box-shadow:0 10px 30px #00000014}.create-food-header{margin-bottom:1.5rem}.create-food-title{color:#111827;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.create-food-subtitle{color:#6b7280;margin-top:.5rem}.create-food-form{flex-direction:column;gap:1.25rem;display:flex}.field-group{flex-direction:column;gap:.5rem;display:flex}.field-group label{color:#374151;font-size:14px;font-weight:600}.field-group input,.field-group textarea,.field-group select{background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;min-height:44px;padding:.8rem .95rem;font-size:.95rem;transition:all .25s}.field-group textarea{resize:vertical;min-height:7.5rem}.field-group input:focus,.field-group textarea:focus,.field-group select:focus{border-color:#ff6b35;box-shadow:0 0 0 4px #ff6b3526}.file-input-hidden{display:none}.file-dropzone{cursor:pointer;text-align:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:18px;min-height:120px;padding:clamp(1.25rem,3vw,2rem);transition:all .3s}.file-dropzone:hover{background:#fff5f1;border-color:#ff6b35}.file-dropzone:focus-visible{outline-offset:3px;outline:2px solid #ff6b35}.file-dropzone h3{margin-bottom:10px;font-size:20px}.file-dropzone p{color:#6b7280}.video-preview{border:1px solid #ddd;border-radius:18px;width:100%;overflow:hidden}.video-preview video{width:100%;display:block}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.7rem;display:flex}.checkbox-label input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;cursor:pointer;accent-color:#ff6b35;flex-shrink:0;margin:0;width:1.125rem!important;height:1.125rem!important}.checkbox-label span{color:#333;font-size:.95rem;font-weight:500}.small-note{color:#6b7280;font-size:13px}.error-text{color:#dc2626;font-size:14px}.form-actions{margin-top:.75rem}.btn-primary{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:14px;width:100%;min-height:44px;padding:.9rem 1rem;font-size:1rem;font-weight:700;transition:all .3s}.btn-primary:hover{background:#e95a28}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.create-food-page{padding-bottom:5.5rem}}
