@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#fff;--primary-dim:#ffffffb3;--accent:var(--accent,#0a84ff);--accent-glow:#0a84ff1f;--bg:#121212;--bg-card:#1c1c1e;--bg-card-hover:#262628;--bg-elevated:#262628;--border:#ffffff14;--border-focus:#fff3;--text:#fff;--text-secondary:#8e8e93;--text-tertiary:#48484a;--nav-bg:#121212eb;--nav-border:#ffffff0f;--nav-active:#fff;--nav-inactive:#636366;--btn-primary-bg:#fff;--btn-primary-text:#000;--msg-user-bg:#0a84ff;--msg-user-text:#fff;--danger:#ff453a;--success:#30d158;--warning:#ff9f0a;--orange:#ff6723;--radius:16px;--radius-sm:12px;--radius-xs:8px;--radius-lg:32px;--radius-pill:100px;--transition:all .3s cubic-bezier(.25, 1, .5, 1);--transition-fast:all .2s cubic-bezier(.25, 1, .5, 1);--neon-green:#98ffd9;--neon-magenta:#f0f;--neon-purple:#9d00ff;--neon-blue:#00f2ff;--neon-yellow:#fff200}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}html{font-size:16px}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;overflow-x:hidden}#root{min-height:100dvh}.app-container{flex-direction:column;max-width:100%;min-height:100dvh;display:flex;position:relative}.main-content{flex:1;width:100%;max-width:520px;margin:0 auto;padding:16px 20px 110px}.card{background:var(--bg-card);border-radius:var(--radius);transition:var(--transition);padding:20px}.card:active{transform:scale(.985)}.nav-bar{background:var(--nav-bg);-webkit-backdrop-filter:blur(40px);border-top:1px solid var(--nav-border);z-index:1000;height:84px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--nav-inactive);transition:var(--transition);flex-direction:column;align-items:center;gap:4px;padding:6px 8px;font-size:10px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item.active{color:var(--nav-active)}.nav-item svg{stroke-width:1.6px;width:24px;height:24px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);letter-spacing:-.02em;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;display:flex}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:active{opacity:.85;transform:scale(.97)}.btn-secondary{background:var(--bg-card);color:var(--text)}.btn-secondary:active{background:var(--bg-card-hover);transform:scale(.97)}.btn-danger{color:var(--danger);background:#ff453a1f}.input-group{margin-bottom:20px}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-field{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:var(--transition);outline:none;padding:16px;font-family:Inter,sans-serif;font-size:16px}.input-field:focus{border-color:var(--border-focus);background:var(--bg-elevated)}.input-field::placeholder{color:var(--text-tertiary)}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}select.input-field option{background:var(--bg-card);color:var(--text)}.code-inputs{justify-content:center;gap:10px;margin:32px 0;display:flex}.code-input{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:48px;height:56px;color:var(--text);transition:var(--transition);outline:none;font-family:Inter,sans-serif;font-size:24px;font-weight:700}.code-input:focus{border-color:var(--border-focus)}.chat-container{flex-direction:column;height:calc(100dvh - 100px);display:flex}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding:16px 0;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:0}.message{border-radius:20px;max-width:82%;padding:14px 18px;font-size:15px;line-height:1.55;animation:.25s messageIn}.message-user{background:var(--msg-user-bg);color:var(--msg-user-text);border-bottom-right-radius:6px;align-self:flex-end}.message-ai{background:var(--bg-card);border-bottom-left-radius:6px;align-self:flex-start}.message-ai .message-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:700}.chat-input-container{align-items:flex-end;gap:10px;padding:12px 0;display:flex}.chat-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);resize:none;max-height:120px;transition:var(--transition);border-radius:24px;outline:none;flex:1;padding:14px 18px;font-family:Inter,sans-serif;font-size:15px}.chat-input:focus{border-color:var(--border-focus)}.chat-send-btn{background:var(--text);width:44px;height:44px;color:var(--bg);cursor:pointer;transition:var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:active{transform:scale(.9)}.chat-send-btn:disabled{opacity:.2;cursor:not-allowed}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scanner-viewfinder{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--bg-card);width:100%;position:relative;overflow:hidden}.scanner-viewfinder video{object-fit:cover;width:100%;height:100%}.scanner-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scanner-frame{border-radius:var(--radius);border:2px solid #fff6;width:60%;height:60%;box-shadow:0 0 0 9999px #00000080}.scanner-actions{gap:12px;margin-top:16px;display:flex}.scanner-actions .btn{flex:1}.analysis-result{margin-top:20px;animation:.3s fadeIn}.nutrition-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.nutrition-item{border-radius:var(--radius-sm);text-align:center;padding:18px}.nutrition-item .value{letter-spacing:-.03em;font-size:28px;font-weight:800}.nutrition-item .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:12px;font-weight:600}.exercise-card{border-radius:var(--radius);background:var(--bg-card);transition:var(--transition);cursor:pointer;align-items:center;gap:16px;margin-bottom:10px;padding:18px;display:flex}.exercise-card:active{transform:scale(.98)}.exercise-card.done{opacity:.5}.exercise-icon{background:var(--bg-elevated);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.exercise-info{flex:1}.exercise-name{letter-spacing:-.02em;font-size:16px;font-weight:600}.exercise-details{color:var(--text-secondary);margin-top:2px;font-size:13px}.exercise-check{border:2px solid var(--text-tertiary);cursor:pointer;width:26px;height:26px;transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.exercise-check.checked{background:var(--success);border-color:var(--success)}.settings-group{margin-bottom:32px}.settings-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:10px;padding-left:4px;font-size:13px;font-weight:600}.settings-item{background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;margin-bottom:2px;padding:16px;display:flex}.settings-item:first-of-type{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.settings-item:last-of-type{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.settings-item:only-of-type{border-radius:var(--radius-sm)}.settings-item:active{background:var(--bg-card-hover)}.settings-item-left{align-items:center;gap:14px;display:flex}.settings-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.settings-item-label{font-size:16px;font-weight:500}.settings-item-value{color:var(--text-secondary);font-size:13px}.lang-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.lang-option{border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;transition:var(--transition);text-align:center;padding:14px;font-size:15px;font-weight:500}.lang-option:active{transform:scale(.97)}.lang-option.active{background:var(--text);color:var(--bg);font-weight:700}.auth-container{flex-direction:column;justify-content:center;min-height:100dvh;padding:40px 24px;display:flex}.auth-logo{text-align:center;margin-bottom:48px}.auth-logo h1{color:var(--text);letter-spacing:-.04em;font-size:56px;font-weight:900}.auth-logo p{color:var(--text-secondary);letter-spacing:-.01em;margin-top:8px;font-size:16px;font-weight:400}.auth-form{padding:0}.auth-switch{text-align:center;color:var(--text-secondary);cursor:pointer;margin-top:24px;font-size:15px}.auth-switch span{color:var(--text);font-weight:600}.auth-error{color:var(--danger);border-radius:var(--radius-xs);background:#ff453a1a;margin-bottom:20px;padding:12px 16px;font-size:14px}.profile-setup{min-height:100dvh;padding:60px 24px 40px}.profile-setup h1{letter-spacing:-.03em;margin-bottom:8px;font-size:34px;font-weight:800}.profile-setup p{color:var(--text-secondary);margin-bottom:40px;font-size:16px;line-height:1.5}.gender-select{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.gender-option{border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;text-align:center;transition:var(--transition);padding:16px;font-size:15px;font-weight:500}.gender-option:active{transform:scale(.96)}.gender-option.selected{background:var(--text);color:var(--bg);font-weight:700}.goal-select{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.goal-option{border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;text-align:center;transition:var(--transition);padding:20px 12px;font-size:14px;font-weight:500}.goal-option:active{transform:scale(.96)}.goal-option.selected{background:var(--text);color:var(--bg);font-weight:700}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 24px;display:flex}.empty-state-icon{background:var(--bg-card);width:72px;height:72px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.empty-state h3{letter-spacing:-.02em;font-size:22px;font-weight:700}.empty-state p{color:var(--text-secondary);max-width:280px;font-size:15px;line-height:1.5}.page-header{margin-bottom:28px;padding-top:12px}.page-header h1{letter-spacing:-.03em;font-size:34px;font-weight:800}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes subtlePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes ripple{0%{box-shadow:0 0 #fff3}to{box-shadow:0 0 0 12px #fff0}}.fade-in{animation:.35s forwards fadeIn}.slide-up{animation:.4s forwards slideUp}.slide-down{animation:.3s forwards slideDown}.pop-in{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards popIn}.subtle-pulse{animation:4s ease-in-out infinite subtlePulse}.shake{animation:.4s shake}.stagger-1{opacity:0;animation-delay:50ms}.stagger-2{opacity:0;animation-delay:.1s}.stagger-3{opacity:0;animation-delay:.15s}.stagger-4{opacity:0;animation-delay:.2s}.stagger-5{opacity:0;animation-delay:.25s}*,:before,:after{transition:background-color .4s,color .3s,border-color .3s}.card:active,.settings-item:active,.exercise-card:active,.lang-option:active,.gender-option:active,.goal-option:active{transition:transform .1s;transform:scale(.97)}.exercise-check.checked{animation:.3s cubic-bezier(.34,1.56,.64,1) checkPop}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:360px;padding:32px 24px;animation:.35s cubic-bezier(.34,1.56,.64,1) popIn}::-webkit-scrollbar{width:0}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cardStackIn{0%{opacity:0;transform:translateY(100px)scale(.8)rotate(-10deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--rotate,0deg))}}@keyframes swipeOut{to{opacity:0;transform:translate(150vw)rotate(45deg)}}.text-giant{letter-spacing:-.06em;text-transform:uppercase;color:var(--text);font-family:Inter,sans-serif;font-size:clamp(38px,10vw,56px);font-weight:950;line-height:.9}.floating{animation:4s ease-in-out infinite float;display:inline-block}.pill-tag{background:var(--bg-elevated);border-radius:var(--radius-pill);transition:var(--transition-fast);color:#000;border:2px solid #000;align-items:center;margin:4px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:4px 4px #000}.pill-tag:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.card-stack-container{justify-content:center;width:100%;height:240px;margin-top:20px;display:flex;position:relative}.stacked-card{border:3px solid #000;border-radius:20px;justify-content:center;align-items:center;width:140px;height:200px;font-size:44px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);animation:.6s cubic-bezier(.34,1.56,.64,1) forwards cardStackIn;display:flex;position:absolute;box-shadow:6px 6px #000}.card-neon-green{background:var(--neon-green);--rotate:-8deg;z-index:10}.card-neon-magenta{background:var(--neon-magenta);--rotate:8deg;z-index:20;animation-delay:.1s;transform:translate(20px)}.card-neon-purple{background:var(--neon-purple);--rotate:-3deg;z-index:30;animation-delay:.2s;transform:translateY(-10px)}.card-neon-blue{background:var(--neon-blue);--rotate:4deg;z-index:40;animation-delay:.3s;transform:translate(-15px)translateY(10px)}.swipe-out{animation:.6s cubic-bezier(.3,0,1,1) forwards swipeOut!important}.pulse{animation:2s ease-in-out infinite pulse}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(400%)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}@keyframes glow-pulse{0%,to{opacity:.7;filter:drop-shadow(0 0 6px #9d00ff66)}50%{opacity:1;filter:drop-shadow(0 0 14px #9d00ffcc)}}@keyframes exercise-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.exercise-slide-in{animation:.3s cubic-bezier(.25,1,.5,1) forwards exercise-slide-in}@keyframes neon-breathe{0%,to{box-shadow:0 0 8px #00f2ff33}50%{box-shadow:0 0 20px #00f2ff66}}.neon-breathe{animation:3s ease-in-out infinite neon-breathe}@keyframes themeSwatchPulse{0%,to{filter:brightness()hue-rotate();transform:scale(1)}50%{filter:brightness(1.2)hue-rotate(15deg);transform:scale(1.05)}}