/* A continuous, opaque bottom dock, including the iPhone home-indicator area. */
.brand{padding:0;display:block;line-height:0;flex-shrink:0}.brand-logo{display:block;width:184px;height:auto;object-fit:contain}.sidebar .edition{margin-left:18px}.mobile-brand .brand-logo{width:164px}@media(min-width:801px) and (max-width:1100px){.sidebar .brand-logo{width:156px}}@media(max-width:360px){.mobile-brand .brand-logo{width:142px}}
.reset-icon{width:44px;height:44px;min-width:44px;padding:10px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--muted)}
.reset-icon:hover{background:#edf0e9;color:var(--ink)}
.reset-icon svg{width:22px;height:22px}
@media(max-width:800px){
  :root{--nav-height:calc(70px + env(safe-area-inset-bottom,0px));--cook-dock-height:110px}
  .bottomnav{bottom:0;inset-inline:0;margin:0;border-radius:0;background:#fafbf9;backdrop-filter:none;-webkit-backdrop-filter:none;min-height:var(--nav-height);padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));z-index:50;box-shadow:none}
  .bottomnav:after{content:'';position:absolute;top:100%;left:0;right:0;height:100vh;background:#fafbf9;pointer-events:none}
  .bottomnav button{min-height:54px;justify-content:center;flex:1;min-width:0;font-size:13px}
  .main{padding-bottom:calc(var(--nav-height) + 24px)}
  .fixed-clock{left:0;right:0;bottom:var(--nav-height);width:100%;max-width:none;margin:0;border-radius:0;padding:12px 18px;border:0;box-shadow:none;z-index:49;gap:12px;flex-wrap:wrap}
  .with-clock .main{padding-bottom:calc(var(--nav-height) + var(--cook-dock-height) + 24px)}
  #toast{bottom:calc(var(--nav-height) + 12px);z-index:60}
  .with-clock #toast{bottom:calc(var(--nav-height) + var(--cook-dock-height) + 12px)}
  html{scroll-padding-bottom:calc(var(--nav-height) + var(--cook-dock-height) + 24px)}
}