/* Append AFTER claude-roam.css. Only these small status pills receive glass styling. */
#viewer #loading.roam-load,#roam-model-loading.roam-load{
  position:absolute;inset:auto!important;left:50%!important;top:auto!important;
  bottom:calc(max(20px,env(safe-area-inset-bottom,0px)) + 72px)!important;
  transform:translateX(-50%)!important;translate:none!important;scale:1!important;
  z-index:7;display:flex!important;align-items:center;justify-content:flex-start;gap:10px;
  width:max-content;max-width:min(390px,calc(100% - 32px));min-height:44px;
  margin:0;padding:11px 15px;border:1px solid rgba(227,255,244,.24)!important;border-radius:16px!important;
  background:linear-gradient(140deg,rgba(255,255,255,.11),rgba(255,255,255,.025)),rgba(14,29,25,.92)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 7px 24px rgba(0,0,0,.26);
  color:#edf8f1;font:500 12px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.01em;text-align:left;opacity:1!important;visibility:visible!important;
  pointer-events:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  filter:none!important;transition:none!important;overflow:hidden;
}
#viewer #loading.roam-load[hidden],#roam-model-loading.roam-load[hidden]{display:none!important}
#viewer #loading.roam-load{top:calc(max(20px,env(safe-area-inset-top,0px)) + 68px)!important;bottom:auto!important}
#roam-model-loading.roam-load{bottom:calc(max(24px,env(safe-area-inset-bottom,0px)) + 80px)!important;z-index:5}
.roam-load-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.roam-load-title{display:block;overflow-wrap:anywhere;font-weight:550}.roam-load-detail{font-size:10px;color:#b3c7bc;font-weight:400;letter-spacing:0}
.roam-load-spinner{width:17px;height:17px;flex:0 0 17px;border:1.5px solid rgba(221,255,237,.22);border-top-color:#d4ffe5;border-right-color:#9ad8b5;border-radius:50%;animation:none;box-sizing:border-box}
.roam-load.is-loading .roam-load-spinner{animation:roam-loading-turn .9s linear infinite}
.roam-load-meter{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(213,255,231,.09)}.roam-load-meter>span{display:block;transform-origin:left;height:100%;background:#b5e7c8;transition:transform .18s ease}
.roam-load-action{pointer-events:auto;flex-shrink:0;border:1px solid #d4ffe540;border-radius:9px;padding:8px 10px;color:#e1ffec;text-decoration:none;font-size:10px;background:#d4ffe50a}.roam-load-action:hover{background:#d4ffe51c}.roam-load-action:focus-visible{outline:2px solid #e2ffeb;outline-offset:3px}
.roam-load.is-error .roam-load-spinner{border:0;border-radius:50%;background:#e7c1a020;position:relative}.roam-load.is-error .roam-load-spinner::after{content:'!';position:absolute;inset:0;text-align:center;font-size:12px;color:#f2d5b6}
@keyframes roam-loading-turn{to{transform:rotate(360deg)}}
@media(max-width:600px){#viewer #loading.roam-load{top:calc(max(14px,env(safe-area-inset-top,0px)) + 64px)!important}#viewer #loading.roam-load,#roam-model-loading.roam-load{max-width:calc(100% - 28px);font-size:11px;padding:10px 12px;gap:8px;border-radius:14px!important}.roam-load-detail{font-size:9px}.roam-load-action{max-width:96px;text-align:center;padding:7px 8px}}
@media(max-height:500px) and (orientation:landscape){#viewer #loading.roam-load,#roam-model-loading.roam-load{top:auto!important;left:auto!important;right:max(14px,env(safe-area-inset-right,0px))!important;bottom:max(14px,env(safe-area-inset-bottom,0px))!important;transform:none!important;max-width:min(290px,39vw);font-size:10px;padding:9px 11px;z-index:7}.roam-load-detail{font-size:9px}.roam-load-action{max-width:90px;padding:6px}}
@media(prefers-reduced-motion:reduce){.roam-load.is-loading .roam-load-spinner{animation:none!important;border-color:#a8c9b6;border-top-color:#fff}.roam-load-meter>span{transition:none!important}}