:root{--page-bg:#eef1f6;--app-bg:#f9fafb;--surface:#fff;--surface-muted:#f3f4f6;--surface-inset:#f9fafb;--track:#d1d5db;--border:#e5e7eb;--hairline:transparent;--text-primary:#030712;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#10b981;--accent-strong:#047857;--accent-soft:#bbf7d0;--accent-soft-text:#047857;--accent-protein:#3b82f6;--accent-protein-soft:#eff6ff;--strong-bg:#030712;--on-strong:#fff;--icon-btn-bg:#fff;--icon-btn-text:#111827;--clean-bg:#ecfdf5;--clean-text:#047857;--clean-dot:#10b981;--warn-bg:#fffbeb;--warn-text:#b45309;--warn-dot:#f59e0b;--danger-bg:#fef2f2;--danger-text:#dc2626;--danger-dot:#ef4444;--streak-low:#6ee7b7;--streak-mid:#34d399;--ring:rgba(16,185,129,.35);--overlay:rgba(15,23,42,.55);--shadow-sm:0 1px 2px rgba(15,23,42,.08);--shadow-xl:0 24px 48px rgba(15,23,42,.18);--menu-shadow:0 18px 40px rgba(15,23,42,.22)}[data-theme=dark]{--page-bg:#05070c;--app-bg:#0b0f17;--surface:#161c27;--surface-muted:#1c2330;--surface-inset:#10151e;--track:#2a3342;--border:#262f3d;--hairline:hsla(0,0%,100%,.06);--text-primary:#f3f5f8;--text-secondary:#9aa6b6;--text-muted:#6b7686;--accent:#34d399;--accent-strong:#6ee7b7;--accent-soft:rgba(52,211,153,.14);--accent-soft-text:#6ee7b7;--accent-protein:#60a5fa;--accent-protein-soft:rgba(96,165,250,.14);--strong-bg:#e8ebf0;--on-strong:#0b0f17;--icon-btn-bg:#1c2330;--icon-btn-text:#e5e7eb;--clean-bg:rgba(52,211,153,.14);--clean-text:#6ee7b7;--clean-dot:#34d399;--warn-bg:rgba(245,158,11,.16);--warn-text:#fbbf24;--warn-dot:#f59e0b;--danger-bg:rgba(239,68,68,.16);--danger-text:#f87171;--danger-dot:#ef4444;--streak-low:#064e3b;--streak-mid:#059669;--ring:rgba(52,211,153,.4);--overlay:rgba(0,0,0,.6);--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-xl:0 24px 48px rgba(0,0,0,.55);--menu-shadow:0 18px 40px rgba(0,0,0,.6)}:root{color:var(--text-primary);background:var(--page-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);transition:background .2s ease}button,input{font:inherit}button{border:0;cursor:pointer}:root{--radius-sm:.5rem;--radius:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:999px}.app{position:relative;max-width:28rem;min-height:100dvh;margin:0 auto;background:var(--app-bg);color:var(--text-primary);overflow:hidden}.app__content{padding:1.5rem 1.25rem 7rem}.stack>*+*{margin-top:1.25rem}.stack-lg>*+*{margin-top:1.5rem}.stack-sm>*+*{margin-top:.75rem}.stack-xs>*+*{margin-top:.5rem}.page-head__title{margin:0;font-size:1.625rem;font-weight:800;letter-spacing:-.025em}.page-head__sub{margin:.25rem 0 0;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.section-title{margin:0 0 .75rem;font-size:1rem;font-weight:700}.muted{color:var(--text-secondary)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.card-tight{padding:1rem}.card-row,.row-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.row-head{margin-bottom:.75rem}.metric__value{font-size:.875rem;font-weight:700;color:var(--text-secondary)}.progress{height:.625rem;background:var(--track);overflow:hidden}.progress,.progress__fill{border-radius:var(--radius-pill)}.progress__fill{height:100%;background:var(--accent);transition:width .5s cubic-bezier(.4,0,.2,1)}.progress__fill.is-protein{background:var(--accent-protein)}.goal-badge{display:inline-flex;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.goal-badge,.goals-banner{align-items:center;background:var(--accent-soft);color:var(--accent-soft-text)}.goals-banner{display:flex;gap:.625rem;padding:.875rem 1.125rem;border-radius:var(--radius-lg);font-weight:700;font-size:.9375rem}.goals-banner__icon{font-size:1.375rem;flex-shrink:0}.meal-info{min-width:0;flex:1}.meal-name{margin:0;font-weight:700;overflow-wrap:anywhere}.meal-meta{margin:.125rem 0 0;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.meal-secondary{margin:.125rem 0 0;font-weight:500}.meal-secondary,.meal-time{font-size:.6875rem;color:var(--text-muted)}.meal-time{font-weight:600;white-space:nowrap;align-self:flex-start;padding-top:.1rem}.meal-remove{flex-shrink:0}.meal-remove:hover{color:var(--danger-text)}.skeleton-row{height:4rem;background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.125rem;border:1px solid transparent;border-radius:var(--radius);font-size:.9375rem;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .15s ease,background .15s ease,border-color .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:progress;transform:none}.btn-block{width:100%}.btn-pill{border-radius:var(--radius-pill)}.btn-primary{background:var(--accent);color:#fff}.btn-strong{background:var(--strong-bg);color:var(--on-strong)}.btn-soft{background:var(--surface-muted);color:var(--text-primary);border-color:var(--border)}.btn-danger{background:var(--danger-text);color:#fff}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-height:0;padding:0;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.icon-btn:hover{color:var(--text-primary)}.icon-btn-overlay{background:#00000073;color:#fff;border-color:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.field{display:block}.field__label{display:block;margin-bottom:.375rem;font-size:.75rem;font-weight:700;color:var(--text-secondary)}.input,.textarea{width:100%;min-height:48px;padding:.75rem .875rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-inset);color:var(--text-primary);font-size:.9375rem;font-weight:600;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.textarea{min-height:6rem;resize:none;line-height:1.5}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--text-muted);font-weight:500}.input::placeholder,.textarea::placeholder{color:var(--text-muted);font-weight:500}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.input-icon{position:relative}.input-icon .input{padding-left:2.75rem}.input-icon__icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-icon__spinner{position:absolute;right:.875rem;top:50%;margin-top:-.5625rem}.input-line{width:100%;min-height:0;padding:.375rem 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;color:var(--text-primary);font-size:1rem;font-weight:700;outline:none;transition:border-color .15s ease}.input-line:focus{border-color:var(--accent)}.input-line.is-protein{color:var(--accent)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.segmented{display:flex;gap:.25rem;padding:.25rem;border-radius:var(--radius);background:var(--surface-muted);border:1px solid var(--border)}.segmented__item{flex:1 1 0%;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;padding:0 .5rem;border:0;border-radius:calc(var(--radius) - .25rem);background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.segmented__item.is-active{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow-sm)}.photo-cta{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;padding:2rem 1.5rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:var(--shadow-xl);cursor:pointer;overflow:hidden;transition:transform .2s ease}.photo-cta:active{transform:scale(.985)}.photo-cta__glow{position:absolute;width:9rem;height:9rem;border-radius:var(--radius-pill);filter:blur(40px);opacity:.55}.photo-cta__glow--a{top:-3rem;right:-3rem;background:#10b981}.photo-cta__glow--b{bottom:-3rem;left:-3rem;background:#3b82f6}.photo-cta__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:var(--radius-pill);background:#ffffff1f;border:1px solid hsla(0,0%,100%,.22);color:#fff}.photo-cta__text{position:relative;z-index:1;text-align:center}.photo-cta__title{display:block;margin-bottom:.25rem;font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:#fff}.photo-cta__sub{font-size:.8125rem;font-weight:600;color:#ffffffd1}.photo-preview{position:relative;width:100%;aspect-ratio:16/10;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photo-preview__close{position:absolute;top:.75rem;right:.75rem;z-index:2}.photo-preview__status{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;z-index:2;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem;border-radius:var(--radius);background:#0009;border:1px solid hsla(0,0%,100%,.18);color:#fff;font-size:.875rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-modal-backdrop{position:fixed;inset:0;z-index:200;background:#00000052;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.ai-modal-wrap{position:fixed;inset:0;z-index:201;justify-content:center;pointer-events:none}.ai-modal,.ai-modal-wrap{display:flex;align-items:center}.ai-modal{pointer-events:auto;width:clamp(252px,74vw,306px);padding:1.875rem 1.75rem 1.625rem;border-radius:28px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xl);flex-direction:column}.ai-modal__svg{width:100%;max-width:160px;height:auto;margin-bottom:1.125rem}.ai-modal__title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary);text-align:center}.ai-modal__sub{margin:.3rem 0 0;font-size:.8125rem;color:var(--text-secondary);text-align:center}.divider{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em}.divider:after,.divider:before{content:"";flex:1;height:1px;background:var(--border)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.375rem .75rem;border-radius:var(--radius-pill);background:var(--surface-muted);border:1px solid var(--border);color:var(--text-primary);font-size:.8125rem;font-weight:700}.chip__remove{display:inline-flex;min-height:0;padding:0;background:transparent;border:0;color:var(--text-muted);cursor:pointer}.chip__remove:hover{color:var(--text-primary)}.chip-btn{min-height:40px;padding:0 .875rem;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--warn-text);color:var(--warn-text);font-size:.8125rem;font-weight:700;cursor:pointer}.chip-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:.5rem}.chip-options .chip-btn{min-width:0;padding:0 .625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.callout{padding:1.125rem;border-radius:var(--radius-lg);background:var(--warn-bg);border:1px solid var(--warn-text)}.callout__title{margin:0 0 .5rem;font-size:.9375rem;font-weight:800;color:var(--warn-text)}.callout__body{margin:0 0 .875rem;font-size:.875rem;font-weight:600;color:var(--warn-text)}.result{display:flex;align-items:center;gap:.75rem;padding:.625rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:background .15s ease}.result:active,.result__thumb{background:var(--surface-muted)}.result__thumb{width:3rem;height:3rem;flex-shrink:0;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.result__name{display:block;font-size:.875rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result__meta{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.recipe-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.recipe-card__img{display:block;width:100%;height:9rem;-o-object-fit:cover;object-fit:cover;background:var(--surface-muted)}.recipe-card__body{padding:1.25rem}.recipe-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.recipe-card__title{font-size:1.0625rem;font-weight:800;margin:0}.recipe-card__time{flex-shrink:0;font-size:.75rem;font-weight:700;color:var(--accent-soft-text);background:var(--accent-soft);padding:.125rem .5rem;border-radius:var(--radius-pill)}.recipe-card__desc{margin:.5rem 0 0;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.recipe-card__macros{margin:.625rem 0 0;font-size:.8125rem;font-weight:700;color:var(--accent-strong)}.recipe-card__section{margin-top:1rem}.recipe-card__label{display:block;font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.375rem}.recipe-card__list{margin:0;padding-left:1.125rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.recipe-card__list li{margin-top:.25rem}.recipe-card__list--ordered li{margin-top:.5rem}.recipe-card__credit{display:inline-block;margin-top:1rem;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-decoration:none}.recipe-card__credit:hover{text-decoration:underline}.kv-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0}.kv-row+.kv-row{border-top:1px solid var(--border)}.kv-row__key{font-size:.875rem;color:var(--text-secondary)}.kv-row__key,.kv-row__val{font-weight:700}.icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-lg{width:2rem;height:2rem}.icon-sm{width:1rem;height:1rem}.spinner{width:1.125rem;height:1.125rem;border-radius:var(--radius-pill);border:2px solid var(--accent);border-top:2px solid transparent;animation:spin .7s linear infinite}.spinner-light{border-color:transparent #34d399 #34d399}.spinner-muted{border-color:var(--border);border-top-color:var(--text-muted);animation-duration:.6s}@keyframes spin{to{transform:rotate(1turn)}}.stepper{position:relative;width:100%}.stepper__input::-webkit-inner-spin-button,.stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper__input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper__input{padding-right:2.5rem}.stepper--line .stepper__input{padding-right:1.75rem}.stepper__controls{position:absolute;top:50%;right:.375rem;transform:translateY(-50%);display:grid;grid-template-rows:1fr 1fr;width:1.5rem;height:1.875rem;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border);overflow:hidden}.stepper--line .stepper__controls{right:0;background:transparent;border:0}.stepper__btn{display:flex;align-items:center;justify-content:center;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.stepper__btn:hover{color:var(--accent-strong);background:var(--surface-inset)}.stepper__btn:active{color:var(--accent-strong);background:var(--accent-soft)}.stepper__btn+.stepper__btn{border-top:1px solid var(--border)}.stepper--line .stepper__btn+.stepper__btn{border-top:0}.stepper__icon{width:.875rem;height:.875rem}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:20;width:100%;max-width:28rem;transform:translate(-50%);padding:.625rem .75rem calc(.625rem + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border)}.bottom-nav__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-height:0;padding:.5rem .25rem;border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:.625rem;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease}.nav-tab.is-active{background:var(--accent-soft);color:var(--accent-soft-text)}.nav-tab__icon{width:1.375rem;height:1.375rem}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.25rem;background:var(--page-bg);color:var(--text-primary)}.auth-card{width:100%;max-width:28rem;padding:1.75rem;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.choice__desc{display:block;margin-top:.2rem;font-size:.6875rem;font-weight:500;color:var(--text-muted);line-height:1.4}.choice.is-active .choice__desc{color:var(--accent-soft-text);opacity:.8}.choice{width:100%;min-height:0;padding:.875rem 1rem;text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-inset);color:var(--text-primary);font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.choice.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-soft-text)}.error-text{color:var(--danger-text)}.error-text,.link-btn{font-size:.875rem;font-weight:700}.link-btn{min-height:0;padding:0;background:transparent;border:0;color:var(--text-secondary);cursor:pointer}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{width:100%;max-width:24rem;max-height:calc(100dvh - 2.5rem);overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.dialog__head{display:block}.dialog__title{margin:0;font-size:1.125rem;font-weight:800;letter-spacing:-.01em;color:var(--text-primary)}.dialog__body{font-size:.9375rem;font-weight:600;line-height:1.5;color:var(--text-secondary)}.dialog__foot{display:flex;gap:.75rem}.dialog__foot>.btn{flex:1}.dialog-enter-active,.dialog-leave-active{transition:opacity .18s ease}.dialog-enter-active .dialog,.dialog-leave-active .dialog{transition:transform .18s ease,opacity .18s ease}.dialog-enter-from,.dialog-leave-to{opacity:0}.dialog-enter-from .dialog,.dialog-leave-to .dialog{opacity:0;transform:translateY(8px) scale(.98)}.streak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.streak-badge{font-size:.75rem;font-weight:700;color:var(--accent-strong);background:var(--accent-soft);padding:.2rem .625rem;border-radius:var(--radius-pill)}.streak-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:3px}.streak-weekdays span{text-align:center;font-size:.5625rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.streak-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.streak-cell{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--track);position:relative;display:flex;align-items:center;justify-content:center}.streak-cell--logged{background:var(--streak-low)}.streak-cell--protein{background:var(--streak-mid)}.streak-cell--both{background:var(--accent)}.streak-cell--future{background:transparent;border:1px dashed var(--border);opacity:.45}.streak-cell--today.streak-cell--none{box-shadow:inset 0 0 0 2px var(--text-muted)}.streak-cell--today.streak-cell--logged{box-shadow:inset 0 0 0 2px var(--streak-mid)}.streak-cell--today.streak-cell--protein{box-shadow:inset 0 0 0 2px var(--accent)}.streak-cell--today.streak-cell--both{box-shadow:inset 0 0 0 2px var(--accent-strong)}.streak-check{width:52%;height:52%;color:#fff;flex-shrink:0}.streak-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .75rem;margin-top:.625rem;font-size:.6875rem;color:var(--text-muted)}.streak-legend__item{display:inline-flex;align-items:center;gap:.3rem}.streak-legend__dot{width:.625rem;height:.625rem;border-radius:var(--radius-sm);flex-shrink:0}.streak-fire{width:1.375rem;height:1.375rem;flex-shrink:0;transition:color .4s ease;transform-origin:bottom center}.streak-fire--cold{color:var(--text-muted)}.streak-fire--warm{color:#f59e0b}.streak-fire--hot{color:#f97316}.streak-fire--blazing{color:#ef4444}.streak-fire--inferno{color:#dc2626;animation:fire-flicker 1.4s ease-in-out infinite}.streak-fire--stellar{color:#3b82f6;animation:fire-stellar 2.2s ease-in-out infinite}@keyframes fire-flicker{0%,to{transform:scale(1);opacity:1}35%{transform:scale(1.12);opacity:.88}70%{transform:scale(.96);opacity:.95}}@keyframes fire-stellar{0%{transform:rotate(-3deg) scale(1);opacity:1}19%{transform:rotate(4deg) scale(1.05);opacity:.93}37%{transform:rotate(-5deg) scale(.98);opacity:.97}58%{transform:rotate(3deg) scale(1.04);opacity:.91}76%{transform:rotate(-4deg) scale(1.02);opacity:.95}to{transform:rotate(-3deg) scale(1);opacity:1}}.scanner-panel{transition:background .16s ease,border-color .16s ease}.scanner-panel.light-red{border-color:#ef4444;background:#fef2f2}.scanner-panel.light-green{border-color:#22c55e;background:#f0fdf4}.scanner-video{width:100%;max-height:220px;border-radius:var(--radius);background:var(--surface-inset);-o-object-fit:cover;object-fit:cover}