/* GLOBAL RECORD DOCK
   One navigation component shared by desktop and mobile. */
.record-dock-shell{
  position:fixed;z-index:74;left:50%;bottom:16px;width:min(780px,calc(100vw - 48px));
  transform:translateX(-50%);display:block
}
.record-dock-nav{
  display:grid;grid-template-columns:repeat(5,1fr);min-height:70px;
  border:1px solid #314047;background:#071013f2;backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);box-shadow:0 18px 46px #000b;border-radius:12px;overflow:hidden
}
.record-dock-nav button{
  position:relative;border:0;border-right:1px solid #243138;background:transparent;color:#6f8088;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:8px 6px;
  cursor:pointer
}
.record-dock-nav button:last-child{border-right:0}
.record-dock-nav span{font:750 8px ui-monospace,SFMono-Regular,monospace;color:#52646c}
.record-dock-nav b{font-size:12px;line-height:1;white-space:nowrap}
.record-dock-nav button:hover{background:#0d171b;color:#c7d5da}
.record-dock-nav button.active{background:#111c20;color:#eef5f7}
.record-dock-nav button.active:after{
  content:"";position:absolute;left:22%;right:22%;bottom:0;height:2px;background:#b9dce4
}
.record-dock-nav button.active span{color:#a7cbd4}

.record-more-menu{
  position:absolute;right:0;bottom:80px;width:240px;padding:7px;
  border:1px solid #34464d;border-radius:12px;background:#081115f7;
  box-shadow:0 18px 42px #000c;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s
}
.record-dock-shell.more-open .record-more-menu{opacity:1;visibility:visible;transform:none}
.record-more-menu button{
  width:100%;min-height:50px;border:0;border-bottom:1px solid #233138;background:transparent;color:#a8b8be;
  display:flex;align-items:center;justify-content:space-between;padding:0 13px;text-align:left;font-size:12px;font-weight:800;cursor:pointer
}
.record-more-menu button:last-child{border-bottom:0}
.record-more-menu button span{font:750 9px ui-monospace,SFMono-Regular,monospace;color:#61747c}
.record-more-menu button:hover,.record-more-menu button.active{color:#edf4f6;background:#111b1f}

.archive-shell{padding-bottom:126px}
.main{padding-bottom:118px}

@media(max-width:820px){
  .record-dock-shell{
    left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;transform:none
  }
  .record-dock-nav{min-height:68px}
  .record-dock-nav button{padding:8px 3px}
  .record-dock-nav b{font-size:11px}
  .record-more-menu{bottom:76px;width:min(240px,62vw)}
  .archive-shell{padding-bottom:104px}
  .main{padding-bottom:86px!important}
}
@media(prefers-reduced-motion:reduce){
  .record-more-menu{transition:none}
}