@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #0c0c14;--bg2: #14141f;--bg3: #1c1c2b;--surface: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .06);--text: #eaeaf0;--text2: #9494a8;--text3: #5e5e72;--accent: #7c6aff;--accent2: #a78bfa;--green: #22c55e;--orange: #f97316;--red: #ef4444;--prot: #3b82f6;--fat: #eab308;--carb: #22c55e;--r: 14px;--rs: 10px;--font: "Manrope", system-ui, sans-serif}[data-theme=light]{--bg: #f0f0f8;--bg2: #ffffff;--bg3: #e8e8f4;--surface: rgba(0, 0, 0, .04);--border: rgba(0, 0, 0, .08);--text: #111118;--text2: #5a5a72;--text3: #9494a8;--accent: #6c5ce7;--accent2: #8b5cf6;--green: #16a34a;--orange: #ea6c0a;--red: #dc2626}[data-theme=light] .bottom-nav{background:#f0f0f8eb}[data-theme=light] .btn-primary{box-shadow:0 4px 20px #6c5ce74d}.app-loading{min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;gap:14px;color:var(--text2);font-size:14px}.telegram-only{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(124,106,255,.18),transparent 36%),var(--bg)}.telegram-only-card{width:min(420px,100%);padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface);text-align:center;box-shadow:0 24px 80px #00000040}.telegram-only-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:34px;background:linear-gradient(135deg,var(--accent),var(--green))}.telegram-only h1{margin:0 0 10px;color:var(--text);font-size:24px;line-height:1.2}.telegram-only p{margin:0 0 22px;color:var(--text2);font-size:15px;line-height:1.6}.telegram-only-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.onboarding{position:relative;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% -10%,rgba(124,106,255,.22),transparent 34%),linear-gradient(180deg,var(--bg),#080810);color:var(--text)}.onb-bg{position:fixed;width:260px;height:260px;border-radius:50%;filter:blur(28px);opacity:.28;pointer-events:none}.onb-bg--one{top:-80px;right:-70px;background:var(--accent)}.onb-bg--two{left:-90px;bottom:80px;background:var(--green)}.onb-shell{position:relative;z-index:1;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;width:min(520px,100%);margin:0 auto;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:9px;overflow:hidden}.onb-progress{display:flex;gap:7px;padding-top:4px;flex-shrink:0}.onb-dot{flex:1;height:5px;border:none;border-radius:999px;background:#ffffff1a;transition:background .25s ease,transform .25s ease}.onb-dot.done{background:#22c55e8c}.onb-dot.active{background:linear-gradient(90deg,var(--accent),var(--green));transform:translateY(-1px)}.onb-step-label{display:flex;justify-content:space-between;align-items:baseline;color:var(--text3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.onb-step-label small{color:var(--accent2);font-size:10px}.onb-card{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:16px 14px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(180deg,#fff1,#ffffff06),var(--bg2);box-shadow:0 26px 80px #0000003d;animation:onbFade .24s ease both;overflow:hidden}.onb-welcome,.onb-stack{display:flex;flex-direction:column;gap:12px}.onb-welcome{align-items:center;text-align:center}.onb-orbit{width:clamp(78px,20vh,112px);height:clamp(78px,20vh,112px);border-radius:50%;padding:5px;background:conic-gradient(from 160deg,var(--accent),var(--green),var(--orange),var(--accent));box-shadow:0 0 50px #7c6aff4d}.onb-avatar{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:#fff;font-size:clamp(30px,7vh,42px);font-weight:800}.onb-kicker{margin:0;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.onb-card h1,.onb-card h2{margin:0;color:var(--text);font-weight:800;letter-spacing:-.04em;line-height:1.08}.onb-card h1{font-size:clamp(26px,7vw,38px)}.onb-card h2{font-size:clamp(23px,6vw,32px)}.onb-text{margin:0;color:var(--text2);font-size:13px;line-height:1.48}.onb-feature-list{width:100%;display:flex;flex-direction:column;gap:7px;margin-top:2px}.onb-feature{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:16px;background:#ffffff09;text-align:left}.onb-feature>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#7c6aff24;font-size:19px;flex-shrink:0}.onb-feature div{display:flex;flex-direction:column;gap:3px}.onb-feature strong{color:var(--text);font-size:12px;font-weight:800}.onb-feature small{color:var(--text2);font-size:10px;line-height:1.32}.onb-goals,.onb-activities{display:flex;flex-direction:column;gap:8px}.onb-goal,.onb-activities button{width:100%;border:1px solid var(--border);border-radius:18px;background:#ffffff09;color:var(--text);text-align:left;transition:border-color .2s ease,background .2s ease,transform .2s ease}.onb-goal{display:flex;align-items:center;gap:11px;padding:11px}.onb-goal.active,.onb-activities button.active{border-color:#7c6affbf;background:#7c6aff1f;transform:translateY(-1px)}.onb-goal-emoji{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#ffffff0f;font-size:22px;flex-shrink:0}.onb-goal-body{display:flex;flex-direction:column;gap:4px}.onb-goal-body strong,.onb-activities strong{font-size:14px;font-weight:800}.onb-goal-body small,.onb-activities small{color:var(--text2);font-size:11px;line-height:1.35}.onb-gender{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border:1px solid var(--border);border-radius:18px;background:#ffffff09}.onb-gender button{border:none;border-radius:13px;padding:11px 10px;background:transparent;color:var(--text3);font-weight:800;transition:all .2s ease}.onb-gender button.active{background:var(--accent);color:#fff}.onb-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.onb-fields label{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid var(--border);border-radius:18px;background:#ffffff09}.onb-fields span{color:var(--text3);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.onb-fields input{width:100%;border:none;outline:none;background:transparent;color:var(--text);font-family:var(--font);font-size:20px;font-weight:800}.onb-activities button{display:flex;flex-direction:column;gap:3px;padding:11px 13px}.onb-summary{text-align:center}.onb-calorie-card{padding:18px 14px;border:1px solid rgba(124,106,255,.25);border-radius:24px;background:linear-gradient(135deg,#7c6aff2b,#22c55e14);display:flex;flex-direction:column;align-items:center}.onb-calorie-num{color:var(--accent2);font-size:48px;font-weight:800;line-height:1;letter-spacing:-.06em}.onb-calorie-label{color:var(--text2);font-size:13px;font-weight:700}.onb-macros{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.onb-macros span{padding:10px 8px;border-radius:14px;background:#ffffff0d;color:var(--text);font-size:13px;font-weight:800}.onb-hint{margin:0;color:var(--orange);font-size:12px;line-height:1.45}.onb-actions{display:flex;gap:10px;flex-shrink:0}.onb-actions .btn-accent,.onb-actions .btn-ghost{border-radius:16px;padding:14px}.onb-actions .btn-ghost{background:#ffffff14;color:var(--text);border-color:#ffffff24}.onb-actions .btn-ghost:disabled{opacity:.45;color:var(--text2)}@media(max-width:380px){.onb-shell{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));gap:7px}.onb-card{padding:12px;border-radius:20px}.onb-welcome,.onb-stack{gap:9px}.onb-feature{padding:8px}.onb-text{font-size:12px;line-height:1.4}.onb-fields{grid-template-columns:1fr}}.theme-toggle{position:relative;width:52px;height:28px;cursor:pointer;flex-shrink:0}.theme-toggle input{opacity:0;width:0;height:0;position:absolute}.theme-toggle-track{position:absolute;inset:0;border-radius:14px;background:#ffffff1a;border:1.5px solid var(--border);transition:background .3s ease,border-color .3s ease;display:flex;align-items:center;padding:0 4px}[data-theme=light] .theme-toggle-track{background:linear-gradient(135deg,#fde68a,#fbbf24);border-color:#fbbf2466}.theme-toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1}[data-theme=light] .theme-toggle-thumb{transform:translate(24px)}.profile-theme-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);gap:12px}.profile-theme-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text)}.profile-theme-label span:first-child{font-size:20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body,#root{min-height:100vh;min-height:100dvh}button{font-family:var(--font);cursor:pointer}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg);position:relative}.app-main{flex:1;padding:12px 16px 100px;overflow-y:auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0c0c14eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);padding:8px 24px calc(20px + env(safe-area-inset-bottom,12px));z-index:100;justify-content:space-around;align-items:center}body.keyboard-open .bottom-nav{display:none!important}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;background:none;border:none;color:var(--text3);font-size:10px;font-weight:600;transition:color .2s;position:relative}.nav-tab.active{color:var(--accent2)}.nav-tab.active:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:20px;height:2px;border-radius:1px;background:var(--accent)}.nav-icon{width:22px;height:22px}.nav-badge{position:absolute;top:2px;right:50%;transform:translate(22px);background:var(--accent);color:#fff;font-size:8px;font-weight:800;padding:1px 5px;border-radius:8px;min-width:16px;text-align:center}.camera{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0}.camera-upload{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;padding:20px;-webkit-user-select:none;user-select:none}.camera-upload:active .upload-ring{transform:scale(.92)}.upload-ring{width:90px;height:90px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--green),var(--accent2),var(--accent));display:flex;align-items:center;justify-content:center;padding:3px;transition:transform .2s;animation:ring-rotate 4s linear infinite}@keyframes ring-rotate{to{background:conic-gradient(from 360deg,var(--accent),var(--green),var(--accent2),var(--accent))}}.upload-ring-inner{width:100%;height:100%;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--text2)}.upload-text{font-size:15px;font-weight:700;letter-spacing:-.02em}.camera-upload-area{display:flex;flex-direction:column;align-items:center;gap:10px}.btn-gallery{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.24);border-radius:var(--rs);color:var(--orange);font-size:13px;font-weight:700;transition:all .2s}.btn-gallery:active{transform:scale(.96);opacity:.7}.camera-live{position:fixed;inset:0;z-index:200;background:#000;display:flex;flex-direction:column}.camera-video{flex:1;width:100%;object-fit:cover}.camera-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px 32px calc(24px + env(safe-area-inset-bottom,12px));background:linear-gradient(transparent,#000000b3)}.cam-btn{background:none;border:none;color:#fff;display:flex;align-items:center;justify-content:center}.cam-btn--cancel{width:48px;height:48px;background:#ffffff26;border-radius:50%}.cam-btn--shutter{width:72px;height:72px;background:#fff3;border-radius:50%;padding:4px}.cam-btn--shutter:active{transform:scale(.9)}.shutter-ring{width:100%;height:100%;border-radius:50%;border:3px solid #fff;background:#ffffff1a}.camera-preview{display:flex;flex-direction:column;gap:12px;width:100%}.preview-img-wrap{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:1;max-height:55vh}.preview-img{width:100%;height:100%;object-fit:cover}.preview-loader{position:absolute;inset:0;background:#0c0c14cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text);font-size:13px;font-weight:500}.loader-ring{width:40px;height:40px;border:2.5px solid var(--bg3);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.preview-btns{display:flex;gap:8px}.btn-accent{flex:1;padding:14px;border:none;border-radius:var(--rs);background:var(--accent);color:#fff;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s}.btn-accent:active{transform:scale(.97);opacity:.85}.btn-accent:disabled{opacity:.4;transform:none;cursor:default}.btn-ghost{flex:1;padding:14px;border:1px solid var(--border);border-radius:var(--rs);background:transparent;color:var(--text2);font-size:14px;font-weight:600;transition:opacity .15s,transform .15s}.btn-ghost:active{transform:scale(.97);opacity:.7}.btn-ghost:disabled{opacity:.3;transform:none;cursor:default}.btn-done{flex:1;padding:14px;border:none;border-radius:var(--rs);background:#22c55e1f;color:var(--green);font-size:14px;font-weight:700}.msg-error{padding:10px 14px;border-radius:var(--rs);background:#ef444414;border:1px solid rgba(239,68,68,.15);color:var(--red);font-size:12px}.results{display:flex;flex-direction:column;gap:0}.res-photo{position:relative;border-radius:var(--r);overflow:hidden;height:200px;margin-bottom:-20px}.res-photo img{width:100%;height:100%;object-fit:cover}.res-photo-fade{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,var(--bg))}.res-body{position:relative;z-index:1;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:20px 16px 16px;display:flex;flex-direction:column;gap:14px}.res-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.res-name{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.res-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0}.res-badge--high{background:#22c55e1f;color:var(--green)}.res-badge--medium{background:#f973161f;color:var(--orange)}.res-badge--low{background:#ef44441f;color:var(--red)}.res-desc{font-size:16px;color:var(--green);line-height:1.55;font-weight:700;padding:10px 12px;border-radius:var(--rs);background:#22c55e14;border:1px solid rgba(34,197,94,.16)}.res-cal{display:flex;align-items:baseline;gap:8px}.res-cal-num{font-size:48px;font-weight:800;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--orange),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.res-cal-meta{display:flex;flex-direction:column;gap:0}.res-cal-unit{font-size:14px;color:var(--text2);font-weight:600}.res-cal-weight{font-size:11px;color:var(--text3)}.res-macros{display:flex;flex-direction:column;gap:10px}.macro{display:flex;flex-direction:column;gap:4px}.macro-bar{height:6px;border-radius:3px;background:var(--surface);overflow:hidden}.macro-fill{height:100%;border-radius:3px;transition:width .5s ease}.macro-fill--p{background:var(--prot)}.macro-fill--f{background:var(--fat)}.macro-fill--c{background:var(--carb)}.macro-info{display:flex;justify-content:space-between;align-items:center}.macro-label{font-size:11px;color:var(--text3);font-weight:500}.macro-val{font-size:13px;font-weight:700}.macro-val--p{color:var(--prot)}.macro-val--f{color:var(--fat)}.macro-val--c{color:var(--carb)}.res-actions{display:flex;gap:8px;margin-top:4px}.history{display:flex;flex-direction:column;gap:12px}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:calc(100vh - 160px);min-height:calc(100dvh - 160px);color:var(--text3)}.history-empty p{font-size:14px;font-weight:600;color:var(--text2)}.history-empty span{font-size:12px}.hist-summary{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:20px;text-align:center}.hist-cal{display:flex;align-items:baseline;justify-content:center;gap:6px}.hist-cal-num{font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--accent2)}.hist-cal-unit{font-size:13px;color:var(--text3);font-weight:600}.hist-macros-row{display:flex;justify-content:center;gap:16px;margin-top:10px}.hm{font-size:14px;font-weight:700}.hm--p{color:var(--prot)}.hm--f{color:var(--fat)}.hm--c{color:var(--carb)}.hist-list{display:flex;flex-direction:column;gap:6px}.hist-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rs);animation:fadeUp .3s ease both}.hist-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}.hist-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.hist-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-time{font-size:12px;color:var(--text3)}.hist-kcal{font-size:17px;font-weight:800;color:var(--accent2);flex-shrink:0}.hist-delete{flex-shrink:0;border:1px solid rgba(239,68,68,.18);background:#ef444414;color:var(--red);border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700}.hist-delete:active{transform:scale(.96)}.btn-clear{margin-top:4px;padding:12px;font-size:14px}.hist-weight-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px}.hist-weight-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.weight-history-scroll{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.weight-history-scroll::-webkit-scrollbar{width:4px}.weight-history-scroll::-webkit-scrollbar-track{background:transparent}.weight-history-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.weight-history-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff08;border-radius:var(--rs)}.weight-history-date{font-size:12px;color:var(--text3);min-width:80px}.weight-history-val{font-size:14px;font-weight:700;color:var(--text);flex:1}.weight-history-diff{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px}.weight-history-diff.down{color:var(--green);background:#22c55e1a}.weight-history-diff.up{color:var(--red);background:#ef44441a}.hist-arc-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px}.hist-arc-header{display:flex;justify-content:space-between;align-items:center}.hist-arc-label{font-size:15px;font-weight:700;color:var(--text)}.hist-arc-limit{font-size:13px;color:var(--green)}.hist-arc-wrap{position:relative;width:180px;height:140px;margin:0 auto}.hist-arc-svg{width:100%;height:100%}.hist-arc-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-35%);display:flex;flex-direction:column;align-items:center;gap:0}.hist-arc-remaining{font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--text)}.hist-arc-sub{font-size:13px;color:var(--text3);font-weight:500}.hist-arc-eaten{text-align:center;font-size:14px;color:var(--green)}.hist-arc-eaten strong{color:var(--text2);font-weight:700}.hist-arc-bonus{color:var(--orange);font-size:12px;font-weight:600}.hm-item{display:flex;align-items:baseline;gap:4px}.hm-label{font-size:12px;color:var(--text3);font-weight:500}.hm-target{font-size:12px;color:var(--text3)}.hist-kcal-wrap{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.hist-pct{font-size:10px;color:var(--text3)}.hist-burned-row{display:flex;align-items:center;gap:10px;margin-top:4px;padding:8px 10px;background:#ef444412;border:1px solid rgba(239,68,68,.18);border-radius:var(--rs)}.hist-burned-text{font-size:13px;color:#fff9;line-height:1.4}.hist-burned-text strong{color:var(--text);font-weight:700}.res-daily-pct{margin-left:auto;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;background:#22c55e1a;color:var(--green)}.res-daily-pct.high{background:#ef44441a;color:var(--red)}.profile{display:flex;flex-direction:column;gap:16px}.prof-title{font-size:20px;font-weight:800;letter-spacing:-.02em}.prof-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rs)}.prof-label{font-size:13px;font-weight:600;color:var(--text2);display:flex;align-items:center;gap:6px}.prof-toggle{display:flex;gap:4px}.toggle-btn{padding:8px 20px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text3);font-size:13px;font-weight:600;transition:all .2s}.toggle-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.prof-inputs{display:flex;gap:8px}.prof-field{flex:1;display:flex;flex-direction:column;gap:4px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rs);padding:10px 12px}.prof-field label{font-size:10px;color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.prof-field input{background:transparent;border:none;color:var(--text);font-family:var(--font);font-size:20px;font-weight:700;width:100%;outline:none}.prof-field input::-webkit-inner-spin-button{-webkit-appearance:none}.prof-section{display:flex;flex-direction:column;gap:8px}.prof-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:8px 14px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text3);font-size:12px;font-weight:600;transition:all .2s}.chip.active{background:#7c6aff26;border-color:var(--accent);color:var(--accent2)}.prof-goals{display:flex;gap:8px}.goal-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rs);transition:all .2s}.goal-card.active{border-color:var(--accent);background:#7c6aff14}.goal-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.goal-icon--lose{background:#f59e0b1f;color:#f59e0b;box-shadow:0 0 10px #f59e0b26}.goal-icon--maintain{background:#60a5fa1f;color:#60a5fa;box-shadow:0 0 10px #60a5fa26}.goal-icon--gain{background:#22c55e1f;color:#22c55e;box-shadow:0 0 10px #22c55e26}.goal-label{font-size:11px;font-weight:600;color:var(--text2)}.goal-card.active .goal-label{color:var(--accent2)}.prof-result{background:linear-gradient(135deg,#7c6aff1a,#22c55e0d);border:1px solid rgba(124,106,255,.15);border-radius:var(--r);padding:16px;text-align:center;display:flex;flex-direction:column;gap:8px}.prof-tdee{display:flex;align-items:baseline;justify-content:center;gap:6px}.prof-tdee-num{font-size:36px;font-weight:800;color:var(--accent2);line-height:1}.prof-tdee-unit{font-size:12px;color:var(--text3);font-weight:600}.prof-macros{display:flex;justify-content:center;gap:14px}.pm{font-size:12px;font-weight:700}.pm--p{color:var(--prot)}.pm--f{color:var(--fat)}.pm--c{color:var(--carb)}.btn-saved{background:var(--green)!important}.chart-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:8px}.chart-label{font-size:12px;font-weight:700;color:var(--text2)}.chart-empty{text-align:center;font-size:11px;color:var(--text3);padding:20px 0}.chart-norm-line-label{text-align:center;font-size:10px;color:var(--text3)}.line-chart{width:100%;overflow:visible}.water-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:12px}.water-header{display:flex;justify-content:space-between;align-items:center}.water-label{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px}.spd-icon--water{background:#60a5fa24;color:#60a5fa;box-shadow:0 0 10px #60a5fa33}.water-norm{font-size:13px;font-weight:600;color:var(--green)}.water-main{display:flex;align-items:center;gap:14px}.water-arc{position:relative;width:90px;height:90px;flex-shrink:0}.water-arc-svg{width:100%;height:100%}.water-arc-center{position:absolute;top:42%;left:50%;transform:translate(-50%,-35%);display:flex;flex-direction:column;align-items:center}.water-arc-num{font-size:22px;font-weight:800;line-height:1}.water-arc-unit{font-size:10px;color:var(--text3)}.water-stats{display:flex;flex-direction:column;gap:6px;flex:1}.water-stat{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:#ffffff08;border-radius:var(--rs)}.water-stat-val{font-size:14px;font-weight:700;color:var(--text)}.water-stat-label{font-size:12px;color:var(--text3)}.water-glasses{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.water-glass{display:inline-flex;transition:transform .2s;color:#60a5fa}.water-glass.filled{animation:drop-fill .3s ease both}@keyframes drop-fill{0%{transform:scale(.8)}to{transform:scale(1)}}.water-btns{display:flex;gap:6px}.water-btn{flex:1;padding:10px;border-radius:var(--rs);border:1px solid var(--border);font-size:13px;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.water-btn--minus{background:var(--surface);color:var(--text3)}.water-btn--plus{background:#60a5fa1f;color:#60a5fa;border-color:#60a5fa40}.water-btn--plus2{background:#60a5fa33;color:#60a5fa;border-color:#60a5fa59}.water-btn:active{transform:scale(.95)}.steps-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px}.steps-header,.steps-main,.steps-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.steps-label{font-size:13px;font-weight:800}.steps-goal{color:var(--green);font-size:11px;font-weight:700}.steps-current{color:var(--orange);font-size:26px;font-weight:900;letter-spacing:-.03em}.steps-unit,.steps-status{color:var(--text3);font-size:11px}.steps-state{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text3);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.steps-state.active{border-color:#22c55e47;background:#22c55e1f;color:var(--green)}.steps-progress{height:8px;background:var(--surface);border-radius:999px;overflow:hidden}.steps-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--orange));border-radius:inherit;transition:width .35s ease}.steps-stats{display:flex;gap:8px}.steps-stats>div{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--rs);padding:9px 10px}.steps-stats span{display:block;color:var(--text3);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.steps-stats strong{display:block;margin-top:4px;color:var(--orange);font-size:16px;font-weight:800}.steps-status{line-height:1.35}.steps-btn{flex:1;border:1px solid rgba(255,255,255,.12);background:var(--surface);color:var(--text2);border-radius:var(--rs);padding:9px 8px;font-size:12px;font-weight:800}.steps-btn--start{flex:1.4;border-color:#f59e0b47;background:#f59e0b1f;color:var(--orange)}.steps-btn--minus{color:var(--text3)}.steps-btn:active{transform:scale(.96)}.spd-screen{display:flex;flex-direction:column;gap:12px;padding-bottom:8px}.spd-label-lg{font-size:16px!important;display:flex;align-items:center;gap:6px}.spd-limit-lg{font-size:13px!important}.spd-screen .hist-arc-remaining{font-size:42px}.spd-screen .hist-arc-sub{font-size:13px}.spd-screen .hist-arc-eaten{font-size:14px}.spd-screen .hm-label{font-size:12px}.spd-screen .hm{font-size:14px}.spd-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;flex-shrink:0;animation:icon-float 2.5s ease-in-out infinite}.spd-icon-wrap.spd-icon--sm{width:24px;height:24px;border-radius:8px}.spd-icon--steps{background:#22c55e24;color:#22c55e;box-shadow:0 0 10px #22c55e33}.spd-icon--goal{background:#a855f724;color:#a855f7;box-shadow:0 0 10px #a855f733}.spd-icon--energy{background:#facc1524;color:#facc15;box-shadow:0 0 10px #facc1533}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.spd-goal-edit-group{display:flex;align-items:center;gap:8px}.spd-goal-hint{font-size:11px;color:var(--orange);opacity:.65;white-space:nowrap;animation:hint-pulse 2s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.45}50%{opacity:.85}}.spd-glow{animation:btn-glow 2.5s ease-in-out infinite;display:inline-flex;align-items:center;gap:6px}@keyframes btn-glow{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 12px 3px #f59e0b4d}}.spd-kcal-card{background:#f59e0b12;border:1px solid rgba(245,158,11,.2);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.spd-kcal-row{display:flex;align-items:center;gap:10px}.spd-kcal-row--muted{opacity:.8}.spd-kcal-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.spd-kcal-icon--fire{background:#ef444424;color:#ef4444}.spd-kcal-icon--target{background:#6366f124;color:#818cf8}.spd-kcal-text{display:flex;flex-direction:column;gap:3px}.spd-kcal-text strong{font-size:17px;font-weight:800;color:var(--orange)}.spd-kcal-text span{font-size:14px;color:#ffffff8c;line-height:1.4}.spd-goal-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.spd-goal-header{display:flex;align-items:center;justify-content:space-between}.spd-goal-title{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px}.spd-goal-edit-btn{border:1px solid rgba(245,158,11,.3);background:#f59e0b14;color:var(--text);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s;cursor:pointer}.spd-goal-edit-btn:active{transform:scale(.95)}.spd-goal-motivation{font-size:15px;color:#ffffffb3;text-align:center;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:8px;background:#facc150f;border-radius:var(--rs)}.spd-goal-motivation strong{color:var(--orange);font-weight:800}.spd-goal-editor{display:flex;flex-direction:column;gap:8px}.spd-goal-presets{display:flex;gap:6px}.spd-preset-btn{flex:1;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text2);border-radius:var(--rs);padding:7px 4px;font-size:12px;font-weight:800;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.spd-preset-btn.active{border-color:#f59e0b66;background:#f59e0b24;color:var(--orange)}.spd-preset-btn:active{transform:scale(.93)}.spd-preset-kcal{font-size:9px;font-weight:600;color:var(--text3);opacity:.7}.spd-preset-btn.active .spd-preset-kcal{color:var(--orange);opacity:.8}.spd-goal-input-row{display:flex;gap:8px}.spd-goal-input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:var(--rs);padding:9px 12px;color:var(--text);font:inherit;font-size:14px;outline:none}.spd-goal-input:focus{border-color:var(--accent)}.spd-goal-input::-webkit-inner-spin-button{-webkit-appearance:none}.spd-goal-apply-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:var(--rs);color:#fff;font-weight:800;font-size:12px;padding:9px 14px;transition:all .2s}.spd-goal-apply-btn:active{transform:scale(.93);opacity:.85}.spd-goal-preview{font-size:13px;color:var(--text3);text-align:center;padding:4px 0;animation:fade-in .2s ease}.spd-goal-preview strong{color:var(--orange);font-weight:800}.spd-status{font-size:12px;color:var(--text3);line-height:1.4;text-align:center}.spd-controls{display:flex;gap:8px}.spd-main-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--r);padding:14px 12px;font-size:15px;font-weight:900;letter-spacing:.01em;border:none;transition:all .2s}.spd-main-btn--start{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 4px 20px #f59e0b59}.spd-main-btn--pause{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--text2)}.spd-main-btn:active{transform:scale(.96)}.spd-btn-icon{font-size:13px}.spd-reset-btn{width:72px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text3);border-radius:var(--r);padding:14px 8px;font-size:12px;font-weight:800;transition:all .2s}.spd-reset-btn:disabled{opacity:.35}.spd-reset-btn:not(:disabled):active{transform:scale(.95);color:var(--text)}.camera-screen{display:flex;flex-direction:column;gap:8px}.text-input-card{background:#ffffff0e;border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:8px}.ti-label{font-size:12px;font-weight:700;color:var(--orange)}.ti-field-wrap{display:flex;gap:8px}.ti-field{flex:1;background:#ffffff13;border:1px solid rgba(255,255,255,.14);border-radius:var(--rs);padding:10px 12px;color:var(--text);font-size:14px;font-family:var(--font);outline:none}.ti-field:focus{border-color:var(--accent);background:#ffffff18}.ti-field::placeholder{color:#ffffff80}.ti-submit{width:44px;height:44px;border-radius:var(--rs);background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.ti-submit:disabled{opacity:.72}.ti-submit:active{transform:scale(.9)}.ti-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ti-examples{display:flex;flex-wrap:wrap;gap:6px}.ti-chip{padding:6px 12px;border:1px solid rgba(245,158,11,.24);border-radius:20px;background:#f59e0b1a;color:var(--orange);font-size:11px;font-weight:700;transition:all .2s}.ti-chip:active{border-color:var(--orange);color:#fff;background:#f59e0b38}.room{display:flex;flex-direction:column;gap:12px}.room-intro,.room-hero,.room-code-card,.room-rules,.room-board,.room-form{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:16px}.room-kicker{color:var(--orange);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.room-intro h2,.room-hero h2{margin-top:4px;font-size:24px;line-height:1.1;letter-spacing:-.03em}.room-intro p,.room-hero p,.room-rules p,.room-note{margin-top:8px;color:var(--text2);font-size:13px;line-height:1.45}.room-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.room-days{width:72px;height:72px;border-radius:22px;background:#8b5cf624;border:1px solid rgba(139,92,246,.28);color:var(--accent2);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.room-days strong{font-size:24px;line-height:1}.room-days span,.room-code-card span,.room-board-head,.room-member-score span,.room-loading{color:var(--text3);font-size:11px}.room-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-back{align-self:flex-start;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text2);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}.room-list{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:8px}.room-list-item{width:100%;border:1px solid rgba(255,255,255,.08);background:#ffffff0b;border-radius:var(--rs);padding:12px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.room-list-item strong,.room-list-item span,.room-list-score strong,.room-list-score span{display:block}.room-list-item strong{font-size:14px}.room-list-item span,.room-list-score span{margin-top:4px;color:var(--text3);font-size:11px}.room-list-score{text-align:right;flex-shrink:0}.room-list-score strong{color:var(--green);font-size:16px}.room-tabs button,.room-duration button{border:1px solid var(--border);background:var(--bg2);color:var(--text2);border-radius:var(--rs);padding:11px 12px;font-weight:700}.room-tabs button.active,.room-duration button.active{background:#f59e0b1f;border-color:#f59e0b4d;color:var(--orange)}.room-form{display:flex;flex-direction:column;gap:12px}.room-form label,.room-duration{display:flex;flex-direction:column;gap:7px;color:var(--text2);font-size:12px;font-weight:700}.room-form input,.room-form select{width:100%;border:1px solid rgba(255,255,255,.12);background:var(--surface);color:var(--text);border-radius:var(--rs);padding:12px;font:inherit;outline:none}.room-form input:focus,.room-form select:focus{border-color:var(--accent)}.room-duration div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.room-main-btn{width:100%;padding:13px}.room-code-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-code-card strong{display:block;margin-top:3px;color:var(--orange);font-size:22px;letter-spacing:.06em}.room-share{border:none;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:var(--rs);padding:11px 14px;font-size:12px;font-weight:800}.room-rules strong,.room-board-head span:first-child{color:var(--text);font-weight:800}.room-board{display:flex;flex-direction:column;gap:8px}.room-board-head,.room-member{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-member{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--rs);padding:10px}.room-member.is-me{border-color:#22c55e47;background:#22c55e12}.room-place{width:28px;height:28px;border-radius:9px;background:#f59e0b1f;color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex-shrink:0}.room-member-main{flex:1;min-width:0}.room-member-main strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-progress{height:5px;margin-top:7px;background:#ffffff14;border-radius:999px;overflow:hidden}.room-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--orange));border-radius:inherit}.room-member-score{text-align:right;flex-shrink:0}.room-member-score strong{display:block;color:var(--green);font-size:13px}.room-note{background:#22c55e14;border:1px solid rgba(34,197,94,.18);border-radius:var(--rs);padding:11px 12px}.room-leave{padding:11px}.weight-input-row{display:flex;gap:8px}.weight-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--rs);padding:10px 12px;color:var(--text);font-size:18px;font-weight:700;font-family:var(--font);outline:none}.weight-input:focus{border-color:var(--green)}.weight-add-btn{flex-shrink:0;padding:10px 16px}.weight-chart-wrap{background:var(--surface);border-radius:var(--rs);padding:10px}.weight-last{font-size:12px;color:var(--text3);text-align:center;margin-top:4px}.weight-last strong{color:var(--text);font-weight:700}.weight-down{color:var(--green);font-weight:700}.weight-up{color:var(--red);font-weight:700}.room-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:40px 20px;min-height:60vh}.room-soon-icon{display:flex;align-items:center;justify-content:center;will-change:transform}.room-soon-title{overflow:hidden}.room-soon-typing{font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--accent2),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-right:2px solid var(--accent2);padding-right:4px;animation:blink-caret .8s step-end infinite}@keyframes blink-caret{0%,to{border-color:var(--accent2)}50%{border-color:transparent}}.room-soon-desc{font-size:14px;color:var(--text3);line-height:1.5;max-width:280px}.room-soon-dots{display:flex;gap:8px;padding:8px 0}.room-soon-dot{width:8px;height:8px;border-radius:50%;background:var(--accent2);animation:dotBounce 1.4s ease-in-out infinite}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-12px);opacity:1}}.room-soon-features{display:flex;gap:12px;margin-top:8px}.room-soon-feat{display:flex;flex-direction:column;align-items:center;gap:6px}.room-soon-feat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.room-soon-feat-icon:active{transform:scale(.9)}.room-soon-feat span{font-size:11px;font-weight:600;color:var(--text3)}.remind-presets{display:flex;flex-wrap:wrap;gap:6px}.remind-preset{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:13px;font-weight:600;transition:all .2s;cursor:pointer}.remind-preset:active{transform:scale(.95)}.remind-preset.added{border-color:#22c55e4d;background:#22c55e14;color:var(--green)}.remind-add-row{display:flex;gap:6px}.remind-add-text{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:var(--rs);background:var(--surface);color:var(--text);font-size:13px;font-family:var(--font)}.remind-add-time{width:90px;padding:8px;border:1px solid var(--border);border-radius:var(--rs);background:var(--surface);color:var(--text);font-size:13px;font-family:var(--font);color-scheme:dark}.remind-add-btn{width:42px;border:1px solid rgba(124,106,255,.3);background:#7c6aff1a;color:var(--accent2);border-radius:var(--rs);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.remind-add-btn:active{transform:scale(.92)}.remind-list{display:flex;flex-direction:column;gap:6px}.remind-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface);border-radius:var(--rs);animation:fadeUp .25s ease both}.remind-item-info{display:flex;align-items:center;gap:10px}.remind-item-time{font-size:15px;font-weight:800;color:var(--accent2);min-width:48px}.remind-item-text{font-size:14px;color:var(--text2);font-weight:500}.remind-item-del{width:30px;height:30px;border-radius:8px;border:1px solid rgba(239,68,68,.2);background:#ef444414;color:var(--red);display:flex;align-items:center;justify-content:center;transition:all .2s}.remind-item-del:active{transform:scale(.9)}.remind-autosave{text-align:center;font-size:13px;font-weight:600;color:var(--green);padding:8px;animation:fadeUp .3s ease both}.hist-thumb-icon{width:40px;height:40px;border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.fade-up{animation:fadeUp .35s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes onbFade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:0;height:0}.barcode-modal{position:fixed;inset:0;background:var(--bg);z-index:200;display:flex;flex-direction:column}.barcode-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.barcode-header h3{margin:0;font-size:18px;font-weight:700}.btn-close-modal{background:#ffffff1a;border:none;color:var(--text);width:32px;height:32px;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center}.barcode-scanner-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.barcode-hint{color:var(--text2);font-size:14px;text-align:center}.barcode-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text2)}.barcode-error{color:var(--red);background:#ff453a1a;padding:12px 16px;border-radius:8px;text-align:center;font-size:14px}.barcode-result-card{margin:24px;background:var(--surface);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--border)}.barcode-product-img{width:120px;height:120px;object-fit:contain;margin:0 auto;border-radius:12px;background:#fff}.barcode-product-name{margin:0;font-size:18px;text-align:center}.barcode-product-brand{text-align:center;color:var(--text2);font-size:13px;margin-top:-10px}.barcode-macros-100g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#ffffff08;padding:16px;border-radius:12px;position:relative}.bm-col{display:flex;flex-direction:column;align-items:center;gap:4px}.bm-val{font-weight:700;font-size:15px}.bm-col:nth-child(1) .bm-val{color:var(--accent)}.bm-col:nth-child(2) .bm-val{color:var(--green)}.bm-col:nth-child(3) .bm-val{color:var(--orange)}.bm-col:nth-child(4) .bm-val{color:var(--blue)}.bm-lbl{font-size:11px;color:var(--text3)}.bm-note{position:absolute;top:-8px;right:12px;background:var(--surface);padding:0 4px;font-size:10px;color:var(--text3)}.barcode-weight-input-wrap{display:flex;flex-direction:column;gap:8px}.barcode-weight-input-wrap label{font-size:14px;color:var(--text2);font-weight:600}.barcode-trigger-wrap{display:flex;justify-content:center;margin-top:16px}.btn-barcode{background:#ffffff14;border:1px solid var(--border);color:var(--text);padding:12px 24px;border-radius:24px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-barcode:active{background:#ffffff1f;transform:scale(.96)}.barcode-start{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;text-align:center}.barcode-icon{font-size:72px;line-height:1}.barcode-name-row{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap}.barcode-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;background:#6e56cf33;color:var(--accent);white-space:nowrap}.weight-unit{display:flex;align-items:center;font-weight:700;color:var(--text2);margin-left:4px;font-size:18px}