@media (prefers-color-scheme:dark){:root{--bg:#090b12;--surface:#10151f;--card:#121a29;--text:#f8fafc;--muted:#9ca3af;--border:#ffffff14;--accent:#4f8cff;--accent-soft:#4f8cff26;--shadow:0 28px 60px #00000059;--input-bg:#141d2c;--input-focus:#1f2a42}}*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{background:var(--bg);min-height:100%}body{background:var(--bg);min-height:100vh;color:var(--text)}body,button,input{font:100%/1.5 inherit}button{cursor:pointer;border:none}.app-container{background:#0b0f19;max-width:420px;min-height:100vh;margin:0 auto;position:relative}.auth-page{background:radial-gradient(circle at top, #2563eb14, transparent 28%), radial-gradient(circle at bottom right, #2563eb0d, transparent 24%), var(--bg);place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);width:min(100%,440px);box-shadow:var(--shadow);padding:2rem}.auth-header{gap:.75rem;margin-bottom:2rem;display:grid}.auth-label{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.85rem;font-weight:700}.auth-header h1{font-size:clamp(1.75rem,2vw,2.25rem)}.auth-description{color:var(--muted);line-height:1.75}.auth-form{gap:1rem;display:grid}.auth-field{gap:.55rem;display:grid}.auth-field span{color:var(--muted);font-size:.95rem}.auth-field input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input-bg);width:100%;min-height:3.15rem;color:var(--text);padding:.95rem 1rem;transition:border-color .2s,background .2s,box-shadow .2s}.auth-field input::placeholder{color:var(--muted)}.auth-field input:focus{border-color:var(--accent);background:var(--input-focus);outline:none;box-shadow:0 0 0 4px #2563eb14}.auth-submit{border-radius:var(--radius-sm);background:var(--accent);color:#fff;width:100%;min-height:3.5rem;font-weight:700;transition:transform .2s,filter .2s}.auth-submit:hover{filter:saturate(1.1);transform:translateY(-1px)}.auth-footer{color:var(--muted);gap:.85rem;margin-top:1.5rem;display:grid}.auth-footer-row{justify-content:space-between;gap:.75rem;font-size:.95rem;display:flex}.auth-footer-row a{color:var(--accent);font-weight:700;text-decoration:none}.auth-footer-row a:hover{text-decoration:underline}.home-page{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;color:#fff;scrollbar-width:none;-ms-overflow-style:none;background:#000;height:100vh;position:relative;overflow-y:auto}.home-auth{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;padding:2rem;display:flex}.home-auth h2{font-size:1.8rem;font-weight:700}.home-auth p{color:#94a3b8;font-size:.95rem}.home-auth-btn{color:#fff;background:#3b82f6;border-radius:999px;margin-top:.5rem;padding:.7rem 1.6rem;font-weight:600;transition:all .2s}.home-auth-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.home-page::-webkit-scrollbar{width:0;height:0}.reel-item{scroll-snap-align:start;align-items:flex-start;height:100vh;display:grid;position:relative;overflow:hidden}.reel-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reel-meta{z-index:2;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;flex-direction:column;gap:.6rem;width:40%;padding:0;display:flex;position:absolute;bottom:5.5rem;left:1rem}.reel-title{color:#fff;text-shadow:0 10px 30px #00000059;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700}.reel-description{color:#e6e8ee;max-width:38rem;font-size:1rem;line-height:1.6}.reel-button{background:#3b82f6;border-radius:999px;width:fit-content;padding:.5rem 1rem;font-size:.85rem}.reel-button:hover{filter:saturate(1.1);transform:translateY(-1px)}.reel-actions{z-index:2;flex-direction:column;align-items:center;gap:1.2rem;display:flex;position:absolute;bottom:6rem;right:.6rem}.action-button,.action-pill,.nav-button,.secondary-button{border:none;border-radius:999px;align-items:center;gap:.55rem;padding:10px;font-weight:700;display:grid}.action-button{color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;gap:.2rem;display:flex}.action-button span:last-child{font-size:.75rem}.action-pill{color:#fff;background:#ffffff1f;border:1px solid #ffffff29;min-width:9rem}.action-icon{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;padding:.6rem;display:flex}.action-meta{opacity:.9;font-size:.95rem}.home-status{z-index:3;color:#fff;background:#0f172abf;border-radius:999px;padding:.85rem 1.15rem;font-weight:700;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.home-status-error{background:#b91c1ceb}.home-user-bar{z-index:10;align-items:center;gap:10px;display:flex;position:absolute;top:10px;right:10px}.home-user-bar button{color:#fff;background:#ffffff1a;border-radius:6px;padding:6px 10px;font-size:12px}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#050a14d1;gap:2rem;width:100%;max-width:420px;padding:.85rem;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.nav-button{color:#e2e8f0;background:#ffffff14;justify-content:center;width:100%;transition:background .2s}.nav-button.active,.nav-button:hover{color:#fff;background:#2563ebf2}.saved-page{background:var(--bg);min-height:100vh;color:var(--text);padding:1.5rem 1.25rem 5rem}.saved-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.saved-header h1{font-size:clamp(1.6rem,2.2vw,2.2rem)}.saved-header p{color:var(--muted);margin-top:.35rem}.secondary-button{background:var(--surface);border:1px solid var(--border);color:var(--text)}.saved-list{gap:1.25rem;display:grid}.saved-card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}.saved-video{object-fit:cover;width:100%;height:220px}.saved-card-body{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.saved-card-body h2{margin-bottom:.4rem;font-size:1.1rem}.saved-card-body p{color:var(--muted);line-height:1.6}.saved-card-actions button{background:var(--accent);color:#fff;padding:6px 10px;font-size:.75rem}.saved-empty{color:var(--muted);text-align:center;padding:1rem 0}.saved-error{color:#b91c1c}@media (width<=520px){.auth-card{padding:1.6rem}}.profile-actions{gap:12px;margin:16px 0 10px;display:flex}.profile-btn{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;flex:1;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s}.profile-btn:hover{transform:translateY(-1px)}.profile-btn.logout{color:#ff6b6b;background:#ffffff0f;border:1px solid #ffffff14}.profile-btn{justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.btn-icon{width:16px;height:16px;display:flex}.profile-btn span{line-height:1;display:inline-block}.profile-page{background:var(--bg);place-items:center;min-height:100vh;padding:1rem;display:block}.profile-card{background:var(--surface);border:1px solid var(--border);width:min(100%,1080px);box-shadow:var(--shadow);border-radius:16px;gap:1.75rem;padding:1.2rem}.profile-header{align-items:center;gap:.8rem;display:flex}.profile-avatar{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:700;display:grid}.profile-info{gap:.4rem;display:grid}.profile-label{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.profile-header h1{font-size:1.2rem;font-weight:600}.profile-email{color:var(--muted);font-size:.85rem}.profile-meta-row{grid-template-columns:repeat(3,1fr);gap:.9rem;display:grid}.profile-meta-card{border-radius:var(--radius-sm);background:var(--input-bg);border:1px solid var(--border);padding:1rem}.profile-meta-card span{color:var(--muted);margin-bottom:.45rem;font-size:.92rem;display:block}.profile-meta-card strong{color:var(--text);font-size:1.05rem}.profile-stats{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin:10px;padding:.8rem 0;display:flex}.stat-card{flex-direction:column;flex:1;align-items:center;display:flex}.stat-card span{opacity:.7;font-size:.75rem}.stat-card strong{font-size:1.4rem;font-weight:700}.stat-card:not(:last-child){border-right:1px solid #ffffff14}.profile-videos-label{gap:.35rem;display:grid}.profile-videos-label h2{margin:1rem;font-size:1.25rem}.profile-videos-label p{color:var(--muted);margin:0}.profile-videos-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.video-card{aspect-ratio:9/16;overflow:hidden}.video-card:hover .video-thumbnail{transform:scale(1.05)}.video-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .3s}@media (width<=860px){.profile-header{grid-template-columns:1fr}.profile-meta-row,.profile-stats,.profile-videos-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.profile-meta-row,.profile-stats,.profile-videos-grid{grid-template-columns:repeat(3,1fr)}}:root{--bg:#f5f7fb;--surface:#fff;--card:#fff;--text:#111827;--muted:#50535b;--border:#0f172a1f;--accent:#2563eb;--accent-soft:#2563eb1f;--shadow:0 28px 60px #0f172a14;--radius:24px;--radius-sm:16px;--input-bg:#f8fafc;--input-focus:#eaf3ff}@media (prefers-color-scheme:dark){:root{--bg:#090b12;--surface:#10151f;--card:#121a29;--text:#f8fafc;--muted:#9ca3af;--border:#ffffff14;--accent:#4f8cff;--accent-soft:#4f8cff26;--shadow:0 28px 60px #00000059;--input-bg:#141d2c;--input-focus:#1f2a42}}.create-food-page{background:var(--bg);justify-content:center;align-items:flex-start;min-height:100vh;padding:1rem;display:flex}.create-food-container{background:var(--card);border-radius:var(--radius);width:100%;max-width:500px;box-shadow:var(--shadow);overflow:hidden}.create-food-header{text-align:center;border-bottom:1px solid var(--border);padding:1.5rem}.create-food-header h1{color:var(--text);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.create-food-header p{color:var(--muted);font-size:.9rem;line-height:1.5}.create-food-form{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.form-input,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;color:var(--text);padding:.75rem;font-size:1rem;transition:border-color .2s,background .2s,box-shadow .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted)}.form-input:focus,.form-textarea:focus{border-color:var(--accent);background:var(--input-focus);outline:none;box-shadow:0 0 0 3px #2563eb14}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.file-input{opacity:0;width:.1px;height:.1px;position:absolute;overflow:hidden}.file-input-container{position:relative}.file-input-label{cursor:pointer;border:2px dashed var(--border);border-radius:var(--radius-sm);background:var(--input-bg);text-align:center;padding:2rem 1rem;transition:border-color .2s,background .2s;display:block}.file-input-label:hover{border-color:var(--accent);background:var(--input-focus)}.file-input-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.upload-icon{width:2rem;height:2rem;color:var(--accent)}.file-input-text{color:var(--text);font-size:.9rem;font-weight:500}.file-input-hint{color:var(--muted);font-size:.8rem}.submit-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-top:.5rem;padding:.875rem 1rem;font-size:1rem;font-weight:600;transition:transform .2s,filter .2s,box-shadow .2s}.submit-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.submit-btn:active{transform:translateY(0)}@media (width>=768px){.create-food-page{padding:2rem}.create-food-container{max-width:600px}.create-food-header{padding:2rem}.create-food-header h1{font-size:1.75rem}.create-food-form{gap:2rem;padding:2rem}.file-input-label{padding:2.5rem 1.5rem}.upload-icon{width:2.5rem;height:2.5rem}.file-input-text{font-size:1rem}.file-input-hint{font-size:.85rem}}@media (width>=1024px){.create-food-page{align-items:center;padding:3rem}.create-food-container{max-width:700px}.create-food-header{padding:2.5rem 3rem}.create-food-header h1{font-size:2rem}.create-food-form{padding:2.5rem 3rem}.form-input,.form-textarea{padding:1rem;font-size:1.1rem}.submit-btn{padding:1rem 1.5rem;font-size:1.1rem}}