body.fl-body,body.fl-body *,body.fl-body *::before,body.fl-body *::after{box-sizing:border-box;}
body.fl-body{
  margin:0;
  padding:0;
  background:var(--fl-bg-deep);
  color:var(--fl-ink-0);
  font-family:var(--fl-sans);
  -webkit-font-smoothing:antialiased;
}
body.fl-body:has(.fl-table-wrap){
  background:
    radial-gradient(ellipse 70% 50% at 28% 12%,rgba(148,96,46,.4) 0%,transparent 60%),
    repeating-linear-gradient(115deg,rgba(0,0,0,.14) 0 3px,transparent 3px 11px),
    linear-gradient(165deg,var(--fl-wood-1) 0%,var(--fl-wood-2) 42%,var(--fl-wood-3) 76%,var(--fl-bg-deep) 100%);
}
.fl-screen{
  position:relative;
  min-height:100dvh;
  overflow-x:hidden;
}
.fl-panel{
  position:relative;
  z-index:1;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  padding:22px var(--fl-gutter) 40px;
}
.fl-header{
  position:relative;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
}
.fl-header--inline{
  justify-content:flex-start;
  gap:14px;
}
.fl-header--inline .fl-title{font-size:24px;line-height:1.2;}
.fl-header--center{position:relative;}
.fl-header--center .fl-title{position:absolute;left:0;right:0;text-align:center;font-size:27px;pointer-events:none;}
.fl-header--center .fl-back{position:absolute;left:0;top:50%;margin-top:-17px;z-index:1;}
.fl-back{
  flex:none;
  width:34px;
  height:34px;
  border-radius:50%;
  background:none;
  border:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
  color:var(--fl-ink-0);
}
.fl-back svg{width:24px;height:24px;display:block;}
.fl-title{
  margin:0;
  font-family:var(--fl-serif);
  font-weight:700;
  font-size:26px;
  color:var(--fl-ink-0);
}
.fl-header-title{
  position:absolute;
  left:0;
  right:0;
  text-align:center;
  margin:0;
  font-family:var(--fl-serif);
  font-weight:700;
  font-size:24px;
  color:var(--fl-ink-0);
}
.fl-dim{color:var(--fl-ink-2);}
.off{display:none !important;}