.interface-menus{position:fixed;z-index:10000;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:auto;min-height:44px;max-width:calc(100% - 20px);padding:9px 14px;border:1px solid #b7cbe3;border-radius:24px;background:#fff;color:#214b83;font:600 13px/1.3 system-ui,sans-serif;box-shadow:0 2px 12px #173a6624;cursor:pointer;touch-action:manipulation;transform:translate(var(--interface-menus-x,0px),var(--interface-menus-y,0px))}
.interface-menus--flow{position:relative;right:auto;bottom:auto;display:block;flex:none;align-self:flex-end;margin:10px 10px 10px auto;transform:none}
.interface-menus.interface-menus--compact{width:44px;min-width:44px;padding:8px;font-size:0;line-height:0}.interface-menus--compact::before{content:"☰";font:600 21px/1 system-ui,sans-serif}
body.is-home .interface-menus{display:none!important}
.interface-menus[hidden]{display:none!important}.interface-menus:focus-visible{outline:3px solid #2776ce;outline-offset:3px}
/* Placement measures the current box; inherited transitions must not move or resize it afterwards. */
.interface-menus{transition:none!important;animation:none!important}
body:has(dialog[open]) #interfaceMenus{display:none!important}
.interface-menus[aria-pressed=true]{background:#2665b5;color:white;border-color:#2665b5}
.interface-menus-hidden [data-interface-menu],.interface-menus-hidden nav,.interface-menus-hidden [role=toolbar],.interface-menus-hidden [role=tablist]{display:none!important}
.interface-menus-hidden .geo-workspace,.interface-menus-hidden #geometryApp,.interface-menus-hidden #geometry3d,.interface-menus-hidden #geometryLessons,.interface-menus-hidden #fractionsApp,.interface-menus-hidden .editor-layout,.interface-menus-hidden .editor-workspace,.interface-menus-hidden .face-workspace,.interface-menus-hidden .topics-layout{grid-template-columns:minmax(0,1fr)!important}
.interface-menus-hidden .editor-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}.interface-menus-hidden .editor-stage{grid-column:1!important;grid-row:1!important}
body.interface-menus-hidden:has(#familyBoard)>main{grid-template-columns:minmax(0,1fr)!important}
.interface-menus-hidden #nApp{grid-template-columns:minmax(0,1fr)!important}
body[data-interface-role=student] :is(#geoProject,#geoProjectStatus,#nProjection,#secondScreen,[data-word-cloud-project],[data-project-control]){display:none!important}
body[data-interface-role=student] label:has(#secondScreen){display:none!important}
@media print{.interface-menus{display:none!important}}