/* Shared loading is independent of the host page's theme and never locks scrolling/focus. */
.times-loading-overlay[hidden],.times-loading-bar[hidden],.times-loading-component[hidden],.times-loading-notice[hidden]{display:none!important}
.times-loading-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(20,33,61,.22);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none}
.times-loading-card{display:grid;justify-items:center;gap:12px;width:min(360px,100%);padding:24px;border:1px solid #e6ded2;border-radius:16px;background:#fffdf9;box-shadow:0 20px 50px rgba(7,21,45,.18);color:#14213d;text-align:center;font:inherit}
.times-loading-card img{width:150px;max-height:46px;object-fit:contain}
.times-loading-card strong{font:600 16px/1.5 system-ui,sans-serif}
.times-loading-card small{color:#65708a;font:13px/1.5 system-ui,sans-serif}
.times-loading-spinner{display:inline-block;flex-shrink:0;width:24px;height:24px;border:3px solid #f6d6c7;border-top-color:#ec6a35;border-radius:50%;animation:times-loading-spin .8s linear infinite}
.times-loading-bar{position:fixed;inset:0 0 auto;z-index:9998;display:flex;justify-content:center;align-items:center;gap:10px;border-top:3px solid #ec6a35;background:#fffdf9;color:#14213d;padding:7px 16px;box-shadow:0 3px 10px #14213d18;font:14px/1.5 system-ui,sans-serif;pointer-events:none}
.times-loading-bar .times-loading-spinner{width:16px;height:16px;border-width:2px}
.times-loading-component{display:flex;align-items:center;gap:10px;max-width:100%;padding:12px;margin:8px 0;background:#fffdf9;color:#14213d;border:1px solid #e6ded2;border-radius:10px;font:14px/1.5 system-ui,sans-serif}
.times-loading-notice{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:10000;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;background:#14213d;color:#fffdf9;border-radius:10px;font:14px/1.6 system-ui,sans-serif;pointer-events:none}
@keyframes times-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.times-loading-spinner{animation:none;border-style:dotted}}
@media(max-width:600px){.times-loading-card{padding:20px}.times-loading-bar{justify-content:flex-start}}