/* Browser edition. The native application is unchanged. */
html.web-app,html.web-app body{width:100%;height:100%;margin:0;background:#f3eefb!important}
html.web-app #root{max-width:none;height:100%}
html.web-app .tuner.standalone{width:min(100%,560px)!important;min-width:0!important;max-width:560px!important;overflow-x:hidden;overflow-y:auto!important}
html.web-app .tuner.standalone .composition{height:auto!important;min-height:var(--available-height,100dvh)!important;gap:8px!important;padding-bottom:110px!important}
html.web-app .tuner.standalone .hero{height:140px!important}
html.web-app .mock-brand{width:300px!important;max-width:86%;left:50%!important;transform:translateX(-50%)}
html.web-app .tuner.standalone .wheel-section{width:min(94%,var(--web-wheel,400px))!important;height:min(90vw,var(--web-wheel,400px))!important;aspect-ratio:1!important;flex:none!important;margin:auto!important}
html.web-app .tuner.standalone .lower-info{margin:0!important}
html.web-app .tuner.standalone.screen-metronome .composition{display:flex!important}
html.web-app .tuner.standalone .persistent-metronome{flex:1;min-height:0}
html.web-app .tuner.standalone.screen-metronome .metro-page{max-height:none!important;margin:0 auto!important}
html.web-app .app-navigation button{min-height:44px}
@media(min-width:900px) and (min-height:650px){html.web-app .tuner.standalone{box-shadow:0 0 80px #4a339218}}
@media(max-height:600px){html.web-app .tuner.standalone .hero{height:125px!important}html.web-app .tuner.standalone .composition{gap:6px!important}}
html.web-app .tuner.standalone.screen-tuner .wheel-section,
html.web-app .tuner.standalone.screen-accordeur .wheel-section{width:var(--web-wheel,350px)!important;height:var(--web-wheel,350px)!important;min-height:var(--web-wheel,350px)!important;max-height:var(--web-wheel,350px)!important}
html.web-app .tuner.standalone.screen-accordeur .composition{overflow:visible!important}
/* Centre le métronome entre l’en-tête et la navigation. */
html.web-app .tuner.standalone.screen-metronome .composition{height:var(--available-height,100dvh)!important;padding-bottom:80px!important;gap:0!important}
html.web-app .tuner.standalone.screen-metronome .persistent-metronome{display:flex;flex:1 0 auto;align-items:center;justify-content:center;width:100%;padding:12px 0;box-sizing:border-box}
html.web-app .tuner.standalone.screen-metronome .metro-page{flex:none;margin:0 auto!important}

html.web-app .tuner.standalone.screen-metronome .metro-page{align-self:center!important;height:auto!important;min-height:0!important}
html.web-app .tuner.standalone.screen-metronome .persistent-metronome{height:auto!important;flex:1 0 auto!important}