/* room-nav.css · ur7-16p · the bottom bar and floating pencil (drawn by room-nav.js)
   The dock sits lower: it keeps 16px less of the iPhone home-bar area (never less than 6px). */
:root{--urnb-row:50px;--urnb-pad:max(6px,calc(env(safe-area-inset-bottom) - 16px));--urnb-h:calc(var(--urnb-row) + var(--urnb-pad))}
.urnb{position:fixed;left:0;right:0;bottom:0;z-index:39;box-sizing:border-box;height:var(--urnb-h);padding-bottom:var(--urnb-pad);
  display:flex;justify-content:center;background:rgba(0,0,0,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-top:.5px solid color-mix(in srgb,var(--line,#2f3336) 70%,transparent);will-change:transform;
  transform:translateY(calc(100% + 2px));opacity:0;pointer-events:none;
  transition:transform .3s var(--ease,cubic-bezier(.32,.72,0,1)),opacity .2s}
html.urnb-on .urnb{transform:translateY(var(--urnb-y,0px));opacity:1;pointer-events:auto}
html.urnb-on.urnb-down .urnb{pointer-events:none}
html.urnb-drag .urnb,html.urnb-drag .urnb-fab{transition:none}
.urnb-in{display:flex;width:100%;max-width:600px;height:var(--urnb-row)}
.urnb-b{flex:1;position:relative;display:grid;place-items:center;height:var(--urnb-row);padding:0;margin:0;border:0;background:none;color:var(--tx,#e7e9ea);
  font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.urnb-b svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;overflow:visible;
  opacity:.5;transition:opacity .18s,transform .18s var(--ease,cubic-bezier(.32,.72,0,1))}
.urnb-b svg.urnb-dv{width:32px;height:32px;fill:currentColor;stroke:none}
.urnb-b[aria-current="page"] svg,.urnb-b:active svg{opacity:1}
.urnb-b:active svg{transform:scale(.86)}
@media (hover:hover){.urnb-b:hover svg{opacity:.85}}
.urnb-b:focus-visible{outline:2px solid var(--blue,#1d9bf0);outline-offset:-8px;border-radius:14px}
.urnb-b[aria-current="page"] svg{stroke-width:2.45}
.urnb-b[aria-current="page"] .urnb-f{fill:currentColor}
.urnb-b[aria-current="page"] .urnb-flap{stroke:#000}
.urnb-dot{position:absolute;left:50%;bottom:3px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--blue,#1d9bf0);
  transform:scale(0);transition:transform .22s var(--ease,cubic-bezier(.32,.72,0,1))}
.urnb-b.new .urnb-dot{transform:scale(1)}
.urnb-n{position:absolute;top:5px;left:calc(50% + 3px);min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;
  background:#f4212e;color:#fff;font-size:11px;font-weight:700;line-height:17px;text-align:center;font-variant-numeric:tabular-nums;
  box-shadow:0 0 0 2px #000;transform:scale(0);transition:transform .2s var(--ease,cubic-bezier(.32,.72,0,1))}
.urnb-n.on{transform:scale(1)}
.urnb-fab{position:fixed;right:max(16px,calc(50vw - 284px));bottom:calc(var(--urnb-h) + 16px);z-index:39;
  width:56px;height:56px;padding:0;border:0;border-radius:50%;background:var(--blue,#1d9bf0);color:#fff;display:grid;place-items:center;
  box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 0 .5px rgba(255,255,255,.08);cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform;
  transform:scale(.6);opacity:0;pointer-events:none;transition:transform .3s var(--ease,cubic-bezier(.32,.72,0,1)),opacity .2s}
html.urnb-on.urnb-pen .urnb-fab{transform:translateY(var(--urnb-fy,0px));opacity:1;pointer-events:auto}
html.urnb-on.urnb-pen .urnb-fab:active{transform:translateY(var(--urnb-fy,0px)) scale(.92)}
.urnb-fab svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.urnb-fab:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* room for the bar, so nothing important hides under it */
html.urnb-on .toast{bottom:calc(var(--urnb-h) + 14px)}
html.urnb-on #feed{padding-bottom:calc(var(--urnb-row) + 14px)}
html.urnb-on .upf-sc{padding-bottom:calc(var(--urnb-h) + 20px)}
html.urnb-on .uc{--bot:var(--urnb-h)}
@media (prefers-reduced-motion:reduce){.urnb,.urnb-fab,.urnb-b svg,.urnb-dot,.urnb-n{transition:none}}
/* ur7-16p end */