.gcsi-feedback-region{position:fixed;right:18px;bottom:18px;z-index:10050;display:grid;gap:10px;width:min(420px,calc(100vw - 28px));pointer-events:none}.gcsi-feedback-toast,.gcsi-feedback-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid #d6e1de;border-radius:13px;background:#fff;color:#31464d;box-shadow:0 12px 34px rgba(21,56,69,.13)}.gcsi-feedback-toast{padding:15px 14px;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;pointer-events:auto}.gcsi-feedback-toast.is-visible{opacity:1;transform:none}.gcsi-feedback-toast.is-leaving,.gcsi-feedback-banner.is-leaving{opacity:0;transform:translateY(5px)}.gcsi-feedback-banner{margin:18px 0;padding:14px 15px;transition:opacity .18s ease,transform .18s ease}.gcsi-feedback-icon{margin-top:1px;color:#087c75;font-size:21px}.gcsi-feedback-copy{min-width:0}.gcsi-feedback-copy strong{display:block;margin:0 0 3px;color:#153845;font-size:.78rem}.gcsi-feedback-copy p{margin:0;color:#536970;font-size:.72rem;line-height:1.55}.gcsi-feedback-banner .gcsi-feedback-copy{font-size:.76rem;line-height:1.55}.gcsi-feedback-close{display:grid;place-items:center;width:32px;height:32px;margin:-4px -4px 0 0;border:0;border-radius:8px;background:transparent;color:#6a7c82;cursor:pointer}.gcsi-feedback-close:hover,.gcsi-feedback-close:focus-visible{background:#edf4f2;color:#153845}.gcsi-feedback-close .gcsi-material-icon{font-size:18px}.gcsi-feedback--success{border-color:#b8dcd2;background:#f3faf8}.gcsi-feedback--success .gcsi-feedback-icon{color:#087c75}.gcsi-feedback--notice{border-color:#c9dce4;background:#f5fafc}.gcsi-feedback--notice .gcsi-feedback-icon{color:#356d83}.gcsi-feedback--warning{border-color:#ecd6ad;background:#fffaf0}.gcsi-feedback--warning .gcsi-feedback-icon{color:#996317}.gcsi-feedback--error{border-color:#e7bec9;background:#fff7f8}.gcsi-feedback--error .gcsi-feedback-icon{color:#9b2f4c}

.recipe-completion-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.42fr);gap:22px;align-items:center;margin:8px 0 14px;padding:15px 17px;border:1px solid #d9e4e1;border-radius:13px;background:#f8faf9}.recipe-completion-summary__copy .eyebrow{display:block;margin:0 0 3px;color:#087c75;font-size:.58rem}.recipe-completion-summary__copy strong,.recipe-completion-summary__copy small{display:block}.recipe-completion-summary__copy strong{color:#153845;font-size:.78rem}.recipe-completion-summary__copy small{margin-top:3px;color:#6a7c82;font-size:.63rem;line-height:1.4}.recipe-completion-summary__meter{height:8px;overflow:hidden;border-radius:999px;background:#dce7e4}.recipe-completion-summary__meter>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#087c75,#31a69c);transition:width .2s ease}.recipe-submit-steps a{position:relative}.recipe-step-state{display:block;margin-top:5px;color:#839093;font-size:.56rem;font-weight:800;letter-spacing:.02em}.recipe-submit-steps a.is-in-progress .recipe-step-state{color:#916118}.recipe-submit-steps a.is-complete .recipe-step-state{color:#087c75}.recipe-submit-steps a.is-complete>span:first-child{background:#087c75!important;color:#fff!important;border-color:#087c75!important}.recipe-submit-steps a.is-complete>span:first-child::before{content:'✓'}.recipe-submit-steps a.is-complete>span:first-child{font-size:0}.recipe-submit-steps a.is-complete>span:first-child::before{font-size:.68rem}.recipe-submit-steps a[aria-current="step"]{border-color:#8fcac3!important;background:#f1f8f6!important;box-shadow:0 0 0 2px rgba(8,124,117,.06)}

.recipe-measurement-memory-note{margin:6px 0 0;color:#718086;font-size:.59rem;line-height:1.45}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid rgba(8,124,117,.42)!important;outline-offset:3px!important}

@media(max-width:760px){.gcsi-feedback-region{right:14px;bottom:14px;left:14px;width:auto}.recipe-completion-summary{grid-template-columns:1fr;gap:10px}.recipe-submit-steps{scroll-snap-type:x proximity}.recipe-submit-steps a{min-width:158px;scroll-snap-align:start}.recipe-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;width:100%}.recipe-actions>form{min-width:0}.recipe-actions .recipe-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:100%!important;min-width:0!important;min-height:52px!important;padding:7px 4px!important;border-radius:11px!important}.recipe-actions .recipe-action .gcsi-material-icon,.recipe-actions .recipe-action svg{width:19px!important;height:19px!important;font-size:19px!important}.recipe-actions .recipe-action span{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:.63rem!important;white-space:nowrap}.recipe-actions .recipe-action small{font-size:.55rem!important}.recipe-share-status{grid-column:1/-1}.recipe-nutrition-system button{min-height:44px}}

@media(max-width:380px){.recipe-actions{gap:5px!important}.recipe-actions .recipe-action{padding-inline:2px!important}.recipe-actions .recipe-action span{font-size:.59rem!important}}

@media(prefers-reduced-motion:reduce){.gcsi-feedback-toast,.gcsi-feedback-banner,.recipe-completion-summary__meter>span{transition:none}}