/* Press feedback never changes layout, focus outlines, or existing transforms. */
:root{--feedback-accent:#1f4b3b}
body[data-app-page]{--feedback-accent:#c7332d;--feedback-top:112px}
:where(a[href],button,summary,[role="button"],input[type="submit"],input[type="button"],select):not(:disabled):not([aria-disabled="true"]):active,[data-feedback-pressed]{filter:brightness(.82)}
[data-feedback-pending]{cursor:progress}
#navigation-feedback{position:fixed;inset:0;z-index:1500;pointer-events:none;color:#183f34;font-family:inherit}
#navigation-feedback[hidden]{display:none!important}
.sp-feedback-line{position:absolute;inset:0 0 auto;height:3px;background:#e2e8e3;overflow:hidden}
.sp-feedback-line::after{content:"";position:absolute;inset:0;background:var(--feedback-accent);transform-origin:left;animation:sp-progress 1.1s ease-in-out infinite}
.sp-feedback-notice{position:absolute;top:calc(var(--feedback-top,var(--header-height,84px)) + env(safe-area-inset-top,0px) + 8px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);width:max-content;min-height:44px;padding:10px 16px;background:#fff;border:1px solid #d8e0d5;border-radius:12px;box-shadow:0 4px 16px #183f3412}
.sp-feedback-notice p{margin:0;min-width:0;font-size:15px;line-height:1.5;font-weight:600;overflow-wrap:break-word}
.sp-feedback-spinner{display:block;flex:0 0 18px;width:18px;height:18px;border:2px solid #d8e0d5;border-right-color:var(--feedback-accent);border-top-color:var(--feedback-accent);border-radius:50%;animation:sp-spin .7s linear infinite}
#navigation-feedback[data-kind="handoff"] .sp-feedback-line{display:none}
body[data-app-screen="catalog"]{--feedback-top:60px}
@keyframes sp-progress{0%{transform:translateX(0) scaleX(.18)}100%{transform:translateX(100%) scaleX(.6)}}
@keyframes sp-spin{to{transform:rotate(360deg)}}
@media(min-width:900px){body[data-app-page]{--feedback-top:84px}}
@media(prefers-reduced-motion:reduce){.sp-feedback-line::after,.sp-feedback-spinner{animation:none}.sp-feedback-line::after{transform:scaleX(.35)}}
@media(forced-colors:active){.sp-feedback-line::after{background:Highlight}.sp-feedback-notice{border-color:CanvasText;background:Canvas;color:CanvasText}.sp-feedback-spinner{border-color:GrayText;border-top-color:Highlight}}