/* =========================================================================
   loader.css — the opening counter [000] → [100] with a thin progress bar.
   Driven by js/components/loader.js.
   ========================================================================= */

#loader{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--sky-low);transition:opacity 1.1s ease,visibility 0s 1.1s}
#loader.done{opacity:0;visibility:hidden}
#loader .num{font-size:12px;letter-spacing:.2em;font-variant-numeric:tabular-nums;color:#fff}
#loader .bar{position:absolute;left:50%;bottom:calc(40px + env(safe-area-inset-bottom,0px));width:140px;height:1px;margin-left:-70px;background:rgba(255,255,255,.35);overflow:hidden}
#loader .bar i{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(0)}