:root{--bg: #eef5f8;--ink: #14233f;--muted: #6d7890;--line: #e5edf5;--blue: #2f80ed;--blue-2: #1da2ef;--green: #55c454;--green-deep: #2fa865;--orange: #ff961c;--violet: #7b61df;--danger: #ef5f5f;--card: #ffffff;--shadow: 0 18px 48px rgba(36, 58, 92, .14);--soft-shadow: 0 10px 24px rgba(33, 54, 91, .09);--safe-bottom: env(safe-area-inset-bottom, 0px);color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at 15% 10%,rgba(47,128,237,.13),transparent 26rem),radial-gradient(circle at 88% 8%,rgba(85,196,84,.17),transparent 30rem),var(--bg)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink)}button,input,select,textarea{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:18px 16px calc(94px + var(--safe-bottom))}.top-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;min-height:184px;overflow:hidden;padding:30px;border-radius:34px 34px 0 0;color:#fff;background:linear-gradient(125deg,#238cebf2,#2bb48ff0 54%,#81d358f7),#2f9ee6;box-shadow:var(--shadow)}.top-hero:after{display:none}.hero-mark{position:relative;z-index:1;display:grid;width:96px;height:96px;place-items:center;border-radius:50%;color:var(--green);background:linear-gradient(145deg,#fff,#e9f3ff);box-shadow:inset 0 1px #fffc,0 14px 30px #14437038}.hero-mark svg{width:58px;height:58px}.hero-copy{position:relative;z-index:1;min-width:0}.hero-kicker{margin:0 0 6px;font-size:.84rem;font-weight:900;text-transform:uppercase;color:#ffffffc7}.hero-copy h1{margin:0;font-size:2.25rem;line-height:1.08;letter-spacing:0}.hero-copy p:last-child{margin:10px 0 0;color:#ffffffe6;font-size:1.08rem}.telegram-pill{position:relative;z-index:1;display:grid;width:56px;height:56px;place-items:center;border-radius:50%;color:#2f80ed;background:#fff;box-shadow:0 12px 24px #1a60a033}.telegram-pill svg{width:28px;height:28px}.hero-watermark{position:absolute;right:42px;bottom:20px;width:190px;height:140px;color:#fff}.content-shell{position:relative;min-height:620px;padding:28px;border-radius:0 0 34px 34px;background:#fffffff0;box-shadow:var(--shadow)}.bootstrap-panel,.state-card{margin-bottom:18px;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--soft-shadow)}.bootstrap-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px}.bootstrap-panel.is-dev{border-color:#2f80ed2e;background:#f4f9ff}.bootstrap-panel strong,.state-card strong{display:block;color:var(--ink);font-weight:900}.bootstrap-panel span,.state-card span,.state-card small{color:var(--muted);font-weight:800}.bootstrap-flags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.bootstrap-flags span{padding:7px 10px;border-radius:999px;color:var(--blue);background:#edf5ff;font-size:.84rem}.state-card{display:grid;gap:10px;justify-items:center;padding:44px 20px;text-align:center}.state-card.is-compact{justify-items:start;padding:14px 16px;text-align:left}.state-card.is-error{border-color:#ef5f5f59;background:#fff7f7}.loader{width:42px;height:42px;border:4px solid #dbe8f4;border-top-color:var(--blue);border-radius:50%;animation:spin .9s linear infinite}.loader.is-small{width:24px;height:24px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-grid,.plan-grid{display:grid;grid-template-columns:minmax(300px,1.04fr) minmax(300px,.96fr);gap:22px;align-items:start}.stack,.quick-grid,.meal-list,.summary-list{display:grid;gap:16px}.metric-card,.macro-card,.quick-card,.assistant-card,.summary-card,.meal-card,.prefs-card,.step-card,.empty-state{border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--soft-shadow)}.metric-card{padding:26px}.card-title-row,.view-header,.meal-top,.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.card-title-row{align-items:center;margin-bottom:22px}.eyebrow{margin:0;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.section-title{margin:4px 0 0;font-size:1.34rem;line-height:1.2;letter-spacing:0}.title-icon{width:28px;height:28px;color:var(--blue)}.calorie-layout{display:grid;gap:18px;justify-items:center}.calorie-ring{position:relative;display:grid;width:236px;height:236px;place-items:center;border-radius:50%;background:conic-gradient(var(--blue) 0 42%,var(--green) 42% 74%,var(--orange) 74% 100%),#dfe8f2;box-shadow:inset 0 -12px 20px #1225421c,0 18px 32px #21467826}.calorie-ring:before{content:"";position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;border:2px dashed #c8d9ec;border-radius:50%}.calorie-ring:after{content:"";position:absolute;top:28px;right:28px;bottom:28px;left:28px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #d2dceabd}.ring-copy{position:relative;z-index:1;display:grid;gap:2px;text-align:center}.ring-copy span{color:var(--muted);font-weight:800}.ring-copy strong{font-size:3.65rem;line-height:1;letter-spacing:0}.ring-copy small{font-size:1.08rem;font-weight:900}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:12px}.stat-orbit{display:grid;min-width:0;gap:8px;justify-items:center}.stat-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;color:#fff;background:var(--blue);box-shadow:0 10px 18px #2b68b933}.stat-icon svg{width:30px;height:30px}.stat-icon.is-green{background:var(--green)}.stat-icon.is-orange{background:var(--orange)}.stat-label,.stat-value{display:block;text-align:center}.stat-label{color:var(--muted);font-weight:800}.stat-value{font-size:1.12rem;font-weight:900}.stat-value.is-goal{color:var(--green-deep)}.macro-card{display:grid;gap:22px;padding:26px 24px}.macro-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:18px;align-items:center}.macro-icon{display:grid;width:62px;height:62px;place-items:center;border-radius:50%;color:#fff;box-shadow:0 12px 20px #22497e24}.macro-icon svg{width:32px;height:32px}.macro-main{min-width:0}.macro-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.macro-name{font-size:1.12rem;font-weight:900}.macro-percent{font-weight:900}.bar{height:9px;overflow:hidden;border-radius:99px;background:#e4eaf2}.bar>span{display:block;height:100%;border-radius:inherit}.macro-kcal{display:block;margin-top:6px;color:var(--muted);font-weight:800}.macro-total{padding-top:18px;border-top:1px solid var(--line);text-align:center;font-weight:900}.quick-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding:18px 22px}.quick-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;color:var(--blue);background:#edf5ff}.quick-icon svg{width:30px;height:30px}.quick-card b{display:block;margin-bottom:3px;color:var(--muted)}.quick-card strong{color:var(--blue);font-size:1.22rem}.quick-card strong.is-green{color:var(--green-deep)}.quick-card strong.is-violet{color:var(--violet)}.assistant-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;align-items:center;padding:18px;border-color:#cfe3f8;background:linear-gradient(135deg,#eef7ff,#fff)}.assistant-avatar{display:grid;width:80px;height:80px;place-items:center;border-radius:24px;color:var(--blue);background:linear-gradient(145deg,#fff,#d8ebff);box-shadow:inset 0 0 0 1px #7aade459,0 12px 20px #3f74b024}.assistant-avatar svg{width:42px;height:42px}.assistant-card p{margin:0 0 14px;color:#243557;font-weight:800;line-height:1.42}.primary-btn,.secondary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border-radius:16px;font-weight:900;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-btn{color:#fff;background:linear-gradient(135deg,#1f8ff1,#2f6ff0);box-shadow:0 12px 22px #2c6ff040}.secondary-btn{color:var(--blue);background:#edf5ff}.ghost-btn{color:var(--ink);background:#f3f6fa}.primary-btn:active,.secondary-btn:active,.ghost-btn:active,.nav-item:active{transform:translateY(1px)}.primary-btn svg,.secondary-btn svg,.ghost-btn svg{width:20px;height:20px}.view-header{margin-bottom:20px}.view-header p:last-child{max-width:680px;margin:8px 0 0;color:var(--muted);font-weight:800;line-height:1.45}.summary-card{padding:22px}.summary-number{display:grid;gap:4px;padding:18px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#1e91ea,#55c454)}.summary-number small{font-weight:900;opacity:.88}.summary-number strong{font-size:1.9rem;line-height:1}.summary-list{margin-top:18px}.summary-line{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--muted);font-weight:900}.summary-line b{color:var(--ink)}.meal-card{display:grid;gap:14px;padding:18px}.meal-name{margin:4px 0 0;font-size:1.24rem;line-height:1.22}.meal-source{margin:7px 0 0;color:var(--muted);font-weight:800}.meal-badge{flex:0 0 auto;padding:8px 12px;border-radius:999px;color:var(--blue);background:#edf5ff;font-weight:900;white-space:nowrap}.meal-macros,.tag-row,.dialog-actions{display:flex;flex-wrap:wrap;gap:8px}.macro-pill,.tag-row span{padding:7px 10px;border-radius:999px;color:#52627d;background:#f2f6fb;font-size:.9rem;font-weight:900}.tag-row span{color:var(--green-deep);background:#f1fbf2}.meal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meal-actions.is-single{grid-template-columns:1fr}.meal-actions .ghost-btn,.meal-actions .secondary-btn{min-height:42px;padding:0 10px}.survey-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;overflow-x:auto;padding-bottom:4px}.step-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-height:62px;padding:12px;color:var(--muted);font-weight:900}.step-card span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#f4f7fb}.step-card.is-active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--green))}.step-card.is-active span{color:var(--blue);background:#fff}.prefs-card{display:grid;gap:12px;padding:22px}.prefs-card p{display:flex;justify-content:space-between;gap:14px;margin:0;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--muted);font-weight:900}.prefs-card p:last-child{border-bottom:0}.prefs-card b{color:var(--ink);text-align:right}.onboarding-card,.prefs-form,.target-card{display:grid;gap:16px;margin-top:16px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.onboarding-card h3{margin:0;font-size:1.28rem}.onboarding-card p{margin:0;color:var(--muted);font-weight:800;line-height:1.45}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answer-grid.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-btn{min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#f7faff;font-weight:900;cursor:pointer}.choice-btn.is-selected{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--green))}.answer-field,.prefs-form label{display:grid;gap:8px;color:var(--muted);font-weight:900}.answer-field input,.answer-field textarea,.prefs-form input,.prefs-form select{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fbfdff;font:inherit;font-weight:800}.answer-field textarea{min-height:96px;padding-top:12px;resize:vertical}.review-grid,.target-slots,.target-warnings{display:grid;gap:8px}.target-slots div,.target-warnings span{display:grid;gap:4px;padding:10px 12px;border-radius:16px;background:#f4f7fb;color:var(--muted);font-weight:800}.target-slots b{color:var(--ink)}.target-warnings span{color:#b94b4b;background:#fff7f7}.prefs-form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.empty-state{display:grid;gap:12px;justify-items:center;padding:44px 20px;color:var(--muted);text-align:center;border-style:dashed;background:#fbfdff}.empty-state svg{width:52px;height:52px;color:var(--blue)}.empty-state strong{color:var(--ink)}.center-actions{display:flex;justify-content:center;margin-top:16px}.action-banner{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fbfdff;font-weight:900}.action-banner small{color:var(--muted)}.action-banner.is-success{border-color:#55c45457;color:var(--green-deep);background:#f1fbf2}.action-banner.is-error{border-color:#ef5f5f57;color:#b94b4b;background:#fff7f7}.saved-list{display:grid;gap:14px}.saved-recipe-card{background:#fbfdff}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(680px,calc(100% - 24px));padding:8px;padding-bottom:calc(8px + var(--safe-bottom));border:1px solid rgba(213,224,238,.88);border-radius:24px;background:#ffffffe6;box-shadow:0 18px 42px #182b4d2e;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-item{display:grid;min-width:0;min-height:56px;justify-items:center;gap:4px;padding:8px 4px;border-radius:18px;color:#748199;background:transparent;font-size:.75rem;font-weight:900;cursor:pointer}.nav-item svg{width:23px;height:23px}.nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item.is-active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--green))}.dialog-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px 12px;background:#0e1b307a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recipe-dialog{width:min(640px,100%);max-height:min(780px,calc(100vh - 40px))}.dialog-card{max-height:inherit;overflow:auto;padding:24px;border-radius:28px;background:#fff}.recipe-image,.step-image{display:block;width:100%;object-fit:cover;background:#eef4fa}.recipe-image{max-height:260px;margin-bottom:18px;border-radius:20px}.recipe-image-placeholder{display:grid;min-height:150px;margin-bottom:18px;place-items:center;border-radius:20px;color:var(--blue);background:#edf5ff}.recipe-image-placeholder svg{width:42px;height:42px}.dialog-card h2{margin:4px 0 8px;font-size:1.5rem}.dialog-card h3{margin:18px 0 10px}.dialog-card p{color:var(--muted);font-weight:800;line-height:1.5}.icon-btn{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--ink);background:#f3f6fa;cursor:pointer;font-size:1.35rem;line-height:1}.portion-line{margin:10px 0 0;color:var(--muted);font-weight:900}.recipe-meta-grid{display:grid;gap:8px;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fbfdff}.recipe-action-panel{display:grid;gap:10px;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fbfdff}.recipe-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ingredient-list,.steps-list{display:grid;gap:8px;padding:0;list-style:none}.ingredient-list li,.steps-list li{padding:10px 12px;border-radius:14px;color:#33415f;background:#f4f7fb;font-weight:800}.steps-list{counter-reset:step}.steps-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}.steps-list li>div{display:grid;min-width:0;gap:6px}.steps-list li strong,.steps-list li span,.steps-list li small{min-width:0}.steps-list li small{color:var(--muted)}.step-image{max-height:180px;margin-top:4px;border-radius:16px}.steps-list li:before{counter-increment:step;content:counter(step);display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font-size:.86rem}.skeleton-card{overflow:hidden}.skeleton-card,.skeleton-line,.skeleton-ring,.skeleton-dot,.skeleton-avatar,.skeleton-macro{position:relative}.skeleton-line,.skeleton-ring,.skeleton-dot,.skeleton-avatar,.skeleton-macro{overflow:hidden;background:#eaf1f8}.skeleton-line:after,.skeleton-ring:after,.skeleton-dot:after,.skeleton-avatar:after,.skeleton-macro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);transform:translate(-100%);animation:shimmer 1.15s ease-in-out infinite}.skeleton-line{width:100%;height:16px;border-radius:999px}.skeleton-line.is-short{width:42%}.skeleton-line.is-medium{width:68%}.skeleton-ring{width:210px;height:210px;margin:22px auto;border-radius:50%}.skeleton-stat-row{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:14px}.skeleton-dot{width:58px;height:58px;border-radius:50%}.skeleton-avatar{width:80px;height:80px;border-radius:24px}.skeleton-stack{display:grid;width:100%;gap:12px}.skeleton-macro{height:58px;border-radius:18px}@keyframes shimmer{to{transform:translate(100%)}}@media(min-width:861px){.app-shell{padding-bottom:22px}.bottom-nav{position:static;left:auto;bottom:auto;margin:18px auto 0;transform:none}}@media(max-width:860px){.app-shell{padding:0 0 calc(128px + var(--safe-bottom))}.top-hero{min-height:148px;padding:22px 18px;border-radius:0 0 28px 28px}.hero-mark{width:74px;height:74px}.hero-mark svg{width:46px;height:46px}.hero-copy h1{font-size:1.72rem}.hero-copy p:last-child{margin-top:8px;font-size:.98rem}.telegram-pill{width:48px;height:48px}.content-shell{padding:18px 14px 28px;border-radius:0;box-shadow:none}.bootstrap-panel{display:grid}.bootstrap-flags{justify-content:flex-start}.dashboard-grid,.plan-grid{grid-template-columns:1fr}.calorie-ring{width:210px;height:210px}.ring-copy strong{font-size:3.08rem}}@media(max-width:520px){.top-hero{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.top-hero:after{display:none}.hero-watermark{display:none}.hero-mark{width:58px;height:58px}.hero-mark svg{width:36px;height:36px}.hero-copy h1{font-size:1.36rem}.hero-copy p:last-child{font-size:.88rem}.hero-kicker{font-size:.72rem}.telegram-pill{width:42px;height:42px}.telegram-pill svg{width:22px;height:22px}.metric-card,.macro-card,.summary-card,.prefs-card{padding:18px;border-radius:22px}.profile-stats{grid-template-columns:1fr}.stat-orbit{grid-template-columns:58px minmax(0,1fr);align-items:center;justify-items:start}.stat-label,.stat-value{text-align:left}.macro-row{grid-template-columns:50px minmax(0,1fr);gap:12px}.macro-icon{width:50px;height:50px}.macro-icon svg{width:27px;height:27px}.macro-name{font-size:1rem}.assistant-card{grid-template-columns:1fr}.view-header,.meal-top{display:grid}.recipe-action-grid,.answer-grid,.answer-grid.is-two,.prefs-form-row{grid-template-columns:1fr}.meal-badge{justify-self:start}.bottom-nav{bottom:8px;width:calc(100% - 16px)}.nav-item{min-height:54px;font-size:.7rem}.dialog-card{padding:18px}}