:root{--color-primary:#667eea;--color-primary-end:#764ba2;--color-primary-rgb:102,126,234;--color-bg:#f3f4f6;--color-border:#e5e7eb;--color-text-muted:#6b7280;--color-text:#374151;--color-text-strong:#1f2937;--color-surface:#f9fafb;--color-icon:#9ca3af;--color-white:#fff;--color-success:#10b981;--color-success-dark:#059669;--color-error:#ef4444;--color-error-dark:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-error-text:#dc2626;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-success-text:#16a34a;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-blue:#3b82f6;--color-blue-dark:#2563eb;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-sm:14px;--text-base:16px;--text-lg:18px;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-card:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-button:0 4px 12px rgba(var(--color-primary-rgb),0.4);--shadow-sm:0 1px 3px #0000001a;--shadow-tab:0 2px 4px #0000000d}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}html{background:#f3f4f6;background:var(--color-bg)}@supports (-webkit-touch-callout:none){#root,body,html{min-height:-webkit-fill-available}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);color:#1f2937;color:var(--color-text-strong);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);min-height:100vh}.flex{display:flex}.flex-1{flex:1 1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:4px;gap:var(--space-1)}.gap-2{gap:8px;gap:var(--space-2)}.gap-3{gap:12px;gap:var(--space-3)}.gap-4{gap:16px;gap:var(--space-4)}.mb-1{margin-bottom:4px;margin-bottom:var(--space-1)}.mb-2{margin-bottom:8px;margin-bottom:var(--space-2)}.mb-3{margin-bottom:12px;margin-bottom:var(--space-3)}.mb-4{margin-bottom:16px;margin-bottom:var(--space-4)}.mb-6{margin-bottom:24px;margin-bottom:var(--space-6)}.mt-2{margin-top:8px;margin-top:var(--space-2)}.mt-4{margin-top:16px;margin-top:var(--space-4)}.ml-2{margin-left:8px;margin-left:var(--space-2)}.min-w-0{min-width:0}.text-muted{color:#6b7280;color:var(--color-text-muted)}.text-sm{font-size:14px;font-size:var(--text-sm)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.rounded{border-radius:12px;border-radius:var(--radius-md)}.relative{position:relative}.absolute{position:absolute}.w-12{width:48px}.h-12{height:48px}.w-16{width:64px}.h-16{height:64px}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.input-with-icon{padding-left:40px}.input-with-icon-lg{padding-left:44px}.object-cover{object-fit:cover}.left-3{left:12px;left:var(--space-3)}.top-half{top:50%;transform:translateY(-50%)}.text-primary{color:#667eea;color:var(--color-primary)}.banner-dismiss-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;color:#fff;color:var(--color-white);cursor:pointer;padding:4px;padding:var(--space-1)}.nav-logo{filter:invert(45%) sepia(80%) saturate(2000%) hue-rotate(215deg) brightness(85%);height:56px;width:auto}.nav-username{color:#6b7280;color:var(--color-text-muted);font-size:14px;font-size:var(--text-sm)}.modal-wide{max-width:600px;width:90vw}.modal-body-scroll{max-height:60vh;overflow-y:auto}.modal-footer-bar{background:#f9fafb;background:var(--color-surface);padding:16px;padding:var(--space-4)}.modal-footer-bar,.section-divider{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border)}.section-divider{padding-top:16px;padding-top:var(--space-4)}.nutrition-preview{background:#f9fafb;background:var(--color-surface);border-radius:6px;padding:12px;padding:var(--space-3)}.invite-code-row{align-items:center;display:flex;gap:16px;gap:var(--space-4);justify-content:space-between;width:100%}.invite-code-row .invite-code-copy{flex-shrink:0}.nutrition-preview-title{color:#1f2937;color:var(--color-text-strong);font-size:14px;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-2)}.nutrition-grid{grid-gap:8px;grid-gap:var(--space-2);display:grid;font-size:14px;font-size:var(--text-sm);gap:8px;gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.nutrition-label{color:#6b7280;color:var(--color-text-muted)}.nutrition-value{font-weight:500;font-weight:var(--font-weight-medium);margin-left:4px;margin-left:var(--space-1)}.recent-meal-info.selected{background:#eff6ff;border:2px solid #3b82f6;border:2px solid var(--color-blue)}.input-amount{width:120px}.animate-spin{animation:spin .8s linear infinite}.modal-body{padding:20px 0;padding:var(--space-5) 0}.text-center{text-align:center}.py-12{padding-bottom:48px;padding-top:48px}.mx-auto{margin-left:auto;margin-right:auto}.max-w-md{max-width:28rem}.leading-relaxed{line-height:1.625}.pointer-events-none{pointer-events:none}.hidden{display:none}.w-full{width:100%}.inset-0{inset:0}.scan-error-icon{align-items:center;background:#fef2f2;background:var(--color-error-bg);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;margin:0 auto var(--space-6);width:80px}.scan-error-icon svg{color:#ef4444;color:var(--color-error)}.scan-loading-icon{align-items:center;background:#667eea1a;background:rgba(var(--color-primary-rgb),.1);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;margin:0 auto var(--space-6);width:80px}.scan-loading-icon svg{color:#667eea;color:var(--color-primary)}.section-heading{color:#1f2937;color:var(--color-text-strong);font-size:18px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:12px;margin-bottom:var(--space-3)}.scan-video-wrap{margin-bottom:24px;margin-bottom:var(--space-6);position:relative}.scan-video{background:#f3f4f6;background:var(--color-bg);border-radius:12px;border-radius:var(--radius-md);height:320px;object-fit:cover;width:100%}.scan-frame{inset:0;justify-content:center;pointer-events:none}.scan-frame,.scan-indicator{align-items:center;display:flex;position:absolute}.scan-indicator{background:#667eea;background:var(--color-primary);border-radius:9999px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--color-white);font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);left:50%;padding:8px 16px;padding:var(--space-2) var(--space-4);top:16px;top:var(--space-4);transform:translateX(-50%)}.app-container{background:#f3f4f6;background:var(--color-bg);display:flex;flex-direction:column;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom))}@supports (-webkit-touch-callout:none){.app-container{min-height:-webkit-fill-available}}.app-container>main{flex:1 1}@media (min-width:769px){.app-container{padding-bottom:0}}.auth-bg{align-items:center;background:linear-gradient(160deg,#667eea,#764ba2 50%,#5a3d7a);background:linear-gradient(160deg,var(--color-primary) 0,var(--color-primary-end) 50%,#5a3d7a 100%);display:flex;justify-content:center;min-height:100vh;padding:16px;padding:var(--space-4);padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));padding-top:calc(24px + env(safe-area-inset-top));padding-top:calc(var(--space-6) + env(safe-area-inset-top))}.auth-card{box-shadow:0 25px 50px -12px #0003;max-width:420px;width:100%}.auth-brand{gap:12px;gap:var(--space-3);margin-bottom:24px;margin-bottom:var(--space-6)}.auth-brand,.auth-brand-icon{align-items:center;display:flex;justify-content:center}.auth-brand-icon{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #667eea59;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.35);color:#fff;color:var(--color-white);height:48px;width:48px}.auth-brand-name{color:#1f2937;color:var(--color-text-strong);font-size:24px;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.02em}.auth-heading{margin-bottom:24px;margin-bottom:var(--space-6);text-align:center}.auth-title{color:#1f2937;color:var(--color-text-strong);font-size:22px;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:4px;margin-bottom:var(--space-1)}.auth-subtitle{color:#6b7280;color:var(--color-text-muted);font-size:14px;font-size:var(--text-sm)}.auth-form{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.auth-form .input-group{margin-bottom:0}.auth-submit-btn{margin-top:8px;margin-top:var(--space-2);padding:14px 24px;padding:14px var(--space-6);width:100%}.auth-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);color:#6b7280;color:var(--color-text-muted);font-size:14px;font-size:var(--text-sm);margin-top:24px;margin-top:var(--space-6);padding-top:20px;padding-top:var(--space-5);text-align:center}.auth-link{color:#667eea;color:var(--color-primary);font-weight:600;font-weight:var(--font-weight-semibold);text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#764ba2;color:var(--color-primary-end)}.auth-legal{color:#6b7280;color:var(--color-text-muted);font-size:11px;line-height:1.5;margin-top:16px;margin-top:var(--space-4);padding-top:16px;padding-top:var(--space-4);text-align:center}.auth-legal .auth-link{font-size:11px;font-weight:500;font-weight:var(--font-weight-medium)}.legal-page{background:#f3f4f6;background:var(--color-bg);min-height:100vh;padding:24px 16px;padding:var(--space-6) var(--space-4)}.legal-container{background:#fff;background:var(--color-white);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);margin:0 auto;max-width:680px;padding:24px;padding:var(--space-6) var(--space-6)}.legal-back{align-items:center;color:#667eea;color:var(--color-primary);display:inline-flex;font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:4px;gap:var(--space-1);margin-bottom:16px;margin-bottom:var(--space-4);text-decoration:none}.legal-back:hover{color:#764ba2;color:var(--color-primary-end)}.legal-title{color:#374151;color:var(--color-text);font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 4px;margin:0 0 var(--space-1)}.legal-updated{color:#6b7280;color:var(--color-text-muted);font-size:var(--text-xs);margin:0 0 24px;margin:0 0 var(--space-6)}.legal-section{margin-bottom:24px;margin-bottom:var(--space-6)}.legal-section h2{font-size:18px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 12px;margin:0 0 var(--space-3)}.legal-section h2,.legal-section h3{color:#374151;color:var(--color-text)}.legal-section h3{font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-weight-medium);margin:12px 0 8px;margin:var(--space-3) 0 var(--space-2)}.legal-section p{color:#6b7280;color:var(--color-text-muted);font-size:14px;font-size:var(--text-sm);line-height:1.7}.legal-section p,.legal-section ul{margin:0 0 12px;margin:0 0 var(--space-3)}.legal-section ul{padding-left:20px;padding-left:var(--space-5)}.legal-section li{color:#6b7280;color:var(--color-text-muted);line-height:1.7;margin-bottom:4px;margin-bottom:var(--space-1)}.legal-footer-links,.legal-section li{font-size:14px;font-size:var(--text-sm)}.legal-footer-links{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);margin-top:24px;margin-top:var(--space-6);padding-top:16px;padding-top:var(--space-4);text-align:center}.me-legal-links{align-items:center;display:flex;font-size:14px;font-size:var(--text-sm);gap:8px;gap:var(--space-2);justify-content:center;margin-bottom:16px;margin-bottom:var(--space-4)}.me-legal-dot{color:#6b7280;color:var(--color-text-muted)}.secure-image-placeholder{align-items:center;background:#f3f4f6;background:var(--color-bg);color:#9ca3af;color:var(--color-icon);display:flex;font-size:12px;justify-content:center}.card{background:#fff;background:var(--color-white);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-card);padding:20px;padding:var(--space-5)}@media (min-width:480px){.card{padding:24px;padding:var(--space-6)}}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-2);justify-content:center;min-height:48px;padding:14px 24px;padding:14px var(--space-6);transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);color:#fff;color:var(--color-white)}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;box-shadow:var(--shadow-button);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f3f4f6;background:var(--color-bg);color:#374151;color:var(--color-text)}.btn-secondary:hover{background:#e5e7eb;background:var(--color-border)}.btn-danger{background:#ef4444;background:var(--color-error);color:#fff;color:var(--color-white)}.btn-danger:hover{background:#dc2626;background:var(--color-error-dark)}.btn-sm{font-size:14px;font-size:var(--text-sm);min-height:40px;padding:10px 16px;padding:10px var(--space-4)}.input{-webkit-appearance:none;border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);font-size:16px;font-size:var(--text-base);outline:none;padding:14px 16px;padding:14px var(--space-4);transition:all .2s ease;width:100%}.input:focus{border-color:#667eea;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.input.input-with-icon{padding-left:40px}.input.input-with-icon-lg{padding-left:44px}.input-group{margin-bottom:16px;margin-bottom:var(--space-4)}.input-label{color:#374151;color:var(--color-text);display:block;font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:6px}.nav{align-items:center;background:#fff;background:var(--color-white);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:12px 16px;padding:var(--space-3) var(--space-4);padding-left:calc(16px + env(safe-area-inset-left));padding-left:calc(var(--space-4) + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-right:calc(var(--space-4) + env(safe-area-inset-right));padding-top:calc(12px + env(safe-area-inset-top));padding-top:calc(var(--space-3) + env(safe-area-inset-top));position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav.nav-with-banner,body.update-banner-visible .nav{padding-top:12px;padding-top:var(--space-3)}@media (min-width:769px){.nav{display:grid;grid-template-columns:1fr auto 1fr;padding:16px 24px;padding:var(--space-4) var(--space-6);padding-top:calc(16px + env(safe-area-inset-top));padding-top:calc(var(--space-4) + env(safe-area-inset-top))}.nav-brand{justify-self:start}.nav-links{justify-self:center}.nav-user{justify-self:end}body.update-banner-visible .nav{padding-top:16px;padding-top:var(--space-4)}}.nav-brand{font-size:24px;text-decoration:none}@media (min-width:769px){.nav-brand{font-size:28px}}.nav-links{display:none;gap:8px;gap:var(--space-2)}@media (min-width:769px){.nav-links{display:flex;padding-inline:24px;padding-inline:var(--space-6)}}.nav-link{align-items:center;border-radius:10px;color:#6b7280;color:var(--color-text-muted);display:flex;font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:6px;padding:10px 16px;padding:10px var(--space-4);text-decoration:none;transition:all .2s ease}.nav-link.active,.nav-link:hover{background:#f3f4f6;background:var(--color-bg);color:#667eea;color:var(--color-primary)}.bottom-bar{display:none}@media (max-width:768px){.bottom-bar{background:#fff;background:var(--color-white);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;z-index:100}}@media (min-width:769px){.bottom-bar{display:none}}.mobile-nav{background:#fff;background:var(--color-white);display:flex;padding:8px 0;padding:var(--space-2) 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width:768px){.bottom-bar .mobile-nav{border-top:none}}@media (min-width:769px){.mobile-nav{display:none}}.mobile-nav-link{-webkit-tap-highlight-color:transparent;align-items:center;color:#9ca3af;color:var(--color-icon);display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:500;font-weight:var(--font-weight-medium);gap:4px;gap:var(--space-1);padding:8px;padding:var(--space-2);text-decoration:none}.mobile-nav-link.active{color:#667eea;color:var(--color-primary)}.mobile-nav-link svg{height:24px;width:24px}.nav-user{align-items:center;display:none;gap:12px;gap:var(--space-3)}.nav-user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.nav-user-avatar-initial{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);color:#fff;color:var(--color-white);display:flex;font-size:14px;font-weight:600;font-weight:var(--font-weight-semibold);justify-content:center}@media (min-width:769px){.nav-user{display:flex}}.nav-user-mobile{align-items:center;display:flex;gap:8px;gap:var(--space-2)}@media (min-width:769px){.nav-user-mobile{display:none}}.page{margin:0 auto;max-width:1200px;padding:16px;padding:var(--space-4)}@media (min-width:480px){.page{padding:20px;padding:var(--space-5)}}@media (min-width:769px){.page{padding:24px;padding:var(--space-6)}}.page-header{margin-bottom:20px;margin-bottom:var(--space-5)}.page-title{color:#1f2937;color:var(--color-text-strong);font-size:24px;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:4px;margin-bottom:var(--space-1)}@media (min-width:480px){.page-title{font-size:28px;margin-bottom:8px;margin-bottom:var(--space-2)}}.page-subtitle{color:#6b7280;color:var(--color-text-muted);font-size:14px;font-size:var(--text-sm)}@media (min-width:480px){.page-subtitle{font-size:16px;font-size:var(--text-base)}}.grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3)}@media (min-width:480px){.grid{gap:16px;gap:var(--space-4)}}@media (min-width:769px){.grid{gap:24px;gap:var(--space-6)}}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}@media (min-width:480px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){.grid-3{grid-template-columns:repeat(3,1fr)}}.stat-card{align-items:center;background:#fff;background:var(--color-white);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:12px;gap:var(--space-3);padding:16px;padding:var(--space-4)}@media (min-width:480px){.stat-card{border-radius:16px;gap:16px;gap:var(--space-4);padding:20px;padding:var(--space-5)}}.stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (min-width:480px){.stat-icon{border-radius:12px;height:48px;width:48px}}.stat-icon svg{height:20px;width:20px}@media (min-width:480px){.stat-icon svg{height:24px;width:24px}}.stat-icon.calories{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning-dark) 100%)}.stat-icon.protein{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%)}.stat-icon.carbs{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-blue) 0,var(--color-blue-dark) 100%)}.stat-icon.fat{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--color-error) 0,var(--color-error-dark) 100%)}.stat-content h3{color:#1f2937;color:var(--color-text-strong);font-size:20px;font-weight:700;font-weight:var(--font-weight-bold)}@media (min-width:480px){.stat-content h3{font-size:24px}}.stat-content p{color:#6b7280;color:var(--color-text-muted);font-size:13px}@media (min-width:480px){.stat-content p{font-size:14px}}.meal-list{list-style:none}.meal-item{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-bg);display:flex;gap:12px;gap:var(--space-3);justify-content:space-between;padding:14px 12px;padding:14px var(--space-3)}@media (min-width:480px){.meal-item{padding:16px}}.meal-item:last-child{border-bottom:none}.meal-info{flex:1 1;min-width:0}.meal-info h4{color:#1f2937;color:var(--color-text-strong);font-size:15px;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:4px;margin-bottom:var(--space-1)}.meal-info p{color:#6b7280;color:var(--color-text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:480px){.meal-info p{font-size:13px}}.meal-calories{color:#667eea;color:var(--color-primary);font-size:16px;font-size:var(--text-base);font-weight:700;font-weight:var(--font-weight-bold);white-space:nowrap}@media (min-width:480px){.meal-calories{font-size:18px}}.photo-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}@media (min-width:480px){.photo-grid{gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width:769px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.photo-card{background:#fff;background:var(--color-white);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-tab);overflow:hidden}.photo-card img{height:150px;object-fit:cover;width:100%}@media (min-width:480px){.photo-card img{height:200px}}.photo-card-info{padding:10px}@media (min-width:480px){.photo-card-info{padding:12px}}.photo-card-info p{color:#6b7280;color:var(--color-text-muted);font-size:12px}@media (min-width:480px){.photo-card-info p{font-size:13px}}.group-card{background:#fff;background:var(--color-white);border-radius:12px;border-radius:var(--radius-md);padding:16px;padding:var(--space-4);transition:all .2s ease}@media (min-width:480px){.group-card{border-radius:16px;padding:20px;padding:var(--space-5)}}.group-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.group-card h3{color:#1f2937;color:var(--color-text-strong);font-size:16px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:6px}@media (min-width:480px){.group-card h3{font-size:18px;margin-bottom:8px}}.group-card p{color:#6b7280;color:var(--color-text-muted);font-size:13px;margin-bottom:10px}@media (min-width:480px){.group-card p{font-size:14px;margin-bottom:12px}}.group-meta{align-items:center;color:#9ca3af;color:var(--color-icon);display:flex;font-size:12px;justify-content:space-between}@media (min-width:480px){.group-meta{font-size:13px}}.modal-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);position:fixed;z-index:1000}.modal-overlay-elevated{z-index:1100}@media (min-width:480px){.modal-overlay{align-items:center;padding:20px;padding:var(--space-5);padding-left:calc(20px + env(safe-area-inset-left));padding-left:calc(var(--space-5) + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right));padding-right:calc(var(--space-5) + env(safe-area-inset-right));padding-top:calc(20px + env(safe-area-inset-top));padding-top:calc(var(--space-5) + env(safe-area-inset-top))}}.modal{-webkit-overflow-scrolling:touch;background:#fff;background:var(--color-white);border-radius:20px 20px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0;max-height:calc(82vh - env(safe-area-inset-top));overflow-y:auto;padding:20px;padding:var(--space-5);padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom));width:100%}@media (min-width:480px){.modal{border-radius:20px;border-radius:var(--radius-lg);max-height:90vh;max-width:480px;padding:24px;padding:var(--space-6);padding-bottom:24px;padding-bottom:var(--space-6)}}.modal-tall{max-height:calc(92vh - env(safe-area-inset-top));min-height:calc(92vh - env(safe-area-inset-top))}@media (min-width:480px){.modal-tall{max-height:95vh;min-height:95vh}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4);position:relative}@media (min-width:480px){.modal-header{margin-bottom:20px;margin-bottom:var(--space-5)}}.modal-back{background:none;border:none;color:#9ca3af;color:var(--color-icon);cursor:pointer;flex-shrink:0;font-size:18px;padding:0;position:relative;width:32px;z-index:1}.modal-back:hover{color:#374151;color:var(--color-text)}.modal-title{font-size:18px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-weight-semibold);left:0;pointer-events:none;position:absolute;right:0;text-align:center}.modal-header .modal-close{flex-shrink:0;margin-left:auto;position:relative;width:32px;z-index:1}@media (min-width:480px){.modal-title{font-size:20px}}.modal-close{-webkit-tap-highlight-color:transparent;background:none;border:none;color:#9ca3af;color:var(--color-icon);cursor:pointer;font-size:28px;line-height:1;padding:4px;padding:var(--space-1)}.date-nav{align-items:center;display:flex;gap:12px;gap:var(--space-3);justify-content:center;margin-bottom:20px;margin-bottom:var(--space-5)}@media (min-width:480px){.date-nav{gap:16px;gap:var(--space-4);justify-content:flex-start;margin-bottom:24px;margin-bottom:var(--space-6)}}.date-nav button{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;background:var(--color-white);border:none;border-radius:12px;border-radius:var(--radius-md);color:#6b7280;color:var(--color-text-muted);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}@media (min-width:480px){.date-nav button{border-radius:10px;height:40px;width:40px}}.date-nav button:hover{background:#f3f4f6;background:var(--color-bg);color:#667eea;color:var(--color-primary)}.date-nav .current-date{color:#1f2937;color:var(--color-text-strong);font-size:16px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-weight-semibold);min-width:180px;text-align:center}@media (min-width:480px){.date-nav .current-date{font-size:18px;min-width:auto;text-align:left}}.empty-state{color:#9ca3af;color:var(--color-icon);padding:32px 20px;padding:32px var(--space-5);text-align:center}@media (min-width:480px){.empty-state{padding:48px 24px}}.empty-state svg{height:48px;margin-bottom:12px;opacity:.5;width:48px}@media (min-width:480px){.empty-state svg{height:64px;margin-bottom:16px;width:64px}}.empty-state h3{color:#6b7280;color:var(--color-text-muted);font-size:16px;font-size:var(--text-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:6px}@media (min-width:480px){.empty-state h3{font-size:18px;margin-bottom:8px}}.member-list-scroll{-webkit-overflow-scrolling:touch;border-radius:12px;border-radius:var(--radius-md);max-height:280px;overflow-x:hidden;overflow-y:auto}.member-list{list-style:none}.member-item{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-bg);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);justify-content:space-between;padding:12px 0;padding:var(--space-3) 0}@media (min-width:480px){.member-item{flex-wrap:nowrap;padding:16px}}.member-item:last-child{border-bottom:none}.member-info{align-items:center;display:flex;gap:10px}@media (min-width:480px){.member-info{gap:12px}}.member-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);border-radius:50%;color:#fff;color:var(--color-white);display:flex;flex-shrink:0;font-size:14px;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold);height:36px;justify-content:center;overflow:hidden;width:36px}.member-avatar.has-photo{background:var(--color-bg-subtle)}.member-avatar-img{height:100%;object-fit:cover;width:100%}@media (min-width:480px){.member-avatar{font-size:16px;height:40px;width:40px}}.member-stats{align-items:center;display:flex;font-size:12px;gap:12px;padding-left:46px;width:100%}@media (min-width:480px){.member-stats{font-size:13px;gap:16px;padding-left:0;width:auto}}.member-poke-btn,.member-stats span{color:#6b7280;color:var(--color-text-muted)}.member-poke-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;line-height:0;margin-left:auto;padding:2px;width:20px}.member-poke-btn:hover:not(:disabled){background:#f3f4f6;background:var(--color-bg);color:#667eea;color:var(--color-primary)}.member-poke-btn:disabled{cursor:default}.tabs{background:#f3f4f6;background:var(--color-bg);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:4px;gap:var(--space-1);margin-bottom:20px;margin-bottom:var(--space-5);padding:4px;padding:var(--space-1)}@media (min-width:480px){.tabs{margin-bottom:24px;margin-bottom:var(--space-6)}}.tab{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#6b7280;color:var(--color-text-muted);cursor:pointer;flex:1 1;font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s ease}@media (min-width:480px){.tab{padding:10px 16px}}.tab.active{background:#fff;background:var(--color-white);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-tab);color:#667eea;color:var(--color-primary)}.file-upload{-webkit-tap-highlight-color:transparent;border:2px dashed #e5e7eb;border:2px dashed var(--color-border);border-radius:12px;cursor:pointer;padding:24px 16px;text-align:center;transition:all .2s ease}@media (min-width:480px){.file-upload{padding:32px}}.file-upload:active,.file-upload:hover{background:#667eea0d;background:rgba(var(--color-primary-rgb),.05);border-color:#667eea;border-color:var(--color-primary)}.file-upload input{display:none}.file-upload-preview{margin-top:16px}.file-upload-preview img{border-radius:8px;max-height:200px;max-width:100%}.alert{border-radius:10px;font-size:14px;font-size:var(--text-sm);margin-bottom:16px;margin-bottom:var(--space-4);padding:12px 16px;padding:var(--space-3) var(--space-4)}.alert-error{background:#fef2f2;background:var(--color-error-bg);border:1px solid #fecaca;border:1px solid var(--color-error-border);color:#dc2626;color:var(--color-error-text)}.alert-success{background:#f0fdf4;background:var(--color-success-bg);border:1px solid #bbf7d0;border:1px solid var(--color-success-border);color:#16a34a;color:var(--color-success-text)}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#667eea;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:24px;width:24px}.loading-container{align-items:center;display:flex;gap:8px;gap:var(--space-2);justify-content:center;padding:32px}@media (min-width:480px){.loading-container{padding:48px}}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);margin-bottom:20px;margin-bottom:var(--space-5)}@media (min-width:480px){.action-buttons{gap:12px;gap:var(--space-3);margin-bottom:24px;margin-bottom:var(--space-6)}}.action-buttons .btn{flex:1 1;min-width:140px}@media (min-width:480px){.action-buttons .btn{flex:none}}.macro-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}@media (min-width:480px){.macro-grid{gap:12px}}@media (hover:none){.btn:active,.group-card:active{transform:scale(.98)}}.modal::-webkit-scrollbar{background:#0000;width:0}.settings-section{background:#f9fafb;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-md);margin-bottom:24px;margin-bottom:var(--space-6);padding:16px;padding:var(--space-4)}.settings-header{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.settings-header-left{align-items:center;display:flex;gap:10px}.settings-header-left svg{color:#667eea;color:var(--color-primary)}.settings-header h4{color:#374151;color:var(--color-text);font-size:14px;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold)}.settings-content{display:flex;flex-direction:column;gap:10px;margin-top:16px}.settings-description{color:#6b7280;color:var(--color-text-muted);font-size:12px;margin-bottom:8px;margin-bottom:var(--space-2)}.toggle-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;transition:all .2s ease}.toggle-item:hover{border-color:#e5e7eb;border-color:var(--color-border)}.toggle-item-left{gap:12px}.toggle-icon,.toggle-item-left{align-items:center;display:flex}.toggle-icon{border-radius:8px;flex-shrink:0;height:32px;justify-content:center;width:32px}.toggle-icon.photos{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%);color:#fff;color:var(--color-white)}.toggle-icon.calories{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning-dark) 100%);color:#fff;color:var(--color-white)}.toggle-icon.weight{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);color:#fff;color:var(--color-white)}.toggle-icon svg{height:16px;width:16px}.toggle-label{color:#374151;color:var(--color-text);font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium)}.toggle-switch{flex-shrink:0;height:28px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e5e7eb;background-color:var(--color-border);border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #00000026;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.hidden-badge{align-items:center;color:#9ca3af;color:var(--color-icon);display:inline-flex;font-size:12px;gap:4px;gap:var(--space-1)}.hidden-badge svg{height:12px;width:12px}.private-card{background:#f3f4f6;background:var(--color-bg);border-radius:12px;border-radius:var(--radius-md);padding:24px;padding:var(--space-6);text-align:center}.private-card svg{color:#9ca3af;color:var(--color-icon);margin-bottom:8px;margin-bottom:var(--space-2)}.private-card p{color:#6b7280;color:var(--color-text-muted);font-size:14px;font-size:var(--text-sm)}.private-card-large{padding:24px;padding:var(--space-6) var(--space-6)}.private-card-large svg{margin-bottom:12px;margin-bottom:var(--space-3)}.private-card-large p{font-size:16px;font-size:var(--text-base)}.member-profile-error-card{margin:2rem auto;max-width:480px;text-align:center}.member-profile-back{margin-bottom:16px;margin-bottom:var(--space-4)}.member-profile-back .btn-back{align-items:center;background:none;border:none;color:#667eea;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);padding:8px 0;padding:var(--space-2) 0}.member-profile-back .btn-back:hover{text-decoration:underline}.member-profile-header{margin-bottom:24px;margin-bottom:var(--space-6);text-align:center}.member-profile-settings-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--radius-md);color:#6b7280;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:0;top:0}.member-profile-settings-btn:hover{background:var(--color-bg-subtle);color:#667eea;color:var(--color-primary)}.member-profile-avatar-wrapper{display:inline-block;margin:0 auto 16px;margin:0 auto var(--space-4);position:relative}.member-profile-avatar-wrapper .member-profile-avatar{margin:0}.member-profile-avatar-label{cursor:pointer;display:block}.member-profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);border-radius:50%;color:#fff;color:var(--color-white);display:flex;font-size:32px;font-weight:700;font-weight:var(--font-weight-bold);height:88px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:88px}.member-profile-avatar.has-photo{background:var(--color-bg-subtle)}.member-profile-avatar-img{height:100%;object-fit:cover;width:100%}.member-profile-avatar-overlay{background:#00000080}.member-profile-avatar-edit,.member-profile-avatar-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.member-profile-avatar-edit{background:#0000004d;opacity:0;transition:opacity .2s ease}.member-profile-avatar-label:hover .member-profile-avatar-edit{opacity:1}.member-profile-avatar-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.member-profile-avatar-remove{align-items:center;background:#ef4444;background:var(--color-error);border:2px solid #fff;border:2px solid var(--color-white);border-radius:50%;bottom:0;color:#fff;color:var(--color-white);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:0;transition:transform .15s ease;width:28px}.member-profile-avatar-remove:hover{transform:scale(1.05)}.member-profile-title{color:#1f2937;color:var(--color-text-strong);font-size:28px;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:4px;margin-bottom:var(--space-1)}.member-profile-meta{color:#6b7280;color:var(--color-text-muted);font-size:16px;font-size:var(--text-base)}.member-profile-section{margin-bottom:24px;margin-bottom:var(--space-6)}.member-profile-delete-link{background:none;border:none;color:#6b7280;color:var(--color-text-muted);cursor:pointer;font-size:14px;font-size:var(--text-sm);padding:0;text-decoration:none}.member-profile-delete-link:hover:not(:disabled){color:#374151;color:var(--color-text);text-decoration:underline}.member-profile-delete-link:disabled{cursor:not-allowed;opacity:.6}.member-profile-section-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4);padding:0;text-align:left;width:100%}.member-profile-section-toggle:hover .member-profile-section-title{color:#667eea;color:var(--color-primary)}.member-profile-section-toggle:focus-visible{border-radius:8px;border-radius:var(--radius-sm);outline:2px solid #667eea;outline:2px solid var(--color-primary);outline-offset:2px}.member-profile-chevron{color:#9ca3af;color:var(--color-icon);flex-shrink:0;transition:transform .2s ease}.member-profile-chevron.expanded{transform:rotate(180deg)}.member-profile-section-title{align-items:center;color:#1f2937;color:var(--color-text-strong);display:flex;font-size:18px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4)}.member-profile-section-toggle .member-profile-section-title{margin-bottom:0}.member-profile-section-toggle+.member-profile-timeline-list,.member-profile-section-toggle+.private-card,.member-profile-section-toggle~.text-muted{margin-top:0}.member-profile-weight-card{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);border-radius:20px;border-radius:var(--radius-lg);color:#fff;color:var(--color-white);display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:space-between;padding:24px;padding:var(--space-6)}.member-profile-weight-main{display:flex;flex-direction:column;gap:4px;gap:var(--space-1)}.member-profile-weight-label{font-size:14px;font-size:var(--text-sm);opacity:.9}.member-profile-weight-value{font-size:36px;font-weight:700}.member-profile-weight-unit{font-size:18px;font-weight:400}.member-profile-trend{align-items:center;background:#fff3;border-radius:12px;border-radius:var(--radius-md);display:flex;font-weight:600;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-2);padding:8px 12px;padding:var(--space-2) var(--space-3)}.member-profile-trend.trend-down{color:#a7f3d0}.member-profile-trend.trend-up{color:#fecaca}.member-profile-trend.trend-same{opacity:.9}.page-me-profile{position:relative}.member-profile-bmr-section{left:16px;left:var(--space-4);margin:0;position:absolute;top:8px;z-index:1}@media (min-width:769px){.member-profile-bmr-section{left:24px;left:var(--space-6);top:24px}}.member-profile-bmr-bar{display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;gap:var(--space-3);max-width:100%;padding:8px 0;padding:var(--space-2) 0;width:-webkit-fit-content;width:fit-content}@media (min-width:769px){.member-profile-bmr-bar{flex-direction:row;gap:2.5rem;max-width:280px}}.member-profile-bmr-bar-item{display:flex;flex-direction:column;gap:4px;gap:var(--space-1);min-width:0}.member-profile-bmr-bar-label{color:#6b7280;color:var(--color-text-muted);font-size:11px}.member-profile-bmr-bar-value{color:#6b7280;color:var(--color-text-muted);font-size:1rem;font-weight:600}.member-profile-bmr-bar-unit{color:#6b7280;color:var(--color-text-muted);font-size:.75rem;font-weight:400;opacity:.9}@media (min-width:769px){.member-profile-bmr-bar-label{font-size:14px;font-size:var(--text-sm)}.member-profile-bmr-bar-value{font-size:1.25rem}.member-profile-bmr-bar-unit{font-size:.875rem}}.member-profile-weight-chart{min-height:280px;overflow:visible;padding:12px;padding:var(--space-3)}.member-profile-timeline-list,.member-profile-weight-chart{background:#f9fafb;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-md)}.member-profile-timeline-list{list-style:none;overflow:hidden}.member-profile-timeline-row{align-items:center;display:flex;justify-content:space-between;padding:16px;padding:var(--space-4) var(--space-4)}.member-profile-timeline-date{align-items:center;color:#374151;color:var(--color-text);display:flex;font-size:14px;font-size:var(--text-sm);gap:8px;gap:var(--space-2)}.member-profile-timeline-weight{color:#667eea;color:var(--color-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.member-profile-timeline-calories{color:#f59e0b;color:var(--color-warning);font-weight:600;font-weight:var(--font-weight-semibold)}.member-profile-photos-scroll{-webkit-overflow-scrolling:touch;border-radius:12px;border-radius:var(--radius-md);max-height:320px;overflow-x:hidden;overflow-y:auto}.member-profile-photos-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));min-height:-webkit-min-content;min-height:min-content}.member-profile-photo-tile{aspect-ratio:1;background:#e5e7eb;background:var(--color-border);border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:block;overflow:hidden;padding:0;position:relative}.member-profile-photo-tile:focus-visible{outline:2px solid #667eea;outline:2px solid var(--color-primary);outline-offset:2px}.member-profile-photo-overlay{background:linear-gradient(#0000,#000000bf);bottom:0;color:#fff;color:var(--color-white);display:flex;flex-direction:column;font-size:12px;gap:2px;left:0;padding:12px;padding:var(--space-3);position:absolute;right:0}.member-profile-photo-weight{font-weight:600;font-weight:var(--font-weight-semibold)}.member-profile-photo-date{opacity:.9}.member-profile-photo-notes{display:block;font-size:11px;line-height:1.2;margin-top:2px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-profile-lightbox{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-4);padding-bottom:calc(16px + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));padding-top:calc(16px + env(safe-area-inset-top));padding-top:calc(var(--space-4) + env(safe-area-inset-top));position:fixed;z-index:1000}.member-profile-lightbox-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;color:var(--color-white);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:calc(16px + env(safe-area-inset-right));right:calc(var(--space-4) + env(safe-area-inset-right));top:calc(16px + env(safe-area-inset-top));top:calc(var(--space-4) + env(safe-area-inset-top));width:48px;z-index:1001}.member-profile-lightbox-close svg{stroke:#fff;stroke:var(--color-white);color:#fff;color:var(--color-white)}.member-profile-lightbox-close:hover{background:#ffffff40}.member-profile-lightbox-content{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-4);max-width:100%}.member-profile-lightbox-caption{color:#fff;color:var(--color-white);display:flex;flex-wrap:wrap;font-size:14px;font-size:var(--text-sm);gap:12px;gap:var(--space-3);justify-content:center}@media (min-width:480px){.member-profile-avatar{font-size:40px;height:104px;width:104px}.member-profile-title{font-size:32px}.member-profile-photos-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.photos-action-bar{align-items:center;background:#f9fafb;background:var(--color-surface);border-radius:12px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);display:inline-flex;gap:2px;margin-bottom:24px;padding:4px}.photos-action-btn{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:10px;color:#6b7280;color:var(--color-text-muted);cursor:pointer;height:44px;transition:all .2s ease;width:44px}.photos-action-btn,.photos-action-icon{align-items:center;display:flex;justify-content:center}.photos-action-icon{flex-shrink:0;height:32px;width:32px}.photos-action-btn:hover{background:#f3f4f6;background:var(--color-bg);color:#374151;color:var(--color-text)}.photos-action-btn-primary{background:#667eea;background:var(--color-primary);color:#fff;color:var(--color-white)}.photos-action-btn-primary:hover{background:#764ba2;background:var(--color-primary-end);color:#fff;color:var(--color-white)}.fullscreen-modal{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}.fullscreen-modal-content{display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100vw;width:100%}.fullscreen-modal-header{align-items:center;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.fullscreen-modal-footer{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:16px;padding:20px 20px calc(20px + env(safe-area-inset-bottom))}.recent-meals-section{margin-bottom:0}.recent-meals-section .input-group{flex-shrink:0;width:100%}.recent-meals-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.recent-meals-title{color:#374151;color:var(--color-text);font-size:14px;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold)}.recent-meals-toggle{background:none;border:none;color:#667eea;color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:500;font-weight:var(--font-weight-medium);padding:0}.recent-meals-list{display:flex;flex-direction:column;gap:8px}.recent-meal-item{align-items:center;background:#f9fafb;background:var(--color-surface);border-radius:10px;display:flex;gap:12px;gap:var(--space-3);padding:12px;padding:var(--space-3);transition:background .2s ease}.recent-meal-item:hover{background:#f3f4f6;background:var(--color-bg)}.ingredient-form .recent-meals-header{margin-top:16px;margin-top:var(--space-4)}.ingredient-form .input-group{margin-bottom:8px;margin-bottom:var(--space-2)}.ingredient-form .flex .input-group{margin-bottom:0}.ingredient-form .flex{margin-bottom:12px;margin-bottom:var(--space-3)}.ingredient-form .flex:last-of-type{margin-bottom:0}.ingredients-list .recent-meal-item{padding:12px 16px;padding:var(--space-3) var(--space-4)}.recent-meal-info{cursor:pointer;flex:1 1;min-width:0}.recent-meal-name{color:#1f2937;color:var(--color-text-strong);display:block;font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-meal-macros{color:#6b7280;color:var(--color-text-muted);display:block;font-size:12px;margin-top:2px}.calorie-goal-card{background:#fff;background:var(--color-white);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-card);padding:20px;padding:var(--space-5)}.calorie-goal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.calorie-goal-info{flex:1 1}.calorie-goal-remaining{display:flex;flex-direction:column}.calorie-number{font-size:42px;font-weight:700;line-height:1;margin-bottom:4px}@media (min-width:480px){.calorie-number{font-size:48px}}.calorie-label{font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium)}.calorie-label,.goal-edit-btn{color:#6b7280;color:var(--color-text-muted)}.goal-edit-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#f3f4f6;background:var(--color-bg);border:none;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.goal-edit-btn:hover{background:#e5e7eb;background:var(--color-border);color:#667eea;color:var(--color-primary)}.calorie-progress-bar{background:#f3f4f6;background:var(--color-bg);border-radius:6px;height:12px;margin-bottom:16px;margin-bottom:var(--space-4);overflow:hidden}.calorie-progress-fill{border-radius:6px;height:100%;transition:width .5s ease}.calorie-goal-slider{-webkit-appearance:none;appearance:none;background:#f3f4f6;background:var(--color-bg);border-radius:4px;height:8px;outline:none;width:100%}.calorie-goal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;background:var(--color-primary);border:2px solid #fff;border:2px solid var(--color-white);border-radius:50%;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);cursor:pointer;height:24px;width:24px}.calorie-goal-slider::-moz-range-thumb{background:#667eea;background:var(--color-primary);border:2px solid #fff;border:2px solid var(--color-white);border-radius:50%;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);cursor:pointer;height:24px;width:24px}.calorie-goal-stats{display:flex;justify-content:space-between}.calorie-stat{align-items:center;color:#6b7280;color:var(--color-text-muted);display:flex;font-size:13px;font-weight:500;font-weight:var(--font-weight-medium);gap:6px}@media (min-width:480px){.calorie-stat{font-size:14px}}.toast-notification{align-items:center;animation:slideDown .3s ease;background:#fff;background:var(--color-white);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 10px 25px #00000026;display:flex;gap:12px;gap:var(--space-3);left:16px;left:var(--space-4);padding:14px 16px;padding:14px var(--space-4);position:fixed;right:16px;right:var(--space-4);top:calc(16px + env(safe-area-inset-top));top:calc(var(--space-4) + env(safe-area-inset-top));z-index:2000}@media (min-width:480px){.toast-notification{left:auto;max-width:400px;right:24px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.toast-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);border-radius:10px;color:#fff;color:var(--color-white);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.toast-content{flex:1 1;min-width:0}.toast-title{color:#1f2937;color:var(--color-text-strong);font-size:14px;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-weight-semibold)}.toast-body{color:#6b7280;color:var(--color-text-muted);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-close{align-items:center;background:none;border:none;color:#9ca3af;color:var(--color-icon);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;padding:var(--space-1)}.toast-close:hover{color:#6b7280;color:var(--color-text-muted)}.verify-email-banner{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;color:var(--color-white);display:flex;gap:12px;gap:var(--space-3);justify-content:space-between;padding:12px 16px;padding:var(--space-3) var(--space-4);padding-left:calc(16px + env(safe-area-inset-left));padding-left:calc(var(--space-4) + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-right:calc(var(--space-4) + env(safe-area-inset-right));padding-top:calc(12px + env(safe-area-inset-top));padding-top:calc(var(--space-3) + env(safe-area-inset-top))}.verify-email-banner-text{flex:1 1;font-size:14px;font-size:var(--text-sm)}.verify-email-banner-btn{background:#fff3;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--color-white);cursor:pointer;font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-2) var(--space-4);white-space:nowrap}.verify-email-banner-btn:hover{background:#ffffff4d}.verify-email-banner-btn:disabled{cursor:not-allowed;opacity:.6}.verify-email-page{align-items:center;background:#f3f4f6;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:16px;padding:var(--space-4)}.verify-email-card{background:#fff;background:var(--color-white);border-radius:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-8);text-align:center;width:100%}.verify-email-icon{margin-bottom:16px;margin-bottom:var(--space-4)}.verify-email-success{color:#10b981;color:var(--color-success)}.verify-email-error{color:var(--color-danger)}.verify-email-spinner{animation:spin 1s linear infinite;color:#667eea;color:var(--color-primary)}.verify-email-title{color:#374151;color:var(--color-text);font-size:var(--text-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 8px;margin:0 0 var(--space-2)}.verify-email-message{color:#6b7280;color:var(--color-text-muted);font-size:14px;font-size:var(--text-sm);line-height:1.5;margin:0 0 8px;margin:0 0 var(--space-2)}.verify-email-redirect{color:#6b7280;color:var(--color-text-muted);font-size:var(--text-xs);margin:16px 0 0;margin:var(--space-4) 0 0}.notification-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);color:#fff;color:var(--color-white);display:flex;gap:12px;gap:var(--space-3);justify-content:space-between;padding:12px 16px;padding:var(--space-3) var(--space-4);padding-left:calc(16px + env(safe-area-inset-left));padding-left:calc(var(--space-4) + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-right:calc(var(--space-4) + env(safe-area-inset-right));padding-top:calc(12px + env(safe-area-inset-top));padding-top:calc(var(--space-3) + env(safe-area-inset-top))}.notification-banner-text{flex:1 1;font-size:14px;font-size:var(--text-sm)}.notification-banner-btn{background:#fff3;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--color-white);cursor:pointer;font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-2) var(--space-4);white-space:nowrap}.notification-banner-btn:hover{background:#ffffff4d}.update-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);color:#fff;color:var(--color-white);display:flex;gap:12px;gap:var(--space-3);justify-content:space-between;padding:12px 16px;padding:var(--space-3) var(--space-4);padding-left:calc(16px + env(safe-area-inset-left));padding-left:calc(var(--space-4) + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-right:calc(var(--space-4) + env(safe-area-inset-right));padding-top:calc(12px + env(safe-area-inset-top));padding-top:calc(var(--space-3) + env(safe-area-inset-top))}.update-banner-text{flex:1 1}.update-banner-btn,.update-banner-text{font-size:14px;font-size:var(--text-sm)}.update-banner-btn{align-items:center;background:#fff3;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--color-white);cursor:pointer;display:inline-flex;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);padding:8px 16px;padding:var(--space-2) var(--space-4);white-space:nowrap}.update-banner-btn:hover{background:#ffffff4d}.add-to-home-banner{display:none}@media (max-width:768px){.add-to-home-banner{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-end) 100%);color:#fff;color:var(--color-white);cursor:pointer;display:flex;flex-shrink:0;gap:12px;gap:var(--space-3);justify-content:space-between;padding:12px 16px;padding:var(--space-3) var(--space-4);padding-left:calc(16px + env(safe-area-inset-left));padding-left:calc(var(--space-4) + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));padding-right:calc(var(--space-4) + env(safe-area-inset-right))}.add-to-home-banner-text{flex:1 1;font-size:14px;font-size:var(--text-sm);text-align:left}.add-to-home-banner .add-to-home-dismiss{color:#fff;color:var(--color-white);flex-shrink:0}.add-to-home-banner .add-to-home-dismiss:hover{color:#ffffffe6}.app-container.add-to-home-banner-visible{padding-bottom:calc(136px + env(safe-area-inset-bottom))}}.add-to-home-modal-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:200}@media (min-width:480px){.add-to-home-modal-overlay{align-items:center}}.add-to-home-modal{background:#fff;background:var(--color-white);border-radius:20px 20px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 20px #00000026;max-height:85vh;overflow:auto;width:100%}@media (min-width:480px){.add-to-home-modal{border-radius:20px;border-radius:var(--radius-lg)}}.add-to-home-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px;padding:var(--space-4)}.add-to-home-modal-title{font-size:18px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.add-to-home-modal-close{color:#6b7280;color:var(--color-text-muted);padding:4px;padding:var(--space-1)}.add-to-home-modal-body{padding:16px;padding:var(--space-4)}.add-to-home-modal-step{color:#374151;color:var(--color-text);font-size:14px;font-size:var(--text-sm);line-height:1.5;margin:0 0 16px;margin:0 0 var(--space-4)}.add-to-home-modal-step:last-child{margin-bottom:0}.add-to-home-modal-hint{color:#6b7280;color:var(--color-text-muted);display:block;font-size:var(--text-xs);font-weight:400;margin-top:4px;margin-top:var(--space-1)}.add-to-home-modal-footer{padding:0 16px 16px;padding:0 var(--space-4) var(--space-4)}.add-to-home-modal-btn{display:block;width:100%}.landing{background:linear-gradient(160deg,#667eea,#764ba2 50%,#5a3d7a);background:linear-gradient(160deg,var(--color-primary) 0,var(--color-primary-end) 50%,#5a3d7a 100%);display:flex;flex-direction:column;min-height:100vh}.landing-header{padding:16px 24px;padding:var(--space-4) var(--space-6);padding-top:calc(16px + env(safe-area-inset-top));padding-top:calc(var(--space-4) + env(safe-area-inset-top))}.landing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.landing-logo{color:#fff;font-size:22px;font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:-.02em}.landing-nav-link{border-radius:8px;border-radius:var(--radius-sm);color:#ffffffe6;font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-2) var(--space-4);text-decoration:none;transition:background .2s,color .2s}.landing-nav-link:hover{background:#ffffff26;color:#fff}.landing-main{flex:1 1;margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6);width:100%}.landing-hero{margin-bottom:var(--space-12);text-align:center}.landing-hero-title{color:#fff;font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px;margin-bottom:var(--space-4)}.landing-hero-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text}.landing-hero-subtitle{color:#ffffffe6;font-size:clamp(16px,2vw,20px);line-height:1.6;margin:0 auto var(--space-8);max-width:560px}.landing-hero-cta{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:center}.landing-cta-primary{align-items:center;background:#fff;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 20px #0003;color:#667eea;color:var(--color-primary);display:inline-flex;font-size:18px;font-weight:600;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-2);padding:16px 24px;padding:var(--space-4) var(--space-6);text-decoration:none;transition:transform .2s,box-shadow .2s}.landing-cta-primary:hover{box-shadow:0 6px 24px #00000040;transform:translateY(-2px)}.landing-cta-secondary{align-items:center;background:#fff3;border:2px solid #ffffff80;border-radius:12px;border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:18px;font-weight:500;font-weight:var(--font-weight-medium);padding:16px 24px;padding:var(--space-4) var(--space-6);text-decoration:none;transition:background .2s,border-color .2s}.landing-cta-secondary:hover{background:#ffffff4d;border-color:#fffc}.landing-section-title{color:#fff;font-size:28px;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:var(--space-8);text-align:center}.landing-features{margin-bottom:var(--space-12)}.landing-features-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.landing-feature-card{background:#fffffff2;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001a;padding:24px;padding:var(--space-6);transition:transform .2s,box-shadow .2s}.landing-feature-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.landing-feature-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;margin-bottom:16px;margin-bottom:var(--space-4);width:48px}.landing-feature-card h3{color:#1f2937;color:var(--color-text-strong);font-size:18px;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-2)}.landing-feature-card p{color:#6b7280;color:var(--color-text-muted);font-size:14px;font-size:var(--text-sm);line-height:1.5}.landing-cta-section{background:#ffffff1a;border-radius:20px;border-radius:var(--radius-lg);padding:var(--space-12) var(--space-6);text-align:center}.landing-cta-section h2{color:#fff;font-size:24px;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:8px;margin-bottom:var(--space-2)}.landing-cta-section p{color:#ffffffe6;margin-bottom:24px;margin-bottom:var(--space-6)}.landing-cta-section .btn{align-items:center;display:inline-flex;gap:8px;gap:var(--space-2);text-decoration:none}.landing-footer{display:flex;gap:24px;gap:var(--space-6);justify-content:center;padding:24px;padding:var(--space-6)}.landing-footer-link{color:#ffffffb3;font-size:14px;font-size:var(--text-sm);text-decoration:none}.landing-footer-link:hover{color:#fff}.invite-page{align-items:center;background:linear-gradient(160deg,#667eea,#764ba2);background:linear-gradient(160deg,var(--color-primary) 0,var(--color-primary-end) 100%);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--space-6)}.invite-loading{color:#fff;text-align:center}.invite-spinner{animation:spin 1s linear infinite;display:block;margin:0 auto 16px;margin:0 auto var(--space-4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.invite-card{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #0003;max-width:400px;padding:var(--space-8);text-align:center;width:100%}.invite-card h2{font-size:22px;margin-bottom:8px;margin-bottom:var(--space-2)}.invite-card.invite-error p{color:#6b7280;color:var(--color-text-muted);margin-bottom:24px;margin-bottom:var(--space-6)}.invite-preview-banner{align-items:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:8px;border-radius:var(--radius-sm);color:#1f2937;color:var(--color-text-strong);display:flex;font-size:14px;font-size:var(--text-sm);gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4);padding:12px 16px;padding:var(--space-3) var(--space-4)}.invite-preview-banner strong{font-weight:600;font-weight:var(--font-weight-semibold)}.invite-share-card{align-items:center;display:flex;gap:16px;gap:var(--space-4);padding:16px;padding:var(--space-4)}.invite-share-label{color:#6b7280;color:var(--color-text-muted);flex-shrink:0;font-size:14px;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium)}.invite-share-compact{align-items:center;background:#f9fafb;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);display:flex;flex:1 1;gap:12px;gap:var(--space-3);min-width:0;padding:12px 16px;padding:var(--space-3) var(--space-4)}.invite-share-code{color:#1f2937;color:var(--color-text-strong);flex:1 1;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:15px;font-weight:600;letter-spacing:2px;min-width:0;text-transform:uppercase}.invite-share-btns{display:flex;flex-shrink:0;gap:4px;gap:var(--space-1)}.invite-share-btn{align-items:center;background:#e5e7eb;background:var(--color-border);border:none;border-radius:8px;color:#6b7280;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;min-height:36px;min-width:36px;overflow:visible;padding:0;transition:background .2s,color .2s;width:36px}.invite-share-btn svg{flex-shrink:0}.invite-share-btn:hover{background:#667eea;background:var(--color-primary);color:#fff}.btn-sm{font-size:13px;padding:8px 12px;padding:var(--space-2) var(--space-3)}.btn-lg{font-size:16px;padding:16px 24px;padding:var(--space-4) var(--space-6)}
/*# sourceMappingURL=main.f7cd9191.css.map*/