/* FOOTER */
.ft{display:none!important}   /* black extends through the iPhone home-indicator area */
.ft .ft-brand{color:var(--paper)}
.ft .ft-tag,.ft .ft-links button,.ft .ft-links a,.ft .ft-fine{color:var(--paper)}
.ft-wrap{max-width:none;margin:0;padding:38px 28px 26px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.ft-brand{font-family:var(--courier);font-weight:500;font-size:12px;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
@media(hover:hover){.ft-brand:hover{color:var(--accent)}}
.ft-tag{font-family:var(--courier);font-size:11px;color:var(--muted);margin-top:9px;letter-spacing:.06em;text-transform:uppercase}
.ft-links{display:flex;gap:22px;flex-wrap:wrap;font-family:var(--courier);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding-top:4px}
.ft-links button,.ft-links a{color:var(--muted);text-decoration:none}
@media(hover:hover){.ft-links button:hover,.ft-links a:hover{color:var(--accent)}}
.ft-fine{max-width:none;margin:0;padding:0 28px 10px;font-family:var(--courier);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.8}
.ft-fine:last-child{padding-bottom:30px}
.ft-fine:empty{display:none}
@media(max-width:720px){.ft-wrap{padding:30px 20px 20px}.ft-fine{padding-left:20px;padding-right:20px}
  .ft{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}   /* clearance so the floating + never covers the footer text */
/* standalone PWA (viewport-fit=cover): keep the top of the UI out of the status-bar / notch area */
@media(display-mode:standalone){
  .app-bar{padding-top:env(safe-area-inset-top,0px)}
  .demobar{padding-top:calc(8px + env(safe-area-inset-top,0px))}
  #demoBar:not(.hide)+.app-bar{padding-top:0}
  #signin{padding-top:env(safe-area-inset-top,0px)}
}
.demobar{background:var(--ink);color:var(--paper);text-align:center;font-family:var(--courier);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px}
.demobar button{color:var(--paper);text-decoration:underline;font-family:var(--courier);font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-left:8px}
.toast{position:fixed;bottom:78px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--paper);padding:14px 22px;font-family:var(--courier);font-size:12px;letter-spacing:0.06em;text-transform:uppercase;opacity:0;pointer-events:none;transition:.3s;z-index:180;border-radius:var(--radius);text-align:center}
.toast.show{pointer-events:auto /* v2.18 — hidden, the toast must never intercept taps: it floats over the More sheet's rows */}
.toast button{color:var(--volt);font-family:var(--courier);font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;margin-left:12px;padding:6px 2px}