:root{--background: #F2F4F7;--foreground: var(--ui-900);--primary-dark: var(--ui-800);--primary-light: var(--ui-600);--secondary: var(--ui-400);--accent: var(--ui-900);--font-montserrat: "Montserrat", sans-serif;--font-open-sans: "Open Sans", sans-serif}*,*:before,*:after{box-sizing:border-box}body{background:var(--accent);color:var(--background);font-family:var(--font-open-sans);margin:0}h1{font-size:2em;margin:0;padding:0}h1 span.ice,h6 span.ice{color:var(--primary-dark)}h1 span.works,h6 span.works{color:var(--primary-light)}.account-menu{display:flex;align-items:center}#root{display:flex;flex-direction:column;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root>header,#root>footer{flex-shrink:0}#root>main{flex:1;min-height:0;overflow:hidden}#root.landscape-stopped{height:auto;min-height:100dvh}#root.landscape-stopped>main{flex:none;overflow:visible}#audio-controls button.MuiBottomNavigationAction-root{background-color:var(--white);color:var(--ui-900)}#audio-controls button.MuiBottomNavigationAction-root.active{background-color:var(--ui-200)}.step-tracker-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;flex-grow:1;min-height:0;overflow:"hidden";background-color:var(--background)}.step-stack{height:100%;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:2}.step-card{padding:1em;padding-left:"1em";background-color:var(--background);border-color:var(--neutral-300);transition:"all 0.3s ease";opacity:.5;transform:scale(1);border-width:1;margin-top:0}.step-card h5{color:var(--ui-900)}.step-card.active{padding:1em;background-color:var(--ui-900);opacity:1;border-width:2;margin-top:0;border-radius:0}.step-card.active h5{color:var(--ui-50)}.step-card-active{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;flex-grow:4;flex-shrink:1;padding:24px}.step-card-active .step-title{font-size:3em;color:var(--primary-dark);font-weight:700}.step-card-active .step-icon{display:flex;justify-content:center;align-items:center;width:100vw;height:100vw;max-width:200px;max-height:200px;font-size:200px;line-height:0}.step-card-next{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;height:13vw;width:100vw;opacity:.45}.step-card-next .step-icon{display:flex;justify-content:center;align-items:center;width:10vw;height:10vw;font-size:10vw}.playback-control.active{background-color:var(--secondary)}